/*
    Website Designer: Karoline Dassie

	Main Colors:
	- Red: #e71d00
	- Black: #000
    - Gray: #454545
    - White: #fff
 
*/

/*==========================================

	CSS RESET / NORMALIZE

============================================*/

/**Correct `block` display not defined in IE 8/9.**/
article,aside,details,figcaption,figure,footer,header,hgroup,
main,nav,section,summary {display: block;}
pre {white-space: pre-wrap;}
small { font-size: 80%;}

/*==========================================

	BASE

============================================*/

    html {
        -ms-text-size-adjust: 100%; /* 2 */
        -webkit-text-size-adjust: 100%; /* 2 */
        }

    body {
        font-family: 'Lato', sans-serif;
        margin: 0;
        padding:0;
        background:#fff;
        color:#000;
		overflow-x: hidden !important;
        }

    svg:not(:root) {overflow: hidden;/*reset*/}

    /* clear floats */ 
    .group:before,
    .group:after {content: ""; display: table;} 
    .group:after {clear: both;}
    .group {zoom: 1;}	
    .clear { clear: both;}

    /*image replacement*/
    .hide-text {
        text-indent:  100%;
        white-space:  nowrap;
        overflow:  hidden;
        }	

    hr {
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        border-style: solid;
        height: 0;
        } 

    img { border: 0; max-width:100%;} 
	
