/* 
    Website Developer: Karoline Dassie

    Main Colors:
    - Red: #700011
    - Black: #000
    - White: #fff
    - Gray: #444444
*/

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

    RESET

===========================================================*/
    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, font, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td {
        background: transparent;
        border: 0;
        margin: 0;
        padding: 0;	

    }
    ol, ul {list-style: none;}
    table{border-collapse:collapse; width:100%;}
    td{vertical-align:top;}
    svg:not(:root) {overflow: hidden;/*reset*/}

/*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;
        color: #ccc;
        margin: 3em 0
        } 

    img { border: 0; max-width:100%;} 
    img.imgresp{max-width: 100%;}

    /* Make HTML 5 elements display block-level for consistent styling */  
    header, nav, article, footer, address { display: block;  } 

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

    ::-moz-selection {
        background: #700011; 
        color: #fff;
        text-shadow: none;
    }
    ::selection {
        background: #000;
        color: #fff;
        text-shadow: none;
    }

    html, body{
        -webkit-text-size-adjust: none; 
        -ms-text-size-adjust: 100%; 
        margin: 0;
        padding: 0;
        background: #000!important;
        line-height: normal; 
        font-family: 'Open Sans', sans-serif;
		overflow-x: hidden;
    }

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

    TYPOGRAPHY

