/* import global styles */
@import url("global.css");

/* import reset styles */
@import url("reset.css");
@import url(https://fonts.googleapis.com/css?family=Cabin+Condensed:400,700,600);
html{font:normal 14px/24px Arial,sans-serif;}
body{margin:0;}


/*======================
=        HEADER        =
======================*/

#MainHeader { height: 110px; }

/*======================
=    HEADER - Logo     =
======================*/
#DealerLogo > a[href=""]{display:block;cursor:default;}
#DealerLogo{clear:both;position:relative;}
#DealerLogo img{height:70px;position:absolute;left:15px;top:0px;z-index: 3;}
#DealerLogo span{width:100%;background:#00304b;display:inline-block;margin-top:10px;padding:15px;padding-left:95px;color:#fff;font-size:20px;}

/*=======================
= HEADER - CONTACT INFO =
=======================*/
#contactinfo{padding:10px 5px;}
#contactinfo,#contactinfo a{color:#808285;}

/*=======================
= HEADER - SOCIAL MEDIA =
=======================*/
#DealerSocial{display:none;}
/*=======================
= HEADER - NAVBAR       =
=======================*/
#MainHeader .navbar{background:transparent;border:none;z-index:2;}
#MainHeader .navbar .navbar-collapse{background:#fff;}
#MainHeader .navbar .caret{display:none;}
#MainHeader .navbar .navbar-toggle{position:absolute;right:10px;top:-45px;border:none;}
#MainHeader .navbar .navbar-toggle .icon-bar{background-color:#fff;}
#MainHeader .navbar .navbar-toggle:hover{background:transparent;}
#MainHeader .navbar .dropdown:after{font-family:"fontAwesome";content:"\f078";display:inline-block;right:15px;position:absolute;top:12px;color:#808285;}
#MainHeader .navbar .dropdown .dropdown-menu{width:100%;border:none;box-shadow:none;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;max-height:0;display:block;overflow:hidden;opacity:0;}
#MainHeader .navbar .dropdown.exp>.dropdown-menu{max-height:300px;opacity:1;display:block;width:100%;position:relative;border-radius:0;margin-bottom:10px;border:none;}
/*animation Hamburger*/
#MainHeader .navbar-toggle{width:35px;height:45px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;}
#MainHeader .navbar-toggle span{background:#fff;display:block;position:absolute;height:3px;width:50%;opacity:1;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;}
#MainHeader .navbar-toggle span:nth-child(even){left:50%;border-radius:0 9px 9px 0;}
#MainHeader .navbar-toggle span:nth-child(odd){left:0px;border-radius:9px 0 0 9px;}
#MainHeader .navbar-toggle span:nth-child(1),#MainHeader .navbar-toggle span:nth-child(2){top:0px;}
#MainHeader .navbar-toggle span:nth-child(3),#MainHeader .navbar-toggle span:nth-child(4){top:10px;}
#MainHeader .navbar-toggle span:nth-child(5),#MainHeader .navbar-toggle span:nth-child(6){top:20px;}
#MainHeader .navbar-toggle.active span:nth-child(1),#MainHeader .navbar-toggle.active span:nth-child(6){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
#MainHeader .navbar-toggle.active span:nth-child(2),#MainHeader .navbar-toggle.active span:nth-child(5){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
#MainHeader .navbar-toggle.active span:nth-child(1){left:5px;top:7px;}
#MainHeader .navbar-toggle.active span:nth-child(2){left:calc(50% - 5px);top:7px;}
#MainHeader .navbar-toggle.active span:nth-child(3){left:-50%;opacity:0;}
#MainHeader .navbar-toggle.active span:nth-child(4){left:100%;opacity:0;}
#MainHeader .navbar-toggle.active span:nth-child(5){left:5px;top:14px;}
#MainHeader .navbar-toggle.active span:nth-child(6){left:calc(50% - 5px);top:14px;}


/*=======================
=         Footer        =
=======================*/
.footer{padding:20px 0 20px;text-align:center;color:#fff;background:#00304b;font-weight:normal;border-top:1px solid;line-height:20px;}
#footersocial{margin-bottom:20px;}
.footer #endereco{display:none;}
#endereco, #horario {padding-top:10px;margin-bottom:40px;}
#endereco hr{width:200px;}
#socialbuttons .square{display:inline; list-style:none;}
#socialbuttons .square a{display:inline-block;padding:7px 8px;margin:1px;font-size:20px;background:#fff;border-radius:3px;cursor:pointer;color:#00304b;}
#socialbuttons .square a[href=""]{display:none;}
#socialbuttons .square:hover a{color:#fff;-moz-transition:all 0.1s ease;-ms-transition:all 0.1s ease;-o-transition:all 0.1s ease;transition:all 0.1s ease;}
#socialbuttons .square.facebook a{padding:7px 12px;}
#socialbuttons .square.facebook a:hover{background:#3a5a98;}
#socialbuttons .square.youtube a:hover{background:#ca2128;}
#socialbuttons .square.twitter a:hover{background:#60caef;}
#socialbuttons .square.instagram a:hover{background:#326699;}
#socialbuttons .square.google a:hover{background:#e54a55;}
#copyright{border-top:1px solid;padding-top:15px;}
#footerMenu{display:none;float:left;color:#fff;}
#footerMenu > ul > li{display:inline-block;}
#footerMenu a{color:#fff;background: transparent;padding-left: 0;display:block;padding-right: 10px;}
#footerMenu .dropdown-menu{display:block;background:transparent;border:none;box-shadow:none;position: relative;}
#footerMenu li .caret{display:none;}

/*======================
= Blog Form Button =
======================*/
#blogFormWrap .blueprint-form input.btn[type="submit"]{background-color:#003b6a;color:#fff;}
#blogFormWrap .blueprint-form input.btn[type="submit"]:hover{background-color:#555;color:#fff;}

/*======================
=    Theme Control    =
======================*/
#kart .navbar,#kart #footerMenu{display:none;}
.footer #endereco{display:inline-block;}

/*==================================================
=                   MEDIA QUERIES                  =
==================================================*/

/*=============  Mobile First Method  =============*/

/* Custom, iPhone Retina */
@media only screen and (min-width:320px){
}

/* Extra Small Devices, Phones */
@media only screen and (min-width:480px){
}

/* Small Devices, Tablets */
@media only screen and (min-width:600px){
}

/* Tablets*/
@media only screen and (min-width:768px){
    #MainHeader .navbar .dropdown:after{display:none;}
    #MainHeader .navbar .dropdown.exp>.dropdown-menu{position:absolute;width:auto;background:transparent;padding:0;}
    #MainHeader .navbar .dropdown .dropdown-menu li{background:#fff;}
    #MainHeader .navbar {background:transparent;padding-left:90px;padding-top:10px;}
    #gt #MainHeader .navbar-nav > li > a {padding:10px calc((100vw - 90px - 28em) / 10);}
    #v8 #MainHeader .navbar-nav > li > a {padding:10px calc((100vw - 90px - 32em) / 10);}
    #MainHeader .navbar-nav { -webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75); }
    #MainHeader .navbar-nav li a {border:1px solid #aaa;font-weight:bold;color:#777;}
    #MainHeader .navbar .dropdown .dropdown-menu li.active a{background-color:#e0e0e0;}
}
/* Medium Devices, Desktops */
@media only screen and (min-width:992px){
    #MainHeader{height:190px;}
    /*Header - Contact info*/
    #contactinfo{padding-right:10px;}
    .contactinfo-block{width:955px;float:right;}
    .border-right{border-right:1px solid;}
    .contact-label{width:175px;margin-top:9px;}
    .contact-number{width:125px;margin-top:9px;display:inline-block;}
    .contact-address{width:415px;padding-top:9px;}

    /* HEADER - Logo  */
    #DealerLogo img{height:105px;left:30px;}
    #DealerLogo span{padding-left:155px;}
    /* HEADER - navbar  */
    #MainHeader .navbar{background:transparent;padding-left:140px;padding-top:10px;}
    #MainHeader .navbar-nav>li>a{padding-top:10px;padding-bottom:10px;}
    #MainHeader .navbar-nav { -webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75); }
    #MainHeader .navbar-nav li a{border:1px solid #aaa;font-weight:bold;color:#777;}
	/* autoresize overrides */ 
	#MainHeader .navbar-collapse.autoresize-fit{width:calc(100% - 5px);padding:0;}
	#MainHeader .navbar-nav.resize-nav{opacity:0;}
    /* HEADER - SOCIAL MEDIA */
    #DealerSocial{float:right;display:inline-block;}
    #DealerSocial .square{display:inline-block;margin:1px;border-radius:2px;cursor:pointer;}
    #DealerSocial .square a{padding:0px 10px;line-height:30px;vertical-align:middle;color:#fff;}
    #DealerSocial .square.facebook{background:#3a5a98; padding:0 1px;}
    #DealerSocial .square.youtube{background:#ca2128;}
    #DealerSocial .square.twitter{background:#60caef;}
    #DealerSocial .square.instagram{background:#326699;}
    #DealerSocial .square.google{background:#e54a55;}

    /*footer*/
    .footer{text-align:left;padding:20px;}
    #copyright{border-top:none;}
    #footersocial{text-align:left;width:200px;float:right;}
    #socialbuttons{text-align:right;padding-top:10px;}
    #titulosocial{text-transform:uppercase;font-weight:bold;}
    #footercopyright{border-top:1px solid;}
    #poweredby{text-align:right;padding-top:15px;}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width:1200px){

    /* HEADER - Logo  */
    #DealerLogo img{left:60px;}
    #DealerLogo span{padding-left:180px;}

    /*header - contact info*/
    #contactinfo{padding-right:50px;}
    /*nav*/
    #MainHeader .navbar{padding-left: 180px;}
    #MainHeader .nav>li>a{padding: 10px 50px;}

    /*footer*/
    .footer{padding:40px 60px 20px;}
    #footerMenu .dropdown-menu{min-width: 145px;}
    #footerMenu a{padding-right: 50px;}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width:1440px){
    #footerMenu .dropdown-menu{min-width:200px;}
}

/* XLarge Devices, Wide Screens */
@media only screen and (min-width:1800px){
    #footerMenu .dropdown-menu{min-width:225px;}
    #footerMenu a{padding-right:85px;}
}