@charset "utf-8";

/*
 * Responsive Stylesheet for Rastreator website
 */


/* Laptop and Desktop computers with medium resolution -> 1280 max width
---------------------------------------------------------------------------------------------------- */
@media screen and (min-width: 1200px) and (max-width: 1280px) {
/*div[role="banner"] .main_claim_wrapper { background-position: 85% 65% !important; }*/
}
 @media screen and (max-width: 1280px) {
/*div[role="banner"] .main_claim_wrapper { background-position: 95% 65%; }*/
/* main navigation styles */
header[role="navigation"] .main_nav > li > ul { width: 460px; }
header[role="navigation"] .main_nav > li > ul li { font-size: 1em; }
.fixed_menu_wrap .main_nav > li:nth-child(4) > ul { right: 0; }
/* Contents */
/*.main_content .rastreator_service .title { font-size: 1em; }
.main_content .rastreator_service p { max-width: 95%; }*/


}

/* Laptop and Desktop computers with medium resolution -> 1024 max width
---------------------------------------------------------------------------------------------------- */
@media screen and (min-width: 1024px) and (max-width: 1280px) {
/* main navigation styles */
header[role="navigation"] .main_nav > li > a { font-size: 0.875em; }
header[role="navigation"] .main_nav > li > ul { width: 420px; }
header[role="navigation"] .main_nav > li > ul li { font-size: 0.875em; }
}


/* iPads (portrait and landscape)
---------------------------------------------------------------------------------------------------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* main navigation styles */
header[role="navigation"] .main_nav > li { padding: 1.125em 0; }
header[role="navigation"] .main_nav > li > a { display: inline-block; padding: 0; font-size: 0.875em; }
header[role="navigation"] .main_nav > li > ul { width: 400px; }
header[role="navigation"] .main_nav > li > ul li { font-size: 0.875em; }
header[role="navigation"] .main_nav > li:nth-child(4) > ul { right: 0; }
#fixed_main_menu .main_nav > li { padding: 0; }
/* Footer */
.nw_home .fsection1 .row .container,  .nw_home .fsection2 .row .container,  .nw_home .fsection2 .col-md-3 { padding: 0; }
.nw_home .app .title,  .nw_home .news .title,  .nw_home .experto .title { font-size: 0.875em; }
.nw_home .app .title { background-position: -7px 0; }
.nw_home .news .title { background-position: 140px 5px; }
.nw_home .experto .title { background-position: 0 5px; }
.nw_home .app .txt,  .nw_home .news .txt,  .nw_home .experto .txt { padding: 0 30px; }
.nw_home .news .txt p,  .nw_home .experto .txt p { padding-bottom: 10px; }
.nw_home .app,  .nw_home .news,  .nw_home .experto { width: 100%; }
.nw_home .ekomi-rating-panel .col-sm-3 { width: 20%; }
.nw_home .ekomi-rating-panel .col-sm-9 { width: 80%; }
.nw_home .rate .ekomi-comments { padding-left: 0; }
.nw_home .recomienda .txt { background-position: left 0px; background-size: 12%; }
.nw_home .valoracion { text-align: left; }
.nw_home .valoracion .rate { padding-left: 10px; }
.nw_home .rating .rate { width: 30%; padding: 0; }
.nw_home .legal,  .nw_home .companies { text-align: center; }
}


