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

/* import smart layout styles */
@import url("smart-layouts.css");

/**********/
/* HEADER */
/**********/
body{margin-top:40px}
.header{height:60px;background:#000;color:white;}
.header .logo{width:calc(100% - 60px);height:60px;position:absolute;top:40px;left:60px;font-size:12px;text-transform:uppercase;letter-spacing:2px;display:table;}
.header .logo img {max-height:40px;max-width:100%;margin-top: 5px;margin-left:15px;}
.header .logo > div{width:calc(100% - 60px);position:relative;display:table-cell;text-align:left;vertical-align:middle;}
.header .header-contact{width:100%;height:40px;position:absolute;top:0;right:0;}
.header .header-contact a{height:40px;border-left:1px solid #96172e;background: white;font-size:12px;color: #333;text-transform:uppercase;text-align:center;display:block;float:left;line-height:40px;}
.header .header-contact.sgl a{width:30%;}
.header .header-contact.sgl a:nth-child(1){border-left:0;}
.header .header-contact.sgl a:nth-child(3){width:40%;}
.header .header-contact.grp a{width:100%;border:none;font-size:16px;}
.header .header-contact a .phn-icon,.header .header-contact a .map-icon{width:22px;position:relative;top:5px;font-size:18px;}
/* nav */
.header .navbar-button{width:60px;height:60px;padding:18px 15px;border:0;border-right:1px solid #68100b;border-radius:0;margin:0;outline:none;background:none;transition:all 0.5s;}
.header .navbar-button .icon-bar{width:100%;height:4px;margin-bottom:6px;position:relative;top:0;background:white;opacity:1;display:block;transition:transform 0.2s, top 0.4s, opacity 0.5s;}
.header .navbar-button:hover{background:white;}
.header .navbar-button:hover .icon-bar{background:#96172E;}
.header .navbar-button.exp .icon-bar:nth-child(1){transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);top:10px;}
.header .navbar-button.exp .icon-bar:nth-child(2){opacity:0;}
.header .navbar-button.exp .icon-bar:nth-child(3){transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);top:-10px;}
.header nav.navbar{height:auto;min-height:0;z-index:200;}
.header nav.navbar .nav.navbar-nav{width:100%;max-height:100000px;padding:0;margin:0;position:absolute;background:white;overflow:hidden;transition:all 0.33s;}
.header nav.navbar .nav.navbar-nav > li:last-child ul.dropdown-menu{right:0;left:auto}
.header nav.navbar .nav.navbar-nav > li > a{height:0px;padding:0;border:0;background:white;color:#474747;line-height:0px;text-indent:20px;text-transform:uppercase;letter-spacing:2px;overflow:hidden;display:block;transition:all 0.33s;}
.header nav.navbar .nav.navbar-nav > li > a::after{content:'\f067';font-family:'fontawesome';position:absolute;right:20px;}
.header nav.navbar .nav.navbar-nav > li ul.dropdown-menu{width:100%;padding:0;border:0;border-radius:0;box-shadow:none;position: relative;display:block;float: none;}
.header nav.navbar .nav.navbar-nav > li ul.dropdown-menu li a{height:0px;padding:0;color:#96172e;line-height:25px;text-indent:35px;text-decoration:underline;overflow:hidden;display:block;transition:all 0.5s;}
.header nav.navbar .nav.navbar-nav > li ul.dropdown-menu li.active a,
.header nav.navbar .nav.navbar-nav > li ul.dropdown-menu li a:hover{background:none;}
.header nav.navbar .nav.navbar-nav > li.exp{border-bottom:1px solid #eee;margin-bottom:-1px;}
.header nav.navbar .nav.navbar-nav > li.exp > a::after{content:'\f068';}
.header nav.navbar .nav.navbar-nav > li.exp ul.dropdown-menu{padding-bottom:25px}
.header nav.navbar .nav.navbar-nav > li.exp ul.dropdown-menu li a{height:25px;}
.header nav.navbar .nav.navbar-nav.exp{border-bottom:1px solid #96172e;}
.header nav.navbar .nav.navbar-nav.exp > li > a{height:50px;border-top:1px solid #96172e;line-height:50px;}
@media (min-width: 768px) {
    body{margin-top:0px}
    .header{background:#000;}
    .header .navbar-button{background:#96172E;}
    .header .logo{top:0;width:auto;}
    .header .header-contact{width:400px;height:60px;position:absolute;right:0;z-index:10;}
    .header .header-contact a{width:100px;height:60px;border:none;background:none;color:white;font-size:9px;text-transform:uppercase;text-align:center;line-height:normal;display:block;float:left;}
    .header .header-contact a .phn-icon, .header .header-contact a .map-icon{margin-right:10px;top:2px;font-size:28px;float:left;}
    .header .header-contact.sgl a{text-align:left;padding-top:16px;}
    .header .header-contact.sgl a:nth-child(3) span:nth-child(3){display:none;}
    .header .header-contact.grp{width:250px;border-bottom:1px solid #f0f0f0;background:white;}
    .header .header-contact.grp a{color:#666;font-size:12px;line-height:60px;}
    .header nav.navbar{border:0;}
    .header nav.navbar .nav.navbar-nav{width:100%;}
    .header nav.navbar .nav.navbar-nav > li{float:none;}
}
@media (min-width: 992px) {
    .header{height:100px;padding:0 5%;position:relative;}
    .header .navbar-button{display:none;}
    .header .logo{position:relative;left:0;}
    .header .header-contact{right:5%;}
    .header .header-contact.grp{border-bottom:0;}
    .header #navWrapper{width:100%;height:40px;position:absolute;left:0;bottom:0;background:#96172E;}
    .header nav.navbar{width:90%;height:40px;margin:0 5%;position:absolute;left:0;bottom:0;opacity:0;}
    .header nav.navbar .nav.navbar-nav{width:100%;position:relative;background:transparent;overflow: visible;}
    .header nav.navbar .nav.navbar-nav > li{position:relative;display:block;float:left}
    .header nav.navbar .nav.navbar-nav > li > a{height:40px;color:white;line-height:40px;text-indent:0;background:transparent;transition:none;transition:background 0.33s, height 0.33s;}
    .header nav.navbar .nav.navbar-nav > li > a::after{content:'';display:none;}
    .header nav.navbar .nav.navbar-nav > li ul.dropdown-menu{width:auto;min-width:200px;position:absolute;display:none;}
    .header nav.navbar .nav.navbar-nav > li ul.dropdown-menu li a{height:30px;color:#333;font-size:10px;line-height:30px;text-transform:uppercase;text-decoration:none;text-indent:0;}
    .header nav.navbar .nav.navbar-nav > li ul.dropdown-menu li a:hover{color:#96172E;}
    .header nav.navbar .nav.navbar-nav > li.exp > a{border-bottom:1px solid #f0f0f0;background:white;color:#96172E;}
    .header nav.navbar .nav.navbar-nav > li.exp ul.dropdown-menu{padding:10px 40px;border:1px solid #f0f0f0;border-top:0;margin-top:-1px;display:block;}
    .header nav.navbar .nav.navbar-nav > li.exp{border:0;margin:0;}
    .header nav.navbar .nav.navbar-nav > li.exp ul.dropdown-menu li a{height:30px;}
}
@media (min-width: 1200px) {
    .header{height:160px}
    .header .logo{width:500px;height:100px;background-size:85px;background-position:0px 9px;}
    .header .header-contact{width:600px;height:100px;}
    .header .header-contact a{width:200px;height:100px;font-size:16px;}
    .header .header-contact a .phn-icon, .header .header-contact a .map-icon{margin:0 20px 20px 0;font-size:40px;top:4px}
    .header .header-contact.sgl a{text-align:left;padding-top:26px;}
    .header .header-contact.grp{width:450px;height:70px;margin:15px 0;}
    .header .header-contact.grp a{color:#666;font-size:18px;line-height:70px;}
    .header #navWrapper,
    .header nav.navbar{height:60px;}
    .header nav.navbar .nav.navbar-nav > li > a{height:60px;line-height:60px;}
    .header nav.navbar .nav.navbar-nav > li ul.dropdown-menu li a{font-size:12px;}
}

/**********/
/* FOOTER */
/**********/

.footer{background:black;color:white;}
.footer .social.row{width:100%;height:40px;background:#666;}
.footer .social.row a.backToTop{width:40%;height:40px;font-size:10px;text-align:center;text-transform:uppercase;line-height:40px;display:block;float:left;}
.footer .social.row a.backToTop::after{font-family:'fontawesome';content:'\f106';margin-left:5px;font-size:14px;}
.footer .social.row ul.socialMenu-footer{width:100%;height:40px;padding:0 20%;list-style:none;line-height:40px;display:block;float:right;}
.footer .social.row ul.socialMenu-footer > li{width:20%;height:40px;padding: 8px 0 0 0;font-size:0;float:left}
.footer .social.row ul.socialMenu-footer > li > a{width:20px;height:20px;color:white;position:relative;left:calc(50% - 10px);display:block;}
.footer .social.row ul.socialMenu-footer > li > a::before{font-family:'fontawesome';font-size:16px;line-height:0;}
.footer .social.row ul.socialMenu-footer > li.fiat > a::before{content:'';width:25px;height:40px;display:block;position:relative;top:-8px;background-size:25px 25px;background-position:center center;background-repeat:no-repeat;}
.footer .social.row ul.socialMenu-footer > li.fiat > a::before{background-image:url('https://s3-us-west-1.amazonaws.com/blueprint-cdn.searchoptics.com/9e8401dd15163d4d5c30b4b4fd9093a6/logos/dealer_logo.png');}
.footer .social.row ul.socialMenu-footer > li.fb-social > a::before{content:'\f09a';}
.footer .social.row ul.socialMenu-footer > li.tw-social > a::before{content:'\f099';}
.footer .social.row ul.socialMenu-footer > li.gp-social > a::before{content:'\f0d5';}
.footer .social.row ul.socialMenu-footer > li.yt-social > a::before{content:'\f16a';}
.footer .social.row ul.socialMenu-footer > li.fb-social:hover > a::before{content:'\f09a';color:#3b5999;}
.footer .social.row ul.socialMenu-footer > li.tw-social:hover > a::before{content:'\f099';color:#55acee;}
.footer .social.row ul.socialMenu-footer > li.gp-social:hover > a::before{content:'\f0d5';color:#dc4e41;}
.footer .social.row ul.socialMenu-footer > li.yt-social:hover > a::before{content:'\f16a';color:#cd201f;}
.footer .btmbar.row{width: 100%;height:40px;font-size:9px;text-align:center;clear:both;}
.footer .btmbar.row > span{width:100%;display:block;}
@media (min-width: 768px) {
    .footer{padding:0 5%;}
    .footer .nav.row{width:111.51%;padding:0 5%;position:relative;left:-5.5%;background:#F2F2F2;}
    .footer .nav.row ul.footer-nav{padding:0;margin:36px 0;list-style:none;}
    .footer .nav.row ul.footer-nav > li{min-width:200px;min-height:200px;display:inline-block;}
    .footer .nav.row ul.footer-nav > li > a{font-size:12px;font-weight:800;text-transform:uppercase;line-height:36px;display:block;color: #474747;}
    .footer .nav.row ul.footer-nav > li > ul.dropdown-menu{min-width:0;padding:0;border:0;margin:0;position:relative;background:none;box-shadow:none;display:block;}
    .footer .nav.row ul.footer-nav > li > ul.dropdown-menu li a,
    .footer .nav.row ul.footer-nav > li > ul.dropdown-menu li a:focus,
    .footer .nav.row ul.footer-nav > li > ul.dropdown-menu li a:active{background:none;color:#474747;padding:0;font-size:12px;line-height:36px;}
    .footer .nav.row ul.footer-nav > li > ul.dropdown-menu li.active a,
    .footer .nav.row ul.footer-nav > li > ul.dropdown-menu li a:hover{background:none;text-decoration:underline;}
    .footer .btmbar.row .legal{width:auto;float:left;line-height:40px;}
    .footer .btmbar.row .powered{width:auto;float:right;line-height:40px;}
    .footer .btmbar.row .powered ul.socialMenu-footer{width:150px;height:40px;padding:0;margin: 0;list-style:none;display:block;float: left;}
    .footer .btmbar.row .powered ul.socialMenu-footer > li{width:20%;height:40px;padding:0;font-size:0;float:left}
    .footer .btmbar.row .powered ul.socialMenu-footer > li > a{width:20px;height:40px;color:white;position:relative;display:block;}
    .footer .btmbar.row .powered ul.socialMenu-footer > li > a::before{font-family:'fontawesome';font-size:16px;line-height:40px;}
    .footer .btmbar.row .powered ul.socialMenu-footer > li.fiat > a::before{content:'';width:25px;height:40px;display:block;position:absolute;background-size:25px 25px;background-position:center center;background-repeat:no-repeat;}
    .footer .btmbar.row .powered ul.socialMenu-footer > li.fiat > a::before{background-image:url('https://s3-us-west-1.amazonaws.com/blueprint-cdn.searchoptics.com/9e8401dd15163d4d5c30b4b4fd9093a6/logos/dealer_logo.png');}
    .footer .btmbar.row .powered ul.socialMenu-footer > li.fb-social > a::before{content:'\f09a';}
    .footer .btmbar.row .powered ul.socialMenu-footer > li.tw-social > a::before{content:'\f099';}
    .footer .btmbar.row .powered ul.socialMenu-footer > li.gp-social > a::before{content:'\f0d5';}
    .footer .btmbar.row .powered ul.socialMenu-footer > li.yt-social > a::before{content:'\f16a';}
    .footer .btmbar.row .powered ul.socialMenu-footer > li.fb-social:hover > a::before{content:'\f09a';color:#3b5999;}
    .footer .btmbar.row .powered ul.socialMenu-footer > li.tw-social:hover > a::before{content:'\f099';color:#55acee;}
    .footer .btmbar.row .powered ul.socialMenu-footer > li.gp-social:hover > a::before{content:'\f0d5';color:#dc4e41;}
    .footer .btmbar.row .powered ul.socialMenu-footer > li.yt-social:hover > a::before{content:'\f16a';color:#cd201f;}
}
@media (min-width:992px) {
    .footer .nav.row ul.footer-nav > li{min-width:0;min-height:0;display:inline-block;}
}
@media(min-width:1200px) {
    .header .logo img {max-height:70px;max-width:100%;margin-top: 5px;margin-left:15px;}
}
#backToTop{width:100%;height:40px;background:#96172E;color:white;text-align:center;text-transform:uppercase;line-height:40px;cursor:pointer;}
#backToTop::after{content:'\f0aa';margin-left:10px;font-family:'fontawesome';}


/* FCA THEMED BLOG POST */
#content-block.post-content #sidescroll-col-1 a.blogList{color:#96172E;font-style:italic;}
#content-block.post-content #sidescroll-col-1 a.blogList::before{content:'\f053';font-family:'fontawesome';font-style:normal;margin-right:10px}
#content-block.post-content #sidescroll-col-2{margin:30px 0;}
#content-block.post-content #sidescroll-col-2 .hero-block-header{background:#96172E;}
#content-block.post-content #sidescroll-col-2 .hero-block-header .h3{color:white;line-height:300%;}
#content-block.post-content #sidescroll-col-2 .blogListWidget .blogEntry .title h1 a{font-size:80%;}
#content-block.post-content #sidescroll-col-2 .blogListWidget .contentWrap .blogEntry a.readMore{font-size:0;}
#content-block.post-content #sidescroll-col-2 .blogListWidget .contentWrap .blogEntry a.readMore::before{content:'Sigue leyendo';color:#c4172c;font-size:14px;font-style:italic;}
@media (min-width:768px) {
    #content-block.post-content #sidescroll-col-2{margin:50px 0;}
}

/* Agent Bot Bug Fix */
body.agentbot .imagewrap .image img {width:100% !important;max-width:none !important;}

#agentbot-tab {position:fixed !important;}