===========================================================*/
    h1,h2,h3,h5{font-family: 'Open Sans Condensed', sans-serif;}

    h1 { font-weight:900; color:#5f5f5f; font-size:30px; text-transform: uppercase; line-height:normal;  }
	h2 { font-weight:900; color:#700011; font-size:40px; text-transform: uppercase; }
	h3 { font-weight:900; color:#fff; font-size:33px; margin: 0 0 10px 0; line-height: 33px;}
	h4 { font-weight:800; color:#000; font-size:18px; text-transform: uppercase;}
	h5 { font-weight:900; color:#fff; font-size:35px; text-transform: uppercase; margin-bottom: 20px!important; text-align: center} 
    h6 { font-weight:900; color:#fff; font-size:15px; text-transform: uppercase; margin-bottom:5px;}
    
    b{font-weight: 900}
	p, ul, ol, li { font-size: 14px; font-weight: 400; color: #5f5f5f; line-height: 26px; }

    a, button, .button, a:hover, button:hover, .button:hover, button.mobile_btn::after {
        -webkit-transition:all .45s ease;
        -moz-transition:all .45s ease;
        -ms-transition:all .45s ease;
        -o-transition:all .45s ease;
        transition:all .45s ease;
    } 

    a:link, a:visited, a:active {text-decoration:none; color: #000}
    a:hover {text-decoration:none;}
    .column3 a{ color:#700011}

    .center{text-align: center!important}
    #forcegreen{color: #3ea841!important}
    #forcegray{color: #444444!important}
    p.redtext{color: #700011!important}

    .tnk h1, .tnk p{color: #fff!important; text-align: center!important}
    .info{color: #6E6E6E!important}

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

    FACETED INVENTORY

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

    .list-content .list-main-section .list-container .list-listing .listing-top-right .listing-dealer-info .dealer-name{color: #000!important}
    .faceted-search-content .faceted-section-box .faceted-option-checkbox-container label input{width: auto!important;}
    .faceted-search-content .faceted-section-head h5 {
        font-size: 22px!important;
        color: #700011!important;
    }
    
    .list-content .list-title .list-listings-count, .list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price, .detail-content .detail-main-body .main-detail-data .detail-price, .detail-content .search-results span, .detail-content .search-results, .list-content .list-top-section .listing-option-bar .list-listings-count, .list-content .listing-portion-title{color: #700011!important;}

    .faceted-search-content .faceted-section-box .faceted-option-checkbox-container label {
        padding: 0!important;
        margin: 0px!important;
        font-size: 13px!important;
    }

    .contact-options a{background-color: #000!important}
    .list-content .list-top-section .listing-option-bar .list-sort-order .sort-by-dropdown-container .bold {width: 75px!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, .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, .modal-content .form-bottom .captcha-and-submit .captcha-placeholder button, .modal-content .form-bottom .captcha-and-submit .captcha-placeholder input, .detail-content .detail-additional-data .data-row .data-label, .detail-content .detail-main-body .main-detail-data .offer-btn:hover, .detail-content .detail-main-body .main-detail-data .buy-btn, .detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn, .mobile-breadcrumb, .detail-content-mobile .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-wholesale-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile, .detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .buy-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile, .faceted-search-content .selected-facets-container .selected-facet{background-color: #700011!important;color: #fff!important}

    .detail-content-mobile .detail-contact-bar .contact-bar-btn{background: #700011!important;}

    .list-content .list-listing-mobile .view-listing-details-link:hover, .list-content .list-listing-mobile .buy-now-link:hover, .list-content .list-listing-mobile .check-availability-link:hover, .list-content .list-listing-mobile .email-seller-link:hover, .list-content .list-listing-mobile .video-chat-link:hover{background-color: #000!important}

    .detail-content .dealer-info .phone-and-email .send-email-btn {
    border-color: #700011!important;color: #700011!important;}



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

    NEWS

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

    .novi a{text-decoration: underline!important}
    .novi strong{font-weight: 900!important}
    .novi p{line-height: 22px!important}
    .novi img{max-width:570px; width: 100%;}
     
/*==========================================================

    COLLAPSIBLE BUTTON INVENTORY

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

    .collapsible {
      background-color: #000;
      color: white;
      cursor: pointer;
      text-transform: uppercase;
      padding: 10px 0;
      width: 200px;
      border: 1px solid #000;
      text-align: center;
      outline: none;
      font-size: 14px;
      font-weight: 800;
      margin-top: 20px;
    }
    /*.collapsible:hover {}*/
    .active {
        background-color: #fff;
        color: #fff;
        height: 0;
        padding: 0;
        margin: 0;
        border: 1px solid #fff!important;
    }

    .content {
      padding: 0;
      display: none;
      overflow: hidden;
      background-color: #fff;
    }
    #mobileless{display: block}
    #mobilemore{display: none}

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

    LAYOUT STYLES

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

	.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; padding-right: 30px; box-sizing: border-box; text-align:left}
	.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}
    
    article{background: #fff}
    .wrapper{ width:96%; margin:0 auto; padding:0; max-width:1500px; position:relative}
    .wrapper-small{ width:100%; margin:0 auto; padding:0; max-width:1024px; position:relative}
    .container{width:100%;max-width:1000px;margin:0 auto;}

    .bord{border: 1px solid #444444;box-sizing: border-box;}
    .border-it{background:#fff;padding: 5px;box-sizing: border-box;}
    .padit{padding:4em 0;}
    .pad{padding:2em 0!important;}

    .white{background:#fff;}
    .white p{font-size: 17px; font-weight: 600;}

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

    HEADER STYLES 

===========================================================*/
    .top{background:#000; text-align: center; }
    
    header{
        position:relative;
        width:100%;
        margin:0;
        padding:0;
        background:#fff;
        z-index:999;
    }
    #spaceheader{height:254px}
    .headerwrap{width:96%;max-width:1000px;margin:0 auto;}

    .logowrap{
        text-align: center;
        width:100%; 
        background: #fff; 
        padding:5px 0 10px 0; 
        z-index:99;
        position: relative;
        -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.6);
        -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.6);
        box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.6);
    }
    .logo img{max-width: 290px; width: 100%; margin: 0 10px; display: inline-block; vertical-align: middle;}

    .logo {float: left; width: calc(100% - 690px); text-align: center}
    #logoleft{float: left; text-align: center; margin-top: 70px;}
    #logoright{float:left; text-align: center; margin-top: 70px; }
    #logoleft a, #logoright a{color:#700011; font-weight: 900; font-size: 14px; text-transform: uppercase; border: 2px solid #700011; padding: 10px;}
    #logoleft a:hover, #logoright a:hover{color:#fff; background: #700011}
       
    #slogan{background: #ff0200;; padding:10px 0}
    #slogan h5{
        margin: 0!important; 
        color:#fff;
    }
    
    .logonovo{width: 100%; text-align: center}
    .logonovo img{max-width: 290px; width: 100%; margin: 0 10px; display: inline-block; vertical-align: middle;}

    .logothree{ width: 33%; display: block; margin: 0; vertical-align: middle;}
    .logothree img{max-width: 200px; width: 100%; margin:10px; display: block; vertical-align: middle;}
    .logothreeBIG{ width: 33%; display:block; margin: 0 auto; text-align: center; vertical-align: middle; float: left}
    .logothreeBIG img{max-width:400px; width: 100%; margin:0 auto; display: block; vertical-align: middle;}
    .logothreeBIG p{ font-weight:900; color:#fff; font-size:40px; margin-top: 10px}

    .pradireita{text-align: right; float: right; margin-top: 10.4em;}
    .pradireita img{float: right}
    .praesquerda{text-align: left; float: left; }
.rightfloater {text-align: right; float: right; }
    
.address-head{ height: 350px; text-align: right; padding: 1% 2% 0 0;}
.address-head a{color: black; text-transform: uppercase; font-weight: 800; font-size: 25px;}
.addresslink {color: black; text-transform: uppercase; font-weight: 800; font-size: 25px;}
.quote-slide { 
    background: #700011;
    overflow: hidden;
    position: relative;
    height: 165px;
    width: 100%;
    margin: 0 auto;
}

.item-1, 
.item-2, 
.item-3 {
	position: absolute; /* keeps all 3 items at the same level */
    display: block;
    top: 2em;
    width: 50%; /* keeps all 3 items at the center */
    padding-right: 0;
    text-align: center;line-height: 40px;
    font-size: 2em;
    animation-duration: 20s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    text-transform: uppercase;
    font-weight: bold;
    color: white;
}

.item-1{
	animation-name: anim-1;
}

.item-2{
	animation-name: anim-2;
}

.item-3{
	animation-name: anim-3;
}

.inquote-slide { 
    background: #700011;
    overflow: hidden;
    position: relative;
    height: 110px;
    width: 100%;
    margin: 0 auto;
}

.item-11, 
.item-22, 
.item-33 {
	position: absolute; /* keeps all 3 items at the same level */
    display: block;
   margin: 0 auto;
	padding: 10px 0;
    width: 50%; /* keeps all 3 items at the center */
    padding-right: 0;
    text-align: center;line-height: 40px;
    font-size: 2em;
    animation-duration: 30s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    text-transform: uppercase;
    font-weight: bold;
    color: white;
}

.item-11{
	animation-name: anim-1;
}

.item-22{
	animation-name: anim-2;
}

.item-33{
	animation-name: anim-3;
}

a.video-chat.des-video-chat.collapsible-contact-list-item {display:none!important;}



@keyframes anim-1 {
	0%, 8.3% { left: -100%; opacity: 0; }
  8.3%,25% { left: 25%; opacity: 1; }
  33.33%, 100% { left: 110%; opacity: 0; }
}

@keyframes anim-2 {
	0%, 33.33% { left: -100%; opacity: 0; }
  41.63%, 58.29% { left: 25%; opacity: 1; }
  66.66%, 100% { left: 110%; opacity: 0; }
}

@keyframes anim-3 {
	0%, 66.66% { left: -100%; opacity: 0; }
  74.96%, 91.62% { left: 25%; opacity: 1; }
  100% { left: 110%; opacity: 0; }
}

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

    SLIDE SIDE AFFECT

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

    div.slide-left {width:100%;}
    div.slide-left div.inner { animation: slide-left 5s;margin-top:0%;}

    @keyframes slide-left {
        from { margin-left: -50%;}
        to { margin-left: 0%;}
    }


    div.slide-right {width:100%;}
    div.slide-right div.inner { animation: slide-right 5s;margin-top:0%;}

    @keyframes slide-right {
        from { margin-right: -30%;}
        to { margin-right: 0%;}
    }

.wilson {max-height: 75px;}
/*==========================================================

    BLINK

===========================================================*/
    /* @group Blink */
    .blink {
        -webkit-animation: blink 3s linear infinite;
        -moz-animation: blink 3s linear infinite;
        -ms-animation: blink 3s linear infinite;
        -o-animation: blink 3s linear infinite;
         animation: blink 3s linear infinite;
    }
    @-webkit-keyframes blink {
        0% { opacity: 1; }
        50% { opacity: 1; }
        50.01% { opacity: 0; }
        100% { opacity: 0; }
    }
    @-moz-keyframes blink {
        0% { opacity: 1; }
        50% { opacity: 1; }
        50.01% { opacity: 0; }
        100% { opacity: 0; }
    }
    @-ms-keyframes blink {
        0% { opacity: 1; }
        50% { opacity: 1; }
        50.01% { opacity: 0; }
        100% { opacity: 0; }
    }
    @-o-keyframes blink {
        0% { opacity: 1; }
        50% { opacity: 1; }
        50.01% { opacity: 0; }
        100% { opacity: 0; }
    }
    @keyframes blink {
        0% { opacity: 1; }
        50% { opacity: 1; }
        50.01% { opacity: 0; }
        100% { opacity: 0; }
    }
    /* @end */


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

    NAVIGATION

===========================================================*/
/* see menumaker.css for additional nav styles */




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

    SLIDESHOW

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

    .slides{background:#000;padding:0;color:#fff;position:relative;}

    .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:#2885b3;}
    .cycle-pager > * { cursor: pointer;}


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

    CONTENT STYLES

===========================================================*/
    #redbtm{background:#700011}
    
    .formcont{background: #999494}
    .formcont p{color: #fff; font-size: 17px}
    
    iframe.mapa{border:0; width:100%; height: 400px; display: block}
    .infocont img {   
        display: inline-block;
        vertical-align: middle;
    }
    .infocont p{line-height: 33px}

    #overmap{display: block; text-align: center ; margin: 0 auto -8em auto; position: relative; padding: 4em 0 0 0}
    img.limite{max-width: 500px; width: 100%;}
    

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

    HOME PAGE

===========================================================*/
    .welcome{
        background:#700011;
        position: relative
    }

    a.morebutton {
        background:#000; 
        padding:15px 0; 
        color:#fff; 
        border-radius:3px; 
        line-height:1em; 
        text-decoration: none;
        display: block;
        max-width: 150px; 
        box-sizing: border-box; 
        margin: 10px 0 0 0; 
        text-align:center; 
        font-weight: 700;
        font-size: 16px;
        }
        a.morebutton:hover{background:#000; color:#fff; border-radius:3px;}


    a.morebutton2 {
        background:#000; 
        padding:15px 0; 
        color:#fff; 
        border-radius:3px; 
        line-height:1em; 
        text-decoration: none;
        display: block;
        max-width: 250px; 
        box-sizing: border-box; 
        margin: 10px 0 0 0; 
        text-align:center; 
        font-weight: 700;
        font-size: 16px;
        }
        a.morebutton2:hover{background:#000; color:#fff; border-radius:3px;}

    .linkbox{
        border: 2px solid #c0c0c0;
        position:relative;
        text-align:left;
        font-size:20px;
        font-weight:600;
        line-height: 20px;
        padding: 30px;
        color: #fff;
        min-height:283px;
    }
    .linkbox img{
        margin:0 auto;
        display:block;
        color:#700011;
        padding:10px 20px 10px;
        -webkit-transition:.3s ease-in;  
        -moz-transition:.3s ease-in;  
        -o-transition:.3s ease-in;  
        transition:.3s ease-in;
    }
    
    .linkbox:hover img{padding-top:0px;padding-bottom:40px;}
    .linkbox a{text-decoration:none;color:#fff;}
    .linkbox a:hover{text-decoration:none;color:#6A6A6A}
    .linkbox p{margin-top: 10px; color: #fff}
    .linkbox .fa{font-size: 33px}
  
  

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

    STAFF

===========================================================*/
.staff-box{margin:0 auto 30px auto;} .staff-box h4, .staff-box a{color: #fff;}
   

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

    SCROLLING INVENTORY

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

    .scrolling-wrap {
        width:100%;
        height:90px;
        overflow:hidden;
        background: #fff;
    }

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


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

    FORM

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

    .order-form{display:block;}
    #formpage{padding:0;}
    form.form-styles { margin:0 0 0;}
.form-styles label{
        display:block;
        font-size:16px;
        padding-top: 4%;
        width:100%;
    }
   .form-styles input{
        border: #700011 solid 1px;
        border-radius: 2px;
        padding: 12px;
        font-size:14px;
        box-sizing:border-box;
        margin:0 1% 10px 0  ;
        width: 99%;
    }
   input.half {
    width: 50%;
    float: left;
    padding: 10px;margin-bottom: 5px;
    box-sizing: border-box;
}   input.full,textarea.full {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;margin-bottom: 5px;
}
#CaptchaAnswer {padding: 10px;box-sizing: border-box;}

    .form-styles input:focus{ outline: #700011 solid 1px!important;}

    input.button2{
        display:block;
        width:200px;
        padding: 10px 0;
        margin:10px 0 0 0;
        background-color:#000;
        color:#fff;
        border: 0;
        -webkit-transition:.3s ease-in;  
        -moz-transition:.3s ease-in;  
        -o-transition:.3s ease-in;  
        transition:.3s ease-in;
    }

    input.button2:hover{
        background-color:#4d4d4d;
        cursor:pointer;
    }

    select{
        border:#700011 solid 1px;
        border-radius: 2px;
        padding: 2%;
        font-size:14px;
        box-sizing:border-box;
        width:98%;
        margin:0 1% 10px;
        color:#969696;
    }
    select.half{width:48%;float:left;}

    textarea{
        font-family: 'Open Sans', sans-serif;
        border: #700011 solid 1px;
        border-radius: 2px;
        padding: 10px;
        font-size:14px;
        width:99%;
        margin:0 0 10px 0  ;
        box-sizing:border-box;
    }
    textarea:focus{ outline: #700011 solid 1px!important;}

    .CaptchaPanel {
        margin: 0px 0px 0px 0px !important;
        text-align: center;
        padding: 0px !important;
    }

    .CaptchaWhatsThisPanel a{color: #fff!important}
    .CaptchaImagePanel,
    .CaptchaMessagePanel,  
    .CaptchaAnswerPanel, 
    .CaptchaWhatsThisPanel {
        margin:0px 0px 0px !important;
        font-size: 12px;
        color: #fff;
        text-align: left !important;
        font-weight:normal!important;
        padding:0px 0 0!important;
        box-sizing:border-box;
        }

    .CaptchaImagePanel{float:left;margin-right:10px !important;}
    .CaptchaMessagePanel{}
    #CaptchaAnswer{margin:5px 0; width:395px}
    fieldset{width:98%;box-sizing:border-box;margin:0 1% 15px;background:#fff;}

    .centrocerto .CaptchaImagePanel {
        float: none;
        margin: 0 auto !important;
    }
    .centrocerto #CaptchaAnswer{width: 100%}
    .centrocerto .CaptchaImagePanel,.centrocerto .CaptchaMessagePanel,.centrocerto .CaptchaAnswerPanel,.centrocerto .CaptchaWhatsThisPanel{text-align: center!important;}
    .centrocerto input.button2{width:100%; margin:10px auto 0 auto}



/*--- Event trailer form --------------*/
.event-trailer form {display: flex; flex-direction: column; gap: 20px; width: 90%;}

.event-trailer form input {padding: 10px 15px;}

.trailer-photos {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    margin-top: 75px;
    justify-content: center;
}
.trailer-photos a{flex-basis: 20%;}
.trailer-photos img {max-width: 100%;width: 100%;transition:.3s all;}
.trailer-photos img:hover {opacity: .75;}

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

    FOOTER STYLES

===========================================================*/
  
    footer{
        width: 100%;
        margin: 0 auto;
        background: #000;
        color: #fff;
        padding: 2em 0;
        font-family: 'Open Sans Condensed', sans-serif;
        text-transform: uppercase;
    }
   
    footer a,footer p{color:#999494!important; font-size: 14px; }
    footer a:hover{color: #fff!important}
    .footmenu a{ margin: 0 10px 0 0}

    footer .last h6{text-align: right;}
    h6 span a:link, h6 span a:visited, h6 span a:active{ color:#999494!important; text-decoration: underline}
    h6 span{ color:#999494!important; }


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

    RESPONSIVE STYLES

===========================================================*/
.hidecel{display: block}
.showcel{display: none}


@media screen and (max-width: 1437px) {
	
	.trailer-photos {justify-content: center;}
}


@media screen and (max-width: 1390px) {
    .logo img{max-width: 235px;}
    /*#spaceheader {height: 220px;}*/
}

@media screen and (max-width: 1265px) {
    /*#spaceheader {height: 315px;}*/
    .padit{padding:2em 0;}
    .column3 {width:100%; float:none; padding:0 ; margin: 0 auto; text-align: center}
    .linkbox {min-height: auto; padding:10px; margin: 10px auto; text-align: center}
    a.morebutton {
        max-width: 150px;
        margin: 10px auto 0 auto;
    }
    
    .logo{width:100%; float:none; padding:0 ; margin: 0 auto; text-align: center}
    #logoleft, #logoright{width:100%; float:none; padding:0 ; margin: 5px auto 0 auto; text-align: center;}
    #logoleft a, #logoright a{ display: block;}
    .hidecel{display: none}
    .showcel{display: block}
    
    .pradireita {margin-top: 12%;}
    h5 {font-size: 21px;}
	
	
	.item-11, .item-22, .item-33 {
    position: absolute;
    display: block;
    top: 0px; 
    width: 50%;
    padding-right: 0;
    text-align: center;
    line-height: 40px;
    font-size: 25px;
    animation-duration: 30s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    text-transform: uppercase;
    font-weight: bold;
    color: white;
}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}


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

.inquote-slide { 
    background: #700011;
    overflow: hidden;
    position: relative;
    height: 110px;
    width: 100%;
    margin: 0 auto;
}

.item-11, 
.item-22, 
.item-33 {
	position: absolute; /* keeps all 3 items at the same level */
    display: block;
   margin: 0 auto;
	padding: 10px 0;
    width: 50%; /* keeps all 3 items at the center */
    padding-right: 0;
    text-align: center;line-height: 40px;
    font-size: 25px;
    animation-duration: 30s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    text-transform: uppercase;
    font-weight: bold;
    color: white;
}





}

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

.inquote-slide { 
    background: #700011;
    overflow: hidden;
    position: relative;
    height: 110px;
    width: 100%;
    margin: 0 auto;
}

.item-11, 
.item-22, 
.item-33 {
	position: absolute; /* keeps all 3 items at the same level */
    display: block;
   margin: 0 auto;
	padding: 10px 0;
    width: 50%; /* keeps all 3 items at the center */
    padding-right: 0;
    text-align: center;line-height: 40px;
    font-size: 22px;
    animation-duration: 30s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    text-transform: uppercase;
    font-weight: bold;
    color: white;
}





}

@media screen and (max-width: 1072px) {
	.event-trailer form {width: 100%;}
	.twothird.event-trailer {padding-top: 30px;}
}

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

.inquote-slide { 
    background: #700011;
    overflow: hidden;
    position: relative;
    height: 110px;
    width: 100%;
    margin: 0 auto;
}

.item-11, 
.item-22, 
.item-33 {
	position: absolute; /* keeps all 3 items at the same level */
    display: block;
   margin: 0 auto;
	padding: 0px 0;
    width: 50%; /* keeps all 3 items at the center */
    padding-right: 0;
    text-align: center;line-height: 40px;
    font-size: 20px;
    animation-duration: 30s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    text-transform: uppercase;
    font-weight: bold;
    color: white;
}





}
/* iPads (portrait and landscape) ----------- */
 
@media screen and (max-width: 1024px) {
    #spaceheader {height: 190px;}
    .wrapper-small{width: 90%;}
    .border-it{padding: 0}
    
    .square h3 {padding: 50px 0 0 0;}
    
    .infocont p{line-height: normal}
    
    .twothird {width:100%; float:none; padding:0 ; margin: 0 auto; text-align: center}
	.onethird {width:100%; float:none; padding:0 ; margin: 0 auto; text-align: center}
	.dois-terco {width:100%; float:none; padding:0 ; margin: 0 auto; text-align: center}
	.um-terco {width:100%; float:none; padding:0 ; margin: 0 auto; text-align: center}
    
    footer .last h6 {text-align: center;}
    footer .last{margin-top: 20px; }
    footer {padding: 1.5em 0;}
    
    .column6 {width:33%; float:left; padding:0 ; margin: 10px auto; }
    
    .top{padding: 7px 0;}
    
    .logowrap{padding: 5px 0}
    .logonovo img {max-width: 200px;}
    .address-head{ height: 300px;}
    .address-head a{font-size: 18px;}
	.addreslink {font-size: 18px;}
    
    .quote-slide{height: 125px;}
    .item-1, .item-2, .item-3{font-size: 24px;}
    
	  .inquote-slide{height: 125px;}
    .item-11, .item-22, .item-33{font-size: 20px;}
    
	
    div.slide-left {width:100%;}
    div.slide-left div.inner { animation:none;margin:0;}
	
	div.slide-right {width:100%;}
    div.slide-right div.inner { animation:none;margin:0;}

    .morebutton2 {display: block; margin: auto !important;}
	
	input.button2 {width: 100%;}
}

@media screen and (max-width: 900px) {
    /*#spaceheader {height: 335px;}*/
    .logothreeBIG p{font-size: 30px}
    .address-head {height: 265px;}
    .logo {padding:8px 0 5px 0;}
    .logo img {max-width: 230px;}
    .pad {padding: 1em 0!important;}
    .trailer-photos a{flex-basis: 40%;}
    footer h6 {text-align: center;}
    h1 {font-size: 34px; line-height: 34px; text-align: center}
    h2 {font-size: 34px; line-height: 34px; text-align: center}
    h3 { font-size:30px; margin: 0 0 10px 0;}
    
    .white p{text-align:center}
    .welcome p{text-align:center}
    
    .column2 {width:100%; float:none; padding:0 ; margin: 0 auto; text-align: center}
    .column4 {width:50%; float:left; padding:0 ; margin: 0 auto; }
    
    iframe.mapa { height: 300px;}
    
    a.appbutton{padding: 13px 5px;}
    .square {
        width: 48%;
        float: left;
        margin:1%;
    }
    
	.addresslink {font-size: 17px;}
	
    #mobilemore{display: block; padding-top: 2em;}
    #mobileless{display: none}
	
	
    
}


/* iPhone 5, 6, 6+ ----------- */

@media screen and (max-width: 736px){
    .top{text-align: center}
    .logo {width: auto;}

    iframe.mapa { height: 200px;}
    
    .logonovo img {max-width: 170px;}
    
    #spaceheader {height: auto;}
    header {position:relative}
    
    .logothree{ width: 30%; display: inline-block; margin: 0 auto; text-align: center; float: none}
    .logothree img {max-width: 120px;}
    .logothreeBIG{ width: 200px; display: inline-block; margin: 0 auto; text-align: center; float: none}
    .logothreeBIG img {max-width:200px;}
    .address-head{
        width: 33%;
        display: inline-block;
        margin: 0 auto;
        text-align: right;
        float: none;
        height: 120px;
    }
    .quote-slide { height: 100px;}
    .item-1, .item-2, .item-3 { font-size: 18px;}
	
	.inquote-slide { height: 130px;}
    .item-11, .item-22, .item-33 { font-size: 18px;}
	
	.wilson {max-height: 50px; margin-bottom: -10px;}

	
}


/* Galaxy (portrait and landscape) ----------- */

@media screen and (max-width:640px){
    .column4 {width:100%; float:none; padding:0 ; margin: 0 auto; }
    .linkbox {min-height:auto; padding: 1em 1em 1em 1em;}
    .linkbox p {margin-top: 0px; }

    .column6 {
        width:50%;
        float: left;
        padding: 0;
        margin: 10px auto;
        text-align: center;
    }
    .infocont h2 {margin-top: 0;}
    input.half {width:100%; float:none; }
    .infocont img {display: none;}
    .infocont .last{margin-top: 0}
    
    .last{margin-top: 1em}
    
    .CaptchaImagePanel {
        float: none;
        margin: 0 auto !important;
    }
    #CaptchaAnswer{width: 100%}
    .CaptchaImagePanel, .CaptchaMessagePanel, .CaptchaAnswerPanel, .CaptchaWhatsThisPanel{text-align: center!important;}
    input.button2{width:100%; margin:10px auto 0 auto}
    
    .logothreeBIG{ width: 300px; }
    .logothreeBIG img {max-width:300px;}
    .logothree img{margin: 5px auto}
    .address-head{text-align: center; height: auto; padding: 2%; width: 70%;}
    .logothreeBIG img { max-width: 200px;}
    .pradireita img{float: none}
    .logothree{width:100%; float:none; padding:0 ; margin: 0 auto; text-align: center; display: block;}
    .logothreeBIG{width:100%; float:none; padding:0 ; margin: 0 auto; text-align: center; display: block; padding: 6% 0;}
    .pradireita, .praesquerda{width:100%; float:none; padding:0 ; margin: 0 auto; text-align: center; display: block;}
	.rightfloater {width:100%; float:none; padding:0 ; margin: 0 auto; text-align: center; display: block;}
	
	.wilson {max-height: 50px; margin-top: -20px; margin-bottom: 10px;}
}


/* Smartphones (portrait and landscape) ----------- */

@media screen and (max-width: 544px){
    /*#spaceheader {height: 433px;}*/
    
    .pagebottom{padding:20px 0;text-align: center;}
    .divfooter {text-align:center;}
    input.half{width:98%;float:left;}
    
    .quote-slide {height: 140px;}
    .item-1, .item-2, .item-3 {font-size: 22px;}
	
	 .inquote-slide {height: 165px;}
    .item-11, .item-22, .item-33 {font-size: 18px;}
    
    .square {
        width: 100%;
        float:none;
        margin:10px auto;
    }
    .square h3 {padding: 100px 0 0 0}
.trailer-photos a{flex-basis: 100%;}
    .column6 {width:100%; float:none; padding:0 ; margin: 0 auto; text-align: center;}
}
 

@media screen and (max-width: 500px){
   
	
	 .inquote-slide { height: 210px;}
	.item-11, .item-22, .item-33 {font-size: 18px; line-height: 35px}

}





@media screen and (max-width: 375px){
    .quote-slide { height: 130px;}
    .item-1, .item-2, .item-3 {font-size: 19px;}
	
	.inquote-slide { height: 180px;}
    .item-11, .item-22, .item-33 {font-size: 16px;line-height: 30px;}
}