/* iPads (portrait)
---------------------------------------------------------------------------------------------------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation: portrait) {
/* Claim Rastreator */
/*div[role="banner"] .main_claim_wrapper { background-size: 30%; }
div[role="banner"] .main_claim_wrapper .main_claim { font-size: 80%; }
div[role="banner"] .main_rastreator_compare h2,  div[role="banner"] .main_rastreator_compare h3 { font-size: 1.429em; }
div[role="banner"] .main_rastreator_compare a { display: block; text-align: center; }
div[role="banner"] .main_rastreator_compare p { padding: 0 0 10px; width: 100%; text-align: center; }*/
/* Main Menu */
header[role="navigation"] .main_nav > li { width: 12.5% !important; }
header[role="navigation"] .main_nav > li.last { width: 22% !important; }
/* Fixed main menu */
#fixed_main_menu { height: auto; }
#fixed_main_menu .row > div { width: 100%; }
#fixed_main_menu .main_nav { text-align: center; }
#fixed_main_menu .main_nav > li { padding: 0.5em 0; }
.fixed_menu_wrap .main_nav > li > ul { top: 49px; }
/* Contents */
/*.main_content .rastreator_service p { max-width: 82%; }*/
/* Footer */
.nw_home .app .title { background-position: -7px 0; }
.nw_home .news .title { background-position: 20px 5px; }
.nw_home .experto .title { background-position: 0 5px; }
section.fsection2.stripe .col-sm-12 > div:nth-child(1),  section.fsection2.stripe .col-sm-12 > div:nth-child(2) { margin-bottom: 40px; }
.nw_home .fsection1 .col-sm-3,  .nw_home .fsection1 .col-sm-6 { width: 33%; }
.nw_home .fsection1 .col-sm-6 .txt { padding: 0; }
.nw_home .fsection1 .col-sm-6 .txt p { padding: 0 0 10px; }
.nw_home .fsection1 .col-sm-6 .btn-block { margin: 0 auto; width: 80%; }
.nw_home .fsection2 .col-md-3 { width: 50% !important; min-height: 120px; }
.nw_home .recomienda .txt { background-position: 60px -3px; background-size: 10%; }
.col_lft{width: 100%;}
.col_rgt {text-align: center;float: none;width: 100%;}
}


/* Mobile devices up to 767px
 ---------------------------------------------------------------------------------------------------- */