/*========================================== 

	typography 

============================================*/

    h1, h2, h3 {
        font-family: 'Oswald', sans-serif;
        margin: 0;
        line-height:1.5em;
        }
        h1 {font-size: 32px; color:#e71d00; font-weight:700; text-transform:uppercase;}
        h2 {font-size: 24px; color:#e71d00; font-weight:700;}
        h3 {font-size: 22px; color:#000; font-weight:400;}
        h4 {font-size: 20px; color:#000; font-weight:600; text-transform: uppercase}

        h5 {
            font-size: 18px;
            margin: 0;
            padding:0 0 2% 0;
            font-weight:700;
            line-height:1.5em;
            color:#454545;
        }

        h6 {font-size: 18px; color:#fff; font-weight:900; text-transform:uppercase; margin:0 0 15px 0!important; padding: 0}

    p {
        font-family: 'Lato', sans-serif;
        font-size:15px;
        line-height:1.5em;
        margin: 0;
        }

    strong, b{font-weight:900;}
/*========================================== 

	LINKS

============================================*/

    a {
        text-decoration:none;
        color:inherit;
    }

    a:hover  {
        text-decoration: none;
        color: #e71d00;
        } 

    .appbutton a{background:#e71d00; padding:5px 10px;color:#fff; border-radius:3px;}
    .appbutton a:hover{background:#262626; padding:5px 10px;color:#fff; border-radius:3px;}

/*==========================================

	LIST STYLES

============================================*/
    ul.list{
        margin:0;
        padding: 0 0 5% 7%;
    }
    ul.list li{font-size:16px;}

/*========================================== 

	LAYOUT

============================================*/

    .padit{padding:4em 0;}
    #contactwrap{text-align:center;margin:0 auto;}

    .column1 {width:100%;}
	.column2 {width:47.5%; float:left; margin-right:5%; box-sizing: border-box; color:#fff;}
	.column3 {width:33.33333%; float:left; padding:0 ; box-sizing: border-box;}
	.column4 {width:23%; margin-right:2%; float:left;  box-sizing: border-box;}
	.column5 {width:20%; float:left; padding-right:1%; box-sizing: border-box;}
    .column6 {width:16%; float:left; padding-right:1%; box-sizing: border-box;}
	
	.twothird{width:60%; float:left;  box-sizing: border-box;}
	.onethird{width:40%; float:left; box-sizing: border-box; text-align:right}
	.dois-terco{width:70%; float:left; padding-right: 30px; box-sizing: border-box;}
	.um-terco{width:30%; float:left; box-sizing: border-box; }
	
	.last{padding-right:0; margin-right:0!IMPORTANT;}
    .midcolumn {padding:0 20px;}
	.center{text-align:center}


/*========================================== 

	HEADER

============================================*/

    header{width:100%;margin:0;padding:0;background:#000;text-align:center;border-bottom:5px solid #e71d00;}
    .shown{top:0 !important;}
    header h3{padding:10px 0;}

    .headerwrap header h3 , .headerwrap a h3{color:#e71d00;}
    .headerwrap a:hover h3{color:#fff;}

    .headerwrap{width:96%;max-width:1680px;margin:0 auto;}
    .headleft{width:45%;text-align:center;left:35%;right:35%;}
    .headleft a{display:inline-block}
    .headright{float:right;width:45%;text-align:right;}
    .headright a{display:inline-block;margin-right:30px;}
    .headright a:last-child{margin-right:0;}

    .logo{float:left!important ;display:block;width:30%;margin:0 auto;text-align:center;position:absolute;top:4px;z-index:101; left: -5%}
    .logo a img{margin:0 auto !important; max-width: 255px; width: 100%;    display: block; }
    .logo a{display: block}

    .topbar img{display: none; }
    
    .headlarge{width:10%;padding:5px 0;}

    #headinfo{position:relative;}
    .headsearch{float:right;width:50%;padding-top:8px;padding-right:1%;}
    .searchselect{width:65%;float:left;text-align:right;}
    .headag,.headcons,.headagatt,.headconsatt{display:inline-block;;margin:5px 2px;padding:2px 8px;background:#e71d00;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
    .searchselect p{font-size:12px;color:#fff;padding:0;}
    .headag:hover,.headcons:hover,.headagatt:hover,.headconsatt:hover{cursor:pointer;background:#ddd;color:#e71d00;-moz-transition:0.5s all ease;-webkit-transition:0.5s all ease;-ms-transition:0.5s all ease;-o-transition:0.5s all ease;transition:0.5s all ease;}
    .headag:hover p,.headcons:hover p,.headagatt:hover p,.headconsatt:hover p{color:#e71d00;-moz-transition:0.5s all ease;-webkit-transition:0.5s all ease;-ms-transition:0.5s all ease;-o-transition:0.5s all ease;transition:0.5s all ease;}


    .storebutton{position:absolute;right:2%;bottom:-50px;z-index:101;background:#e71d00;width:10%;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;}
    .storebutton h4{color:#fff;}
    .storebutton:hover{background:#fff;-moz-transition:0.5s all ease;-webkit-transition:0.5s all ease;-ms-transition:0.5s all ease;-o-transition:0.5s all ease;transition:0.5s all ease;}
    .storebutton:hover h4{color:#e71d00;}

/*========================================== 

	CONTENT

============================================*/

    .wrapper{width:96%;max-width:1400px;margin:0 auto;padding:0;}
    .container{width:100%;max-width:1720px;margin:0 auto;}
    .internal{background:url(../siteart/black_light.jpg) repeat;padding:6% 0;}
    .internal h2{color:#e71d00;padding-bottom:10px;text-align:left;}
    .cf{background:#fff;}

    .manuf {text-align: left; width: 200px; float: left}
    .manuf img{display: block; margin: 0 0 10px 0; }
    .texto {text-align: center; width: calc(90% - 400px); float: left; margin:0 5%}


    .manuf-listed {text-align: left;margin:2em 0; }
    .manuf-listed img{display: inline-block; margin: 1%; }

    .manuf a{margin: 15px auto; display: block}

    .showmanu a{
        height: 80px;
        vertical-align: middle;
        float: left;
        width: 25%;
    }
    .showmanu img{display: block;max-width: 100%; text-align: center; margin: 20px auto;}
    .showmanu img:hover{opacity: 0.4; -moz-transition:0.5s all ease;-webkit-transition:0.5s all ease;-ms-transition:0.5s all ease;-o-transition:0.5s all ease;transition:0.5s all ease;}
    
    a.botao{float: left; width: 48%; margin:0 0.5% 2em 0.5%; background: #e71d00; color: #fff; padding: 20px 0; text-align: center; text-transform: uppercase; border: 2px solid #e71d00;font-weight: 900}
    a.botao:hover{background: #fff; color: #e71d00; border: 2px solid #e71d00;}

/*==========================================

	INVENTORY

============================================*/
    .attachment-search .search-checkboxes label .row input[type="checkbox"]{width: 15px;}

    #seila{text-align: center; margin: 2em auto; border: #ccc solid 1px; padding: 2em 0}
    #seila h1{color: #000!important}
    #seila p{font-size: 18px!important; font-weight: 900!important}

/*==========================================

	SLIDESHOW

============================================*/

    .slides{background:#000;padding:0;color:#fff;position:relative;max-height:700px;overflow:hidden;}

    .cycle-slideshow{box-shadow: 0px 2px 5px 1px rgba(0,0,0,.75);}
    .cycle-slideshow img{
        width:100%;
    }

    /* pager */
    .cycle-pager { 
        text-align: center; width: 100%; z-index: 500; position: absolute; bottom: 10px; overflow: hidden;display:none;
    }
    .cycle-pager span { 
        font-family: arial; font-size: 50px; width: 16px; height: 16px; 
        display: inline-block; color: #ddd; cursor: pointer; transition: all .5s ease-in-out; 
    }
    .cycle-pager span.cycle-pager-active { color:#e71d00;}
    .cycle-pager > * { cursor: pointer;}

/*========================================== 

	QUICK LINKS

============================================*/

    .quicklinks{ position:relative;text-align:center;}
    .linkbox{display:inline-block;zoom: 1;*display: inline;width:17.9%;margin:0.5%;border:4px solid #fff;max-height:320px;overflow:hidden;position:relative;}
    a .linkbox{color:#fff;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;}
    .linkbox img{display:block;width:100%;height:100%;}

    .linkrow{width:100%;margin:0 auto;z-index:1000;}

    .overlay{background:rgba(0,0,0,0.4);width:100%;height:100%;display:block;position:absolute;z-index:1003;}	
    .linktitle{position:absolute;top:50%;width:100%;padding:5px 0;background:#000;-moz-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);z-index:1004;}
    
    .linktitle h4{color:#fff;padding:0;margin: 10px 0;text-align: center;}
    .linkslider{position:absolute;bottom:-80px;width:100%;background:#ccc;z-index:1004;}
    .linkslider a h5{padding:5px 0;}

    .linkbox:hover .overlay{background:rgba(0,0,0,0.2);}
    .linkbox:hover img{-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);-moz-transition:0.5s all ease;-webkit-transition:0.5s all ease;-ms-transition:0.5s all ease;-o-transition:0.5s all ease;transition:0.5s all ease;}
    .linkbox:hover .linktitle h4{font-size:1.4em;-moz-transition:0.2s all ease;-webkit-transition:0.2s all ease;-ms-transition:0.2s all ease;-o-transition:0.2s all ease;transition:0.2s all ease;}
    .linkslider a:hover h5{color:#fff;background:#e71d00;-moz-transition:0.5s all ease;-webkit-transition:0.5s all ease;-ms-transition:0.5s all ease;-o-transition:0.5s all ease;transition:0.5s all ease;}
    .linkbox:hover .linkslider{bottom:0;-moz-transition:0.5s all ease;-webkit-transition:0.5s all ease;-ms-transition:0.5s all ease;-o-transition:0.5s all ease;transition:0.5s all ease;}

	
/*========================================== 

	FORM

============================================*/

    .half{width:47.8%;margin:0 1%;display:inline-block;zoom: 1;*display: inline;text-align:left;vertical-align:top;}
    .half h3, .half h4{padding:0;}
    .half h3, .half a h4{color:#e71d00;}
    .half a:hover h4{color:#fff;}
    .half h4{color:#ddd;}
    .half p{color:#fff;}
    .quarter{width:23%;margin:0 1%;float:left;}
    #headinternal{margin:10px 0;padding-bottom:0;}

    #formpage{padding:0 10px;}
    #formpage strong{color:#fff;}
    #formpage h4{color:#454545;padding:0;}
    .rowed{width:100%;margin:0 auto;text-align:center;}
   
   
    .searchsubmit{background:#e71d00;margin:2% 0 0 0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:5px 0;width:95%;color:#fff;font-size:18px;font-weight:700;}
    #sendatt{width:98%;}
    .searchsubmit:hover{cursor:pointer;background:#ddd;color:#e71d00;}
    .selected{background:#ddd;}


    #formpage{padding:0 10px;}

    form{
        margin:0 0 0;
    }
    label{
        display:block;
        font-size:16px;
        padding-top: 4%;
        width:100%;
    }
    input{
        border: #999999 solid 1px;
        border-radius: 2px;
        padding: 1%;
        font-size:14px;
        width:98%;
        margin-bottom:10px;
    }
    input:focus{
        border: #e71d00 solid 1px;
    }
    input.button2{
        display:block;
        width:50%;
        margin:0 auto 5% auto;
        border:#277e32 solid 1px;
        background-color:#38b749;
        color:#fff;
        border-radius: 2px;
    }

    input.button2:hover{
        background-color:#277e32;
        cursor:pointer;
    }

    select{
        border: #999999 solid 1px;
        padding: 1%;
        font-size:14px;
        width:100%;
    }

    textarea{
        border: #999999 solid 1px;
        border-radius: 2px;
        padding: 1%;
        font-size:14px;
        width:98%;
    }

/* VIDEO */

.bg-black{
	width: 100%;
	height: auto;
	background: #000;
}
/* Style the video: 100% width and height to cover the entire window */
#bg-video {
	width: 100%;
	height: auto;
	max-height: 678px;
}


/*========================================== 

	SCROLLING INVENTORY

============================================*/

    .scrolling-wrap {
        width:100%;
        height:90px;
        background: #e71d00;
        padding: 20px 0;
        overflow:hidden;
    }

    .scrolling{
        width:100%;
        height:92px;
    }

/*========================================== 

	FOOTER

============================================*/

    .pagebottom{background:#000;padding:3em 0;}
    .pagebottom p{color:#fff;}
    .pagebottom a{color:#fff;}
    .pagebottom a:hover{color:#e71d00;}

    .footercolumn{width:20%;float:left;}
    .footercolumnright{width:60%;float:right;}

    a.footerlink:link,
    a.footerlink:visited, 
    a.footerlink:active {
        text-decoration: none; 
        font-size:12px;
        color: #fff;
        border-bottom:none;
        }
        a.footerlink:hover {
            text-decoration:none; 
            font-size:12px;
            color: #e71d00;
            }

    .footertext {
        font-size:12px; 
        color:#fff;
        }

    .smallfootertext {
        font-size:12px; 
        color:#fff;
        }

    .divfooter {
        text-align:right; 
        margin:0 ;
        max-width: 520px;
        float: right;
        color: #fff
        }

/*==========================================

	FACETED INVENTORY

============================================*/


.faceted-search-content .faceted-section-box .faceted-option-checkbox-container label input, .faceted-search-content .faceted-section-box .faceted-option-checkbox-container label,
.faceted-search-content .faceted-section-box .faceted-option-checkbox-container .option-name{
width: auto!important;font-size: 12px!important;padding-top: 0!important;
}
.faceted-search-content .selected-facets-container .selected-facet, .list-content .list-listing-mobile .view-listing-details-link, .list-content .list-listing-mobile .buy-now-link, .list-content .list-listing-mobile .check-availability-link, .list-content .list-listing-mobile .email-seller-link, .list-content .list-listing-mobile .video-chat-link, .contact-options a, .fin-calc-mobile>a, .mobile-breadcrumb, .detail-content-mobile .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-contact-bar .contact-bar-btn {background: #e71d00!important;}

.list-content .list-title .list-listings-count { color: #000!important;}

.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link, .list-content .list-main-section .list-container .list-listing .listing-top-right .buy-now-link, .list-content .list-main-section .list-container .list-listing .listing-top-right .check-availability-link, .list-content .list-main-section .list-container .list-listing .listing-top-right .email-seller-link, .list-content .list-main-section .list-container .list-listing .listing-top-right .video-chat-link { background-color: #e71d00!important}

.list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price, .rent-title-details, .lease-title-details, .fractional-title-details {color:#e71d00!important}

.rent-title, .lease-title, .fractional-title, .detail-content .detail-main-body .main-detail-data .detail-price, .detail-content .search-results {color:#e71d00!important}
.detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn, .detail-content .detail-additional-data .data-row .data-label{background-color:#e71d00!important}

.detail-content .dealer-info .phone-and-email .send-email-btn {
    color:#e71d00!important; border: 1px solid #e71d00!important}
.form-bottom input[type="submit"]:hover, .form-bottom button[type="submit"]:hover, .form-bottom .button { background-color: #e71d00!important}

/*========================================== 

	RESPONSIVE STYLES

============================================*/

.mobileshow{display: none}
.mobilehide{display: block}


@media screen and (max-width: 1600px) {
	
	.searchselect{width:67%;}
	#search{width:80%;}
	.searchfield{width:27%;margin-top:1px;}
	.headsearch input{font-size:12px;}
}

@media screen and (max-width: 1400px) {
    .linkrow { position: relative;top: 0; }

	.headsearch{width:55%;}
	.linkbox{max-height:200px;width: 17.9%;}
	.storebutton{bottom:-47px;}
}

@media screen and (max-width: 1250px) {
	.headsearch{width:60%;}
	.linkbox:hover img{-moz-transform:none;-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none;}
	.linkbox:hover .linktitle h4{font-size:18px;}
	.linkslider a h5{font-size:14px;}

	.storebutton{width:15%;}
	
	.half{width:47.5%;}
}

@media screen and (max-width: 1100px) {
	.logo{width:34%;left:33%;right:33%;top:5px;}
    .topbar img{display: block; margin: 10px auto 0 auto; }
	.topbarleft,.headsearch{display:inline-block;vertical-align:middle;}
	.topbarleft{width:100%;margin: 0}
	.headresults{float:right;text-align:right;width:50%;}
	.searchfield{width:85%;}
	#search{width:83%;}
	.searchselect,.agheadsearch,.consheadsearch,.agheadattsearch,.consheadattsearch{display:block;float:none;}
	.searchselect{width:100%;}
	.headsearch{float:right;text-align:right;}
    
	header h3{padding: 0}
    header h4{font-size:16px;}
    
	.linkbox{max-height:160px;}
	
	#footercontact img{-moz-transform:scale(0.8);-webkit-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8);margin:-15px 0 !important;}
	.pagebottom h3{font-size:20px;}
	.overlay{display:none;}
	.storebutton{bottom:-44px;}
    
}

@media screen and (max-width: 1000px) {
    .mobileshow{display: block}
    .mobilehide{display: none}
    
    h6{margin:0 0 5px 0}
	.searchfield{width:83%;}
	.logo,.closeslider{display:none !important;}
	.navblock,.topbar{display:block !important;}
	
	.linkrow{width:98%;}
	.linkbox{width:30%;}
	.linktitle h4{font-size:16px !important;}

	.internal{padding:4% 0;}
    
    .footercolumnright{
        width: 100%;
        float: none;
        text-align: center
    }
    .footercolumn {
        width: 100%;
        float: none;
        text-align: center
    }
    .cima{margin-top: 20px}
    .divfooter {text-align:center; max-width:100%; margin-top: 20px}
    
    .padit{padding:2em 0;}
    #seila{text-align: center; margin: 0 auto 2em auto; border: #ccc solid 1px; padding: 2em 0}
    
    .texto {
        text-align: center;
        width: 100% ;
        float: none;
        margin:0 auto 4% auto;
    }
    .manuf {
        text-align: center;
        width: 50% ;
        float: left;
        margin:0 auto;
    }
    .manuf img {
        display: block;
        margin:10px auto;
    }
}

@media screen and (max-width: 950px) {
    .column3{float: none; width: 100%;}
    .meio{margin:20px auto}        
	
	.manuf {
        width: 100%;
        float: none;
    }
}

@media screen and (max-width: 800px) {
	.headleft h4, .headright h4{font-size:14px;}
	.headsearch{width:65%;}
	.headresults{width:60%;}
	.linkbox{max-height:140px;}

	.searchsubmit{margin-top:3%;}
	label{font-size:14px;}
    
	.pagebottom p{font-size:14px;}
	.storebutton{width:20%;}
	

}

@media screen and (max-width: 700px) {
	
	.headsearch{width:60%;}
	.headag,.headcons,.headagatt,.headconsatt{padding:2px 5px;}
	.searchselect p{font-size:11px;}
    
	.headerwrap{padding:0 0 5px 0 ;}
    
	.headleft,.headright{display:block;text-align:center;float:none;width:100%;padding: 0; margin: 0 auto}
	.headleft h4, .headright h4{padding:0;}
	.linkrow{position:relative;top:0;}
	.linkbox{max-height:120px;}
	

	.pagebottom{padding:15px 0 0 0;}
	.stack{clear:both;}
	.footercolumn{width:33.33%;margin:0 auto;}

	.half{width:96%;text-align:center;}
	#formpage{text-align:left;}
    .showmanu a{
        height: auto;
        float: none;
        width: 100%;
    }

    
}

@media screen and (max-width: 650px) {
	.topbarleft,.headsearch{float:none;width:100%;margin:0 auto;text-align:center;padding:0;}
	.searchselect{text-align:center;}
	.headag,.headcons,.headagatt,.headconsatt{padding:2px 8px;}
	.headresults{float:none;display:block;width:70%;margin:0 auto;text-align:center;}
	.searchfield{width:98%;float:none;}
}

@media screen and (max-width: 600px) {
	.linkbox{width:45%;margin:1%;}
	.searchfield{width:94%;}
    
     a.botao{float: none; display: block; width: 90%; margin:0 auto 10px auto; padding:10px 0; }
}

@media screen and (max-width: 500px) {
	.searchfield{width:90%;}
    
}

@media screen and (max-width: 480px) {
	.wrapper{width:92%;}
	header{border-bottom:none;}
	.headerwrap{padding:50px 0 5px 0;}
	.headleft,.headright{width:100%;text-align:center;}
	.headag,.headcons,.headagatt,.headconsatt{padding:2px 5px;}
	.searchfield{width:86%;}
	.slides{display:none;}
	.linkbox{width:96%;max-height:160px;margin:2% auto;}
	
	.searchsubmit{margin-top:4%;}

	.pagebottom{padding:15px 0;}
	.footercolumn{width:100%;margin:2% auto;}
	.footercolumn h3{padding:0;}
	footer{padding:3% 0;}
	.divfooter{width:96%;}
	.storebutton{bottom:-34px;}	
		
}

@media screen and (max-width: 400px) {
	.headag,.headcons,.headagatt,.headconsatt{padding:2px 10px;margin:5px;width:38%;}
	#search{width:80%;}
	.headresults{width:85%;}
	.storebutton{width:40%;}
	
	.internal{padding-top:12%;}
}

@media screen and (max-width: 350px){
	.topbar{padding:8px 0;}
	.headleft h4, .headright h4{font-size:13px;}
}