body { margin: 0px; font-family: 'Open Sans', sans-serif; color: #1b1464; height: 100vh; background: #FFF; position: absolute; width: 100% }
a:visited { /**/ }
a { color: #1b1464; }

.blue { color: #1b1464 }
.red { color: #ff0200 }
.centered { text-align: center }
.reduce { font-size: 0.85em }

.anchorOffset { position: relative; top: -171px }

input[type=text],input[type=date],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url] { height: 21px; width: 194px; padding: 1px; border: 1px solid #1b1464; border-radius: 4px; font-size:0.8em }
input[type=number] { width: 90px; }

button { height: 28px; line-height: 28px; background: #1b1464; border: none; color: #FFF; font-weight: 600; padding: 0px 15px; border-radius: 4px }

.display-none { display: none }

form .inactive, nav.inactive  { pointer-events: none; opacity: 0.4 }

header { height: 121px; position: fixed; top: 0px; width: 100%; background: rgba( 255,255,255,0.95 ); z-index: 1000 }
header .header { max-width: 1200px; height: 76px; margin: 15px auto 0px; }
header .logo a { height: 98%; width: auto; }
header .logo img { height: 100%; width: auto; }
header .logo { display: flex; justify-content: center; align-items: center; max-width: 300px; height: 100%; max-height: 76px; float: left }
header nav { float: left; margin: 0px;  display: flex; justify-content: center; align-items: center; height: 100% }
header nav ul { margin: 0px; padding-left: 50px; }
header nav ul>li { list-style: none;display: inline-block; height: 100%; padding: 0px 2em 0px 0.5em;width: auto; }
header nav ul>li a { color: #1b1464; text-decoration: none; font-size: 1.2em; font-weight: 700; text-transform: uppercase }
header nav #sellmyvehicle { margin-left: 70px }
header nav #sellmyvehicle a { display: block; height: 26px; background: #ff0200; color: #fff; text-transform: uppercase; text-decoration: none; padding: 1px 10px 0px; line-height: 25px; font-weight: 600; border-radius: 7px; letter-spacing: 1px }

header nav .menuIcon { display: none }

header #financeCalculator { position: absolute;  right: 20px; top: 20px; line-height: 2em;  cursor: pointer;  z-index: 10; font-size: 0.8em; text-align: right }
header.header-message #financeCalculator { top: 50px }
header #financeCalculator span.fa-calculator { font-size: 1em; padding-right: 0.5em }
header #financeCalculator span.text.hide { display: none }
header #financeCalculator a { text-decoration: none }
header #financeCalculator .calculator { color: #ff0200; font-weight: 600; text-transform: uppercase }

@media (max-width: 1400px) {
	header nav #sellmyvehicle { display: none }

}

@media (max-width: 1050px) {
	
	header nav ul { margin: 0px; padding-left: 20px;  }
	header nav { align-items: baseline }
	header nav ul>li { padding: 0px 1em 0px 0.5em;width: auto; font-size: 0.8em }
}

@media (max-width: 860px) {
  
	header nav ul { position: fixed; top: 90px; padding-left: 0px; right: 0px; border: 1px solid #433d82; border-radius: 10px 0px 0px 10px; transform: translateX( 100% ); background: #1b1464; z-index: 100; transition: all 0.5s linear }
	header nav ul li { display: block;   height: auto; padding: 0px 25px; box-sizing: border-box;width: 100%; height: 2.5em; line-height: 2.5em; border-top: 1px solid #433d82; }
	header nav.slide ul { transform: translateX( 0 ); }
	
	header nav ul li:first-child{  border-top: none }
	header nav ul>li a { font-weight: 400; text-transform: none; color: #FFF }
	header nav .mhide { display: none }

	header nav .menuIcon { display: block; cursor: pointer; position: absolute; top: 40px; right: 18px; font-size: 2em }

	header #financeCalculator { top: 10px }

}

header.header-message { height: 161px }
header.header-message .message { height: 40px; line-height: 40px; background: #000; color: #FFF; text-align: center; }
header.header-message .message a { color: #FFF; text-decoration: none }



main { min-height: calc( 100vh - 211px ); position: relative; margin-top: 121px; overflow: hidden; }
main:before { content: " "; position: fixed; height: 100vh; width: 100%; max-width: 1200px; left: calc( 50% - 600px ); top: 0px; z-index: -1; background: #f4f6f7;  }
header.header-message+main { min-height: calc( 100vh - 131px ); position: relative; margin-top: 161px; }

@media (max-width: 1200px) {

	main:before { left: 0px }
}


main section { max-width: 1200px; margin: 10px auto; position: relative;  }
main section p { width: 95%; margin: 0px 2.5% 2.5% 2.5% }
main section>form { width: 95%; margin: 0px 2.5% 2.5% 2.5% }
main section:first-child { margin-top: 0px }
main section:first-child h1 { font-size: 2.4em; margin: 30px auto 10px; width: 95%; color: #153758 }
main section:first-child h1.nomargin { margin: 0px 0px; width: 100%; }
footer { height: 90px; background: #1b1464; color: #FFF; overflow: hidden }
footer section {  max-width: 1200px; height: 100%; margin: 0px auto; position: relative; overflow: hidden  }
footer section>div.copyright { display:  block; margin-left: 40px; width: 15%; min-width: 80px;font-size: 0.8em; float: left; padding-top: 67px;  }
footer section>div.mission { font-size: 0.8em; width: 40%; line-height: 1.2em }
footer section>div.logo { height: 80px; width: 175px; float: left; margin-top: 4px }
footer section>div.logo img { width: auto; height: 90%; margin-top: 6px }
footer section>nav { float: right; height: 100%; }
footer section>nav ul { height: 100%; padding: 0px; margin: 0px }
footer section>nav ul li { list-style: none;display: inline-block; height: 100%; padding: 0px 2em 0px 0.5em;width: auto;line-height: 100% }
footer section>nav ul li a { color: #FFF; text-decoration: none; line-height: 90px; height: 100%; display: block;}

footer section .flaticon-link { display: block; position: absolute; right: 30px; bottom: 5px; color: #FFF; text-decoration: none; font-size: 0.8em }

@media (max-width: 620px) {

	footer section .flaticon-link { right: unset; bottom: 2px; left: 10px; font-size: 0.7em }
	footer section > div.logo img { height: 80%; margin-top: 0px }
}

.grecaptcha-badge { transform: translateY(-120%); }

main section:first-child h1 img { max-width: 1200px; width: 100%; height: auto }

@media (max-width: 960px) {

	footer section>nav { position: absolute; right: 10px; margin-top: 6px; font-size: 0.7em }
	footer section>nav ul { height: auto }
	footer section>nav ul li { list-style: none;display: block; height: auto; padding: 0px;width: auto;line-height: auto }
	footer section>nav ul li a { line-height: 1.3em; height: auto; display: block;}

}

#finance-calculator { transition: transform 0.5s linear; position: fixed; right: 0px; top: 121px; border: 1px solid #d6e8f1; border-radius: 5px 0px 0px 5px; padding: 15px; font-size: 1em; background: #FFF;z-index:2100 }
#finance-calculator input { height: 1.5em; font-size: 1em; width: 100px }
#finance-calculator #weeklyPayments { border: 1px solid #CCC; height: 25px; line-height: 23px; width: 120px; box-sizing: border-box; padding: 7px 5px 3px; font-weight: 600 }

#finance-calculator.slide { transform: translateX(100%) }

#finance-calculator #calculator-slideback { font-size: 1.5em; font-weight: bold; width: 25px; height: 25px; line-height: 25px; cursor: pointer }

.modal { display: none; width: 90vw; height: 90vh; position: absolute; top: 50%; left: 50%; transform: translate( -50%, -50% ); background: #FFF; z-index: 10000; border: 1px solid #433d82; border-radius: 5px;  }
.modal .content { width: 90%; margin: 60px auto 20px; max-height: calc( 100% - 80px ); overflow-y: scroll }
.modal>button.close { position: absolute; right: 5px; top: 5px; background: #FFF; box-shadow: none; outline: none; border: 1px solid #433d82; border-radius: 15%; font-size: 1.5em; /*line-height: 100%;*/ color: #1b1464; padding: unset; height: 23px; line-height: 17px; }

.modal.shade:after { display: block; content: " "; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 1; background: rgba( 255,255,255,0.6 ) }

@keyframes rotate {
  0% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
  25% {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
  }
  50% {
    -webkit-transform: rotate3d(0, 0, 1, 180deg);
    transform: rotate3d(0, 0, 1, 180deg);
  }
  75% {
    -webkit-transform: rotate3d(0, 0, 1, 270deg);
    transform: rotate3d(0, 0, 1, 270deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg);
    transform: rotate3d(0, 0, 1, 360deg);
  }
}

.modal-waiting { display: none;  position: fixed; top: 50%; left: 50%; transform: translate( -50%, -50% ); z-index: 20000; font-size: 2.5em }
.modal-waiting span { animation: rotate 2s normal linear infinite; }

.fa-search { cursor: pointer }

div.searchFormWrapper { height: 52px; }
form.homeSearch { height: 52px; position: relative; z-index: 10; display: inline-block; max-width: 800px; width: 90%  }
.centered form.homeSearch { /*left: -80px*/ }
form.homeSearch input, form.homeSearch input:focus { height: 1.5em; width: 100%; font-size: 2em; border: none; background: transparent; outline: none; color: #1b1464 }
form.homeSearch>div, form.advSearch>div { width: calc( 100% - 152px); position: relative; border: 1px solid #d6e8f1; background: #FFF; border-radius: 15px }

@media (max-width: 640px) {

	form.homeSearch>div, form.advSearch>div { width: calc( 100% - 104px); }

	form.homeSearch label { white-space: nowrap }
}

form.advSearch { text-align: left; display: inline-block; width: unset }
form.advSearch>div input[type=number] { width: 80px  }
form.advSearch>div { margin: 10px 0px; padding: 10px; box-sizing: border-box; max-width: 900px; width: 100%; position: relative }
form.homeSearch>div input+.fas { top: 10px; right: 8px; height: 22px; width: 24px; position: absolute; font-size: 24px;  }
form.advSearch>div .close { position: absolute; right: 3px; top: 3px; font-size: 2em; line-height: 80%; cursor: pointer; z-index: 20 }

form.advSearch table.left, form.advSearch table.right { width: 50% }

@media (max-width: 880px) {

	form.advSearch .table.left, form.advSearch .table.right { float: none }
}

#quickSearch { margin-bottom: 10px }
.listings #quickSearch { margin-bottom: 30px }
#quickSearch ul,#quickSubs ul { padding: 0px; margin: 0px; display: inline-block; }
#quickSubs ul { white-space: nowrap }
#quickSearch ul>li,#quickSubs ul>li { list-style: none;display: inline-block; margin-right: 30px; font-size: 0.8em }
#quickSearch ul>li:last-child,#quickSubs ul>li:last-child { margin-right: 0px }

#quickSearch ul>li a,#quickSubs ul>li a { text-decoration: none; display: inline-block }
#quickSearch ul>li a:after,#quickSubs ul>li a:after { display: block; clear: both; content: " " }
#quickSearch ul>li img,#quickSubs ul>li img { display: block }
#quickSearch ul>li span.lef,#quickSubs ul>li span.left { display: block; float: left }
#quickSearch ul>li span.right,#quickSubs ul>li span.right { display: block; float: right }

form.advSearch .fixHeight input[type=text] { color: #999 }
form.advSearch .fixHeight input[type=text].primed { color: #000 }

form.advSearch>div div.table>div>div:first-child { width: 160px; box-sizing: border-box }
form.advSearch>div div.table .fixHeight div { height: 33px; position: relative }
form.advSearch>div div.table .fixHeight div ul { margin: 0px; padding: 0px; max-width: calc( 100% - 26px ); position: absolute; background: #FFF; z-index: 10; width :198px; border-left: 1px solid #CCC; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; max-height: 400px; overflow: scroll; display: none }
form.advSearch>div div.table .fixHeight div ul li { list-style: none; padding: 4px 0px 1px 8px; border-top: 1px solid #CCC; height: 1.6em; line-height: 1.6em; font-size: 0.85em; cursor: pointer; white-space:nowrap; overflow: hidden }
form.advSearch>div div.table .reduce{ white-space: nowrap }

@media (max-width: 400px) {

	form.advSearch { font-size: 0.9em }
	form.advSearch>div div.table>div>div:first-child { width: 140px; }
	form.advSearch .fixHeight input[type="text"] { width: 100px }
}

form.searchBasics>div div.table .fixHeight div { height: 33px; position: relative }
form.searchBasics>div div.table .fixHeight div ul { margin: 0px; padding: 0px; max-width: calc( 100% - 40px ); position: absolute; background: #FFF; z-index: 10; width :100%; border-left: 1px solid #CCC; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; max-height: 400px; overflow: scroll; display: none }
form.searchBasics>div div.table .fixHeight div ul li { list-style: none; padding: 4px 0px 1px 8px; border-top: 1px solid #CCC; height: 1.6em; line-height: 1.6em; font-size: 0.85em; cursor: pointer }

form.searchBasics .fixHeight input[type=text] { color: #999 }
form.searchBasics .fixHeight input[type=text].primed { color: #000 }

table th { text-align: left }
table th+td { padding-left: 1em }

form.advSearch div.disabled { pointer-events: none; opacity: 0.4 }


form.homeSearch #results { margin: 0px; padding: 0px; background: #FFF; border-radius: 0px 0px 15px 15px; }
form.homeSearch #results li { list-style: none; padding: 4px 4px 1px 8px; border-top: 1px solid #d6e8f1; height: 2em; line-height: 2em; white-space: nowrap; overflow: hidden }
form.homeSearch #results li:last-child { border-radius: 0px 10px 10px 0px }
form.homeSearch #results li a { text-decoration: none; color: inherit; opacity: 0.6 }

form.homeSearch .advSearchBtn{ position: absolute; right: -5px; transform: translateX(100%); top: 0px; height: 100%; max-height: 50px; border-radius: 16px; border: none;padding: 0px 16px; background: #1b1464; color: #FFF; font-weight: 600; }

.listings {position: relative; width: 95%; margin: 0px auto}
.listings .wrapper { display: flex; justify-content: flex-start; flex-wrap: wrap; }
.listings.padded h2 { margin-bottom: 40px }

.listings #quickSubs { position: absolute; top: 0px; left: 50%; transform: translateX(-50%) }
.listings #quickSubs ul>li { margin-right: 20px; width: 60px; vertical-align: top }
.listings #quickSubs ul>li img { max-width: 60px; height: auto }

#searchAgain { z-index: 10 }

@media (max-width: 1048px) {

	.listings #quickSubs { display: none }
}

@media (min-width: 1048px) {

   

  .listings .wrapper .ilisting { width: 28.33%; margin: 10px 7.5% 20px 0px; background: #FFF; border-radius: 4px; box-shadow: 0 2px 10px -5px rgba(0,0,0,0.4); overflow: hidden; position: relative }
  .listings .wrapper .ilisting:nth-child( 3n ) { margin-right: 0px }
}

@media (min-width: 440px) and (max-width: 1047px) {

   .listings .wrapper .ilisting { width: 46%; margin: 10px 8% 20px 0px; background: #FFF; border-radius: 4px; box-shadow: 0 2px 10px -5px rgba(0,0,0,0.4); overflow: hidden; position: relative }
   .listings .wrapper .ilisting:nth-child( 2n ) { margin-right: 0px }

}

@media (max-width: 640px) {

    .listings .wrapper .ilisting { width: 100%; margin: 10px 0% 20px 0px; background: #FFF; border-radius: 4px; box-shadow: 0 2px 10px -5px rgba(0,0,0,0.4); overflow: hidden; position: relative }  
    .mhide { display: none }
    .listings #jumpMenu { padding-left: 5px !important }	
}

.listings .wrapper .ilisting:hover { box-shadow: 0 2px 10px -5px rgba(0,0,0,1); }

.ilisting a, .ilisting a img { display: block }

.listings .wrapper .ilisting .price { font-size: 1.1em; margin: 0px; font-weight: 600; display: block; position: absolute; top: 0px; width: 100%  }
.listings .wrapper .ilisting .price .full { display: block; float: left; background: rgba(27,20,100,0.75); color: #FFF; padding: 0px 4px  }
.listings .wrapper .ilisting .price .payments { display: block; float: right; background: rgba(27,20,100,0.75); color: #FFF; padding: 0px 4px  }
.listings .wrapper .ilisting .price:after { content: " "; display: block; clear: both }

.listings .wrapper .ilisting .details { margin: 5px 10px 60px; border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; padding: 10px 0px }
.listings .wrapper .ilisting .details>span { transition: all 0.2s linear; display: inline-block; background: #FFF; padding: 4px 8px; line-height: 1.6em; height: 1.6em; border-radius: 4px; margin-bottom: 4px; color: #1b1464; border: 1px #1b1464 solid; font-size: 0.85em; }
.listings .wrapper .ilisting:hover .details>span { color: #FFF; background: #1b1464; }

.listings .wrapper .ilisting h3 { margin: 10px; font-size: 1.0em; font-weight: 600 }

.listings .wrapper .ilisting .buttons { padding: 15px 10px; position: absolute; bottom: 0px; box-sizing: border-box; width: 100% }
.listings .wrapper .ilisting .buttons>button, .actions button { transition: all 0.2s linear; margin: 0px 0px 15px; height: 34px; border-radius: 17px; border: none; font-size: 1em; border: 1px #ff0200 solid; cursor: pointer; color: #ff0200; background: #FFF }
.listings .wrapper .ilisting:hover .buttons>button { color:  #FFF; background: #ff0200  }
.listings .wrapper .ilisting .buttons>button:first-child { float: left; margin: 0px 0px 0px; }
.listings .wrapper .ilisting .buttons>button:nth-child(2) { margin: 0px 0px 0px 4px; }
.listings .wrapper .ilisting .buttons>button:nth-child(3) { float: right; margin: 0px 0px 0px; }
.listings .wrapper .ilisting .buttons:after { clear: both; display: block; content: " " }

.listings .inline { display: inline }
.listings .jumpMenuForm { display: block; position: relative; height: 0px }
.listings #jumpMenu { position: absolute; right: 0px; top: -28px; background: #ff0200;
  color: #FFF;
  border: none;
  border-radius: 5px;
  height: 2em;
  font-weight: 600;
  padding-left: 15px; }


#portfolio_container                    {position: relative; width: 95%; margin: 0px auto}
#portfolio_container .lof-navigator-outer	{position: absolute; top: 40px; right: 40px; z-index: 3}
.lof-slidecontent 			{position: relative; overflow-x: hidden}
.lof-slidecontent .preload		{position: absolute; top: 0px; height: 0px}
.lof-slidecontent .lof-main-wapper	{position: absolute; opacity: 1.0; height: 100%; max-height: 413px }
.lof-slidecontent .lof-main-item	{ float: left; text-align: center; height: 100%; overflow: hidden; position: relative }

@media screen and (max-width: 900px) {

	#lofslidecontent45 .arrow-left, #lofslidecontent45 .arrow-right { display: block }
	#portfolio_container .lof-navigator-outer { display: none }
}

@media screen and (min-width: 901px) {

	#lofslidecontent45 .arrow-left, #lofslidecontent45 .arrow-right { display: none }
	#portfolio_container .lof-navigator-outer { display: block }
}

#portfolio_container #lofslidecontent45 .arrow-left, #portfolio_container #lofslidecontent45 .arrow-right { display: block }

.lof-navigator { padding: 0px; margin: 0px }

.lof-main-item-desc			{opacity: 0.6; position: absolute; bottom: 0px; height: 2.0em; background-color: #fff; border-radius: 0px; font-size: 0.7em; line-height: 2.0em; padding: 0px 15px; margin-left: 0px; white-space: nowrap; width: 100%; box-sizing: border-box; text-align: left; }
.lof-navigator li			{ list-style: none; float: left; border-radius: 0; background-color: rgba( 255,255,255,0.6 ); margin-right: 5px; color: #555; /*font-size: 1.27em;*/ line-height: 2.1em; text-align: center; cursor: pointer; /*border: 1px solid #555*/ }
.lof-navigator li img { display: block; box-sizing: border-box; border-radius: 4px }
.lof-navigator li.current { background-color: #555; color: #FFF; border-color: #FFF }
.lof-navigator li.current img { border: 1px solid #000 }

.lof-main-item img { border-radius: 8px}

#lofslidecontent45 .arrow-left, #lofslidecontent45 .arrow-right { position: absolute; top: 50%; color: #FFF; font-size: 2em; transform: translateY( -100% ); cursor: pointer; padding: 15px }

#lofslidecontent45 .arrow-left { left: 10px }
#lofslidecontent45 .arrow-right { right: 10px }

#portfolio_container #lofslidecontent45 { margin-top: 0px; float: left; width: 100%;  max-width: 620px; }

#portfolio_container .lof-main-wapper-forcer {
  padding-top: calc( 66.61% + 85px );
}

#portfolio_container .lof-navigator {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 80px;
  transition: left 200ms ease;
}

#portfolio_container #slideContainer .strip-arrows .strip-arrow-right {
  position: absolute;
  right: -15px;
  bottom: 0px;
  cursor: pointer;
}

#portfolio_container #slideContainer .strip-arrows .strip-arrow-left {
  position: absolute;
  left: -15px;
  bottom: 0px;
  cursor: pointer;
}

#portfolio_container #slideContainer { position: relative; float: left; min-width: 620px; margin-top: 0px }
#portfolio_container #slideContainer:after { content: " "; display: block; clear: both }

#portfolio_container #slideContainer .strip-arrows .inactive { opacity: 0.1; pointer-events: none }
#portfolio_container #slideContainer .strip-arrows { position: absolute; width: 100%; max-width: 620px; top: 489px;}

#portfolio_container #listing-details { float: right; width: calc( 100% - 650px ); margin: 0px 0px }
#portfolio_container:after { content: ' '; display: block; clear: both }

div.table { display: table }
div.table>div { display: table-row; }
div.table>div>div { display: table-cell; padding: 4px 20px 4px 0px }

@media (max-width: 600px) {

	div.table>div>div { padding-right: 12px }
	form.advSearch > div div.table .fixHeight div ul { max-width: calc( 100% - 14px ); }
}

div.table>div.header { font-weight: 600 }
div.table>div.header:last-child { display: none }

div.left { float: left }
div.right { float: right }
div.clear { float: none; clear: both }
div.half { width: 50% }

div.break40 { margin: 20px 0px }
div.separator:after { content: " "; display: block; height: 1px; background: #CCC }

#listing-details ul {  padding: 0px; margin: 0px 0px 15px; border-bottom: 1px solid #888 }
#listing-details ul li { list-style: none; display: inline-block; border-top: 1px solid #CCC; border-right: 1px solid #CCC; border-radius: 4px 4px 0px 0px; border-left: 1px solid #CCC; margin-right: 8px; border-bottom: 1px solid #888; position: relative; top: 1px }
#listing-details ul li a { color: inherit; text-decoration: none; padding: 0px 8px 0px; display: inline-block; opacity: 0.5; height: 1.8em; line-height: 1.8em }
#listing-details ul li.current { border-color: #000; border-bottom-color: #FFF  }
#listing-details ul li.current a { opacity: 1 }
main section.single-listing-wrapper .comments { width: 95%; margin: 0px auto; }

#listing-details #details .table.left, #listing-details #details .table.right { width: 50% }

@media (max-width: 1200px) AND (min-width: 1060px) {

	#portfolio_container #listing-details { font-size: 0.8em }
	#listing-details ul li { margin-right: 4px; }
	#listing-details ul li a { padding: 0px 4px 0px; }

}

@media (max-width: 1059px) {

	#portfolio_container #slideContainer { min-width: unset }
	#portfolio_container #listing-details { margin: 20px auto 10px }
	#portfolio_container #listing-details, #portfolio_container #slideContainer { max-width: 620px; width: 100%; float: none;  }
	
	main section.single-listing-wrapper:first-child h1 { max-width: 620px }
	main section.single-listing-wrapper .comments { max-width: 620px }
	

}

@media (max-width: 660px) {
	#portfolio_container .lof-navigator { display: none }
	#portfolio_container .lof-main-wapper-forcer { padding-top: 60% }
	#portfolio_container #slideContainer .strip-arrows { display: none }

}

@media (max-width: 540px) {

	#portfolio_container #listing-details { font-size: 0.8em }
	#listing-details ul li { margin-right: 5px; }
	#listing-details ul li a { padding: 0px 6px 0px; }

}

/*firefox fix*/
@-moz-document url-prefix() { 

	#listing-details ul li a { line-height: 2em }

}

.single-listing #enquiry div.table { width: 100% }
.single-listing #enquiry div.table input:not([type=checkbox]),.single-listing #enquiry div.table textarea { min-width: 210px; }
.single-listing #enquiry div.table>div>div { vertical-align: top }

section.financePage #financeWrapper, section.contactPage #contactWrapper { width: 95%; margin: 0px auto  }
section.financePage #financeWrapper:after, section.contactPage #contactWrapper:after { clear: both; content: " "; display: block }
section.financePage #financeWrapper #financeForm, section.contactPage #contactWrapper #contactForm, section.contactPage #contactWrapper #liststocksForm { width: calc( 50% - 5px );  float: left; margin-bottom: 20px }
section.financePage #financeWrapper #financeInfo, section.contactPage #contactWrapper #contactInfo { width: calc( 50% - 5px ); min-width: 340px; float: right }

#financeForm, section.contactPage #contactWrapper #contactForm, section.contactPage #contactWrapper #contactInfo { min-width: 340px; }

@media (max-width: 680px) {

	section.contactPage #contactWrapper #contactInfo { float: left }

}

section.contactPage #contactWrapper .table>div>div { vertical-align: top }
section.contactPage #contactWrapper textarea { min-width: 210px; min-height: 130px }

section.contactPage #contactWrapper #response { display: none }

@media (max-width: 940px) {

	section.financePage #financeWrapper #financeForm, section.financePage #financeWrapper #financeInfo, section.contactPage #contactWrapper #liststocksForm { width: 100% }

}

.actions>div { min-height: 225px; border: 1px solid #CCC; background-color: #D8D8D8; border-radius: 4px; box-sizing: border-box; padding: 45px 15px 0px; width: 48%; text-align: center }
.actions>div button {background-color: #2666a6; color: #FFF; border: none  }

.returnLink { position: fixed; top: 120px; z-index: 2000 }
body.shifted .returnLink { top: 120px }
.returnLink a { display: block; text-decoration: none; color: inherit; padding: 8px 4px 4px; background: rgba( 255,255,255,0.8 ) }

.managerForm { /*margin-top: -20px;*/ font-size: 0.85em}
.managerForm #applicationSearch { margin-bottom: 15px }
.managerForm #applicationSearch .fa-search { position: relative; left: -25px }

#accountListings #userAccounts, #accountListings #publishListings, #accountListings #ListingsTable, section.userTools .accountMenu, section.userTools #listing-details, section.userTools .pages, #managersListings .managersTableWrapper { font-size: 0.85em; width: 95%; margin: 0px auto }

section.userTools>form, section.userTools>p { font-size: 0.85em }

#imagesFinanceForm .table>div>div:first-child { min-width: 260px }
#imagesFinanceForm canvas { border: 1px solid #000; border-radius: 10px;cursor: move; margin-bottom: 20px }

#imagesFinanceForm .image-expand,#imagesFinanceForm .image-decrease { pointer-events: auto;  }
#imagesFinanceForm .image-expand.init,#imagesFinanceForm .image-decrease.init { opacity: 0.3; pointer-events: none;  }

#imagesFinanceForm .image-decrease:disabled { opacity: 0.3 }

#imagesFinanceForm .codered { display: block; margin-top: -20px; margin-bottom: 20px; color: red; }

#imagesFinanceForm .instruct { position: absolute; left: 600px; top: -20px; padding-right: 60px; display: none }
#imagesFinanceForm .instruct strong { line-height: 0em; font-size: 2em; height: 0px; display: block; position: absolute; left: -35px; top: 0.3em; }

ul.adminMenu { position: absolute;  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  padding: 0px;
  font-size: 0.8em; }
ul.adminMenu li { list-style: none; display: inline-block; }
ul.adminMenu li a { text-transform: unset }

#ABNresultsWrapper {  position: relative; display: none }
#ABNresultsWrapper #ABNresults { position: absolute; margin: 0px; padding: 0px; background: #EEE; width: 100%; border: 1px #CCC solid  }
#ABNresultsWrapper #ABNresults li { list-style: none; padding: 4px 0px 1px 8px; border-top: 1px solid #CCC; line-height: 2em; cursor: context-menu }
#ABNresultsWrapper #ABNresults li:last-child { }
#ABNresultsWrapper .close { display: block; position: absolute; top: 0px; right: 0px; width: 20px; height: 20px; line-height: 100%; font-size: 1.6em; z-index: 10; cursor: pointer; text-align: center; }

#userAccount input[type="email"]+div { display: inline-block }

nav.accountMenu ul { margin: 0px; padding-left: 0px; }
nav.accountMenu ul>li { list-style: none;display: inline-block; height: 100%; padding: 0px 0.5em 0px 0.5em;width: auto; }
nav.accountMenu ul>li a { color: inherit; text-decoration: none; font-size: 1.2em }
nav.accountMenu ul>li:first-child { padding-left: 0px }

#listingManageForm input[type=text] { width: 280px; max-width: 100% }
#listingManageForm input[data-dependency] { }
#listingManageForm label.create-category {  }

#listingManageForm .fixHeight div ul { margin: 0px; padding: 0px; max-width: 100%; }

#imageManipulateContainer { text-align: left }
#imageManipulateContainer .button-menu { text-align: right; position: relative }
#imageManipulateContainer .button-menu .dragInfo { float: left; display: block }
#imageManipulateContainer canvas { cursor: move }

#listing-images .manageImagesList>div { float: left; padding: 12px 14px 0px 0px; position: relative }
#listing-images .manageImagesList>div span { position: absolute;  width: 1.6em; height: 1.6em; line-height: 1.6em; text-align: center; font-size: 1.2em; background-color: rgba( 255,255,255,0.6 ); color: #000; border-radius: 10%; display: none; cursor: pointer }
#listing-images .manageImagesList>div:hover span { display: block }
#listing-images .manageImagesList>div:first-child span.first-image { display: none !important }
#listing-images .manageImagesList>div span.delete-image { right: 20px; bottom: 15px; color: red }
#listing-images .manageImagesList>div span.first-image { right: 60px; bottom: 15px; color: gold }
#listing-images .manageImagesList:after { display: block; clear: both; content: " " }
#listing-images form { padding-right: 150px}

#ListingsTable .refresh-listing, #ListingsTable .delete-listing, #ListingsTable .undo-delete { cursor: pointer }
#ListingsTable .refresh-listing.inactive { opacity: 0.4; cursor: default }
#ListingsTable>div.deleted { text-decoration: line-through }

#ListingsTable>div.deleted .fa-edit, #ListingsTable>div.deleted .fa-refresh, #ListingsTable>div.deleted a { pointer-events: none; opacity: 0.4; cursor: auto }

#ListingsTable .status span:nth-child(2) { display: none }

#publishListings .publish { cursor: pointer }

#managersListings { position: relative }

#managersListings button.addManager { position: absolute; right: calc( 50% - 560px ) }

#managersTable .generate-key, #managersTable .delete-manager { cursor: pointer }

#listingManageForm textarea { width: 280px; max-width: 100%; height: 4em }

@media (max-width: 800px) {

	section.userTools #ListingsTable, section.userTools #ListingsTable>div, section.userTools #ListingsTable>div>div {display: block}
	section.userTools #ListingsTable>div:first-child { display: none }
	section.userTools #ListingsTable>div { margin-bottom: 1em }
	section.userTools #ListingsTable>div>div { white-space: nowrap }
	
	section.userTools #ListingsTable>div>div:nth-child(1):before { content: "ID"; font-weight: 800; display: inline-block; width: 80px}
	section.userTools #ListingsTable>div>div:nth-child(2):before { content: "TITLE"; font-weight: 800; display: inline-block; width: 80px}
	section.userTools #ListingsTable>div>div:nth-child(3):before { content: "CREATED"; font-weight: 800; display: inline-block; width: 80px}
	section.userTools #ListingsTable>div>div:nth-child(4):before { content: "PREVIEW"; font-weight: 800; display: inline-block; width: 80px}
	section.userTools #ListingsTable>div>div:nth-child(5):before { content: "ACTIONS"; font-weight: 800; display: inline-block; width: 80px}
	section.userTools #ListingsTable>div>div:nth-child(5) span { display: inline-block; margin-right: 1em }
	section.userTools #ListingsTable>div>div:nth-child(6), section.userTools #ListingsTable>div>div:nth-child(5) { float: left }
	section.userTools #ListingsTable>div>div:nth-child(7) { clear: both }
	section.userTools #ListingsTable>div>div:nth-child(7):before { content: "STATUS"; font-weight: 800; display: inline-block; width: 80px }
	section.userTools #ListingsTable>div>div:nth-child(8):before { content: "EXPIRES"; font-weight: 800; display: inline-block; width: 80px }
	
	nav.accountMenu ul > li { padding: 0px 0.3em 0px 0.3em; }
	
	#listingManageForm input[type="text"], #listingManageForm textarea { width: 180px  }

}

@media (max-width: 740px) {

	#detailsForm div.table,#detailsForm div.table>div,#detailsForm div.table>div>div { display: block }
	#imagesFinanceForm { overflow-x: hidden }
	#imagesFinanceForm .table > div > div:first-child { min-width: 180px; }
	#imagesFinanceForm div.table,#imagesFinanceForm div.table>div,#imagesFinanceForm div.table>div>div { display: block }
	
	#imagesFinanceForm .codered { margin: 20px 20px 0px; position: absolute; top: 0px; z-index: -1 }
}