@media only screen and (max-width : 767px) {
/* logo wrapper */
header[role="navigation"] { background: #fff; }
/* Main Claim */
/*div[role="banner"] .main_claim_wrapper { background: none !important; padding-top: 15px; padding-bottom: 15px; }
div[role="banner"] .main_claim h1 { font-size: 2.4em; line-height: 1.15em; }
div[role="banner"] .main_claim p { margin: 15px 0 25px; font-size: 1em; line-height: 1.25em; }
div[role="banner"] .main_rastreator_compare h2,  div[role="banner"] .main_rastreator_compare h3 { font-size: 1.5em; line-height: 1.15em; }
div[role="banner"] .main_rastreator_compare a { display: block; text-align: center; }*/
/* advantages rastreator */
div[role="contentinfo"].header_advantages_listing { font-size: 1em; text-align: left; }
div[role="contentinfo"].header_advantages_listing span.check { padding: 15px 0; width: 17px; height: 13px; }
/* contents */
div[role="main"].main_content h2.section_title { font-size: 1.5em; line-height: 1.15em; padding: 20px 15px; }
.main_content .rastreator_service { padding-bottom: 45px; }
.main_content .rastreator_service .basic-btn { position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
/* Footer */
.nw_home .app,  .nw_home .news,  .nw_home .experto { width: 100%; padding-bottom: 10px; }
.nw_home .app .txt,  .nw_home .experto .txt,  .nw_home .news .txt { padding: 0 42px; }
.nw_home .news { border: none; }
.nw_home .news .title { background-position: 45px 6px; }
.nw_home .news .txt p { padding: 0; }
.nw_home .experto .title { background-position: 15px 6px; }
.nw_home .legal { text-align: center; }
.nw_home .legal a { line-height: 20px; }
.others a { line-height: 1.25em; }
.nw_home .social a { padding: 0 3px; }
.nw_home .companies { padding-bottom: 10px; text-align: center; }
.nw_home .companies p { display: block; width: 100%; text-align: center; }
.nw_home .fsection2 .col-md-3:nth-child(2) { width: 100%; }
.nw_home .ekomi-rating-panel .logo { max-width: 50px; }
.nw_home .ekomi-rating-panel .col-sm-3,  .nw_home .ekomi-rating-panel .col-sm-9 { float: left; max-width: 80%; }
}
 @media only screen and (max-device-width : 767px) and (orientation : portrait) {
.logo_wrapper { display: none; visibility: hidden; }
}


@media only screen and (max-device-width: 767px) {
body { position: relative; left: 0; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -ms-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in; }
body.show_mobile_menu { left: 80%; overflow: hidden; }
/* logo wrapper */
header[role="navigation"] { background: #fff; }
header[role="navigation"] .logo_rastreator_we_call_you_wrapper { padding: 0 15px 15px; }
.bgr_main_navigation { display: none; visibility: hidden; }
.show_menu_button {padding: 17px 15px; display: inline-block !important; margin: 0 15px 0 0; width: 35px; height: 20px; vertical-align: middle; background-size: contain; background-position: center; background-repeat: no-repeat; background-image: url(/images/AlquilerCoches/show_menu_icon.png); z-index:9999; }
body.show_mobile_menu .show_menu_button { background-image: url(/images/AlquilerCoches/show_menu_icon_close.png);  }
header[role="navigation"].fixHeaderMobile { position: fixed; width: 100%; top: 0; left: 0; z-index: 666; background: #fff; -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.2); box-shadow: 0 2px 5px 0 rgba(0,0,0,.2); -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -ms-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in; }
body.show_mobile_menu header[role="navigation"].fixHeaderMobile { left: 70%; }
header[role="navigation"] .main_logotype a { max-width: 70%; }
header[role="navigation"] .main_logotype a img { display: inline-block; }
header[role="navigation"] .main_navigation { position: fixed; width: 80%; top: 0; bottom: 0; left: -80%; height: 100%; z-index: 888; background: #ededed; border-right: 1px solid #d8d8d8; overflow: auto; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -ms-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in; }
header[role="navigation"] .main_navigation.mobile_menu { left: 0; }
header[role="navigation"] .main_navigation > div,  header[role="navigation"] .main_navigation > div .col-xs-12 { padding: 0; }
header[role="navigation"] .main_navigation > div > .row { margin: 0; }
header[role="navigation"] .main_nav { display: block; min-height: 100%; overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; }
header[role="navigation"] .main_nav > li,  header[role="navigation"] .main_nav > li.last { display: block; width: 100%; text-align: left; background: #ededed !important; border-right: none; border-bottom: 1px solid #d8d8d8; }
header[role="navigation"] .main_nav > li > a { padding: 1.125em 15px; font-size: 1em; font-weight: 600; color: #222; }
header[role="navigation"] .main_nav > li > ul { display: none; position: relative; width: 100% !important; visibility: visible; opacity: 1; background: #fbfbfb !important; -webkit-box-shadow: none; box-shadow: none; }
header[role="navigation"] .main_nav > li.last > ul { display: none; }
header[role="navigation"] .main_nav > li a.active_submenu + ul { display: block; }
header[role="navigation"] .main_nav > li.last > ul > span { display: block; }
header[role="navigation"] .main_nav > li.last > ul li { display: block; width: 100%; padding: 10px 0; }
header[role="navigation"] .main_nav > li > ul li { float: none; width: 100%; border-top: 1px solid #ececec; }
header[role="navigation"] .main_nav > li > ul span:first-child li:first-child { border: none; }
header[role="navigation"] .main_nav > li > ul li a { color: #444; }
header[role="navigation"] .main_nav > li.last > ul li a { padding: 10px 20px; border-top: 1px solid #ececec; }
header[role="navigation"] .main_nav > li.last > ul li a:first-child { border: none; }
header[role="navigation"] .mobile_menu .main_nav > li:hover > a span.down_arrow { background-position: center top; }
header[role="navigation"] .main_nav > li > ul > span,  .fixed_menu_wrap .main_nav > li > ul > span { display: block; width: 100%; }

}
@media only screen and (max-device-width: 414px) {
    header[role="navigation"] .main_navigation {
        width: 66%;
        left: -70%;
    }

    body.show_mobile_menu {
        left: 72%;
        overflow: hidden;
    }
}