body {
    margin: 0;
    font-family: 'Lato', sans-serif;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizelegibility;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    background: #fff;
}

/*Logo PNG*/
.h1-logo {
    background: url("https://copec.modyocdn.com/uploads/12b39704-01a1-41e4-9efa-7e8a1ec358c9/original/Logo-Copec-816x174.png") no-repeat 0 6px;
    text-indent: -9999px;
    width: 180px;
    height: 53px;
    display: inline-block;
    background-size: 160px;
}
/*Logo SVG*/
/*
.h1-logo {
    background: url("https://copec.modyocdn.com/uploads/21dc6b20-0a2d-461a-8ff5-cafda8297075/original/copec-logo.svg") no-repeat 0 0px;
    text-indent: -9999px;
    width: 180px;
    height: 53px;
    display: inline-block;
    background-size: 160px;
}*/

#internal.context-media.context-media-list.category-noticias .cover img.C160x120 {
    width: 160px;
    height: auto;
}
.container { position: relative; }

#modyo-session * {
    box-sizing: content-box;
}

ul {
    list-style-image: url("https://copec.modyocdn.com/uploads/0aacc1843b54215e480fa194abf7450a/original/flecha-roja-small.png");
    color: #696969;
}

.context-home #main,.context-home #sidebar {
    margin: 0;
}

#search-nav {
    float: none;
    margin: -5px 0 0 0;
    height: 25px;
}
#user-top .social-top .social-top-sp {
    background: url('https://copec.modyocdn.com/uploads/55466881-b44a-46a5-ad33-11fa54d41a17/original/social-top.png') no-repeat top left;
    width: 25px;
    height: 25px;
}
#user-top .social-top .social-top-sp.ico.ico-facebook {
    background-position: 0 0;
}
#user-top .social-top .social-top-sp.ico.ico-twitter {
    background-position: -29px 0;
}
#user-top .social-top  .social-top-sp.ico.ico-linkedin {
    background-position: -58px 0;
}
#user-top .social-top .social-top-sp.ico.ico-youtube {
    background-position: -86px 0;
}
.social-top {
    float: left;
    padding: 13px;
}
.social-top-sp {
    display: inline-block;
    float: left;
    margin-right: 5px;
}


#sidebar .widget h3 {
    font-size: 19px;
    font-weight: bold;
    color: #888;
    margin-bottom: 10px;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 0px;
}
#sidebar .list li {
    border-bottom: 0px solid #ccc;
    margin: 0 0 5px;
    padding: 0 0 0px;
}

.widget h3 {
    font-size: 28px;
    color:#0077b5;
    border-bottom: 0px solid #CCC;
    margin: 0 0 .7em;
    padding: 0 0 .3em;
    margin-bottom: 22px;
    line-height: 35px;
}

.main-col-inner, .main-inner, .sidebar-inner {
    padding: 0 0px;
}

.breadcrumb {
    height:19px;
}

.container-widget-full .widget > .inner { width: 1080px; margin: auto; }



/* ===========================
    FOOTER
    ========================= */

footer {
    background: #222;
    color: #FFF;
    min-height: 180px;
}
footer .container { padding: 40px 0; }

footer .description {
    padding-top: 20px;
}

footer .row-fluid {
    border-bottom: 1px solid rgba(255,255,255,.1);
}

footer .bottom {
    color: #72777d;
    font-size: 11px;
    border-top: 1px solid rgba(0,0,0,.1);
    padding-top: 5px;
}
.social-networks ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin: 0;
}
.social-networks li {
    float: left;
    margin-left: 10px;
}



/* POSTS */

.context-posts-show #main .image-header {
    margin-bottom: 20px;
}

.context-posts-show #main h3 {
    font-size: 17px;
    line-height: 22px;
    margin-bottom: 20px;
    color: #265f9c;
}

.context-posts-show #main h4 {
background: #e20025;
padding: 20px;
color: #FFF;
margin: 15px 15px 15px 0;
float: left;
max-width: 250px;
}
.context-posts-show #main h4.full {
    float: none;
    max-width: none;
}
.context-posts-show #main img.right {
    float: right;
    display: block;
    margin: 20px 0 20px 20px;
    border-left: 15px solid #FFF;
}
.context-posts-show #main img.left {
    float: left;
    display: block;
    margin: 20px 20px 20px 0;
    border-right: 15px solid #FFF;
}

.context-posts-show #main h5 {
    font-size: 16px;
    margin-bottom: 5px;
    color: #000;
}

.context-posts-show #main h2 { font-weight: 300; margin-bottom: 40px; color: #2d8ec8; }

.context-posts-show #comments-block .container .interact-box,
.context-posts-show #comments-block .container #comment-list{
    width:700px;
}
.context-posts-show .interact-box{
    background-color: #eee;
    padding: 16px;
    border: 1px solid #ccc;
}
.context-posts-show .interact-box h3{
    font-size: 18px;
    color: #2d8ec8;
}

.context-posts-show .comment-author{
    color:#e20025;
}





/* ===========================
    TABS
    ========================= */

.nav-tabs>li>a {
    border-radius: 0;
    border: 0;
}
.nav>li>a:hover, .nav>li>a:focus {
    background: none;
}


/* --- TABS HORIZONTALES --- */

.nav-tabs>li a {
    color: #555;
    margin: 0;
    background-color: #ddd;
}
.nav-tabs>li a:hover{
    color:#fff;
    background-color:#555;
}
.context-products-show .nav-tabs > li > a:hover{
    color:#fff;
}

#tabs-rojos .tab-content {
    overflow: auto;
}

#new-description .tab-content {
    overflow: auto;
}

.tab-content {
    border:12px solid #ddd;
    padding:20px;
}
#tabs-rojos .tab-content{
    margin-top: 20px;
}
.nav-tabs>.active>a,
.nav-tabs>.active>a:hover,
.nav-tabs>.active>a:focus {
    border: 0;
    color: #FFF;
    background: #e20025;
}
.nav-tabs>.active>a {
    color: #fff;
    cursor: default;
    border: 0;
    background: #e20025;
}

.nav{
    margin-bottom: -1px;
}


/* --- TABS VERTICAL --- */
.tabs-left{
    margin-top: 32px;
}
.tabs-left>.nav-tabs li a{
    background-color:#e20025;
    color:#fff;
}
.tabs-left>.nav-tabs .active>a{
    background-color:#fff!important;
    border-color: #ddd transparent #ddd #ddd;
    color:#e20025!important;
    font-weight: 600;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 0px;
    margin-bottom: 12px;
}
.tabs-left>.nav-tabs>li>a {
    margin-right: -1px!important;
    -webkit-border-radius: 0px 0 0 0px;
    -moz-border-radius: 0px 0 0 0px;
    border-radius: 0px 0 0 0px;
    margin-bottom: 5px;
}
.tabs-left .nav-tabs .active a{
    width: 221px;
}
.tabs-left .nav-tabs li a{
    width: 218px;
}
.tabs-left>.nav-tabs {
    padding-right: 1px;
    margin-right: -1px;
}


/* ===========================
    ICOS
    ========================= */

.ico {
    position: relative;
    background: url("https://copec.modyocdn.com/uploads/294e3ddbdb04e5cfc52349a0396d8f5e/original/sprite.png");
    /*  background: url("https://d2p52n04yb9sso.cloudfront.net/uploads/a3a57ebc86d0413d410580e3a2e81aae/original/sprite.png"); */
    display: inline-block;
}
.ico.ico-lan {
    width: 157px;
    height: 32px;
    background-position: -73px -28px;
}

.ico.ico-lubricantes {
    width: 85px;
    height: 85px;
    background-position: 0 -129px;
}

.ico.ico-pronto {
    width: 85px;
    height: 85px;
    background-position: -85px -129px;
}
.ico.ico-stations {
    width: 85px;
    height: 85px;
    background-position: -170px -129px;
}
.ico.ico-industriales {
    width: 85px;
    height: 85px;
    background-position: -255px -129px;
}
.ico.ico-facebook {
    width: 52px;
    height: 53px;
    background-position: 0 -76px;
}

.ico.ico-twitter {
    width: 52px;
    height: 53px;
    background-position: -61px -76px;
}
.ico.ico-linkedin {
    width: 52px;
    height: 53px;
    background-position: -122px -76px;
}
.ico.ico-youtube {
    width: 52px;
    height: 53px;
    background-position: -184px -76px;
}
.ico.ico-logo-footer {
    width: 84px;
    height: 29px;
    background-position: -73px 0;
    background: url("https://copec.modyocdn.com/uploads/dc6292a9-86b2-49d2-9bdc-562facf42eba/original/copec_logo_footer.png");
}
.ico.ico-empresas-logo {
    width: 102px;
    height: 102px;
    background-position: 0 -234px;
}
.ico.ico-empresas-trabaja {
    width: 102px;
    height: 102px;
    background-position: -102px -234px;
}
.ico.ico-empresas-filiales {
    width: 102px;
    height: 102px;
    background-position: -204px -234px;
}
.ico.ico-map {
    width: 62px;
    height: 61px;
    background-position: 0 -339px;
}
.ico.find-place {
    width: 49px;
    height: 53px;
    background-position: -63px -339px;
}
.ico.ico-place-red {
    width: 46px;
    height: 51px;
    background-position: -116px -339px;
}
.ico.ico-map-black {
    width: 51px;
    height: 68px;
    background-position: -169px -339px;
}
.ico.ico-ticket {
    width: 20px;
    height: 20px;
    background-position: 0 -214px;
}
.ico.ico-distance {
    width: 35px;
    height: 20px;
    background-position: -220px -341px;
}
.ico.global-world {
    width: 59px;
    height: 60px;
    background-position: 0 -408px;
}
.ico.config-double {
    width: 59px;
    height: 60px;
    background-position: -59px -408px;
}
.ico.rays {
    width: 70px;
    height: 60px;
    background-position: -117px -408px;
}

/* =============================================
BUTTONS
=============================================== */

.btn {
    background: #f4f4f4;
    border-radius: 0;
    filter: none;
    box-shadow: none;
    border: 0;
    color: #333;
font-family: Lato, sans-serif;
border-radius: 3px;
text-shadow: none;
}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active {
    background-color: #EEE;
}

.btn.disabled,
.btn[disabled],
.btn.disabled:hover,
.btn[disabled]:hover,
.btn.disabled:focus,
.btn[disabled]:focus,
.btn.disabled:active,
.btn[disabled]:active,
a.btn.disabled,
a.btn.disabled:hover,
a.btn.disabled:focus,
a.btn.disabled:active
button.btn.disabled,
button.btn.disabled:hover,
button.btn.disabled:active,
button.btn.disabled:focus {
    color: #DDD;
    background: #CCC;
    text-shadow: 1px 1px 0 rgba(0,0,0,.2);
}

.btn-primary {
background: #2d8ec8;
color: #FFF;
filter: none;
}
.btn-primary:hover{
    background-color: #2578a9;
}

.btn-primary:focus,
.btn-primary:active,
.btn.active {
background-color: #2d8ec8;
}

.btn-danger {
    background: #e00000;
    color: #FFF;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active {
    background: #b50000;
}

.btn-info{
    background: #49afcd;
    color: #FFF;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active {
    background: #3d92ab;
}
.btn-success{
    background: #5dcb03;
    color: #FFF;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active {
    background: #4eaa03;
}

.btn-warning{
    background: #ffbd0c;
    color: #FFF;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active {
    background: #ffbd0c;
}

.btn-inverse{
    background: #222;
    color: #FFF;
}
.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active {
    background: #333;
}

.btn-group>.btn:first-child { border-radius: 0; }
.btn-group>.btn+.dropdown-toggle { border-radius: 0; box-shadow: none; }

/* =============================================
SISTEMA DE COLUMNAS
EJ: <ul class="columns columns-4"></ul>
COLUMNS
=============================================== */

.columns {
    margin: 0;
    margin-left: -2%;
    list-style: none;
}
.columns:after {
    clear: both;
    content: '';
    display: table;
    overflow: hidden;
}
.columns > li {
    margin-left: 2%;
    float: left;
    margin-bottom: 2%;
}
.columns-2 > li {
    width: 48%;
}
.columns-3 > li {
    width: 31.33%;
}
.columns-4 > li {
    width: 23%;
}
.columns-5 > li {
    width: 18%;
}
.columns-6 > li {
    width: 14.66%;
}
.columns-7 > li {
    width: 12.28%;
}
.columns-8 > li {
    width: 10.5%;
}
.columns-9 > li {
    width: 9.11%;
}
.columns-10 > li {
    width: 8%;
}
.columns-11 > li {
    width: 7.09%;
}
.columns-12 > li {
    width: 6.33%;
}


/* =============================================
COLUMNS COLLAPSED
=============================================== */

.collapsed {
    margin-left: 0;
}
.collapsed > li {
    margin-left: 0;
    margin-bottom: 0;
}

.collapsed.columns-2 > li {
    width: 50%;
}
.collapsed.columns-3 > li {
    width: 33.33%;
}
.collapsed.columns-4 > li {
    width: 25%;
}
.collapsed.columns-5 > li {
    width: 20%;
}
.collapsed.columns-6 > li {
    width: 16.66%;
}
.collapsed.columns-7 > li {
    width: 14.285%;
}
.collapsed.columns-8 > li {
    width: 12.5%;
}
.collapsed.columns-9 > li {
    width: 11.11%;
}
.collapsed.columns-10 > li {
    width: 10%;
}
.collapsed.columns-11 > li {
    width: 9.09%;
}
.collapsed.columns-12 > li {
    width: 8.33%;
}

@media (max-width: 767px) {

    .columns-2 > li,
    .columns-3 > li,
    .columns-4 > li,
    .columns-5 > li {
        width: 48%;
    }

    .columns-6 > li,
    .columns-7 > li {
        width: 31.33%;
    }

    .columns-8 > li,
    .columns-9 > li,
    .columns-10 > li,
    .columns-11 > li,
    .columns-12 > li {
        width: 23%;
    }

    .columns-sm-2 > li {
        width: 48%;
    }

    .columns-sm-3 > li {
        width: 31.33%;
    }

    .columns-sm-4 > li {
        width: 23%;
    }

    .columns-sm-5 > li {
        width: 18%;
    }

    .columns-sm-6 > li {
        width: 14.66%;
    }

    .columns-sm-7 > li {
        width: 12.28%;
    }

    .columns-sm-8 > li {
        width: 10.5%;
    }

    .columns-sm-9 > li {
        width: 9.11%;
    }

    .columns-sm-10 > li {
        width: 8%;
    }

    .columns-sm-11 > li {
        width: 7.09%;
    }

    .columns-sm-12 > li {
        width: 6.33%;
    }

    .collapsed.columns-sm-2 > li {
        width: 50%;
    }

    .collapsed.columns-sm-3 > li {
        width: 33.33%;
    }

    .collapsed.columns-sm-4 > li {
        width: 25%;
    }

    .collapsed.columns-sm-5 > li {
        width: 20%;
    }

    .collapsed.columns-sm-6 > li {
        width: 16.66%;
    }

    .collapsed.columns-sm-7 > li {
        width: 14.28%;
    }

    .collapsed.columns-sm-8 > li {
        width: 12.5%;
    }

    .collapsed.columns-sm-9 > li {
        width: 11.11%;
    }

    .collapsed.columns-sm-10 > li {
        width: 10%;
    }

    .collapsed.columns-sm-11 > li {
        width: 9.09%;
    }

    .collapsed.columns-sm-12 > li {
        width: 8.33%;
    }
}

@media (max-width: 480px) {

    .columns-2 > li,
    .columns-3 > li,
    .columns-4 > li,
    .columns-5 > li,
    .columns-6 > li,
    .columns-7 > li,
    .columns-8 > li,
    .columns-9 > li,
    .columns-10 > li,
    .columns-11 > li,
    .columns-12 > li {
        width: 48%;
    }

    .columns-xs-2 > li {
        width: 48%;
    }

    .columns-xs-3 > li {
        width: 31.33%;
    }

    .columns-xs-4 > li {
        width: 23%;
    }

    .columns-xs-5 > li {
        width: 18%;
    }

    .columns-xs-6 > li {
        width: 14.66%;
    }

    .columns-xs-7 > li {
        width: 12.28%;
    }

    .columns-xs-8 > li {
        width: 10.5%;
    }

    .columns-xs-9 > li {
        width: 9.11%;
    }

    .columns-xs-10 > li {
        width: 8%;
    }

    .columns-xs-11 > li {
        width: 7.09%;
    }

    .columns-xs-12 > li {
        width: 6.33%;
    }
}


/* RESET */

.media>.pull-left { margin-right: 25px; }
.media>.pull-right { margin-left: 25px; }


*,*:after,*:before { box-sizing: border-box; -moz-box-sizing: border-box; }

html .gsib_a {
    padding: 1px 6px 0 !important;
}

.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
    width: auto !important;
    height: auto !important;
}

/* SIDE R */

.sidr{display:none;position:absolute;position:fixed;top:0;height:100%;z-index:999999;width:240px;overflow-x:none;overflow-y:auto;font-family: Lato, sans-serif;font-size:15px;background:#333;color:#fff;}.sidr .sidr-inner{padding:0 0 15px}.sidr .sidr-inner>p{margin-left:15px;margin-right:15px}.sidr.right{left:auto;right:-260px}.sidr.left{left:-240px;right:auto}.sidr h1,.sidr h2,.sidr h3,.sidr h4,.sidr h5,.sidr h6{font-size:11px;font-weight:normal;padding:0 15px;margin:0 0 5px;color:#fff;line-height:24px;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #1a1a1a));background-image:-webkit-linear-gradient(#4d4d4d,#1a1a1a);background-image:-moz-linear-gradient(#4d4d4d,#1a1a1a);background-image:-o-linear-gradient(#4d4d4d,#1a1a1a);background-image:linear-gradient(#4d4d4d,#1a1a1a);}.sidr p{font-size:13px;margin:0 0 12px}.sidr p a{color:rgba(255,255,255,0.9)}.sidr>p{margin-left:15px;margin-right:15px}.sidr ul{display:block;margin:0 0 15px;padding:0;border-top:1px solid #1a1a1a;border-bottom:1px solid #4d4d4d}.sidr ul li{display:block;margin:0;line-height:48px;border-top:1px solid #4d4d4d;border-bottom:1px solid #1a1a1a}.sidr ul li:hover,.sidr ul li.active,.sidr ul li.sidr-class-active{border-top:none;line-height:49px}.sidr ul li:hover>a,.sidr ul li:hover>span,.sidr ul li.active>a,.sidr ul li.active>span,.sidr ul li.sidr-class-active>a,.sidr ul li.sidr-class-active>span{}.sidr ul li a,.sidr ul li span{padding:0 15px;display:block;text-decoration:none;color:#fff}.sidr ul li ul{border-bottom:none;margin:0}.sidr ul li ul li{line-height:40px;font-size:13px}.sidr ul li ul li:last-child{border-bottom:none}.sidr ul li ul li:hover,.sidr ul li ul li.active,.sidr ul li ul li.sidr-class-active{border-top:none;line-height:41px}.sidr ul li ul li:hover>a,.sidr ul li ul li:hover>span,.sidr ul li ul li.active>a,.sidr ul li ul li.active>span,.sidr ul li ul li.sidr-class-active>a,.sidr ul li ul li.sidr-class-active>span{}.sidr ul li ul li a,.sidr ul li ul li span{color:rgba(255,255,255,0.8);padding-left:30px}.sidr form{margin:0 15px}.sidr label{font-size:13px}.sidr input[type="text"],.sidr input[type="password"],.sidr input[type="date"],.sidr input[type="datetime"],.sidr input[type="email"],.sidr input[type="number"],.sidr input[type="search"],.sidr input[type="tel"],.sidr input[type="time"],.sidr input[type="url"],.sidr textarea,.sidr select{width:100%;font-size:13px;padding:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;border:none;background:rgba(0,0,0,0.1);color:rgba(255,255,255,0.6);display:block;clear:both}.sidr input[type=checkbox]{width:auto;display:inline;clear:none}.sidr input[type=button],.sidr input[type=submit]{color:#333;background:#fff}.sidr input[type=button]:hover,.sidr input[type=submit]:hover{background:rgba(255,255,255,0.9)}
.sidr .dropdown-menu li>a:hover {
    background: #444;
}
.sidr .nav>li>a:hover,
.sidr .nav>li>a:focus { background: #444; }
.sidr ul.dropdown-menu {position: static; border-radius: 0; box-shadow: none; border: 0; float: none; background: none; }
.sidr ul li span { display: inline; padding: 0; }
.sidr .dropdown-menu>li>a { line-height: 35px; }
.sidr .dropdown-menu>li>a span { padding-left: 0; }
.sidr .dropdown-toggle .caret { margin-top: 23px; margin-left: 10px; }
.off-screen-nav-button {
    display: none;
    padding: 8px;
    float: left;
background: #2d8ec8;
margin-left: 8px;
}
.icon-bar {
    display: block !important;
    width: 22px;
    height: 4px;
    background-color: #FFF;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    margin-bottom: 4px;
}
.icon-bar:last-child { margin-bottom: 0; }


a, a:hover {
color: #2d8ec8;
}
.view-more {
    float: right;
}
#content > .content-inner { padding-bottom: 50px; }

/* --- menu header ----- */

.nav-collapse .nav {
    padding-top: 0;
    float: none!important;
}

.dropdown-menu>li>a{
    background:transparent;
    opacity: .7;
}
.dropdown-menu>li>a:hover {
    background:transparent;
    color:#FFF;
    opacity: 1
}

.navbar .dropdown.hover>a {
background: #222222;
color: #FFF;
border: 0;
}

.navbar .dropdown.hover>a:hover {
    border: 0;
background: #222222;
color: #FFF;
}

.navbar .nav>li.dropdown.menu-item > a {
    padding: 3px 3px;
    border-radius: 3px 3px 3px 0;
}

.navbar .nav .dropdown-toggle .caret {
    margin-top: 12px;
    margin-left: 6px;
}

.navbar .nav>li.dropdown.menu-item {
    padding: 0;
    margin-left: 8px;
    padding-right: 8px;
    padding-top: 5px;
}

.navbar .dropdown-menu {
background: #222222;
font-size: 12px;
border-radius: 0 0 3px 3px;
}

header {
    /*  background: url("https://copec.modyocdn.com/uploads/da8e1cf0-209b-4e2d-a146-ceff47d1578b/original/mundo-copec.jpg") #FFF top right no-repeat;
    background: url("https://copec.modyocdn.com/uploads/2603bb3b-41d1-48a1-b7b5-5201b38fbe72/original/mundo_header02.jpg") #FFF top right no-repeat; */
    background: url("https://copec.modyocdn.com/uploads/90e3429a-9550-40a5-9e9b-ac1108b969f3/original/2018-mundo_header02.png") #FFF top right no-repeat;
    background-size: 444px;
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    z-index: 200;
}


.miembro{
    padding-right: 7px;
    background-color: #921313;
    height: 23px;
    border-radius: 5px 0px 0px 5px;
    border-left: 0px!important;
}
.miembro img{
    display:none;
}
.btn-rojo{
    border-left: 0px!important;
    padding-left: 0px!important;
    text-indent: -4px;
    width: 82px;
}


/*-- sacar momentaneamente --*/
.miembro{
    display:none;
}
.btn-rojo{
    display:none;
}
header .container {
    padding: 15px 0;
}

header h1 { padding: 0; }
.nav-collapse.collapse {
    margin: 0; padding: 0;
}
.navbar .nav>li {
    font-family: 'Lato', sans-serif;
    font-size:13px;
    text-transform: uppercase;
    font-weight: 600;
    padding:8px 10px;
    border-right: 1px solid #ccc;
    line-height: 30px;
}
.navbar .nav>li:last-child {
    border-right-color: transparent;
}
.navbar .nav>li>a {
    padding: 0;
    color: #555;
    border-bottom:4px solid transparent;
}
.navbar .nav>li>a:hover {
border-bottom:4px solid #e20025;
background:transparent;
color:#555;
}
.navbar .nav>li>a.active {
    border-bottom: 4px solid #e20025;
    background: transparent;
    color: #555;
}
#registro{
    background-color:#0c2a3f;
    height:50px;
}

.container {
    background: none;
}


.navbar .nav>.active>a, .navbar .nav>.active>a:focus {
    color: #555;
    background-color: transparent;
    border-bottom: 4px solid rgb(226, 0, 37);
}
.navbar .nav>.active>a:hover {
    color: #555;
    background-color: transparent;
    border-bottom: 4px solid rgb(226, 0, 37);
}





/*== login header ==*/

.login-header .deslogueado{
    margin-top:12px;
    margin-left:62px;
    float:left;
}
.login-header .logueado{
    margin-top:12px;
    margin-left:28px;
    float:right;
}
.login-header .btn{
    border-radius:0;
    font-size:12px;
    padding: 2px 12px;
    margin-right:5px;
    color:#fff;
    text-shadow:none;
}
.login-header .btn.entrar{
    background:#e20025;
}
.login-header .btn.entrar:hover{
    background:rgb(167, 4, 22);
}
.login-header .btn.registrate{
    background:#2d8ec8;
}
.login-header .btn.registrate:hover{
    background:#5D7485;
}
.login-header input{
    border-radius:0;
    height:24px;
    width:130px;
    margin-right:5px;
}
.login-header span, .login-header span a{
    color:#fff;
}
.login-header small a{
    color: #ccc;
    margin-left: 10px;
    background:#556A79;
    padding: 2px 12px;
    text-decoration:none;
}
.login-header small a:hover{
    background:#5D7485;
}

/*========== página 404 ===========*/

.btns-404{
    width:400px;
    margin:2em auto;
}
.links-404 li{
    float: left;
    margin: 0 1em;
}




/* ==============================================================================
    REST OF SITE 
    =========================================================================== */



/* -------- ME ----------- */


.context-me .container.tabs {
    margin-bottom: -18px;
    margin-top: 20px;
}

.context-me .container.tabs .nav-tabs>li>a {
    padding: 15px 25px;
    color: #FFF;
    font-size: 18px;
    background: rgba(255,255,255,.2);
    border-radius: 0;
}

.context-me .container.tabs .nav-tabs>.active>a,
.context-me .container.tabs .nav-tabs>.active>a:hover,
.context-me .container.tabs .nav-tabs>.active>a:focus {
    color: #333;
    background: #e0e0e0;
}

.context-me { background: #e0e0e0; }

/* COMENTADO CAIN
.context-me .alert {
    max-width: 800px;
    margin: 0 auto;
    font-size: 17px;
    color: #FF3E00;
    border-radius: 0;
    border: none;
    background: url('https://copec.modyocdn.com/uploads/ceadbf65-9e17-4fe9-aac4-40043feeff1b/original/alert.png') #fcf8e3 no-repeat left;
    background-position: 1em;
    
    padding: 20px;
    padding-left: 75px;
}

.context-me .alert .close {
    position: relative;
    top: -10px;
    right: 0px;
    line-height: 20px;
}

.context-me .alert p {
    margin-bottom: 0;
}
*/
.context-me #profile-box h1 {
    padding-bottom: 24px;
}
.context-me #top h2 {
    color: #fff;
}
.context-me #top h2 .dropdown-menu>li>a { font-size: 12px; line-height: 14px; }
.context-me #top h2 .dropdown-menu>li>a:hover { color: #000; }

.context-me #top small {
    color: #fff;
}

.context-me #top {
    /*background:url("https://copec.modyocdn.com/uploads/ebe0f7c9-5a16-4c6e-a464-000d3e0f7544/original/me.png") no-repeat;*/
    background:url("https://copec.modyocdn.com/uploads/4f53e7b7-1332-4bdd-8770-76da2b2f673b/original/me_banner_newtotemv3.jpg") no-repeat;
    background-size: cover;
    padding: 15px 0;
}
#widget-85df55 p{
    float:left;
    margin-right:5px;
    margin-top:10px;
}
#widget-85df55 p a{
    color: #fff;
    background-color: #ec2c29;
    padding: 3px;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 600;
}

.modal.fade.in {
    background-color: #205174;
    color:#fff;
}


/* --- ALBUMS --- */
.context-albums-list .columns-3 > li {
    border: 1px solid #ccc;
    padding: 12px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.context-albums-list .columns-3 > li .gallery-images{
    padding: 4px;
    padding-top: 13px;
}
.context-albums-list .columns-3 > li .meta-info{
    display:none;
}
.context-albums-list .columns-3 > li .columns-5 > li {
    width: 17%;
}
.context-albums-list .columns-3 .media-body h3 {
    font-size: 15px;
}
.context-albums-list .gallery-images a img {
    border-radius: 0px;
}
.context-albums-list .gallery-images a img:hover {
    border-radius: 0px;
}
.context-albums-list #page-content {
    min-height: 600px;
}









/* ===========================
            CONVIVE
    ========================= */

.context-layouts-show-convive #content {
    background: url("https://copec.modyocdn.com/uploads/557bfa38-1ac7-496f-a27d-dd2dc92bfa5e/original/Convive_Copec_BG.jpg");
    background-size: cover;
}

#convive-presentacion {
    text-align: center;
    color: #FFF;
    padding: 100px 0;
}

#convive-presentacion p:nth-child(2) {
    font-size: 34px;
    line-height: 40px;
    font-weight: 300;
    margin: 30px 0;
}

#convive-presentacion p:nth-child(3) {
    font-size: 24px;
    margin-bottom: 1em;
}

#convive-cuerpo .blq-convive {
    background: #fff;
    text-align: justify;
    padding: 15px;
    margin-top: 10px;
    color: #333;
    min-height: 120px;
}

#convive-cuerpo .vermas {
    margin-top: 1px;
    text-align: center;
    font-size: 18px;
    padding: 10px;
    background: #fff;
}
@media (max-width: 1200px) {
    #convive-cuerpo .blq-convive {
        min-height: 180px;
    }
}
@media (max-width: 769px) {
    .blq-convive .span3 {
        text-align: center;
    }
    .blq-convive .span3 img {
        margin-bottom: 1em;
        text-align: center;
    }
}

/* ====================================================================
    ME
========================================================================*/

#sidebar .copec-profile .copec-action{
    display:none;
}

.context-me-you #sidebar .sidebar-inner h3 a{
    color:#0077b5;
    background:none;
    float: right;
}
.context-me-you #sidebar .sidebar-inner h3 a:hover,
.context-me-you #sidebar .sidebar-inner h3 a:hover small{
    color:#333;
}
.context-me-you #sidebar .sidebar-inner h3 a small{
    color:#0077b5;
    font-size:12px;
    margin-left: .4em;
}

.context-me-you .btn-edit-profile{
    background: #2d8ec8;
}

.context-me-you .btn-edit-profile:hover{
    background:#2578a9;
}

#internal.context-me-you #content #top .top-inner .cover{
    margin-right:0 !important;
}

.context-me-you .top-inner .information-detail{
    background: rgba(51,51,51,.6);
    padding: 1em;
    width: 56%;
    height: 166px;
}
.context-me-you .email-profile{
    font-size: 18px;
    color:#fff;
}

.context-me #top .media-body { height: 100px; }


.context-me #sidebar .copec-profile .copec-action{
    margin-top: 10px;
    margin-bottom: 30px;
    margin-left: 173px;
}
.context-me #sidebar .copec-profile .copec-action .btn{
    background: #ff0000;
    text-shadow: 0px rgba(255,255,255,0.75);
    color:#fff;
}
.context-me #sidebar .copec-profile .user-panel ul{
    margin:0;
}
.context-me #sidebar .copec-profile .user-panel ul li{
    overflow: hidden;
    border-bottom:1px dotted #ccc;
}
.context-me #sidebar .copec-profile .user-panel ul li label{
    float: left;
    width: 130px;
    overflow: hidden;
    display: block;
    color:#0077b5;
    cursor:inherit;
}
.context-me #sidebar .sidebar-inner h3 {
    height: 44px;
    border: 0;
    background: url("https://copec.modyocdn.com/uploads/5ae2e601-368f-4432-97de-c1a0ac0886ef/original/subtitle.jpg") no-repeat left bottom;
    color: #0077b5;
}
.context-me #sidebar .copec-profile .user-panel ul li div{
    margin-left: 130px;
}
.context-me #widget-136ee2 .item .information-fluid .cover{
    max-width: 100%;
    margin-right: 0px!important;
    border: 0px solid #eee;
}

.context-me #widget-136ee2 .item .information-fluid .cover img{
    border-radius: 0px;
}

.context-me #widget-136ee2 .item .information-fluid .information-detail{
    display:none;
}



/*me tabs*/
.me-tabs {
    position: relative;
    top: 2px;
    margin-top: 25px;
}
.me-tabs-ul {
    margin:0;
    padding:0;
}
.me-tabs-ul li {
    list-style:none;
    display:inline-block;
    float:left;
}
.me-tabs-ul li a {
    padding: 15px 25px;
    color: #FFF;
    font-size: 18px;
    background: rgba(255,255,255,.2);
    border-radius: 0;
}

@media (max-width: 480px) {
    .me-tabs-ul li a {padding: 15px 5px;}
}
.me-tabs-ul li a:hover { text-decoration:none; }

.me-tabs-ul li.active a,
.me-tabs-ul li.active a:hover,
.me-tabs-ul li.active a:focus {
    color: #333;
    background: #e0e0e0;
}






/* ====================================================================
LLAMENOS
========================================================================*/

.context-layouts-show-llamanos,
.context-layouts-show-llamenos-gracias {
    background: url("https://copec.modyocdn.com/uploads/a6cab1ae-ecce-4483-a0e7-761472ec1725/original/bg-body.jpg");
}

.context-layouts-show-llamenos-gracias #llamenos-layout .container {
    background: #FFF;
    padding: 40px;
    margin-top: 20px;
}

#llamenos-layout {
    padding-bottom: 40px;
}
#llamenos-layout .span9 {
    background: #FFF;
    padding: 40px 40px 0;
    position: relative;
}
#llamenos-layout .twitter-box { margin-top: 40px; }
#llamenos-layout .totem { position: absolute; bottom: -50px; right: -100px; }
#llamenos-layout table { width: 100%; }
#llamenos-layout input[type="text"],
#llamenos-layout select { height: 30px; width: 100%; }
#llamenos-layout textarea { width: 100% }
#llamenos-layout td { padding-right: 20px; font-size: 13px; width: auto !important; }
#llamenos-layout tr > td:first-child { width: 140px !important; }
#llamenos-layout tr > td:nth-child(3) { width: 140px !important; }

#llamenos-layout h2 { color: #0c2a3f; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 3px solid #EEE; }
#llamenos-layout h5 { color: #008fd4; margin-bottom: 20px; }
#llamenos-layout .txt { text-align: right; }


/*LLAMENOS APP*/
#call-app-map img { max-width: none; }
#call-modal {
    width: 750px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
#call-modal h3 {
    margin: 10px 0 5px 0;
    font-weight: 400;
}
#call-modal .modal-header {
    border-bottom: 1px solid #ddd;
}
#call-modal.modal.fade.in { top: 50px; }

#call-modal .modal-body {
    position: relative;
    height: 400px;
}

#call-app-list {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 5px;
    width: 195px;
    overflow-y: auto;
    background: #f9f9f9;
    border-left: solid 1px #ddd;
    border-right: solid 1px #ddd;
}
#call-app-list ul.list { position: relative; }
#call-app-list ul.list li {
    padding: 10px 10px 4px 10px;
    margin: 0;
    background: #f5f5f5;
}
#call-app-list ul.list li:hover{
    background:#fff;
}

#call-app-map {
    position:absolute;
    top:0;
    bottom:0;
    left:200px;
    right:5px;
    overflow:hidden;
    background: #ddd;
    border-right: solid 1px #ddd;
}

#call-comm-num { float: left; }


@media (max-width: 480px) {

    #llamenos-layout .row-fluid {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
    }

    #llamenos-layout .row-fluid .span3 {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        box-ordinal-group: 2;
    }

    #llamenos-layout .row-fluid .span9 {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        box-ordinal-group: 1;
        box-shadow: rgba(45, 142, 200, 0.32) 0px 1px 10px;
        border-radius: 4px;
    }

    .context-layouts-show-llamanos, .context-layouts-show-llamenos-gracias {
        background: url("https://copec.modyocdn.com/uploads/a6cab1ae-ecce-4483-a0e7-761472ec1725/original/bg-body.jpg");
        background-size: cover;
        background-position: bottom center;
    }



}


/* =============================================================================
    FIN LLAMENOS
 ============================================================================ */

/* =============================================================================
   CUPON ELECTRONICO
============================================================================ */



.context-layouts-show-puntos-de-ventas #navigation-layout,
.context-layouts-show-cuponelectronico #navigation-layout {
    margin-bottom: -9px;
}

.context-layouts-show-puntos-de-ventas #navigation-layout ul li,
.context-layouts-show-cuponelectronico #navigation-layout ul li {
    width: 14%;
    text-align: center;
}


#beneficiosCE {
    padding: 90px 0 40px 0;
    background: url("https://copec.modyocdn.com/uploads/266a6f7c-92e7-4f7f-9f3d-9bad038be821/original/bg-section2.jpg") no-repeat bottom right #dedede;
}

#beneficiosCE h2 {
    margin-bottom: 40px;
    font-size: 46px;
    text-align: center;
    color: #497b96;
}

#beneficiosCE li {
    background: rgba(255,255,255,0.4);
    padding: 40px;
    min-height: 435px;
    box-shadow: 0px 1px 4px rgba(0,0,0,0.2);
}

#beneficiosCE li h4 {
    margin: 12px 0;
    /*border-bottom: 1px solid #ccc;*/
    text-transform: uppercase;
    font-size: 14px;
}



.context-layouts-show-cupon-electronico { font-size: 18px; color: #444; line-height: 1.3 }

#section-3 h2 span {
    font-weight: 900;
    font-style: italic;
color: #0083c1;
}

#section-3 h4 {
    font-size: 30px;
    font-weight: 300;
    margin-bottom: 30px;
}

/*.media, .media-body {
    overflow: hidden;
    zoom: 1;
}*/

#section-3 {
    padding: 100px 0;
}
.context-layouts-show-cupon-electronico .widget h4 {
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 15px;
}
#home-layout .call-action { margin-top: 20px; text-align: right; }

#section-2 {
    padding: 90px 0 40px 0;
    background: url("https://copec.modyocdn.com/uploads/176f6d6d-6bf6-4da3-94d9-a0299ecf8a93/original/bg-section2-ce.png") no-repeat bottom right #dedede;
    background-size: cover;
}

#section-2 h2 {
    margin-bottom: 5px;
    font-size: 46px;
}

#section-2 em {
    margin-bottom: 20px;
    display: block;
    font-size: 18px;
}

#section-2 .span4 {
    background: #FFF;
    padding: 40px;
    min-height: 315px;
    box-shadow: 2px 2px 4px rgba(0,0,0,.2);
    margin-bottom: 10px;
}

#section-2 span.icon {
    /*background: #198c5d;*/
    background: #49afcd;
    width: 130px;
    height: 130px;
    display: block;
    border-radius: 50%;
    text-align: center;
    padding-top: 40px;
    margin: -100px auto 25px auto;
    border: 7px solid #dedede;
}

#section-2 .row-fluid:nth-child(1) .pull-left {
    margin-top: -10px;
}

#section-2 .pull-right {
    width: 58%;
    text-align: right;
}

#section-2 .pull-right p {
    font-size: 15px;
    line-height: 1.5em;
    margin-bottom: 25px;
}

#section-2 .pull-right p em {
    font-size: 16px;
    font-weight: 700;
    margin-top: 10px;
    color: #ffffff;
}

#section-2 .pull-right p em a:hover {
    text-decoration: underline;
}

#section-2 .row-fluid:nth-child(1) {
    margin-bottom: 80px;
    border-bottom: 3px solid rgba(255, 255, 255, 0.2);
    padding-bottom: 40px;
}


.context-layouts-show-cuponelectronico #section-2 .span4:nth-child(2) span.icon,
.context-layouts-show-cuponelectronico #section-2 .span4:nth-child(3) span.icon {
    padding-top: 20px;
}

#section-2 .media-body {
    font-weight: 900;
    font-size: 48px;
    color: #000;
    overflow: visible; /* CUPONELECTRONICO */
    margin-top: 15px;  /* CUPONELECTRONICO */
}

#section-2 .pull-left {
    color: #999;
    text-align: center;
    font-weight: 300;
}
#section-2 .pull-left span {
    display: block;
    font-size: 37px;
    line-height: 1;
    font-weight: 900;
}
#section-2 .description {
    font-size: 24px;
    font-weight: 300;
    color: #000;
    text-align: center;
    line-height: 1.2;
}


#section-2 .media {
    border-bottom: 4px solid #EEE;
    margin-bottom: 10px;
}

#formas-de-uso {
    padding: 100px 0;
    background: #f4f4f4;
}

#formas-de-uso .body ul {

    list-style-image: none;
    color: #ffffff;
    font-size: 16px;
}

#formas-de-uso .columns > li {
    background: rgba(0,0,0,0.4);
    height: 440px;
    font-size: 16px;
    color: #ffffff;
    border-top: 3px solid #69a2bf;
}

#formas-de-uso .header {
    background: transparent;
    text-align: center;
    padding: 10px 0;
    font-size: 72px;
    line-height: 1;
    color: #69a2bf;
    font-weight: 300;
}
#formas-de-uso .body {
    padding: 30px;
    color: #ffffff;
}
#formas-de-uso .title {
    padding-bottom: 15px;
    margin-bottom: 15px;
}
#formas-de-uso h2 {
    margin-bottom: 40px;
    font-size: 46px;
    text-align: center;
    color: #ffffff;
}

/* #formas-de-uso .columns > li:nth-child(3) p,
#formas-de-uso .columns > li:nth-child(4) p, 
#formas-de-uso .columns > li:nth-child(5) p {
    font-size: 28px;
    line-height: 1;
    font-weight: 300;
    text-align: center;
    padding-top: 34px;
} */

/* #formas-de-uso .columns > li:last-child p {
    font-size: 19px;
    line-height: 1.4;
    padding-top: 30px;
    font-weight: 300;
} */

#formas-de-uso .columns > li { /* CUPON ELECTRONICO */
    font-size: 19px;
    line-height: 1.4;
    padding-top: 30px;
    font-weight: 300;
}

#formas-de-uso .columns > li > ul {
    font-size: 15px;
}

#estaciones {
    padding: 100px 0;
    text-align: center;
    background: url("https://copec.modyocdn.com/uploads/eea3f41a-532a-48ca-b1b3-13f401ab52d1/original/camion-black-bg.jpg") no-repeat;
    background-size: cover;
}

#estaciones h2 {
    margin-bottom: 40px;
    font-size: 46px;
    text-align: center;
    color: #fff;
}

#estaciones h4 {
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 40px;
    color: #FFF;
    line-height: 1.2em;
}
#estaciones .box-places { width: 390px; margin: auto; }

/*#formas-de-pago { 
    text-align: center;
    padding: 100px 0;
    background: url(https://copec.modyocdn.com/uploads/10089153-2d5e-44b2-899b-70a4ef12fa0f/original/bg-nubes-ce.jpg);
    background-size: cover;
}*/

#formas-de-pago {
    text-align: center;
    padding: 100px 0;
    background: url("https://copec.modyocdn.com/uploads/58dcd2dd-4b08-4818-abce-7727a86f48c3/original/bg-cuponelectronico.jpg");
    background-size: cover;
}

#formas-de-pago .wrap-img {
    padding: 10px;
    border-radius: 5px;
    margin: 20px 0;
    background: #f3f6f5;
    display: inline-block;
    box-shadow: 2px 2px rgba(0,0,0,.1);
}
#formas-de-pago h2 {
    margin-bottom: 40px;
    font-size: 46px;
    text-align: center;
}

/* #formas-de-pago p:last-child { font-size: 14px; } */

#formas-de-pago .logosbancosCE {
    width: 70%;
    margin: 0 auto;
    background: transparent;
    padding: 20px;
}

#formas-de-pago strong {
    margin-bottom: 20px;
    display: block;
    font-size: 16px;
}

#formas-de-pago .container > p {
    font-size: 20px;
    margin: 50px 0px;
    font-weight: 300;
}

#formas-de-pago .container > .row-fluid > .span6:nth-child(1) {
    border-right: 1px solid #DBDBDB;
}

#formas-de-pago .container > .row-fluid > .span6:nth-child(2) p {
    text-align: justify;
}

#formas-de-pago .container > .row-fluid > .span6:nth-child(2) ul {
    text-align: left;
}


#sucursales .header { text-align: center; margin: 20px 0 40px 0; }
#sucursales h3 {
    color: #000 !important;
    font-size: 24px !important;
    font-weight: 600 !important
}
#sucursales .header h2 { font-size: 42px; }
#info-sucursales {
    border: 0;
    padding: 0;
    margin: 40px 0;
}
#info-sucursales p { margin: 0; }
#info-sucursales h4 { font-size: 18px; font-weight: 600; color: #000; }


.tabs-sucursales .active a {
    font-weight: 900;
}
.tabs-sucursales {
    font-size: 16px;
}

#testimonios { padding: 40px 0; }
#testimonios h2 {
    margin-bottom: 40px;
    font-size: 46px;
    text-align: center;
}
#testimonios img {
    border-radius: 50%;
    /*box-shadow: 2px 2px 4px rgba(0,0,0,.1);*/
    box-shadow: 0px 0px 10px 5px rgba(0,0,0,.1);
}

#testimonios .span9 {
    padding-bottom: 30px;
    border-bottom: 2px dotted #EEE;
}
#testimonios .row-fluid {
    margin-bottom: 40px;
}
/*
#testimonios li:nth-child(2) {
    border-right: 2px dotted #EEE;
    border-left: 2px dotted #eee;
}*/

#testimonios li {
    padding: 30px;
    background: rgba(0, 0, 0, 0.4);
    min-height: 460px;
}

#testimonios h3 {
    margin: 15px 0;
    color: #ffffff;
    font-weight: 400;
}

#SolicitudesCE {
    padding: 40px 0;
    background-size: cover;
    background: #EAEAEA;
    margin-bottom: -50px;
}

#SolicitudesCE h2 {
    font-size: 46px;
}

#SolicitudesCE .accordion {
    margin: 10px auto 10px;
}

#SolicitudesCE .accordion .accordion-heading a {
    font-size: 18px;
}

#SolicitudesCE .accordion p {
    font-size: 15px;
    line-height: 1,5em;
}

#SolicitudesCE .accordion .span6 {
    padding: 15px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 5px;
    margin: 10px 0;
    min-height: 454px;
}

#SolicitudesCE .accordion .span6:nth-child(1) {
    margin-right: 6px;
}

#SolicitudesCE .accordion .span6 h3 {
    margin-bottom: 10px;
    text-align: center;
    color: #2C2C2C;
    font-size: 24px;
}

#SolicitudesCE .accordion:nth-child(2) .span6 {
    min-height: 215px;
}
#tabs-rojos .info-historia .info-inner {
    padding: 15px 0;
}
.category-nuestra-empresa .nues-emp-foto1,
.category-nuestra-empresa .nues-emp-foto2 {
    background-size: cover;
}
@media (max-width: 1200px) {
    #tabs-rojos .nav-tabs>li {
        width: 32.8%;
    }
    #tabs-rojos .nav-tabs>li.active {
        border-left: 6px solid red;
    }
    .h1-logo {
        width: 140px;
        background-size: 140px;
    }
    .navbar .nav>li.dropdown.menu-item {
        margin-left: 0;
        padding-right: 0;
    }

    #section-2 .media-body {
        font-size: 35px;
    }

    #section-4 li {
        min-height: 500px;
    }
    .category-nuestra-empresa .caja-small1, .category-nuestra-empresa .caja-small2, .category-nuestra-empresa .caja-small3, .category-nuestra-empresa .caja-small4 {
        height: auto;
        min-height: 270px;
        width: 100%;
    }

}


@media (max-width: 980px) {

    #section-2 .media-body {
        font-size: 25px;
    }

    #section-2 .pull-right {
        width: 45%;
    }

    #section-4 li {
        width: 48%;
    }
    .category-nuestra-empresa .nues-emp-foto1, .category-nuestra-empresa .nues-emp-foto2 {
        width: 49.3%;
    }
    .category-nuestra-empresa #cont-cajas .small-foto img {
        width: 100%;
    }
    .category-nuestra-empresa #cont-cajas .small-foto {
        height: 80px;
        overflow: hidden;
    }
    .category-nuestra-empresa .caja-small1, .category-nuestra-empresa .caja-small2, .category-nuestra-empresa .caja-small3, .category-nuestra-empresa .caja-small4 {
        min-height: 290px;
    }

}


@media (max-width: 720px) {
    .category-nuestra-empresa .nues-emp-foto1, .category-nuestra-empresa .nues-emp-foto2 {
        width: 100%;
    }
    .context-layouts-show-puntos-de-ventas #navigation-layout ul li, .context-layouts-show-cuponelectronico #navigation-layout ul li {
        border-right: 1px solid #ccc;
        overflow: hidden;
        font-size: 11px;
        min-height: 50px;
    }

    .context-layouts-show-puntos-de-ventas #navigation-layout ul li a, .context-layouts-show-cuponelectronico #navigation-layout ul li a {
        padding: 0px;
    }

    .media, .media-body {
        overflow: hidden;
        zoom: 1;
        margin-top: 0px;
    }


    #section-2 .pull-right {
        width: 100%;
    }

    #formas-de-uso .columns > li {
        min-height: 600px;
    }

    #SolicitudesCE .accordion:nth-child(2) .span6,
    #SolicitudesCE .accordion .span6 {
        min-height: 0;
    }
}
@media (max-width: 770px) {
    .category-nuestra-empresa .caja-small5 .btn {
        display: inline-block;
        width: 49%;
    }
    .category-nuestra-empresa #widget-64cf0b #cont-cajas ul li {
        width: 48%;
    }
    .category-nuestra-empresa #widget-64cf0b #cont-cajas ul li:last-child {
        width: 100%;
    }
    .category-nuestra-empresa #cont-cajas .small-foto {
        height: 180px;
    }
}
@media (max-width: 600px) {
    #tabs-rojos .nav-tabs>li {
        width: 49.3%;
    }
}

@media (max-width: 480px) {
    #tabs-rojos .nav-tabs>li {
        width: 100%;
    }
    .category-nuestra-empresa .nues-emp-info {
        height: auto;
        margin-bottom: 3em;
    }
    .category-nuestra-empresa #widget-64cf0b #cont-cajas ul li {
        width: 100%;
    }
}

@media (max-width: 400px) {
    .context-layouts-show-puntos-de-ventas #navigation-layout ul,
    .context-layouts-show-cuponelectronico #navigation-layout ul { width: 100%;}

    .context-layouts-show-puntos-de-ventas #navigation-layout ul li,
    .context-layouts-show-cuponelectronico #navigation-layout ul li { width: 33.3%; text-align: center; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;
        font-size: 11px;
        min-height: 50px;
    }

    .context-layouts-show-puntos-de-ventas #navigation-layout ul li:nth-child(3),
    .context-layouts-show-puntos-de-ventas #navigation-layout ul li:nth-child(6),
    .context-layouts-show-cuponelectronico #navigation-layout ul li:nth-child(3),
    .context-layouts-show-cuponelectronico #navigation-layout ul li:nth-child(6) {border-right: none;}

    .context-layouts-show-puntos-de-ventas #navigation-layout li a,
    .context-layouts-show-cuponelectronico #navigation-layout li a {
        padding: 5px;
        display: inline;
    }

    #section-2 .pull-right {
        width: 100%;
    }

    #section-2 .media-body {
        text-align: center;
        margin-bottom: 15px;
    }

    #section-4 li {
        width: 100%;
    }

    #testimonios li:nth-child(2) {
        border-right: none;
        border-left: none;
    }

    #formas-de-uso .columns > li {
        height: auto;
    }

    #formas-de-pago .container > .row-fluid > .span6:nth-child(1) {
        border-right: none;
    }

    #estaciones .box-places {
        width: auto;
    }

}


/* =============================================================================
                           FIN CUPON ELECTRONICO
============================================================================ */

/* ACCORDION GENERAL */
.accordion{
    margin-top:30px;
}
.accordion img{
    margin-bottom:20px;
    margin-top:10px;
}
.accordion-group {
    margin-bottom: 6px;
    border: 1px solid #bababa;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.accordion-heading {
    border-top: 2px;
    background: url("https://copec.modyocdn.com/uploads/d2103f50ee6c5bc111b9c96cd3ea52b4/original/icono-accordion1.jpg") #efefef no-repeat right top;
}
.accordion-heading a{
    color: #2d8ec8;
    font-size: 15px;
}
.accordion-heading2 {
    background: url("https://copec.modyocdn.com/uploads/37e1eda0fe92a01b65928b89e4381f3f/original/icono-accordion2.jpg") #2d8ec8 no-repeat right top;
}
.accordion-heading2 a{
    color: #fff;
}



/* SIDEBAR  */
#widget-9c642e .list h4{
    font-size: 12px;
    margin: 0;
    text-transform: uppercase;
    font-weight: 800;
    background-color:#283971;
    padding:7px;
}
#widget-9c642e .list h4 a{
    color:#fff;
}
#widget-409f66 .list h4{
    margin-top:20px;
}
#widget-409f66 .list li,#widget-9c642e .list li {
    border-bottom: 0px solid #ccc;
}
#widget-409f66 h3,#widget-9c642e h3 {
    margin-bottom: 7px!important;
}
#widget-64cf0b .container .texts{
    float: right;
    width: 400px;
    margin-top: 97px;
    font-size: 20px;
    line-height: 1.5;
    margin-right: 22px;
    background: #ffffff94;
    border-left: 5px solid;
}
#widget-64cf0b .container .texts h2{
    color:#e20025;
    font-weight: 400;
    margin-bottom: 10px;
    margin-top: 0;
}
#widget-64cf0b .container .texts p{
    color:#265f9c;
    font-weight: 400;
}
#internal.category-combustibles .list-products-body {
    position:relative;
    overflow:hidden;
}
#internal.category-combustibles .caption{
    position: absolute;
    top: 238px;
    padding: 10px;
    background-color: #000000e3;
    height: 300px;
    left: 0;
    right: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
#internal.category-combustibles .list-products-body:hover .caption {
    top: 100px;
}


#internal.category-combustibles .caption a{
    color:#7ba3c6;
}
#internal.category-combustibles .caption .description{
    color:#fff;
}
#btn-tiendas {
    position: absolute;
    bottom: 100px;
    right: 0;
}

#internal.category-combustibles #top-estaciones .span6{
    float:right;
}
#internal.category-combustibles #top-estaciones .span6 h3{
    margin-bottom: 0;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    color: #e20025;
    font-weight: 400;
    font-size: 30px;
    background: transparent;
}


/* VIDEOS =========================== 
===================================== */

.context-videos-list #main .cover {
    margin-bottom: 10px;
    position: relative;
}

.context-videos-list #main .cover:after {
    content: "\f144";
color: #222222;
position: absolute;
font-family: FontAwesome;
font-size: 80px;
left: 35%;
top: 44%;
opacity: .5;

}
.widget-media .video > a {
    position: relative;
    width:160px!important;
    float: left;
    overflow:hidden;
    margin-right:10px;

}
.widget-media .video > a:after {
    content: "\f144";
color: #222222;
position: absolute;
font-family: FontAwesome;
font-size: 45px;
left: 35%;
top: 44%;
opacity: .5;
}

/* --- plantilla interior --*/
.context-albums-show #main h3,
.context-videos-show #main h3 {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 20px;
    color: #e20025;
}
.context-albums-show #main h4,
.context-videos-show #main h4 {
    background: #e20025;
    padding: 20px;
    color: #FFF;
    margin: 15px 15px 15px 0;
    float: left;
    max-width: 250px;
}
.context-videos-show .video-container {
    background-color: #FBFBFB;
    padding: 25px;
    border: 1px solid #eee;
}



/* ---- Lubricantes------- */
.context-layouts-show-lubricantes .container .conoce-productos{
    margin-top: 10px;
    margin-bottom: -10px;
    text-align: center;
    display: block;
}
@media (min-width: 768px){
    .context-layouts-show-lubricantes .container .conoce-productos{
        display: none;
    }
}
#home.category-lubricantes .breadcrumb{
    display:none;
}
.context-layouts-show-lubricantes .category-lubricantes .btn-primary {
    margin-bottom: .7em;
}
#home #widget-acb1a5 #intro-layout .texts{
    width: 400px;
    margin-top: 60px;
    background-color: rgba(0,0,0,.8);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#home.context-layouts-show-lubricantes #intro-layout {
    color:#115b9b;
    height: 440px;
    font-size: 16px;
    background: url("https://copec.modyocdn.com/uploads/0aaac367-e4e3-4db0-8727-66f7ff878500/original/new_1_.jpg") right;
    background-size: cover;
}
#home.category-lubricantes #widget-acb1a5 .texts p{
    color:#fff;
}
#lubricantes{
    overflow:hidden;
    margin: 50px 0;
}
.lubricantes-info{
    width: 466px;
    height: 330px;
    float: left;
    margin-right: 37px;
    color: #555;
    font-family: 'Lato', sans-serif;
}
.lubricantes-info p{
    color:#265f9c;
    font-family: 'Lato', sans-serif;
    font-size:22px;
    text-transform:uppercase;
}
.lubricantes-foto1,.lubricantes-foto2{
    width: 280px;
    height: 273px;
    float: left;
    margin-right: 5px;
    display:block;
    cursor: pointer;
}
.lubricantes-foto1{
    background:url("https://copec.modyocdn.com/uploads/d4660330-8140-41eb-ba85-c49e3b69369a/original/280x280_01.jpg") center;
}
.lubricantes-foto2{
    background:url("https://copec.modyocdn.com/uploads/3c2f9596-31d4-4666-a8e6-26595a2788e4/original/280x280_02.jpg") center;
}
#ne-mask{
    height: 100px;
    margin-top: 173px;
    overflow: hidden;
}
#ne-info{
    margin-top: 60px;
    position: relative;
    background:url("https://copec.modyocdn.com/uploads/1aef72c60afcb6969e8d15e62568555e/original/flecha-negra.jpg") #000 no-repeat top right;
    padding: 10px;
    height:110px;
    color:#fff;
    font-family: 'Lato', sans-serif;
}
#ne-info p{
    color:#fff;
    font-family: 'Lato', sans-serif;
    font-size:15px;
    text-transform:uppercase;
}
#ne-info a{
    color:#fff;
}
#cont-cajas{
    overflow:hidden;
}
.caja-small1,.caja-small2,.caja-small3,.caja-small4{
    height:240px;
    border: 1px solid #ccc;
    background:url("https://copec.modyocdn.com/uploads/3e396b3dbea233ea5b282eae8a0e05f4/original/flecha-trans.png") #fff no-repeat bottom right;
    overflow:hidden;
    float:left;
    margin-right: 13px;
    cursor:pointer;
}

.caja-small5 .btn {
    display: block;
    margin-bottom: 15px;
}

.small-info{
    padding:10px;
    color:#555;
    font-family: 'Lato', sans-serif;
    font-size:12px;
}
.small-info p{
    color:#265f9c;
    font-family: 'Lato', sans-serif;
    font-size:16px;
    margin-bottom: -12px;
}
#widget-4eb14a{
    margin-top:30px;
    margin-bottom:30px;
}
@media (max-width: 1280px) {
    .category-lubricantes .lubricantes-foto1, .category-lubricantes .lubricantes-foto2 {
        width: 49%;
        background-size: cover;
        background-position-y: 61%;
    }
}
@media (max-width: 980px) {
    .category-lubricantes .caja-small1, .category-lubricantes .caja-small2, .category-lubricantes .caja-small3, .category-lubricantes .caja-small4 {
        min-height: 270px;
        height: auto;
    }
}
@media (max-width: 769px) {
    .category-lubricantes .lubricantes-foto1, .category-lubricantes .lubricantes-foto2 {
        width: 100%;
    }
    .category-lubricantes #cont-cajas .small-foto {
        height: 147px;
        overflow: hidden;
    }
    .category-lubricantes #cont-cajas .small-foto img {
        height: 208px;
    }
}
@media (max-width: 600px) {

    .category-lubricantes #cont-cajas .small-foto img {
        height: 156px;
    }
}
@media (max-width: 400px) {
    .category-lubricantes #cont-cajas .small-foto,
    .category-lubricantes #cont-cajas .small-foto img {
        height: 130px;
    }
}



/* ---- reestructuracion vista productos ---- */
#sacar{
    display:none;
}
#details li #tab_2{
    display:none;
}
.tab2{
    display:none;
}

/* ------- Air BP Copec -------- */
#widget-f33eba,#widget-c35e02{
width: 1080px;
margin:auto;
}
/* ------- Estaciones de Servicio -------- */
#info-est-servicio{
    padding:60px 0px 100px 0px;
    width:532px;
    float:left;
}
#boton-est-ser .box-places .btn{
    background: url("https://copec.modyocdn.com/uploads/4ca42f58c4c64f4761f9245843cd9362/original/flecha-roja.jpg") #e20025 no-repeat top right;
}
#boton-est-ser .btn2{
    background: url("https://copec.modyocdn.com/uploads/1fad5e049e117e94d9b3b55d6934b363/original/flecha-verde.jpg") #3d7f41 no-repeat top right;
    position: relative;
    color: #FFF;
    padding: 10px 15px;
    text-transform: uppercase;
    font-size: 14px;
    text-shadow: 1px 1px 0 rgba(0,0,0,.1);
    border-radius: 3px;
    display: block;
    box-shadow: 1px 1px 0 rgba(255,255,255,.3) inset;
    margin-top:10px;
}
#info-est-servicio2{
    padding-top: 3%;
    float:right;
}
#info-est-servicio h2 {
    color: #fff;
    font-weight: 400;
    margin-bottom: 0px;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    font-size: 30px;
}
#info-est-servicio p {
    color: #fff;
    font-weight: 200;
    font-size: 20px;
    line-height: 27px;
}
#widget-9ae363 .caption{
    top: 200px;
    background-color: rgb(0, 0, 0);
    padding: 10px;
    color: rgb(123, 163, 198);
    font-size: 18px;
    font-weight: bold;
}
#widget-9ae363 .caption a{
    color: rgb(123, 163, 198);
}
#boton-est-ser{
    width: 480px;
    height: 100px;
    position: absolute;
    margin-top: 203px;
}




/* ============= PRODUCTS ==================
========================================= */





/* ----- banners ------ */
#footer-products { background: #d7edf9; padding: 60px 0; }
#footer-products .box-1 { background: #6fb746; }
#footer-products .box-2 { background: #ee832b; }
#footer-products .box-3 { background: #46a2f0; }
#footer-products .box a {
    text-align: center;
    display: block;
    padding: 30px;
}
#footer-products .box i { margin-bottom: 10px; }
#footer-products strong {
    float: right;
    display: block;
    background: rgba(0,0,0,.2);
    padding: 72px 22px;
    margin-top: -30px;
    margin-right: -30px;
    font-size: 32px;
    color: #FFF;
    margin-left: 20px;
    opacity: .5;
}
#footer-products .box a:hover { text-decoration: none; background: rgba(0,0,0,.1); }
#footer-products a span { display: block; text-align: center; color: #FFF; font-size: 12px; text-transform: uppercase; }
#footer-products a span.title { font-size: 22px; text-shadow: 1px 1px 0 rgba(0,0,0,.1); }



/* ----- product show ----- */
#new-description{
    position: relative;
    margin-top:30px;
}
#new-sidebar{
    position: relative;
    margin-top:30px;
}
#new-sidebar ul,#new-sidebar .columns-3{
    margin-left:0px;
    margin-bottom:30px;
}
#new-sidebar .columns-3 > li {
    width: 31.33%;
    height: 120px;
}
.context-products-show #new-description .pull-left img {
    max-height: 240px;
}
#new-description .span8,#new-description .span12 {
    width: 100%;
    margin-left: 0;
    margin-top:30px;
}
#new-sidebar .span4 {
    width: 100%!important;
    margin-left: 0!important;
}
#internal.category-combustibles .container .nav-tabs li a,
#internal.category-lubricantes .container .nav-tabs li a{
    background-color: #0c2a3f;
}
#internal.category-combustibles .container .nav-tabs .active a,
#internal.category-lubricantes .container .nav-tabs .active a{
    background-color: #ddd;
    color:#555;
}
#internal.category-membresia .container .nav-tabs li a,
#internal.category-pago .container .nav-tabs li a{
    background-color: #0077b5;
}
#internal.category-membresia .nav-tabs,
#internal.category-pago .nav-tabs{
    background:#fff;
}
#internal.category-membresia .container .nav-tabs .active a,
#internal.category-pago .container .nav-tabs .active a{
    background-color: #ddd;
    color:#e20025;
}
#internal.category-membresia .pull-left,
#internal.category-pago .pull-left,
#internal.category-combustibles .pull-left,
#internal.category-lubricantes .pull-left{
    margin-right: 0px;
}
#product-foto{
    background-color: #a8d1e6;
    overflow: hidden;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 15px 38px 15px 38px;
}
.product{
    float: left;
    margin: 10px;
    border-radius: 200px;
    overflow: hidden;
}
.tab1{
    display:none;
}


/* ==============================
            PEOPLE SHOW         
=================================*/

#peoplepublico {
    background: #EEF2F5;
    margin-bottom: -50px;
}

#peoplepublico .center--hover {z-index: 1;}

#peoplepublico #top {
    background: url("https://copec.modyocdn.com/uploads/d6a032b3-9332-4017-bcb7-594151167dbe/original/BG_People.jpg");
    background-size: cover;
}

#peoplepublico #top>.top-inner {
    padding: 0;
}

#peoplepublico .top-inner .information-fluid {
    margin: 40px 0px;
    padding: 5px;
    height: 210px;
}

#peoplepublico .top-inner .information-fluid h2 {
    font-size: 42px;
    font-weight: 300;
}

#peoplepublico .top-inner .information-fluid .Icolinktit {
    width: 14.893617021276595%;
    background: cadetblue;
    padding: 10px;
    float: left;
    margin: 2px;
}

#peoplepublico .top-inner .information-fluid .cover span img {
    border-radius: 50%;
}

#peoplepublico .widget-profile-chiletur-photos,
#peoplepublico .widget-profile-chiletur-favorites,
#peoplepublico .widget-profile-chiletur-rates {
    width: 100%;
    float: left;
    padding: 10px;
    background: #fff;
    border-top: 3px solid lightblue;
    margin-bottom: 15px;
}

#peoplepublico .widget-profile-chiletur-photos h3 {background: #796F81 url("https://copec.modyocdn.com/uploads/39d73a3d-a848-4c04-b77d-56d57c26ce38/original/ico_photo_ppl.png") no-repeat;min-height: 200px;}
#peoplepublico .widget-profile-chiletur-favorites h3 {background: #796F81 url("https://copec.modyocdn.com/uploads/a259c7a5-bd12-40ae-86ab-869a023128c3/original/ico_fav_ppl.png") no-repeat;min-height: 213px;}
#peoplepublico .widget-profile-chiletur-rates h3 {background: #796F81 url("https://copec.modyocdn.com/uploads/4754373e-ea38-4327-8c79-193bfbcf50d1/original/ico_coment_ppl.png") no-repeat;min-height: 250px;}

#peoplepublico .widget-main h3 {
    width: 25%;
    /* min-height: 200px; */
    float: left;
    margin-right: 10px;
    text-align: center;
    color: #fff;
    padding-top: 150px;
    background-size: 50%;
    background-position: 50% 25%;
}

#peoplepublico .widget-main ul {
    float: left;
    width: 74%;
}

#peoplepublico .widget-main ul li {
    border-bottom: 1px solid #ccc;
    margin: 0 0 14px;
    overflow: hidden;
    padding: 0 0 10px;
    width: 25%;
    float: left;
}

#peoplepublico .widget-profile-chiletur-photos ul li {
    min-height: 200px;
}

#peoplepublico .widget-profile-chiletur-rates ul li {
    min-height: 250px;
}

#peoplepublico .widget-profile-chiletur-photos ul li .information-fluid .information-detail,
#peoplepublico .widget-profile-chiletur-favorites ul li .information-fluid .information-detail,
#peoplepublico .widget-profile-chiletur-rates ul li .information-fluid .information-detail {
    width: 100%;
}

#peoplepublico .widget-profile-chiletur-photos ul li .information-fluid .information-detail h4,
#peoplepublico .widget-profile-chiletur-favorites ul li .information-fluid .information-detail .description {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 82%;
}

#peoplepublico .widget-profile-chiletur-rates ul li .information-fluid .information-detail .comment {
    width: 160px;
}

#peoplepublico .widget-profile-chiletur-photos ul li .information-fluid .information-detail .info small:nth-child(2),
#peoplepublico .widget-profile-chiletur-favorites ul li .information-fluid .information-detail .counters {
    display: none;
}

@media (max-width: 1200px) {
    .context-layouts-show-historia #tabs-rojos .nav-tabs>.active> a {
        background: none;
        height: auto;
    }
    #peoplepublico .widget-main h3 {
        margin-right: 8px;
    }
}

@media (max-width: 980px) {
    #peoplepublico .widget-main h3 {width: 100%;padding: 0px;min-height: 10px;background: #796F81;}
    #peoplepublico .widget-main ul {width: 100%;}
}

@media (max-width: 767px) {

}

@media (max-width: 610px) {
    #peoplepublico .top-inner .information-fluid .center--hover {
        transform: none;
        color: #fff;
        margin-top: 10px;
    }
    #peoplepublico .top-inner .information-fluid {
        height: auto;
    }
}

@media (max-width: 480px) {
    #peoplepublico .widget-main ul li {width: 50%;}
}




/* ---- Nuestra Empresa (quienes somos) ------- */
#home.category-nuestra-empresa .breadcrumb {
    display:none;
}
#nuestra-empresa{
    overflow:hidden;
    margin: 50px 0;
}
.nues-emp-info{
    width: 43%;
    height: 370px;
    float: left;
    margin-right: 37px;
    color: #555;
    font-family: 'Lato', sans-serif;
}
.nues-emp-info p{
    color:#265f9c;
    font-family: 'Lato', sans-serif;
    font-size:22px;
    text-transform:uppercase;
}
.nues-emp-foto1,.nues-emp-foto2{
    width: 280px;
    height: 273px;
    float: left;
    margin-right: 5px;
    display:block;
    cursor: pointer;
}
.nues-emp-foto1{
    background:url("https://copec.modyocdn.com/uploads/ab3ded7203f1a0f2e6a2e9f0e024be27/original/img-quienes-somos01.jpg") center;
}
.nues-emp-foto2{
    background:url("https://copec.modyocdn.com/uploads/3f289dbd-b798-4864-a144-65cca7fe0df8/original/Nuestra-empresa-atendedor.jpg") center;
}
#ne-mask{
    height: 100px;
    margin-top: 173px;
    overflow: hidden;
}
#ne-info{
    margin-top: 60px;
    position: relative;
    background:url("https://copec.modyocdn.com/uploads/1aef72c60afcb6969e8d15e62568555e/original/flecha-negra.jpg") #000 no-repeat top right;
    padding: 10px;
    height:100px;
    color:#fff;
    font-family: 'Lato', sans-serif;
}
#ne-info p{
    color:#fff;
    font-family: 'Lato', sans-serif;
    font-size:15px;
    text-transform:uppercase;
}
#ne-info a{
    color:#fff;
}
#cont-cajas{
    overflow:hidden;
}
.caja-small1,.caja-small2,.caja-small3,.caja-small4{
    height:240px;
    border: 1px solid #ccc;
    background:url("https://copec.modyocdn.com/uploads/3e396b3dbea233ea5b282eae8a0e05f4/original/flecha-trans.png") #fff no-repeat bottom right;
    overflow:hidden;
    float:left;
    margin-right: 13px;
    cursor:pointer;
}

.caja-small5 .btn {
    display: block;
    margin-bottom: 15px;
}

.small-info{
    padding:10px;
    color:#555;
    font-family: 'Lato', sans-serif;
    font-size:12px;
}
.small-info p{
    color:#ec3234;
    font-family: 'Lato', sans-serif;
    font-size:16px;
    margin-bottom: -12px;
}
#widget-4eb14a{
    margin-top:30px;
    margin-bottom:30px;
}

/* ---- menu sidebar interior ----- */

#menu-sidebar{
    overflow:hidden;
}
#menu-sidebar ul{
    list-style-image:url("https://copec.modyocdn.com/uploads/6e929d4c379f0679458e4f5faac5ffa8/original/flecha-roja-small.jpg");
}
#menu-sidebar ul li{
    height:30px;
}
#menu-sidebar ul li a{
    font-family: 'Lato', sans-serif;
    text-transform:uppercase;
    font-size: 11px;
    font-weight: bold;
    color: #333;
}
#menu-sidebar h4{
    background: url("https://copec.modyocdn.com/uploads/782547f99253a712c208d71af4284f0e/original/linea-menu.jpg") no-repeat bottom left;
    color: #e73031;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    height: 39px;
    text-transform:uppercase;
}
#menu-sidebar h4 a{
    color: #e73031;
}
/* ---- fin menu sidebar interior ----- */
/* ---- tabs rojos historia ----- */
#tabs-rojos{
    padding:30px 0px 30px 0px;
}
#tabs-rojos .nav-tabs {
    border-bottom: 0px solid #ddd;
}
#tabs-rojos .nav-tabs>li {
    margin-bottom: 3px;
    text-align: center;
}
#tabs-rojos .nav-tabs>li>a {
    line-height: 20px;
    color: #fff;
    font-family: 'Abel', sans-serif;
    font-size: 18px;
    text-transform:uppercase;
    padding: 9px 27px 8px 28px;
    border: 0px solid transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin-right: 0;
    width: 100%;
    line-height: normal;
}
#tabs-rojos .nav-tabs>#li1>a{
    background-color: #e20025;
}
#tabs-rojos .nav-tabs>#li2>a{
    background-color: #be001c;
}
#tabs-rojos .nav-tabs>#li3>a{
    background-color: #a00017;
}
#tabs-rojos .nav-tabs>#li4>a{
    background-color: #770616;
}
#tabs-rojos .nav-tabs>#li5>a{
    background-color: #560d17;
}
#tabs-rojos .nav-tabs>.active> a {
    background: url("https://copec.modyocdn.com/uploads/694e148c8a01b519f00324949d56c7e5/original/indicador.jpg") no-repeat bottom left;
    height: 58px;
    background-size: contain;
}
.info-historia{
    width: 235px;
    height: 385px;
    overflow: hidden;
    float: left;
    margin-right: 10px;
    margin-bottom: 30px;
}
.fech{
    font-size: 40px;
    font-weight: lighter;
    color: #e20025;
    float: left;
    padding-right: 11px;
    height: 49px;
    margin-top: 10px;
    border-right: 1px solid #e20025;
}
.his-info{
    overflow: hidden;
    font-size: 11px;
    line-height: 15px;
    padding-top: 7px;
    padding-left: 11px;
    font-family: 'Lato', sans-serif;
}

/* s: basecopec */

li.nav-item-centro-de-ayuda {
    /*display: none;*/
}

#regis li.centro-ayuda {
    display: block;
}

@media (max-width: 979px) {
    li.nav-item-centro-de-ayuda {
        display: block;
    }

    #regis li.centro-ayuda {
        display: none;
    }


}

#regis {
    float: left;
    margin-top: 7px;
    width: 55%;
    min-width: max-content;
}
#regis ul { list-style: none; padding: 0; margin: 0; font-size: 10px; text-transform: uppercase; margin-top: 10px; }
#regis li { float: left; padding: 0 2.5%; line-height: 20px; }
#regis a { color: #91A9B8; }
#regis a:hover {
    text-decoration:none;
    color: #FFFFFF;
}
#regis .icon-stack {
    background: #556a79;
    border-radius: 50px;
    font-size: 14px;
    margin-top: -4px;
}



/* ---- imagenes grandes layouts ------- */

#intro-layout {
    color:#115b9b;
    height: 440px;
    font-size: 16px;
    background: url("https://copec.modyocdn.com/uploads/8ae6c8c7-b520-42ea-b359-18c3be42814b/original/banner_totem_1613x565_corregido.jpg") center;
    background-size: cover;
}

#intro-layout .texts h2 {
    margin-bottom: 15px;
    font-family: 'Lato', sans-serif;
    text-transform:uppercase;
    color:#fff;
    font-weight: 300;
    font-size:30px;
}
#intro-layout .texts {
    padding: 20px;
}

.directory-order ul.columns {
    margin-bottom: 20px;
}

.directory-order ul.columns.columns-5 h3 {
    font-size: 15px !important;
}

.list-directors { color: #999; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 4px solid #EEE;
    font-style: italic;
    margin-top: 15px;
}

.context-layouts .widget.widget-text table h5 { font-size: 16px; font-weight: bold; }

.directory-order .media > .pull-left {
    float: none;
    margin-bottom: 10px;
}

.context-layouts .widget.widget-text .directory-order h3 {
    margin-bottom: 0;
}

#menu-sidebar { padding-top: 30px; }
.context-layouts .widget.widget-text h3.bajada-layout { margin-top: 20px; }

/* ---- fin imagenes grandes layouts ------- */


/* MUNDO COPEC */

#mundo-copec-wrap {
    margin-top: 20px;
}

#mundo-copec h2 {
    color: #1e7bca;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-weight: 300;
}

#titu-fp{
    background: url("https://copec.modyocdn.com/uploads/b047c1b08d2c72c7dc240c8391993539/original/peso.jpg") no-repeat right top;
    padding-top: 12px;
}


#bann-mc {
    overflow:hidden;
    width: 103%;
}
#widget-4ae506 {
    margin-top: 70px;
    width: 1163px;
    background: url("") #eee top left;
    padding-left: 5px;
    padding-top: 43px;
    padding-bottom: 10px;
    border:1px solid #ccc;
}
.carousel-caption {
    margin-top: 240px;
}
.carousel-caption p{
    display:none;
}
#sidebar-top-home .box-places {
    margin-top: 38px;
}
#ch-tour{
    margin-top: 63px;
    margin-bottom: 28px;
}
.bann1{
    float: left;
    margin-right: 20px;
    margin-top: 30px;
}
.bann2{
    float: left;
    margin-top: 30px;
}
#banners-inferior{
    width: 723px;
    overflow: hidden;
}
#top-mundo-copec{
    /*background: url("https://copec.modyocdn.com/uploads/4ccbd6e21aa3d52d722f84209159724a/original/bg-combustibles.jpg");*/
    /* background: url("https://copec.modyocdn.com/uploads/1b74119b-dd9f-466f-95c1-6849e07f7a31/original/banner-copec1400x381_2_1_.jpg");*/
    /* background: url("https://copec.modyocdn.com/uploads/067bc79f-23d6-49d5-be9b-06aee9da37d5/original/PortadaMundoCopec1400x381vf.jpg"); */
    background: url("https://copec.modyocdn.com/uploads/e20ecc9c-981d-4e41-9c4a-c2f75d73235f/original/mundo-copec.jpg");
    background-size: cover;
    width:100%;
    margin-bottom: 40px;
    min-height:380px;
    position: relative;
}

.absolute-link { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 100 }

.info-mundo-copec{
    margin:auto;
    position:relative;
}
#boton-mundo-copec {
    width: 355px;
    position: relative;
}
#boton-mundo-copec .box-places a {
    padding: 10px 15px;
}
#boton-mundo-copec .box-places a:hover {
    background: #a70416;
}
.texto-m-c {
    width: 38%!important;
    float: right;
    margin-top: 0!important;
}
.texto-m-c .texto-inner {
    margin-top: 7.8em;
}

.texto-m-c h2.encabezado {
    color: #fff!important;
    font-weight: 400!important;
    margin-bottom: 0px!important;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    font-size: 30px;
    margin-top: 0!important;
}
.texto-m-c p{
    color: #fff;
    font-weight: 200;
    font-size: 20px;
    line-height: 27px;
}


#banner-mundo-copec1 {
    width:723px;
    height:195px;
    overflow:hidden;
    position:relative;
}
#banner-mundo-copec2,#banner-mundo-copec3,#banner-mundo-copec4,#banner-mundo-copec5{
    width: 283px;
    height: 160px;
    overflow: hidden;
    position: relative;
    float: left;
    background-color: #eee;
    margin: 5px 5px 5px 0px;
    border:1px solid #ccc;
}
#banner-mundo-copec2{
    background: url("https://copec.modyocdn.com/uploads/5959e51d-836a-4c86-b986-8f8f94887d60/original/viva-leer.png") no-repeat right;
}
#banner-mundo-copec3{
    background: url("https://copec.modyocdn.com/uploads/47e319b2-636f-48d7-a023-9f399ca50d94/original/renova.png") no-repeat right;
}
#banner-mundo-copec4{
    background: url("https://copec.modyocdn.com/uploads/cc649548-3390-4aeb-ae9e-47b77ada5f3b/original/banner-huella-carbono.jpg") no-repeat right;
}
#banner-mundo-copec5{
    background: url("https://copec.modyocdn.com/uploads/5cfc3434-cd2b-4c43-8d63-773f6d901096/original/banner-suena-leyendo2.jpg") no-repeat right;
}

.btn-mundo-copec{
    color: #fff;
    background: url("https://copec.modyocdn.com/uploads/3f2b087b27dda0ac1c608affcd3566c0/original/flecha-roja2.jpg") #bc0101 no-repeat top right;
    padding: 10px 44px 10px 25px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-transform: uppercase;
    position:absolute;
    margin-top: 103px;
    margin-left: 19px;
}

.btn-mundo-copec:hover,
#banner-mundo-copec2 a:hover,
#banner-mundo-copec3 a:hover,
#banner-mundo-copec4 a:hover{
    background-color: #880f0f;
    color:#fff;
}

@media (max-width: 1120px) {
    #top-mundo-copec {
        background-position-x: 10%;
    }
}
@media (max-width: 980px) {
    #top-mundo-copec {
        background-position-x: 51%;
    }
}
@media (max-width: 769px) {
    .texto-m-c {
        width: 100% !important;
        float: unset !important;
        text-align: center;
        margin: 0 auto;
        margin-top: 0!important;
    }
    #boton-mundo-copec {
        margin: 0 auto!important;
        position: relative;
        padding: 70px 0;
    }
    #top-mundo-copec {
        background: url(https://copec.modyocdn.com/uploads/00bda35b-79fa-4650-b132-5d77ace255eb/original/MOBILE.jpg);
        background-size: cover;
        background-position: right;
    }
    .texto-m-c .texto-inner {
        display: block;
        height: auto;
    }
    #top-mundo-copec {
        background-position-x: 100%!important;
    }
}

/* s: home */
.box-lanpass {text-align:center; margin-top:20px;}

.box-lanpass .cov {
    display: block;
    float: left;
    background: rgba(255,255,255,.1);
    padding: 9px;
    margin-left: -13px;
    margin-top: -10px;
    border-radius: 3px 0 0 3px;
    border-right: 1px solid rgba(0,0,0,.1);
}
.box-lanpass .btn {
    background: #2d8ec8;
    position: relative;
    color: #FFF;
    padding: 10px 13px;
    text-transform: uppercase;
    font-size: 13px;
    text-shadow: 1px 1px 0 rgba(0,0,0,.1);
    border-radius: 3px;
    display: block;
    box-shadow: 1px 1px 0 rgba(255,255,255,.3) inset;
}
.box-lanpass .btn:hover,
.box-lanpass .btn:focus,
.box-lanpass .btn:active {
    background: #2d8ec8;
}

.box-lanpass .btn span.arrow  {
    display: block;
    float: right;
    margin-left: 10px;
    background: rgba(0,0,0,.1);
    margin-top: -10px;
    padding: 10px 10px;
    margin-right: -14px;
    border-radius: 0 3px 3px 0;
}

/* armado widgets home 100% */

#home .widget-featured .carousel-inner,
.context-chiletur-map #list_of_ct_places {    
    cursor: pointer;
    cursor: hand; /* IE 7 y Anteriores */
    }

#home.context-home-show #content .content-inner{
    width:100%;
}
#home #widget-42a51b .info-destaca {
    margin: auto;
    height: 300px;
    background-color:#1b2573;
    text-align:center;
    font-family: 'Lato', sans-serif;
    color:#fff;
    font-size: 20px;
    overflow: hidden;
    text-align:center;
    text-shadow: 1px 1px 1px rgba(0,0,0,.2);
    font-weight: 300;
    line-height: 26px;
}
#home #widget-42a51b .info-destaca1,#home #widget-42a51b .info-destaca2,
#home #widget-42a51b .info-destaca3,#home #widget-42a51b .info-destaca4,
#home #widget-42a51b .info-destaca5,#home #widget-42a51b .info-destaca6{
    height: 290px;
    width:100%;
    overflow:hidden;
    display:none;
    padding-top:30px;
}

#home #widget-42a51b #menu-destacado {
    position: relative;
    background: #000;
}
#home #widget-42a51b #menu-destacado .media-body {
    padding-top: 20px;
    line-height: 18px;
}

#menu-destacado .btn {
    padding: 10px 40px;
    /* fallback for IE8 and below that don't support rgba */
    background: rgb(0,0,0);
    background: rgba(0,0,0,.4);
    color: #FFF;
    text-shadow: none;
    text-transform: uppercase;
}

#home #widget-42a51b #menu-destacado .men li img {
    margin-right:5px;
    width: 60px;
}

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

    #home #widget-42a51b #menu-destacado .men li img {
        margin-right:5px;
        width: 40px;
    }

}

#home #widget-42a51b #menu-destacado .men > li {
    margin-top: 2%;
    padding-bottom: 2%;
    margin-bottom: 0%;
}
#home #widget-42a51b .media > .pull-left {
    margin-right: 3px;
    width:60px;
}
#home #widget-42a51b #menu-destacado .men {
    list-style:none;
    overflow: visible;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    display: flex;
}
#home #widget-42a51b #menu-destacado .men .active { position: relative; }
#home #widget-42a51b #menu-destacado .men .active:after {
    content: '';
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-top: 20px solid #000;
}
@media screen and (max-width: 768px) {
    #home #widget-42a51b .media > .pull-left { 
        float: none;
        margin: auto;
    }
    #home #widget-42a51b #menu-destacado .men li {
        text-align: center;
    }
    #home #widget-42a51b #menu-destacado .men .active:after {
        left: 50%;
        margin-left: -10px;
        bottom: -10px;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #000;
    }
}
#home #widget-42a51b #menu-destacado .men a {
    color:#fff;
}

#men1,#men2,#men3,#men4,#men5,#men6 {
    opacity: 0.4;
}
#men1.active,#men2.active,#men3.active,#men4.active,#men5.active,#men6.active {
    opacity: 1;
}

#home #widget-42a51b #menu-destacado #men1 a:hover{
    color:#ff0000;
    
}
#home #widget-42a51b #menu-destacado #men2 a:hover{
    color:#87c4f6;
}
#home #widget-42a51b #menu-destacado #men3 a:hover{
    color:#ccc;
}
#home #widget-42a51b #menu-destacado #men4 a:hover{
color: #3d7f41;
}
#home #widget-42a51b #menu-destacado #men5 a:hover{
    color: #de9701;
    
}
#home #widget-42a51b #menu-destacado #men6 a:hover{
    color: #3946b1;
}

#widget-5ba728 .inner .list{
    margin-top:30px;
}
#widget-5ba728 .inner .list li .information-detail{
    padding-left:10px;
}
#widget-5ba728 .inner .list li .information-detail h4 a{
    text-transform:uppercase;
}
#widget-5ba728 .inner .list li .information-detail small {
    font-size: 9px;
    background-color: #999;
    color: #fff;
    padding: 2px;
}
#widget-5ba728 .inner .list li .cover img {
    border-radius: 0px;
    border:1px solid #ccc!important;
    padding:2px;
}
#widget-5ba728 .view-more .btn{
    background: #0077b5;
    border-radius: 0;
    filter: none;
    box-shadow: none;
    border: 0;
    color: #fff;
    border-radius: 3px;
}
#titu-noti {
    border-bottom: 1px dotted #555;
    margin-bottom: 0px!important;
}
/* --- #widget-ba554f ---- */

.tit-promo {
    overflow: hidden;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    color:#fff;
    text-align:center;
    padding: 65px;
    font-size: 21px;
}
.tit-promo p {
    font-size:22px;
    margin-bottom: 0px;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: -1px;
}

#widget-9101a5 .tit-promo {
    color: #265f9c;
}

/* ---------------  WIDGET NOVEDADES HOME (CON VIDEO)  ----------------- */
#home #widget-ba554f .list{
    width: 426px;
    overflow: hidden;
    float: right;
    margin-right: 16px;
}

#home #widget-ba554f {
    background: url("https://copec.modyocdn.com/uploads/85a21626-9f8b-4943-887a-f45ff7fd9eb5/original/home-bg-novedades.jpg");
    background-size: cover;
    position: relative;
}
#home #widget-ba554f .information-detail{
    display:none;
}
#home #widget-ba554f h3{
    display:none;
}
#home #widget-ba554f .cover img {
border-radius: 0px;
}

#widget-ba554f .inner {
    overflow: hidden;
    margin: auto;
    width: 1080px;
    padding: 0 0 40px 0;
}

#home #widget-ba554f .information-fluid .cover { float: none; margin-right:0; }
#home #widget-ba554f .item-1,#home #widget-ba554f .item-2,#home #widget-ba554f .item-3,
#home #widget-ba554f .item-4,#home #widget-ba554f .item-5,
#home #widget-ba554f .item-6,#home #widget-ba554f .item-7{
    border-bottom: 0px solid #ccc;
    margin:0;
    padding:0;
    width:212px;
    float:left;
    z-index:3;
}

#home #widget-ba554f .item-1 #info-wid,#home #widget-ba554f .item-2 #info-wid, #home #widget-ba554f .item-3 #info-wid,
#home #widget-ba554f .item-4 #info-wid,#home #widget-ba554f .item-5 #info-wid,
#home #widget-ba554f .item-6 #info-wid,#home #widget-ba554f .item-7 #info-wid{
    position:absolute;
    /*background-color:#e20025;*/
    background-color: rgba(0,0,0,.7);
    padding: 10px;
    opacity:0;
    width: 212px;
    height: 56px;
    margin-top: 85px;
    overflow:hidden;  
}

#home #widget-ba554f .item-1 #info-wid h4 a,#home #widget-ba554f .item-2 #info-wid h4 a,#home #widget-ba554f .item-3 #info-wid h4 a,
#home #widget-ba554f .item-4 #info-wid h4 a,#home #widget-ba554f .item-5 #info-wid h4 a,
#home #widget-ba554f .item-6 #info-wid h4 a,#home #widget-ba554f .item-7 #info-wid h4 a{
    color:#fff;
}

#home #widget-ba554f .item-1 #info-wid h4,#home #widget-ba554f .item-2 #info-wid h4,#home #widget-ba554f .item-3 #info-wid h4,
#home #widget-ba554f .item-4 #info-wid h4,#home #widget-ba554f .item-5 #info-wid h4,
#home #widget-ba554f .item-6 #info-wid h4,#home #widget-ba554f .item-7 #info-wid h4{
    font-family: 'Lato', sans-serif;
    font-size:10px;
    text-transform: uppercase;
    line-height: 12px;
}

#home #widget-ba554f .view-more a{
    padding: 5px 25px;
    /* fallback for IE8 and below that don't support rgba */
    background: rgb(0,0,0);
    background: rgba(0,0,0,.4);
    color: #FFF;
    text-shadow: none;
    text-transform: uppercase;
    float: right;
    margin-right: 16px;
    margin-top: 11px;
}
/* ---------------  TERMINO WIDGET NOVEDADES HOME (CON VIDEO) ----------------- */


.context-me #sidebar .information-fluid .cover {
    margin-right: 0 !important;
}

/* ------- */
#home #widget-9101a5{
    /*background: url("https://copec.modyocdn.com/uploads/6cbb69938a19261da54b77efa7ed27ca/original/bg-grass.jpg") center;
    background-size: cover; */
    position: relative;
    height: 570px;
}
/*
#parallaxdiv{
  background: url('https://copec.modyocdn.com/uploads/ee41817b831ae6277b6a1937b769850c/original/bg-grass2.jpg') repeat;
  position: fixed;
  width: 100%;
  height: 100%;
  top:0;
  left:0;
  z-index: -1;
  }
*/

#parallaxdiv{
  /* background: url('https://copec.modyocdn.com/uploads/81574ccd-d578-43cb-b1c5-52c8c75e5b31/original/bg-sky.jpg') repeat; */
  background: url('https://copec.modyocdn.com/uploads/420f4253-6a70-43f2-9c94-12b9c10c31aa/original/2018-bg-sky.jpg') repeat;
  position: fixed;
  width: 100%;
  height: 100%;
  top:0;
  left:0;
  z-index: -1;
}
  
#home #widget-55a2e3 .inner{
    width: 1080px;
    margin: auto;
}

#home #page-content {
padding:0;
}
.widget {
margin-bottom: 0;
}
#main, #sidebar {
margin-bottom: 0;
}
/* feature */

.carousel { margin: 0; margin-bottom: 40px; }
.context-home .carousel { margin: 0; }

.carousel-inner>.item {
    height: 450px;
    background-size: cover;
}

.carousel-caption {
    position: static;
    background: none;
    padding: 20px;
    float: right;
    width: 420px;
    box-sizing: border-box;
}

.carousel-caption h4 {
    margin-left: -20px;
    padding-left: 20px;
    border-left: 4px solid #e20025;
}

.carousel-caption h4 a{
    width: 300px;
    color:#fff;
    font-family: 'Lato', sans-serif;
    font-size:32px;
    font-weight: 200;
    line-height: 42px;
}
.carousel-caption p {
    width: 400px;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    line-height: 17px;
    margin-top: 10px;
    font-weight: 300;
}
.carousel-caption small { display: none; }

/* end feature */


#bg-redes {
    height: 400px;
    margin-bottom: -50px;
    background: url("https://copec.modyocdn.com/uploads/8fcf326f9af7ffce6e676be642379179/original/bg-pattern.png") #222223;
}
#bg-redes .container {
    /*border-top: 10px solid rgba(255,255,255,.1);*/
}
footer .footer-inner{
    height:200px;
    background-color:#004b78;
}
#foot-copec {
    width: 1080px;
    margin:auto;
    background:url("https://copec.modyocdn.com/uploads/23140b56e85f5030cbdd41353ceaf698/original/borrar-footer.jpg") no-repeat; 
    height:100px;
}
.home-red{
    width: 50%;
    float: left;
    padding: 80px 0px 20px 0px;
    position:relative;
}
.logored{
    width:140px;
    float:left;
}
.info-red{
    overflow: hidden;
}


/* TOP FIXED FEATURED */

.slider-wrapper .container { position: relative; }

.context-home #featured {
    box-shadow: 0 9px 9px 6px rgba(0,0,0,.2);
    position: relative;
    z-index: 1;
    /* border-bottom: 10px solid #FFF; */
}

#sidebar-top-home {
    box-sizing: border-box;
    position: absolute;
    right: 0;
    z-index: 2;
    top: 0;
    width: 420px;
}
.carousel-caption {
    box-sizing: border-box;
    right: 0;
    z-index: 1;
    background: rgba(0,0,0,.7);
    top: 0;
    width: 405px;
    margin-top: 200px;
        margin-right: 14px;
}
#sidebar-top-home > .inner {
    position: absolute;
    left: 0;
    right: 14px;
    top: 19px;
}

.box-places .btn {
    color: #FFF;
    padding: 21px 15px;
    text-transform: uppercase;
    font-size: 17px;
    text-shadow: 1px 1px 0 rgba(0,0,0,.1);
    border-radius: 3px;
    display: block;
    box-shadow: 1px 1px 0 rgba(255,255,255,.3) inset;
    background: #e20025;
}
.box-places { text-align: center; }
.box-places img {
    position: relative;
    bottom: -10px;
    max-width: 60px;
    margin-top: -20px;
}

.carousel-control { 
    font-size: 24px;
    line-height: 40px; 
    border: 0;
    border-radius: 0;
}

#btn-lubricantes .btn span {
    margin-top: -16px;
    padding: 16px 10px;
}

.box-places .btn span {
    display: block;
    float: right;
    margin-left: 10px;
    background: rgba(0,0,0,.1);
    margin-top: -21px;
    padding: 21px 10px;
    margin-right: -15px;
    border-radius: 0 3px 3px 0;
}

.item-share {
    margin-top: 40px;
    padding-top: 10px;
    border-top: 1px solid #EEE;
}


/* ----- banners home ----- */
#cont-banners{
    width: 1080px;
    margin:auto;
    overflow:hidden;
}
.breadcrumb { display: none; }
.breadcrumb-inner {
    width: 1080px;
    margin:auto;
}

#services-complementary h2 {
    color: #414b56;
    border-bottom: 1px solid #8f8f8f;
    padding-bottom: 10px;
    margin-bottom: 40px;
    font-size: 30px;
    font-weight: 300;
    text-transform: uppercase;
}


#bann1,#bann2,#bann3{
    width:33%;
    float:left;
    height:300px;
    overflow:hidden;
    display:inline;
    cursor:pointer;
}
#bann1{
    background:url("https://copec.modyocdn.com/uploads/00f1835a-c8e4-4927-b924-bd556e39a78c/original/lub-356x300-IMG_0119.jpg") no-repeat;
    background-size: cover;
}
#bann2{
    /* background:url("https://copec.modyocdn.com/uploads/d77fe5d6-a194-4223-b903-b08e55619608/original/banner2017-ct-mini.jpg") no-repeat; */
    /* background:url("https://copec.modyocdn.com/uploads/455da0c5-ed55-41fb-8f2f-e7fa1f7ff90a/original/promociones_843x660-3.png") no-repeat; */
    background:url("https://copec.modyocdn.com/uploads/e0bbf1ac-3bf2-4d92-ab9f-42db69dacbb8/original/BANNER_PROMOCIONES_Y_PRODUCTOS_365x300.jpg") no-repeat;
    background-size: cover;
}
#bann3{
    #background:url("https://copec.modyocdn.com/uploads/1621856d-4017-4132-a417-401bd3a755c5/original/pagoclick-new-home.png") no-repeat;
    background:url("https://copec.modyocdn.com/uploads/3e982a50-8c29-4940-8485-282b36bbce88/original/RALLY_MOBIL_843X660PX-04.jpg") no-repeat;
    background-size: cover;
}
.bann-link{
    height:300px;
    display: none;
    background:url("https://copec.modyocdn.com/uploads/80ec5ee7a9ad04a66a791ae0b550d7c1/original/vermas.png") repeat;
}

#tit-banners{
   font-size:16px;
   color:#265f9c;
   font-weight: bold;
   font-family: 'Lato', sans-serif;
   text-transform:uppercase;
}

@media only screen and (max-width: 1200px) {
    
    #top-tabs .nav-tabs > li > a { 
        font-size: 13px; text-overflow: ellipsis;
        white-space: nowrap; overflow: hidden; 
    }

    #myPronto .carousel-inner>.item{
        background-size:1200px;
        height:380px;
    }
    
}

.context-home-show .carousel-indicators li{
    cursor:pointer;
}


/* ---- CAMBIO MOMENTANEO  ---- */

#video-home {
    z-index: 2;
    background: url("https://copec.modyocdn.com/uploads/80ed84f9-3510-4458-b491-e04dd7ad00df/original/icon-video.png") no-repeat;
    position: absolute;
    overflow: hidden;
    z-index: 1;
}
#icon-news {
z-index:3;
background: url("https://copec.modyocdn.com/uploads/80ed84f9-3510-4458-b491-e04dd7ad00df/original/icon-video.png") no-repeat;
}
#icon-news2{
    width: 69px;
    height: 69px;
    background:url("https://copec.modyocdn.com/uploads/d52123982c0dac1f7c4a603d6c567529/original/icon-news.png") no-repeat;
    position: absolute;
    margin-top: -20px;
    margin-left: 1019px;
    z-index:4;
}
/* ---- */

.carousel-indicators {
right: 46%;
background-color: rgba(0,0,0,0.5);
padding: 7px 11px 7px 7px;
-moz-border-radius: 4px;
border-radius: 4px;
top: auto;
bottom: 5%;
}
#widget-9c642e{
    margin-top:60px;
}
#widget-517983{
    margin-top: 34px;
    overflow: hidden;
    width: 100%;
}
#widget-c3ed21{
    width: 1080px;
    margin: auto;
}
#widget-c3ed21 .gsc-control-cse{
    border-color:#fff!important;
}

#widget-91c942 .container li .information img{
height:auto;
}
#internal.context-videos-list .columns-3 li{
    height: 233px;
}




/* ===========================
    PLACES SHOW
    s: places
    ========================= */

.context-place-show #page-title{
    display:none;
}

.context-place-show .fotoplaces {
    background: url("https://copec.modyocdn.com/uploads/604aa728-835b-4633-a024-9b9be2adc34c/original/4.jpg");
    background-size: cover;
    height: 500px;
    background-position:center center;
}
    
.context-place-show #nav-container {
    margin-bottom:1em;
    margin-top:1em;
}    


.context-place-show #nav-container ul {
    background: #89b23b;
    border-radius: 3px;
    color: #fff !important;
} 

.context-place-show #navigation-layout li a {
    color: #fff !important;
}

.context-place-show #navigation-layout.affix {
    background: #89b23b;
}


.context-place-list .cover img {
    width:100%;
}


.context-place-show .Greenboxdesc li{
    padding: 13px;
    background: #8ab13c;
    position: relative;
    font-size: 42px;
    display: block;
    outline: none;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 100;
    border-radius: 3px;
    margin-bottom: 2px;
    text-align: center;
}
    
.context-place-show .Greenboxdesc small{
    color: #fff;
    display: block;
    font-size: 14px;
    margin-top: 14px;
}

.context-place-show .information .row-fluid{
    background: black;
    padding: 10px;
    font-size: 25px;
    color: white;
    margin-bottom: 0px;
}

.context-place-show .information .row-fluid p:first-child{
    padding:10px;
}

.context-place-show .information .row-fluid small{
    font-size: 60%;
}

.context-place-show .columns > li {
    margin-bottom: 5px;
    margin-top: 5px;
}

    /* ===========================
    PLACES INDEX
    ========================= */
    
.context-place-list .information {
    background: black;
    padding: 10px;
    min-height: 110px;
}

.context-place-list h3 a {
    color: white;
    font-size: 20px;
    font-weight: 800;
}

.fotovoltaica {
    background: url("https://copec.modyocdn.com/uploads/af1efcb5-7339-4e35-855f-0b5a511f67bc/original/fotovol.png") no-repeat;
    height: 65px;
    background-size: contain;
    }

.led {
    background: url("https://copec.modyocdn.com/uploads/db87d21b-4cfc-4a56-822c-8b7faeaf25f2/original/icon4.png") no-repeat;
    height: 65px;
    background-size: contain;
    }

.geotermica {
    background: url("https://copec.modyocdn.com/uploads/73d0191b-416d-40a5-86ea-467250dac76f/original/icon3.png") no-repeat;
    height: 65px;
    background-size: contain;
    }

.termosolar {
    background: url("https://copec.modyocdn.com/uploads/1f466d4e-4742-4301-8e0c-e2c2406196c6/original/icon2.png") no-repeat;
    height: 65px;
    background-size: contain;
    }
    
.eol {
    background: url("https://copec.modyocdn.com/uploads/0a788735-965b-4427-9c3d-1279adb334b6/original/icon1.png") no-repeat;
    height: 65px;
    background-size: contain;
    }
    
/* -------- MAPA STATIONS--------- */ 
/* s: stations */
#internal.context-stations.context-stations-index #content #page-content {
    width:100%;
    padding:0;
    margin:0;
    background:#f5f5f5;
}
.stations-serch-head {
    background: url('https://copec.modyocdn.com/uploads/118f0c10-940a-42d7-96ff-73588773c102/original/stations-bg.png') repeat 0 bottom;
    padding: 10px 0 0 0;
    border-bottom: solid 1px #ddd;
}
.stations-filters {
    background:#fff;
    padding: 10px 0 0 0;
    border-bottom: solid 1px #ddd;
    box-shadow: 0 2px 2px rgba(0,0,0,0.05);
    text-align: center;
}
.stations-filters-group {
    display: inline-block;
    border: solid 1px #eee;
    padding: 5px 15px 0 15px;
    text-align: left;
    margin: 0 5px 5px 0;
}
.station-map-body {
    padding: 35px 0;
}
.context-stations.context-stations-index #main {
    padding: 10px;
    background: #fff;
    border: solid 1px #ddd;
}
.context-stations.context-stations-index #main.active {
    position: static;
    opacity: 1;
}
.context-stations.context-stations-index #main.active .station-footer-text { display: none;  }
.context-stations.context-stations-index #main.active .map-holder {
    height: 300px !important;
}

.stations-serch-head h5,
.stations-serch-head .row-fluid,
.stations-filters .row-fluid,
.station-map-body .row-fluid {
    width: 1080px;
    margin: 0 auto;
}
@media (max-width: 1200px) {
    .stations-serch-head h5,
    .stations-serch-head .row-fluid,
    .stations-filters .row-fluid,
    .station-map-body .row-fluid {
        width: 940px;
    }
}
@media (max-width: 979px) {
    .stations-serch-head h5,
    .stations-serch-head .row-fluid,
    .stations-filters .row-fluid,
    .station-map-body .row-fluid {
        width: auto;
        max-width: 760px;
        padding: 0 10px;
    }
}

#internal.context-stations-index .search-stations-header{
   font-size: 16px;
   background-color: #eee;
   padding: 16px;
   margin-bottom: 22px;
   margin-top: 8px;
   width: 1018px;
   border: 1px solid #ccc;
}
#internal.context-stations-index #search-stations .search-stations{
    list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
}
#internal.context-stations-index #search-stations .search-stations.box-2{
   width: 350px;
}
#internal.context-stations-index #search-stations .search-stations.box-3{
   width: 180px;
   border: none;
}


#internal.context-stations-index #search-stations .search-stations li h5{
   padding: 0;
   text-align: center;
   font-size: 17px;
   color: #555;
   margin-bottom: 12px;
   font-weight: 500;
}

.stations-filters-group li .checkbox{
	float: left;
	margin: 0 10px 5px 0;
	padding: 0;
}
.stations-filters-group li .checkbox span{
	width: 60px;
    position: relative;
    height: 29px;
    float: left;
    padding-left: 18px;
    font-size: 0;
    color: #666;
    box-sizing: content-box;
    line-height: 11px;
    background: url("https://copec.modyocdn.com/uploads/aa361c9c-b7e5-413a-ae6a-d7ce378796c1/original/tab-logo-pronto.jpg") no-repeat right top;
    background-size: 60px!important;
    background-position: right top !important;
}

/*.stations-filters-group li .checkbox span{
    width: 60px;
    position: relative;
    height: 29px;
    float: left;
    padding-left: 18px;
    font-size: 0;
    color: #666;
    box-sizing: content-box;
    line-height: 11px;
    background: url("https://copec.modyocdn.com/uploads/e5c8bfda-b430-420c-a506-bb564aea80f7/original/tab-logo-prontoruta.png") no-repeat right top;
    background-size: 60px!important;
    background-position: right top !important;
}*/

.stations-filters-group li input{
    margin-left: 0px;
    position: absolute;
    margin-top: 44px;
}

.stations-filters-group li .checkbox .filter-glp {
    background:url("https://copec.modyocdn.com/uploads/d98c73a2-dea6-429f-ba7f-4e560a5f733c/original/neogas.png") no-repeat left top;
}
.stations-filters-group li .checkbox .filter-gnc {
    background:url("https://copec.modyocdn.com/uploads/d78619c9-297e-49b2-a322-f7976f5417c7/original/geogas.png") no-repeat left top;
}

.stations-filters-group li .checkbox .filter-punto {
   background:url("https://copec.modyocdn.com/uploads/e968c02c-4dd0-45da-a25d-f0fb39397be8/original/tab-logo-punto.jpg") no-repeat left top;
}
.stations-filters-group li .checkbox .filter-pronto-ruta {
   background:url("https://copec.modyocdn.com/uploads/e5c8bfda-b430-420c-a506-bb564aea80f7/original/tab-logo-prontoruta.png") no-repeat left top;
}

.stations-filters-group li .checkbox .filter-dpaso {
   background:url("https://copec.modyocdn.com/uploads/850e49e2-94a5-4d6c-bbf7-7e1f23b79192/original/tab-logo-dpaso.jpg") no-repeat left top;
   display: none;
}

.stations-filters-group li .checkbox .filter-pagoclick {
   background:url("https://copec.modyocdn.com/uploads/7cc431ba-1c41-4404-bcc2-aa1ef37d1ce0/original/flogo14.jpg") no-repeat left top;
}
.stations-filters-group li .checkbox .filter-bano {
   background:url("https://copec.modyocdn.com/uploads/0074552b-f8b0-4400-8deb-df46b1d92873/original/flogo08.jpg") no-repeat left top;
}
.stations-filters-group li .checkbox .filter-cajero {
   background:url("https://copec.modyocdn.com/uploads/fe4d9060-e5ad-470a-8db7-a946d5e6c8eb/original/flogo05.jpg") no-repeat left top;
}
.stations-filters-group .checkbox .filter-lavamax {
   background:url("https://copec.modyocdn.com/uploads/517e4858-eb43-4ad6-a8a3-ea62e1c0d746/original/tab-logo-lavamax.jpg") no-repeat left top;
}
.stations-filters-group li .checkbox .filter-mobiltec {
   background:url("https://copec.modyocdn.com/uploads/aa9750c3-92c0-431f-ba52-580a009012e2/original/flogo04.jpg") no-repeat left top;
}
.stations-filters-group li .checkbox .filter-zervo {
   background:url("https://copec.modyocdn.com/uploads/09a97a36-511e-49cf-9334-2b8743e38374/original/tab-logo-zervo.jpg") no-repeat left top;
}
.stations-filters-group li .checkbox .filter-voltex {
   background:url("https://copec.modyocdn.com/uploads/6d9cd8bd-2b75-493b-8f10-e646738d9fba/original/tab-logo-voltex.jpg") no-repeat left top;
}
.stations-filters-group li .checkbox .filter-lanpass {
   background:url("https://copec.modyocdn.com/uploads/1aaeb4e8-c44c-45ec-b989-7cd6dc19f3fe/original/tab-logo-latam.jpg") no-repeat left top;
}
.stations-filters-group li .checkbox .filter-tae {
   background:url("https://copec.modyocdn.com/uploads/7ad56d1d-a3fb-445f-8561-587a70867e23/original/tab-logo-tae.jpg") no-repeat left top;
}
.stations-filters-group li .checkbox .filter-tct {
   background:url("https://copec.modyocdn.com/uploads/a495db06-8034-4355-8a8a-67de7f50b17b/original/tab-logo-tct.jpg") no-repeat left top;
}
.stations-filters-group li .checkbox .filter-tct-premium {
   background:url("https://copec.modyocdn.com/uploads/ee450738-3b08-492f-ba4b-07acc0e0e6c3/original/logo-tctp.jpg") no-repeat left top;
}
.stations-filters-group li .checkbox .filter-cupon {
   background:url("https://copec.modyocdn.com/uploads/90e460b7-81d2-4305-ab61-9da623217b09/original/flogo12.jpg") no-repeat left top;
}
.stations-filters-group li .checkbox .filter-taxiamigo {
   background:url("https://copec.modyocdn.com/uploads/4bf1ab04-eb05-4e80-89a7-8780947b3168/original/flogo11.jpg") no-repeat left top;
}
.stations-filters-group li .checkbox .filter-renova {
   background:url("https://copec.modyocdn.com/uploads/80f400a1-e6a2-4538-aaba-615ba1f333c8/original/Logo_Renova_Stations.jpg") no-repeat left top;
}
.stations-filters-group li .checkbox .filter-bluemax-surtidor {
   background:url("https://copec.modyocdn.com/uploads/195d7ce9-4f25-4fab-8466-c355460d0463/original/logo-bm-surt.jpg") no-repeat left top;
}
.stations-filters-group li .checkbox .filter-bluemax-bidon {
   background:url("https://copec.modyocdn.com/uploads/3b2f7cc5-0b7d-418c-969c-c0154013b774/original/logo-bm-bid.jpg") no-repeat left top;
}
.stations-filters-group li .checkbox .filter-mobil {
   background:url("https://copec.modyocdn.com/uploads/4ac0194c-bdcb-47cf-af05-c2d73db0cdc1/original/tab-logo-mobil.png") no-repeat left top;
}
.stations-filters-group li .checkbox .filter-agenda-online {
   background:url("https://copec.modyocdn.com/uploads/c128bc5e-9872-49e3-8e74-7342716056a2/original/tab-logo-agenda-online.png") no-repeat left top;
}
.stations-filters-group li .checkbox .filter-lub {
   background:url("https://copec.modyocdn.com/uploads/20ecd50b-0d97-4a8e-b999-d368b17e341d/original/tab-logo-lub.jpg") no-repeat left top;
}
.stations-filters-group li .checkbox .filter-cyclist {
   background:url("https://copec.modyocdn.com/uploads/c08ff908-356a-4cd7-b1de-29a4b14c6181/original/tab-logo-ciclista.jpg") no-repeat left top;
}



#internal.context-stations-index #search-stations .search-stations.box-4{
   width: 100%;
   border: none;
}
#internal.context-stations-index #search-stations .search-stations.box-4 li h5{
	text-align: left;
	background: url(https://copec.modyocdn.com/uploads/ada067d7-b453-4771-82a7-32f8d54bdfaf/original/lupa.gif) no-repeat 0 4px;
	color: #ec2c29;
	text-transform: none;
	font-size: 18px;
	font-weight: normal;
	padding-left: 35px;
	line-height: 33px;
}
#internal.context-stations-index #search-stations .search-stations.box-4 li select{
	width: 100%;
}

#bt-my-location {
	background: url(https://copec.modyocdn.com/uploads/f5037816-d63b-4e84-8ddb-244c12e3a498/original/arrow.png) no-repeat #e20025 126px 5px;
	font-size: 11px;
	color: #FFF;
	font-weight: 800;
	padding: 5px 35px 5px 15px;
	float: right;
}
#bt-my-location:hover {
	text-decoration: none;
	background-color: #9E001A;
}

#internal.context-stations-index #sidebar .stations-list-ul { padding: 0; }

#internal.context-stations-index #search-stations li{
    display: inline-block;
}
#internal.context-stations-index #sidebar .stations-list-ul li h5{
background-color: #5fa7d9;
color: #fff;
padding: 6px;
}
#internal.context-stations-index #sidebar .stations-list-ul li ul{
    list-style:none;
    margin-left:0;
    border-right: 1px dotted #ec2c29;
}
#internal.context-stations-index #sidebar .st-glp{
width: 70px;
background:url("https://copec.modyocdn.com/uploads/3a1e89e8-d7bf-4ade-85d0-92283e49257c/original/icon-GLP.jpg") no-repeat center;
overflow: hidden;
display: inherit;
height: 47px;
text-indent: -100px;
display:none;
}
#internal.context-stations-index #sidebar .st-gnc{
width: 70px;
background:url("https://copec.modyocdn.com/uploads/8cf2f76a-b49c-4a80-acf1-2a3276089e07/original/icon-GNC.jpg") no-repeat center;
overflow: hidden;
display: inherit;
height: 47px;
text-indent: -100px;
display:none;
}

#internal.context-stations-index #sidebar .st-kerosene{
width: 70px;
background:url("https://copec.modyocdn.com/uploads/722d7069-e89f-49f4-8bc2-02ac63231c04/original/st-kerosene.jpg") no-repeat center;
overflow: hidden;
display: inherit;
height: 47px;
text-indent: -100px;
display:none;
}
#internal.context-stations-index #sidebar .stations-list-ul li ul{
overflow: hidden;
width: 76px;
float: left;
height: 60px;
font-size:11px;
}
#internal.context-stations-index #sidebar .stations-list-ul li ul li{
line-height: 14px;
}
#internal.context-stations-index #sidebar .stations-list-ul li .info-window-gas{
position:relative;
overflow: hidden;
}
#internal.context-stations-index #sidebar{
height: 500px;
overflow: hidden;
}
.info-window ul{
list-style:none;
margin-left:0;
overflow:hidden;
width: 318px;
}
.info-window ul li .info-title{
display:none;
}
.info-window ul li .info-window-cards{
margin-left:0;
}
.info-zervo{
background:url("https://copec.modyocdn.com/uploads/c67e6640-388c-4d3c-9182-6c755634a95e/original/icon-zervo.jpg") no-repeat;
width: 75px;
height: 39px;
text-indent: -300px;
float:left;
margin:2px;
}
.info-punto{
background:url("https://copec.modyocdn.com/uploads/ec910759-76ee-4d49-bc82-bd0682754ecc/original/icon-punto.jpg") no-repeat;
width: 75px;
height: 39px;
text-indent: -300px;
float:left;
margin:2px;
}
.info-pronto{
background:url("https://copec.modyocdn.com/uploads/9fcb6112-b130-41a8-81f1-c4bc0f600acf/original/icon-pronto.jpg") no-repeat;
width: 75px;
height: 39px;
text-indent: -300px;
float:left;
margin:2px;
}
.info-pronto-ruta{
background:url("https://copec.modyocdn.com/uploads/7e9b1832-28ae-448e-aa71-596ee15c0a95/original/icon-prontoruta.jpg") no-repeat;
width: 75px;
height: 39px;
text-indent: -300px;
float:left;
margin:2px;
}
.info-bano{
background:url("https://copec.modyocdn.com/uploads/54c82519-b123-4e81-a3d3-7f39b81e227b/original/icon-bano.jpg") no-repeat;
width: 75px;
height: 39px;
text-indent: -300px;
float:left;
margin:2px;
}
.info-cajero{
background:url("https://copec.modyocdn.com/uploads/d40f421d-cf59-486f-8024-9f1a88e8a88a/original/icon-redbanc.jpg") no-repeat;
width: 75px;
height: 39px;
text-indent: -300px;
float:left;
margin:2px;
}
.info-cpe{
background:url("https://copec.modyocdn.com/uploads/17d9343b-6b36-4f67-9ea4-0de26c15605d/original/icon-cupon.jpg") no-repeat;
width: 75px;
height: 39px;
text-indent: -300px;
float:left;
margin:2px;
}
.info-lanpass{
background:url("https://copec.modyocdn.com/uploads/ed69ef1e-70a6-438f-bd44-72777197cd43/original/icon-latam.jpg") no-repeat !important;
width: 75px;
height: 39px;
text-indent: -300px;
float:left;
margin:2px;
background-size: 75px !important;
}
.info-taxi{
background:url("https://copec.modyocdn.com/uploads/dfbfbe4f-13ca-4675-93be-c2be48c89603/original/icon-taxi.jpg") no-repeat;
width: 75px;
height: 39px;
text-indent: -300px;
float:left;
margin:2px;
}
.info-tct{
background:url("https://copec.modyocdn.com/uploads/a1bb84cb-252b-4915-abd2-7cbe36a77d89/original/icon-tct.jpg") no-repeat;
width: 75px;
height: 39px;
text-indent: -300px;
float:left;
margin:2px;
}
.info-tct-premium{
background:url("https://copec.modyocdn.com/uploads/96c7f609-3a11-4767-b75d-dc3215bd319d/original/icon-tctp.jpg") no-repeat;
width: 75px;
height: 39px;
text-indent: -300px;
float:left;
margin:2px;
}
.info-dpaso{
background:url("https://copec.modyocdn.com/uploads/b8c248b7-24aa-406b-a451-4709dc271dd8/original/icon-dpaso.jpg") no-repeat;
width: 75px;
height: 39px;
text-indent: -300px;
float:left;
margin:2px;
}
.info-lavamax{
background:url("https://copec.modyocdn.com/uploads/9156bb97-b564-4888-91d3-71393fafae4d/original/icon-lavamax.jpg") no-repeat !important;
width: 75px;
height: 39px;
text-indent: -300px;
float:left;
margin:2px;
background-size: 75px !important;
display: none;
}
.info-lavamax-autoservicio{
background:url("https://copec.modyocdn.com/uploads/7ecb2cd7-e04f-497c-a61c-cb130f520463/original/icon-lavamax-autoservicio.jpg") no-repeat !important;
width: 75px;
height: 39px;
text-indent: -300px;
float:left;
margin:2px;
background-size: 75px !important;
}
.info-lavamax-automatico{
background:url("https://copec.modyocdn.com/uploads/f6228ea0-9147-4528-b1ab-8def67ef1c4d/original/icon-lavamax-automatico.jpg") no-repeat !important;
width: 75px;
height: 39px;
text-indent: -300px;
float:left;
margin:2px;
background-size: 75px !important;
}
.info-mobil{
background:url("https://copec.modyocdn.com/uploads/35cc50e8-46cc-446c-8b2d-1e88ca18ac18/original/icon-mobil.jpg") no-repeat;
width: 75px;
height: 39px;
text-indent: -300px;
float:left;
margin:2px;
}
.info-cyclist{
background:url("https://copec.modyocdn.com/uploads/481f18b3-6477-4af8-b965-587244ca298c/original/icon-ciclista.jpg") no-repeat;
width: 75px;
height: 39px;
text-indent: -300px;
float:left;
margin:2px;
}
.info-lub{
background:url("https://copec.modyocdn.com/uploads/572c95d7-e4bb-49b4-b772-2ba94aaab2b9/original/icon-lub.jpg") no-repeat;
width: 75px;
height: 39px;
text-indent: -300px;
float:left;
margin:2px;
background-size: 75px;
}
.info-agenda-online{
background:url("https://copec.modyocdn.com/uploads/73a03e95-6729-460c-8ad3-3f006d94db89/original/icon-agenda-online.jpg") no-repeat;
width: 75px;
height: 39px;
text-indent: -300px;
float:left;
margin:2px;
background-size: 75px;
}
.info-pago-click{
background:url("https://copec.modyocdn.com/uploads/4ed97df7-bda0-45b4-a056-e67780ded1aa/original/PagoClick_logo.png") no-repeat;
width: 75px;
height: 39px;
text-indent: -300px;
float:left;
margin:2px;
border:solid 1px #ccc;
}
.info-voltex{
background:url("https://copec.modyocdn.com/uploads/a1b4fabe-2e69-4140-a3e7-ef65b8f87a33/original/icon-voltex.jpg") no-repeat;
width: 75px;
height: 39px;
text-indent: -300px;
float:left;
margin:2px;
}
.info-tae{
background:url("https://copec.modyocdn.com/uploads/c9f675f9-56ff-411a-bcc8-f188e465c4b2/original/icon-tae.png") no-repeat;
width: 75px;
height: 39px;
text-indent: -300px;
float:left;
margin:2px;
}
.info-renova{
background:url("https://copec.modyocdn.com/uploads/d545775c-b554-499d-bb10-f59d911fe211/original/icon-renova.png") no-repeat;
width: 75px;
height: 39px;
text-indent: -300px;
float:left;
margin:2px;
}
.info-bluemax-surtidor{
background:url("https://copec.modyocdn.com/uploads/0a3d9b9e-a01a-4fdd-85f3-613bb2eb1f14/original/icon-bm-surt.jpg") no-repeat;
width: 75px;
height: 39px;
text-indent: -300px;
float:left;
margin:2px;
}
.info-bluemax-bidon{
background:url("https://copec.modyocdn.com/uploads/fbaeed48-73fd-4514-b8f7-f667e3908392/original/icon-bm-bid.jpg") no-repeat;
width: 75px;
height: 39px;
text-indent: -300px;
float:left;
margin:2px;
}
.info-window-logos li{
    text-indent:-30000px;
}

.info-window-cards,.info-window-stores,.info-window-sevices{
float:left;
margin-right:3px;
overflow:hidden;
}
.info-window-cards li,.info-window-stores li,.info-window-sevices li{
margin-bottom:3px;
}
.main-inner .info-window-gas ul{
    float:left;
    width: 77px;
    font-size: 11px;
    border-right: 1px dotted #ccc;
    margin-right: 3px;
    background-color: #fff;
    height: 78px;
}
.info-window-gas ul li{
    line-height: 15px;
}
.info-window-gas ul .info-gas{
    width: 45px;
    background:url("https://copec.modyocdn.com/uploads/f99d4f4b-fe1c-418b-b0b2-581dfa1298a8/original/st-gas.jpg") no-repeat center !important;
    overflow: hidden;
    display: inherit;
    height: 30px;
    text-indent: -100px;
    background-size: 100% !important;
}
.info-window-gas ul .info-diesel{
    width: 45px;
    background:url("https://copec.modyocdn.com/uploads/e6f6f4b6-a5ba-4789-8bdb-746062a0d12d/original/st-diesel.jpg") no-repeat center !important;
    overflow: hidden;
    display: inherit;
    height: 30px;
    text-indent: -100px;
    background-size: 92% !important;
}
.info-window-gas ul .info-kerosene{
    width: 45px;
    background:url("https://copec.modyocdn.com/uploads/6a8d75a2-930a-4aea-88f9-8eee1e38951c/original/st-kerosene.jpg") no-repeat center !important;
    overflow: hidden;
    display: inherit;
    height: 30px;
    text-indent: -100px;
    background-size: 94% !important;
}
.info-window-gas ul .info-gnc{
    width: 45px;
    background:url("https://copec.modyocdn.com/uploads/2430223a-16bb-4284-b73b-04a6862143f6/original/st-GNC.jpg") no-repeat center;
    overflow: hidden;
    display: inherit;
    height: 30px;
    text-indent: -100px;
    background-size: 122% !important;
}
.info-window-gas ul .info-glp{
    width: 45px;
    background:url("https://copec.modyocdn.com/uploads/99e2328a-bb69-4a98-96c8-57429bd9040d/original/st-GLP.jpg") no-repeat center;
    overflow: hidden;
    display: inherit;
    height: 30px;
    text-indent: -100px;
    background-size: 116% !important;
}
.info-window h4{
    font-size:14px;
    color:#ec2c29;
    width: 320px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.info-window p{
	border-bottom: 6px solid #eee;
}
.info-window-gas{
	border-top: 6px solid #eee;
}


.stations-filters-group input[type=checkbox] {  
	display: none;  
} 
.stations-filters-group span:before{  
	content: "";
    display: inline-block;
    width: 13px;
    height: 13px;
    position: absolute;
    top: 0px;
    left: 0;
    background-color: #eee;
    box-sizing: border-box;
    border: solid 1px #ddd;
    border-radius: 3px;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
    font-size: 12px;
	color: #999;
	text-align: center;
	line-height: 13px;
}
.stations-filters-group input[type=checkbox]:checked + span:before {
	content: "\2713";
}  
.station-footer-text{
    background-color: #999;
    padding: 7px;
    color: #fff;
    font-size: 11px;
    line-height: 13px;
    margin-top: 8px;
    font-weight: bold;
}

@media(max-width: 980px) {
    .stations-filters { text-align: left; }
    .stations-filters-group {
        display: inline-block;
        border: none;
        padding: 0 0 0 12px;
        margin: 0 5px 5px 0;
    }
}


.disclaimer{
    background-color: #999;
    padding: 7px;
    color: #fff;
    font-size: 11px;
    line-height: 13px;
    margin-top: 8px;
    font-weight: bold;
}




/* 8 abril 2014 PA carousel pronto */

#prontoacordion .accordion-heading.accordion-heading2 a,
#vivaleeracordion .accordion-heading.accordion-heading2 a{
    color: #fff;
}


/* 25 MARZO 2014 PA mapa distribuidores lubricantes */
.region{
    display:none;
}
.region.reg-active{
    display:block;
}

.mapa-regiones .bg-regiones{
    background:url('https://copec.modyocdn.com/uploads/428623d8-4ec9-4aee-b9c0-846c018195d6/original/mapa_gris.png');
    padding-left: 10%;
    background-repeat: no-repeat;
}

.mapa-regiones .bg-regiones li{
    line-height:40px;
}
.mapa-regiones li.click{
    cursor:pointer;
}
.mapa-regiones .click.click-active{
    color:#2d8ec8;
    }


/* 3 abril 2014 PA*/
.context-products-show .media-body p{
    float:right;
    width:60%;
}
.context-products-show .media-body img{
    width:35%;
}

/*mapa regiones*/
.mapa-regiones .bg-regiones{
    position:relative;
    height:900px;
}
.mapa-regiones .bg-regiones li{
    line-height:20px;
    left:150px;
}
.bg-regiones #xv{
    position:absolute;
    top: 10px;
    left: 180px;
}
.bg-regiones #i{
    position:absolute;
    top: 50px;
    left: 180px;
}
.bg-regiones #ii{
    position:absolute;
    top: 120px;
    left: 220px;
}
.bg-regiones #iii{
    position:absolute;
    top: 220px;
    left: 180px;
}
.bg-regiones #iv{
    position:absolute;
    top: 290px;
    left: 150px;
}
.bg-regiones #v{
    position:absolute;
    top: 330px;
    left: 150px;
}
.bg-regiones #rm{
    position:absolute;
    top: 355px;
    left: 150px;
}
.bg-regiones #vi{
    position:absolute;
    top: 378px;
    left: 150px;
}
.bg-regiones #vii{
    position:absolute;
    top: 405px;
    left: 150px;
}
.bg-regiones #viii{
    position:absolute;
    top: 435px;
    left: 130px;
}
.bg-regiones #ix{
    position:absolute;
    top: 470px;
    left: 135px;
}
.bg-regiones #x{
    position:absolute;
    top: 550px;
    left: 120px;
}
.bg-regiones #xi{
    position:absolute;
    top: 630px;
    left: 120px;
}
.bg-regiones #xii{
    position:absolute;
    top: 730px;
    left: 110px;
}
.bg-regiones #xiv{
    position:absolute;
    top: 500px;
    left: 120px;
}

.mapa-regiones .region ul{
    margin:0;
}

.mapa-regiones .region li{
    background: #eee;
    color: #fff;
    height: auto;
    padding: 15px;
    width: 100%;
    margin: 0 10px 15px 0;
    list-style: none;
}
.mapa-regiones .region li i{
    width: 20px;
    display: inline-block;
}
.mapa-regiones .region li a{
    color:#fff;
}
.mapa-regiones .region li .phone{
    font-size: 22px;
    font-weight: lighter;
    color: #666;
}
.mapa-regiones .region li .adress{
    font-style: italic;
    color: #666;
}
.mapa-regiones .region li .site a{
    background: #2d8ec8;
    padding: 5px;
    border-radius: 5px;
    font-weight: bold;
}
.mapa-regiones .region li .mail a{
    color:#2d8ec8;
}
.mapa-regiones .region li h4{
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px;
    text-transform:uppercase;
    color:#265f9c;
    border-bottom: #265f9c solid 1px;
    padding: 0 0 5px 0;
}
.mapa-regiones .region li ul li{
    background:none;
    height:auto;
    width:auto;
    padding:0;
}
/*mapa ciudades*/
.mapa-regiones .region li .codigo,
.mapa-regiones .region li .supervisor,
.mapa-regiones .region li .time,
.mapa-regiones .region li .products{
    color: #666;
}
.bg-regiones #arica{
    position:absolute;
    top: 10px;
    left: 180px;
}
.bg-regiones #iquique{
    position:absolute;
    top: 50px;
    left: 180px;
}
.bg-regiones #antofagasta{
    position:absolute;
    top: 120px;
    left: 220px;
}
.bg-regiones #copiapo{
    position:absolute;
    top: 220px;
    left: 180px;
}
.bg-regiones #laserena{
    position:absolute;
    top: 290px;
    left: 150px;
}
.bg-regiones #santiago{
    position:absolute;
    top: 355px;
    left: 150px;
}
.bg-regiones #concepcion{
    position:absolute;
    top: 435px;
    left: 130px;
}
.bg-regiones #ptomontt{
    position: absolute;
top: 550px;
left: 120px;
}
.bg-regiones #ptaarenas{
    position:absolute;
    top: 730px;
    left: 110px;
}


.context-stations #plan-main #plan-panel .row-fluid.box-3{
    background-color:#eee;
    border:1px solid #ccc;
    padding:5px;
    border-radius: 5px;
}
.context-stations #plan-main #plan-panel .row-fluid.box-3 label{
    color: #555;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 0;
}
.context-stations #plan-main #plan-panel .span6.vehicle-box,.span6.schelude-box{
    background-color:#eee;
    border:1px solid #ccc;
    padding:10px;
    border-radius: 5px; 
    height: 123px;
}
.context-stations #plan-main #plan-panel .span6.vehicle-box label,.span6.schelude-box label{
    color: #555;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 0;
}
.context-stations #plan-main #plan-panel .span6 label{
    color: #555;
   font-size: 12px;
   font-weight: 500;
   margin-bottom: 0px;
}
.plan-info-text{
    margin-top: 25px;
    font-size: 14px;
    line-height: 18px;
    font-style: italic;
    color: #555;
}
#titu-convive{
    position:absolute;
    width:183px;
    height:43px;
    margin-top: -36px;
    margin-left: -13px;
    background:url("https://copec.modyocdn.com/uploads/c596aa04-2b93-4ad5-a7f6-12625709b55d/original/convive2.png") no-repeat;
}
#btn-video a{
    padding: 5px 25px;
background: rgba(0,0,0,.4);
color: #FFF;
text-shadow: none;
text-transform: uppercase;
float: right;
margin-right: 16px;
margin-top: 11px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#btn-video{
    position:absolute;
    margin-top: 422px;
}
.flecha-sub{
    display:none;
    padding: 17px;
    width:20px;
    height:20px;
    position:absolute;
    cursor: pointer;
    top: 137px;
    left: 255px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background:url("https://copec.modyocdn.com/uploads/be4e42a5-05b9-4189-9b7c-5c5ced8e17ee/original/flecha-sub.png") #e73031 no-repeat;
   }

.flecha-sub2{
    display:none;
    width: 39px;
    height: 33px;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #ff0000;
    margin-top: -37px;
    margin-left: 246px;
    margin-bottom: 0px;
    padding: 8px;
   }
   
    #widget-eb807c #menu-sidebar{
      overflow: visible;
    }
    .click-area{
        cursor: pointer;
    }
    .context-posts-list .pull-left img {
     border-radius: 5px;
     }
      #activa-sub-menu{
      display:none;
      background-color: #ff0000;
     padding: 1px 5px 3px 5px;
     color: #fff;
     cursor: pointer;
     font-weight: bold;
     font-size: 11px;
  }
  /* --- planner --*/
  #internal.context-stations #content #page-content {
     width: 1080px;
     margin: auto;
   }

   #internal.context-stations #content #page-title .inner{
    width: 1080px;
    margin: auto;
  }



.context-stations-index #search-stations.row-fluid{
    
}
.context-stations-index #search-stations.row-fluid .span8{
    margin-top: 8px;
}
.gs-result .gs-title{
color: #555!important;
font-family: lato;
text-transform: uppercase;
}
.gs-webResult div.gs-visibleUrl{
color: #0077b5!important;
font-family: lato;
}
.gs-webResult .gs-snippet{
color: #333333;
font-family: lato;
}
.gsc-webResult.gsc-result{
border-bottom: 1px dotted #ccc!important;
}
#internal.context-stations-index .info-window-gas ul li span{
    display:none;
}

.gsc-webResult .gsc-result {
    padding: 28px 0 28px 0!important;
}

.navbar-inverse .nav li.dropdown.active>.dropdown-toggle {
    color: #555;
    background-color: #fff;
    border-bottom: 4px solid #e20025;
}
.navbar-inverse .nav li.dropdown.hover>.dropdown-toggle {
    color: #fff;
    background-color: #222;
    border-bottom: 4px solid #e20025;
}

/* -- estaciones --*/
.context-stations-index #page-content {
    width: 1080px;
    margin: auto;
}
.context-stations-index #page-title .inner {
    width: 1080px;
    margin: auto;
}
.context-products-show .tab-content{
    font-size: 11px;
}


/*Stations*/
.stations-list-ul {
    margin: 0;
    list-style: none;
    padding-right: 25px;
    
    height: 564px;
    overflow-y: auto;
}
.stations-list-ul > li {
    background: #fff;
    padding: 3px;
    border: solid 1px #ddd;
    margin-bottom: 10px;
    cursor: pointer;
}
.stations-list-ul li:hover {
    background: #f1f1f1;   
}
#list_ldr {
    display: block;
    background: #fff;
    padding: 15px;
    text-align: center;
    border: solid 1px #ddd;
}



/* ESTACIONES */

#top-estaciones {
    background: url("https://copec.modyocdn.com/uploads/8adb827c48a0c04195b50bff13f1c4f4/original/cielo-est-serv.jpg");
    background-size: cover;
}
#internal.category-combustibles #top-estaciones {
    background: url("https://copec.modyocdn.com/uploads/11dd9a49cc345c748eb49f2509f95c04/original/bg-combustibles2.jpg");
    background-size: cover;
}

.list-top {
    padding-left: 180px;
    padding-top: 60px;
    background: url("https://d2p52n04yb9sso.cloudfront.net/uploads/cb13dbf8b59a330f7a4ccbcf9253f25e/original/luneta.png") no-repeat;
    margin-top: 20px;
    height: 270px;
    display:none;
}
.list-top ul { margin: 0; list-style: none; text-transform: uppercase; font-size: 15px; color: #FFF; }
.list-top i { margin-right: 10px; }
.list-top li { margin-bottom: 15px; }

.context-layouts .breadcrumb { display: none; }

.default-box {
    margin: 30px 0px 70px 0px;
    color: #265f9c;
    padding: 44px;
    font-weight: 400;
    font-size: 20px;
}
.widget .default-box h3,
.default-box h3 {
    margin: -20px;
    margin-bottom: 20px;
    color: #FFF;
    border: 0;
    padding: 15px;
    font-size: 22px;
    background: #234b8a;
}

#services-complementary {
    background: #FFF;
    padding: 50px 0;
}





/*---responsive mapa--*/
@media (max-width: 1024px) and (min-width: 768px){
    .hidden-tablet {
        display: none !important;
    }
}
@media (max-width: 1024px) and (min-width: 768px){
    .visible-tablet {
        display: inherit !important;
    }
}
@media (max-width:1024px){
    .mapa-regiones ul li{
        height:auto;
        margin-bottom:20px;
    }
    .mapa-regiones ul li ul li{
        list-style:none;
        margin-bottom:0;
    }
    .mapa-regiones #accordion3 .accordion-heading a{
        color:#2d8ec8;
    }
    
    .mapa-regiones #accordion3 .accordion-heading.accordion-heading2 a{
        color:#fff;
        }
    /*lavado*/
    #myPronto .carousel-inner>.item{
        background-size:1024px;
        height:328px;
        }
}





@media (max-width: 768px) {

    .context-stations.context-stations-index .main-inner > a.hide {
        display: inline-block;
        float: right;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        background: #666;
        margin-bottom: -10px;
        z-index: 2;
        position: relative;
        text-align: center;
        font-size: 18px;
        padding-top: 3px;
        color: #FFF;
    }

    .stations-serch-head > h5 { display: none; }
    .context-stations.context-stations-index #main { opacity: 0; position: absolute; left: -999999px; }
    #simple-stations {
        position: relative;
        display: inline-block;
        margin-bottom: -14px;
        margin-left: 10px;
        position: relative;
        top: 4px;
    }
    #simple-stations .icon-bar {
        background: #000;
        box-shadow: none;
    }
    
    #menu-stations { background: #FFF; color: #000; box-shadow: 0 0 150px 15px rgba(0,0,0,.9); }
    #menu-stations .stations-filters { background: none; }
    
    .stations-filters-group { display: block; }
    .stations-filters-group ul { overflow: hidden; border: 0 !important; margin: 0 !important; }
    .stations-filters-group li { float: left; border: 0 !important; }
    .stations-filters-group li .checkbox { float: none; }
    .stations-filters-group li .checkbox span { height: 15px; }
    #menu-stations .stations-filters { border: 0; box-shadow: none; }
    #menu-stations h5 { background: none; font-size: 16px; margin-top: 10px;  color: #000; }
    #menu-stations h4 { font-size: 18px; background: none; color: #000; }
    #menu-stations p { color: #333; font-size: 12px; line-height: 1; margin: 0 20px 20px; }
    
    .stations-serch-head #region_select { float: right; width: 50%; background: #e0e5eb; padding: 15px; }
    .stations-serch-head .span4:nth-child(2) { float: left; width: 50%; background: #e0e5eb; padding: 15px; margin-top: -4px; }
    #bt-my-location {
        margin: auto;
        margin-bottom: 20px;
        float: none;
        width: 160px;
        display: block;
        text-align: center;
        margin-top: -10px;
    }
    .stations-serch-head .row-fluid { padding: 0; }
    .stations-serch-head { padding: 0; }
    .stations-serch-head select { margin: 0; }
    .station-map-body { padding: 10px 0; background: #FFF; }
    
    
    #internal.context-stations-index #sidebar .stations-list-ul li h5 {
        background: none;
        color: #000;
        padding: 0;
        margin-bottom: 5px;
    }
    .stations-list-ul > li { 
        border: 0; 
        padding: 10px; 
        border-bottom: 1px solid #DDD;
        margin: 0;
    }
    .station-map-body .row-fluid { padding: 0; }
    .info-window-gas { border: 0; }
    
    #internal.context-stations-index #sidebar .stations-list-ul li ul {
        border: 0;
        float: none;
        width: auto;
        height: auto;
    }
    .info-window-gas ul li { display: inline-block; }
    
}


/*list_of_stations*/

/* Large desktop */
@media (min-width: 1200px) { ... }
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { ... }
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    #internal.context-stations-index #sidebar #list_of_stations .stations-list-ul li ul:nth-child(1) li {
        margin-right: 15px;
    } 
    
    #internal.context-stations-index #sidebar #list_of_stations .stations-list-ul li.st-gas,#internal.context-stations-index #sidebar #list_of_stations .stations-list-ul li.st-diesel {
        display: none;
    }
    
    .stations-serch-head #region_select {
        float: left;
        margin-top: 0;
        width: 100%;
    }
    
    .stations-serch-head .span4:nth-child(2) {
        width: 100%;
        margin-top: 0;
        padding-top: 0;
    }
}
 
/* Landscape phones and down */
@media (max-width: 480px) { ... }























/* SIDEBAR BUTTONS TIENDAS */
img { max-width: 100%;}

.carousel.tiendasmun-slide { margin-bottom: 30px; }
.tiendas-slide .item {
    height: 450px;
    background-size: cover;
}

.tiendas {
    margin: 0;
    padding: 0;
    list-style: none;
}
.tiendas img {
    width: 150px;
}
.tiendas li { margin-bottom: 10px; }
.tiendas li.active a {
    background: #f2f2f2; /* Old browsers */
    position: relative;
}

.context-layouts .widget.widget-text h3 {
    font-size: 20px;
    font-weight: 300;
    color:#265f9c;
    line-height: 1.3;
}

/*
.context-layouts .widget.widget-text h2 {
    color: #222222;
    font-weight: 300;
    margin-bottom: 20px;
}*/

.tiendas li.active a:hover {
    border-color: #EEE;
}
.tiendas li.active a:after {
    content: '';
    left: -19px;
    top: 0;
    position: absolute;
    border-top: 37px solid transparent;
    border-bottom: 38px solid transparent;
    border-right: 19px solid #f2f2f2;
}

.tiendas span {
    float: right;
    background: rgba(0,0,0,.05);
    border-radius: 0 3px 3px 0;
    padding: 28px 15px;
    margin: -10px -10px 0 -10px;
}
.tiendas a {
    text-align: center;
    padding: 10px;
    border-radius: 3px;
    background: #ffffff; /* Old browsers */
    filter: none;
    border: 1px solid #EEE;
    display: block;
    background: #ffffff; /* Old browsers */
    filter: none;
}
.tiendas a:hover {
    border: 1px solid #999;
}


/* COMBUSTIBLES */

#internal.category-combustibles .columns-3 > li {
    overflow: hidden;
    position: relative;
}

#icon-news{
    width: 69px;
    height: 69px;
    background:url("https://copec.modyocdn.com/uploads/d52123982c0dac1f7c4a603d6c567529/original/icon-news.png") no-repeat;
    position: absolute;
    margin-top: -20px;
    margin-left: -20px;
}
#sidebar .view-more .btn{
    background: #bc0101;
    color: #fff;
    display:inline;
}
/* -- chile tour --*/
#widget-4d8a9c{
    z-index: 99999!important;
    position: absolute;
    width: 100%;
}
#widget-4d8a9c .box-places {
    text-align: left;
    width: 300px;
    margin-top: 182px;
}
#widget-4d8a9c #btn-chiletour{
    margin:auto;
width: 1080px;
overflow:hidden;
}
.nav-tabs>li {
    margin-bottom: 0px;
}

/* SIDEBAR */

.category-noticias #sidebar #widget-413ce0 /*tiendas*/ {
    display: none;
}
.category-campanas #sidebar #widget-413ce0 /*tiendas*/ {
    display: none;
}

.context-layouts-show-dte {
    font-size: 20px;
    font-weight: 300;
}


/* ------ VOLTEX -------- */
#home.category-voltex {
    background-color:#eaeaea;
}
#home.context-layouts-show-voltex #main {
    /*background:url("https://copec.modyocdn.com/uploads/680db7b7-4eef-4330-8abb-613f5c1d315c/original/bg-voltex.jpg") no-repeat 50% top;*/
    padding: 0;
    min-height: 490px;
}
.tabs-voltex {
    float: right;
    width: 55%;
}
.context-layouts-show-voltex .tabs-voltex .tab-content {
    background: #ffffffcc;
}
.context-layouts-show-voltex .tabs-voltex .nav-tabs>.active>a {
    background: #103c9e;
    color: #fff;
}

@media (max-width: 1200px) {
    .tabs-voltex {
        width: 70%;
    }
}
@media (max-width: 980px) {
    .tabs-voltex {
        width: 100%;
    }
    #home.context-layouts-show-voltex #main {
        background-position-x: left;
    }
}
@media (max-width: 768px) {
    .context-layouts-show-voltex .tabs-voltex #myTab-accordion .accordion-group {
        margin: 0;
    }
    .context-layouts-show-voltex #widget-83c083 .accordion-inner {
        margin: 0;
    }
    .context-layouts-show-voltex .tabs-voltex #myTab-accordion {
        margin-top: 50px;
    }
}

#sidebar #widget-409f66 .list h4,
#sidebar #widget-e35ab4 .list h4,
#sidebar #widget-b1bbe6 .list h4,
#sidebar #widget-c9aa3e .list h4,
#sidebar #widget-b02556 .list h4,
#sidebar #widget-657700 .list h4{
    margin-top: 1px;
    background-color: #999;
    padding: 5px 10px 5px 10px;
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
    font-size: 12px;
    margin-top: 2px;
    display:none;
}
#sidebar #widget-409f66 .list,
#sidebar #widget-e35ab4 .list,
#sidebar #widget-b1bbe6 .list,
#sidebar #widget-c9aa3e .list,
#sidebar #widget-b02556 .list{
    border-bottom: 1px solid #ccc;
    margin: 0 0 5px;
}


/* --- context post list --- */

.context-posts-list .cover { width: 350px; }

/* --- context media list --- */

.context-media-list .promociones .cover { width: 350px; }
#internal.context-media-list .content-inner #page-title h2{
width: 1080px;
margin:auto;
}
#internal.context-media-list .content-inner #page-content #main{
width:1080px;
margin:auto;
}
#internal.context-media-list #page-content .main-inner .list li .cover{
    margin-right:20px!important;
}


/* -- sidebar -- */
#sidebar .widget-small{
    margin-bottom:30px;
}
#sidebar .widget-small h3{
    border-bottom: 0px dotted #ccc!important;
    height: 44px;
    background:url("https://copec.modyocdn.com/uploads/3ea6d34d95f3a368699e0b8d9db881d5/original/flecha_abajo.jpg") no-repeat left bottom;
    color:#0077b5!important;
}

#sidebar .widget-small .list{
    border-bottom: 0px solid #ccc!important;
    padding-bottom: 5px;
    /*background:url("https://copec.modyocdn.com/uploads/805fa9fb8f91442cd32469e623458d53/original/flecha_arriba.jpg") no-repeat bottom;*/
}
#sidebar .widget-small .view-more .btn{
    background: #0077b5;
}

#sidebar #widget-9c642e .list li{
    padding-bottom: 12px;
}

#sidebar #widget-9c642e .list h4{
    background-color:#fff;
    line-height: 16px;
}
#sidebar #widget-9c642e .list h4 a{
    color:#283971;
}

#new-sidebar-product{
    list-style:none;
}
.navbar .nav>li.dropdown.menu-item > a {
    border-radius: 3px 3px 0px 0px;
}
#new_lanpass_customer .lanpass_customer_mobile_phone.span9{
    width: 74%!important;
}
#new_lanpass_customer #lanpass_customer_fixed_number.span9 {
    width: 74%;
}
.category-combustibles .default-box {
    background: #ffffff94;
    border-left: 5px solid;
    margin: 40px 0px 40px 0px;
    line-height: normal;
}
.category-tarjetas .widget.widget-text h3 {
    margin: .7em 0 .7em;
}
/* -- Lavado (NO BORRAR) -- */

#lavado-body { margin-bottom: 40px; }







.copec_customer_sex label.radio {
    display: inline-block;
}



/* FIX IFRAME TRABAJA CON NOSOTROS */

#trabaja-nosotros-full .menuppal a {
    float:none;
    margin-bottom:10px;
}

#activa-sub-menu { display: none; }

.context-layouts-show-codigo-de-etica .nosotros .span9 .media .pull-left {
    margin-bottom: 4em;
}





/* RESPONSIVE */

@media (min-width: 1200px) {
    .container { width: 1080px;
}
}



/* ---- */

@media (max-width: 1280px) {
    #top-mundo-copec {
        background-position-x: 40%;
    }
    .texto-m-c {
        width: 40%!important;
    }
    #internal.category-combustibles .caption {
        top: 80%;
    }
    /* -- HOME -- */
    #home #widget-42a51b #menu-destacado .media-body {
        font-size: 11px;
    }
    #widget-c3ed21{
        width: 940px;
    }
    /* --- */
    .gsc-control-cse {
        width: 940px!important;
    }
    #widget-a39e56 #banners-inferior {
        width: 98%;
    }
    #widget-4ae506 {
        width: 151%;
    }
    #widget-91c942 .information h4 {
        line-height: 18px;
    }
    .lubricantes-info {
        width: 100%;
        height: 210px;
    }
    .nues-emp-info {
        width: 35%;
        height: auto;
        font-size: 12px;
    }
    #internal.context-stations #content #page-content {
        padding: 15px 15px;
    }
    #internal.context-stations #content #page-content {
        width: 100%;
    }
    #internal.context-stations #content #page-title .inner {
        width: 100%;
    }
}
@media (max-width: 1200px) {
    .navbar .nav>li { padding: 8px 10px; }

    #internal.context-media-list .content-inner #page-content #main {
        width: 100%;
        padding: 0 10px;
    }
    .texto-m-c h2.encabezado {
        font-size: 27px;
    }
}
@media (max-width: 980px) {
    #top-mundo-copec {
        background-position-x: 50%;
    }
    .texto-m-c .texto-inner {
        display: block;
        margin-top: 8em;
        height: auto;
    }
    #boton-mundo-copec {
        width: auto;
    }
    .texto-m-c h2.encabezado {
        font-size: 22px;
    }
    .texto-m-c p {
        font-size: 17px;
    }
    .off-screen-nav-button {
        display: block;
    }

    /* -- HOME -- */
    #home #widget-42a51b #menu-destacado .media-body {
        display:none;
    }
    #info-est-servicio {
        display: none;
    }
    #boton-est-ser {
        margin-top: 100px;
    }

    .context-stations-index #page-content {
        width: 100%;
        box-sizing: border-box;
        padding: 0 10px;
    }
    .nues-emp-info {
        width: 100%;
        height: 289px;
    }

    .context-stations-index #search-stations.row-fluid { margin-top: 10px; height: auto; }

    #internal.context-stations-index #search-stations .span8 { display: none; }

    #sos-1{
        float:none!important;
    }
    .info-mundo-copec {
        width: 100%;
    }
    #home.category-tarjetas .columns-4 > li {
        width: 46%;
    }
    #widget-91c942 .information ul{
        height:auto!important;
    }
    #menu-sidebar ul{
        display:block;
    }
}

@media (max-width: 768px) {
    .texto-m-c {
        width: auto!important;
    }
    .texto-m-c .texto-inner {
        margin-top: 0;
    }
    #boton-mundo-copec {
        width: 355px;
    }
    .container { padding: 0 20px; }

    #top-taxiamigo { padding: 40px 0; text-align: center; }
    #top-taxiamigo .span7 { display: none; }
    #top-taxiamigo .pull-right { float: none; }
    #top-taxiamigo .pull-right > img { height: 80px; }
    #top-taxiamigo .span5 { padding: 0; }
    .context-layouts-show-taxiamigo #sidebar .list { margin-left: -2%; overflow: hidden; }
    .context-layouts-show-taxiamigo #sidebar .list li {
        float: left;
        margin-left: 2%;
        width: 48%;
    }
    .context-layouts-show-taxiamigo .accordion-heading {
        background-color: #333;
    }
    .context-layouts-show-taxiamigo .accordion-heading a {
        color: #fece0f;
    }


    body {
        padding-right: 0px;
        padding-left: 0px;
    }
    /* --  sub menu -- */
    #menu-sidebar .sub-men-2{
        display:block;
    }
    #widget-238c33 #menu-sidebar,#widget-53accf #menu-sidebar,
    #widget-0b0d9f #menu-sidebar,#widget-eb807c #menu-sidebar{
        display:none;
    }
    #activa-sub-menu {
        display: inline-block;
        background-color: #4fa7dc;
        padding: 20px 0;
        color: #ffffff;
        cursor: pointer;
        font-size: 20px;
        width: 100%;
        text-transform: uppercase;
        letter-spacing: 1.2px;
    }
    #activa-sub-menu p {
        display: inline-block;
        margin: 0;
        margin-left: 10px;
    }
    /* --  fin sub menu -- */


    #home.category-tarjetas .information ul {
        height:auto!important;
    }
    #home.category-tarjetas .information h4 {
        font-size: 13px;
    }
    #regis {;
        margin-left: -20px;
    }

    #widget-f33eba, #widget-c35e02 {
        width: 94%;
        margin:10px;
    }
    #widget-f33eba img{
        display:none;
    }
    .context-home #featured {
        height: 560px;
        background: #000;
    }
    .carousel-caption h4 a {
        font-size: 24px;
        line-height: 1.1;
    }


    .box-places .btn span {
        margin-left: 10px;
        margin-top: -11px;
        padding: 21px 10px;
        margin-right: -9px;
    }
    #widget-83c083 .accordion-inner {
        background-color: #eee;
    }
    #sidebar-top-home > .inner {
        width: 290px;
        margin-top: 305px;
    }
    #sidebar-top-home {
        width: 294px;
    }
    .box-places .btn {
        padding: 11px 9px;
    }
    #regis li .icon-stack {
        display:none;
    }
    #regis{
        float:left;
    }
    .carousel-inner>.item {
        height: 240px;
    }
    #home #widget-42a51b .info-destaca {
        font-size: 13px;
        line-height: 15px;
        padding: 0px 17px 0px 17px;
        height: 278px;
    }
    #home #widget-42a51b .info-destaca h2{
        font-size: 16px;
    }
    #menu-destacado .btn {
        margin-top: 3px;
    }
    #logo-copec{
        width: 70%;
        margin-top: -5px;
        margin-left: 8px;
    }
    #cont-banners {
        width: 100%;
    }
    #bann1, #bann2, #bann3 {
        height: 90px;
    }
    .tit-promo {
        padding: 20px;
        font-size: 14px;
    }
    .tit-promo p {
        font-size: 20px;
    }
    #home #widget-9101a5 {
        height: 230px;
    }
    #home #widget-ba554f {
        display: none;
    }
    .home-red {
        width: 100%;
        padding: 13px 0px 20px 8px;
    }
    .logored {
        width: 29px;
        float: right;
        margin-right: 16px;
    }
    #bg-redes {
        height: 565px;
    }
    footer .row-fluid {
        padding: 10px;
        width: 92%;
    }
    #widget-64cf0b .container{
        padding:10px;
    }
    #widget-64cf0b .container #nuestra-empresa .nues-emp-info{
        line-height: 16px;
        width:90%;
    }
    #widget-64cf0b .container #nuestra-empresa .nues-emp-foto1{
        margin-bottom:10px;
    }
    #widget-64cf0b .container #nuestra-empresa .nues-emp-foto2{
        margin-bottom:10px;
    }
    #widget-64cf0b .container .bajada-layout{
        margin-top: 0px;
        font-size: 14px;
    }
    #widget-64cf0b .container #nuestra-empresa{
        margin:0px;
    }
    #widget-64cf0b .container .texts {
        display: none;
    }
    #widget-64cf0b #intro-layout {
        height: 230px;
    }
    #widget-64cf0b #cont-cajas ul li{
        width: 48%;
        margin-top: 12px;
    }
    #widget-64cf0b #cont-cajas ul li .small-info{
        line-height: normal;
    }
    #widget-64cf0b #cont-cajas ul li .small-info p{
        font-size: 12px;
    }
    #widget-9ae363 ul li .caption{
        padding: 3px;
        font-size: 12px;
    }
    #widget-9ae363 h2{
        font-size: 21px;
        margin-bottom: 0px;
        border-bottom: 0px solid #8f8f8f;
    }
    #widget-9ae363{
        padding:7px;
    }
    #widget-a26991 #info-est-servicio{
        display:none;
    }
    #widget-a26991 #boton-est-ser {
        margin-top: 36px;
    }
    #widget-a26991 #info-est-servicio2 img{
        height: 180px;
    }
    #services-complementary {
        padding: 0px 0;
    }
    .columns-3 .box-1,.columns-3 .box-2,.columns-3 .box-3{
        width: 100%;
        height: 105px;
    }
    .ico.config-double,.ico.rays,.ico.global-world {
        display:none;
    }
    #internal.category-combustibles #footer-products {
        padding: 0px 0;
    }
    .default-box.stations-search{
        height: 30px;
    }
    .default-box.stations-search h3,.default-box.stations-search .description{
        display: none;
    }
    .category-combustibles .default-box {
        background: none;
        border: none;
    }
    .context-products #top-estaciones {
        margin-bottom: 9px;
    }
    #internal.category-combustibles .content-inner #page-content .container h2{
        font-size: 21px;
        text-transform: uppercase;
        margin-bottom: 11px;
    }
    #home.category-lubricantes #widget-acb1a5 .lubricantes-info {
        width: 95%;
        height: 460px;
    }
    #home.category-lubricantes .widget.widget-text h3.bajada-layout {
        margin-top: 0px;
        font-size: 15px;
        padding: 11px;
        margin-bottom:0px;
    }
    #widget-acb1a5 .container #lubricantes{
        margin: 10px 0;
    }
    .lubricantes-foto1,.lubricantes-foto2 {
        margin-bottom: 20px;
        margin-left: 10px;
    }
    #home.category-lubricantes #widget-acb1a5 .texts {
        display:none;
    }
    #home.category-lubricantes #intro-layout {
        height: 200px;
    }
    #home.category-lubricantes #widget-acb1a5 #cont-cajas .columns-5 li{
        width: 49.9%;
        margin: 7px 0;
    }
    .category-lubricantes .caja-small2, .category-lubricantes .caja-small4 {
        margin: 0;
    }
    .small-info {
        line-height: 15px;
    }
    #widget-f46b21{
        padding: 10px;
    }
    #widget-a603dd{
        display:none;
    }
    #widget-f46b21 #myTab li{
        width:100%;
        margin-bottom:3px;
    }
    #widget-69ff1b .container h2{
        font-weight: 500;
        font-size: 16px;
        text-transform: uppercase;
        padding: 10px;
        line-height: 20px;
        margin-bottom:0px;
    }
    #widget-69ff1b .container h4{
        margin-bottom:0px;
    }
    #top-mundo-copec {
        min-height: 170px;
    }
    #home.category-mundo-copec #content #home-wrap-first .row-fluid{
        margin-bottom: 0px;
    }
    #widget-345001 #titu-noti{
        margin-top: 0px;
    }
    #home.category-mundo-copec #home-wrap-second #main.span8{
        padding: 5px;
    }
    #home.category-mundo-copec #banners-inferior {
        width: 100%;
    }
    #widget-4ae506{
        width: 100%;
        overflow: hidden;
        padding-left: 0px;
    }
    .gsc-control-cse {
        width: 30%!important;
    }
    .carousel-indicators {
        display:none;
    }
    #internal.category-combustibles .caption a{
        font-size:14px!important;
    }
    .texto-m-c h2,.texto-m-c p{
        display:none;
    }
    #widget-91c942 .information h4 {
        font-size: 13px;
        line-height: 13px;
    }
    #home.category-lubricantes #widget-acb1a5 .lubricantes-info {
        height: auto;
    }
    /* --- sub menu show --- */
    .flecha-sub{
        display:inline;
        left: auto;
        right: 12px;
        top: 165px;
    }
    .flecha-sub2{
        display:inline;
    }
    #widget-16e45c #btn-lubricantes {
        position: relative;
        top: -12px!important;
        margin-left: 0px;
        overflow: hidden;
    }
    #widget-16e45c .carousel {
        display:none;
    }
    #widget-ba2db1 #btn-lubricantes {
        position: relative;
        top: 0px!important;
        margin-left: 0px;
        overflow: hidden;
    }
    #widget-ba2db1 .carousel-inner {
        display:none;
    }

    /* -- MENU -- */
    .navbar .nav-collapse ul.nav {
        width: 100%;
        background-color: #000;
    }
    .navbar .nav-collapse ul.nav li{
        padding: 0px 18px;
    }
    .carousel-caption{
        width: auto;
        background: #222;
        float: none;
        margin-top: 240px;
    }
    #menu-sidebar ul{
        display:none;
    }
    #internal.context-stations #plan-destiny-info{
        display:none;
    }
    #internal.context-stations .table-striped{
        display:none;
    }
    .carousel-inner { overflow: visible; }
    #sidebar-top-home {
        margin: auto;
        left: 0;
        right: 0;
    }
    #plan-destiny-info{
        display:none;
    }
    .span6.vehicle-box, .span6.schelude-box {
        margin-bottom: 20px;
    }

    .context-layouts-show-rally-mobil #menu-sidebar h4, .context-layouts-show-mobiltec #menu-sidebar h4 {
        background: transparent;
        border-bottom: solid 1px #2d8ec8;
    }
    .context-layouts-show-zervo #sidebar .widget-small h3 { height: 48px; }
    .context-layouts-show-zervo #titu-fp { background: unset; }

}

@media (max-width: 480px) {
    .context-layouts-show-zervo .fix-col-2 li {
        width: 26%;
        margin-left: 20px;
    }
    .context-layouts-show-directorio ul.columns.columns-2:after {
        border-bottom: 1px solid #dedede;
        display: block;
        width: 80%;
        margin: 0 auto;
        padding-top: 15px;
    }
    .context-layouts-show-directorio .widget.widget-text h2,
    .context-layouts-show-directorio .directory-order .media-body {
        text-align: center;
    }

    #sidebar-top-home > .inner {
        margin-top: 291px;
    }
    #home #widget-42a51b #menu-destacado .men {
        margin-top: 190px;
    }
    #home.category-tarjetas .columns-4 > li {
        width: 96%;
    }

    .carousel-inner>.item .container {
        height: 170px;
        position: relative;
    }
    /* .carousel-inner>.item {
        height: auto;
        background-size: 100%;
        background-repeat: no-repeat;
     } */
    .submenu-item-documentos-electronicos{
        display:none!important;
    }
    .franja1 ul li, .franja2 ul li {
        padding: 6px!important;
        width: 50%!important;
        height: 170px!important;
    }
    #widget-83c083 .accordion-inner {
        background-color: #eee;
    }
    .nues-emp-info {
        height: 500px;
    }
    #btn-tiendas {
        top: -1px;
    }
    #widget-69baec h2,#widget-69baec h3,#widget-69baec p,#widget-bcefd0,#widget-fb3236,#widget-27560e,#widget-2d70b7{
        padding:5px;
    }
    #widget-27560e li{
        width:100%;
    }
    #widget-69baec h3,#widget-bcefd0 h3,#widget-fb3236 h3,#widget-27560e h3,#widget-2d70b7 h3{
        font-size:14px;
    }
    #widget-27560e{
        display:none;
    }
    .accordion-inner tr td{
        font-size:11px;
    }
    .box-places .btn span {
        margin-top: -21px;
    }
    .box-places .btn span {
        background: transparent;
    }

    .lubricantes-foto1, .lubricantes-foto2 {
        margin-left: 0px;
    }

    #widget-116948 .carousel-caption h4 a {
        font-size: 20px!important;
        text-align: center!important;
        line-height: 12px!important;
    }
    #widget-91c942 .container h3,#widget-f87c7a h3{
        font-size:14px;
    }
    #btn-tiendas {
        left: 14%;
    }
    .box-places .btn {
        font-size: 14px;
    }
    #boton-est-ser {
        width: 274px;
        height: 94px;
        margin-top: 19px!important;
    }
    #widget-ce6526 {
        margin-left: 8px;
    }
    #widget-48ba3d {
        margin-left: 7px;
        margin-right: 7px;
    }
    #widget-d59fa2 #btn-tiendas {
        top: -92px;
        bottom: 0;
    }
    #widget-ce6526 h3{
        font-size:14px;
    }
    #internal.category-combustibles .caption {
        top: 80%;
    }
    #menu-sidebar {
        width: 100%;
    }
    #widget-b1a2e1 .carousel{
        display:none;
    }
    #widget-b1a2e1 .media .pull-left {
        float: none;
        overflow:hidden;
    }
    #widget-b1a2e1 .pull-left ul{
        margin:0;
    }
    #widget-b1a2e1 .pull-left h2{
        margin-top:-46px;
    }
    #widget-ba2db1 .carousel{
        display:none;
    }
    #widget-ba2db1 .btn-small{
        width: 129px;
        height: 52px;
        margin-bottom: 6px;
        margin-right: 4px;
        background:#ccc;
    }
    #widget-a07a78 .directory-order .media > .pull-left {
        overflow: hidden;
    }
    #widget-a07a78 .directory-order ul {
        margin:0;
    }
    .context-stations-index #page-title {
        overflow: hidden!important;
        width: 99%!important;
    }
    .context-stations-index h2 {
        font-size: 21.5px;
    }
    #internal.context-products-show #new-description .media-body img{
        width:50%;
    }
    #internal.category-combustibles .columns-3 > li {
        float: left;

    }
    #internal.category-combustibles .columns-3 > li .information a{
        font-size: 12px;
    }
    #internal.category-combustibles .columns-3{
        margin-bottom: 0px;
    }
    #internal.category-combustibles #new-description{
        margin-top: 0px;
    }
    #menu-sidebar h4 {
        font-size: 12px;
    }
    header {
        height: 53px;
        background-size: cover;
    }
    header .container {
        padding: 7px 0;
    }
    #sos-2{
        width: 29%!important;
        padding-left: 8px!important;
        background-color: transparent!important;
    }
    #sos-2 .accordion-inner{
        background:#fff;
    }
    #info-est-servicio2{
        text-indent: -1000px;
    }
    #boton-mundo-copec {
        width: 271px;
        margin-left: 117px;
    }
    .carousel-inner>.item {
        height: 170px;
    }
    .carousel-caption {
        margin-top: 170px;
    }
    #sidebar-top-home > .inner {
        margin-top: 236px;
    }
    .context-home #featured {
        height: 305px;
    }

    span.circle-item {
        width: 50px;
        line-height: 47px;
        font-size: 28px;
        height: 50px;
        border-radius: 50%;
    }


    .flecha-sub { top: 140px; }

}


/*----28 marzo 2014 PA----*/


@media (max-width: 540px) {

    /* calefacción */

    .tank_request .section,
    .fuel_request .section,
    .comunne_request .section {
        padding: 20px;
        background: #FFF;
    }
    .tank_request .step-header>span,
    .fuel_request .step-header>span,
    .comunne_request .step-header>span {
        margin-left: 5px;
        font-size: 11px;
        margin-right: 5px;
        padding: 14px 12px 14px 0px;
        background: url("https://copec.modyocdn.com/uploads/c893337c-07a9-44f7-b638-2d781a339dc3/original/arrow.jpg") no-repeat right 0;
        background-size: contain;
    }


    .context-layouts-show-solicitud-estanque #main {
        font-size: 14px;
    }
    #nuestros-estanques .pull-left img {
        width: 70px;
    }
    .box-lines { padding: 10px; }

    #estanques .pull-left img { width: 100px; }
    #estanques .span6 { margin-bottom: 10px; }
    #estanques .divider { display: none; }

    #solicitud-estanque { background-size: cover; }

    /* calefacción */


    /*widget lanpass*/
    .context-me .me-lanpass-widget {
        padding: 15px 10px;
    }
    #lanpass-kms {
        max-height: 300px;
        overflow: auto!important;
    }

}

@media (max-width: 480px) {


    .context-me #top .media-body { height: auto; }

    .register-action { text-align: center; }

    .register-description:before {
        margin-left: 0;
        padding-left: 0;
        padding-top: 200px;
        top: 20px;
        background-position: center top;
        width: 100%;
        background-size: 40%;
    }

    .context-me #top .media > .pull-left {
        float: left;
        width: 50px;
    }
    .context-me-you .email-profile { font-size: 12px; }
    .context-me #top h2 { font-size: 18px; }
    .context-me #top .dropdown-menu { left: auto; right: 0; }
    .context-me #top .media,.context-me #top .media-body { overflow: visible; }

    #myPronto .carousel-inner>.item{
        background-size: 480px;
        height: 154px;
    }
    .context-layouts-show-solicitud-estanque .media > .pull-left { float: left; }
    .context-layouts-show-solicitud-estanque .widget.widget-text h3 { font-size: 18px; margin-top: 15px; }
    #nuestros-estanques .pull-left img {
        width: 50px;
    }
    #estanques .pull-left img { width: 80px; }

    .enruta .call-info { width: auto; }


    #estanques .pull-left img { width: 50px; }

    #que-es-enruta > .media >  .pull-left,
    #como-realizar-pedido > .media >  .pull-left,
    #cobertura-enruta > .media > .pull-left,
    #solicitud-enruta > .media >  .pull-left { width: 40px; float: left !important }

    .context-layouts-show-calefaccion .widget.widget-text h3 {
        margin-top: 8px;
        font-size: 20px;
    }
    .context-layouts-show-calefaccion .media .media > .pull-left { display: none; }

    .context-lanpass #lanpass .step {
        margin-right: 20px;
        width: 40px;
        height: 40px;
        padding-top: 0;
    }
    .context-lanpass #lanpass .step .step-title { display: none; }
    .context-lanpass #lanpass .step-numbers {
        background: none;
        padding: 10px;
        border-radius: 28px;
        line-height: 25px;
        font-size: 24px;
        font-weight: bolder;
        min-width: 1px;
        width: auto;
        height: auto;
        margin: 0 auto;
        display: inline-block;
    }
    .context-lanpass #lanpass .lanpass-nav { margin-top: -10px; }
    .lanpass-dispatch-panel > .row-fluid:first-child { font-size: 14px; padding: 10px; }
    .context-layouts-show-copeclanpass #page-content,
    .context-layouts-show-gracias #page-content,
    .context-lanpass #page-content {
        margin-bottom: 100px;
    }

    /*widget lanpass*/
    .context-me .container { padding: 0 10px; }
    .lanpass-info .title, .lanpass-info .description { display:none; }

}

@media (max-width: 320px){
    #myPronto .carousel-inner>.item{
        background-size: 320px;
        height: 102px;
    }
    header h1 a {
        width: 146px !important;
        height: 30px !important;
        background-size: 100% !important;
        margin-left: 9px !important;
        margin-top: 3px !important;
    }
    .context-layouts-show-copeclanpass #page-title h2,
    .context-layouts-show-gracias #page-title h2,
    .context-lanpass #page-title h2 {
        font-size: 28px;
        margin: 0;
        padding: 15px 0;
        background: none;
    }
    #inicio-collapse .media > .pull-left { overflow: hidden; height: 150px }
    #inicio-collapse .media .media .pull-left { display: none; }

    #contacto-collapse table td {
        display: block;
    }

    /*widget lanpass*/
    #lanpass-kms .table th, #lanpass-kms .table td { display:none; }
    #lanpass-kms .table th:first-child, #lanpass-kms .table td:first-child, #lanpass-kms .table th:last-child, #lanpass-kms .table td:last-child { display:table-cell; }
}

#btn-lubricantes .btn { margin-bottom: 15px; }
.rally-share .btn { margin-bottom: 5px; }
#mylubricantes { margin-bottom: 0; }

@media (max-width: 767px) {
    .context-layouts-show-mobiltec #btn-lubricantes .box-places {
        padding-top: 20px;
    }
}

.adblue-panel.nav-tabs>li { width: 20%; }
.adblue-panel.nav-tabs>li a {
    padding: 8px 0;
    text-align: center;
}

/**/


#user-top {
    position: absolute;
    top: 0px;
    right: 0;
}

.user-drop {
    padding: 7px 0;
}
.user-drop-btn {
    border-radius: 32px;
    display: inline-block;
    background: rgba(255,255,255,.2);
    font-size: 14px;
    padding: 7px 15px;
    color: #FFF;
    text-decoration: none;
}
.user-drop-btn:hover,
.user-drop-btn:focus {
    text-decoration: none;
    background: rgba(255,255,255,.4);
    color: #FFF;
    outline: 0;
}

.user-drop-btn i { margin-left: 5px; }
.user-drop .divider {
    border-color: #ccc;
    margin: 10px 20px;
}

.user-drop .dropdown-menu>li>a:hover { color: #000; }




@media (min-width: 1200px) {

    .h1-logo {
        background: url('https://copec.modyocdn.com/uploads/87d631ae-aeec-4cdd-b64c-1924d13ac4d9/original/Logo-Copec-816x174.jpg') no-repeat 0 6px;
        text-indent: -9999px;
        width: 180px;
        height: 53px;
        display: inline-block;
        background-size: 172px;
    }
    #tabs-rojos .nav-tabs>li {
        width: 19.6%;
    }
}


@media (max-width: 980px) {
    #search-nav { display: none; }
    .h1-logo { margin-left: 10px;}
}
@media (max-width: 480px) {
    .h1-logo { margin-top: -3px; }
    .social-top { display: none; }

    .context-me .register-description:before { display:none; }
    .context-me .lanpass-register { padding-left: 0; }
    .context-me .me-requests-widget {
        background-position: left bottom;
        padding-bottom: 2px;
    }

    #regis ul li {
        padding: 0 5px;
        margin-left: 3px;
    }

    #regis ul li a {
        display:inline-block;
        width:93px;
    }

    .user-drop-btn-login {
        display:inline-block;
        min-width:94px;
    }
}


/* LOG-IN MODAL COPEC */

#modyo-session-login .form-actions .inner .btn {
    float: left;
}

#modyo-session-login .form-actions .inner #copec-signup.pull-right {
    margin-left: 10px;
    margin-top: 5px;
    float: left;
}

#modyo-session-login .form-actions .inner #copec-signup.pull-right a {
    font-weight: bold;
    color: #CA0000;
}

/* SIDEBAR WIDGETS */

div#widget-b667db /* Campaña superior */,
div#widget-ae7d38 /* Campaña inferior */ {
    display: none!important;
}

/* PROMOCIONES */

.category-promociones #sidebar #widget-b667db /* campañas superior */,
.category-promociones #sidebar #widget-f3337c /* video inferior */,
.category-promociones #sidebar #widget-cfe93d /* promocion inferior */ {
    display: none;
}

/* CAMPAÑAS */

.category-campanas #sidebar #widget-f3337c /* videos inferior */,
.category-campanas #sidebar #widget-ae7d38 /* campañas inferior */ {
    display: none;
}

/* NOTICIAS */
.category-noticias #sidebar #widget-b667db /* campañas superior */,
.category-noticias #sidebar #widget-6bf8d8 /* videos superior */ {
    display: none;
}

/* CHILETUR SIDEBAR */

.category-chiletur #sidebar #widget-b667db /* campañas superior */,
.category-chiletur #sidebar #widget-f3337c /* videos superior */,
.category-chiletur #sidebar #widget-ae7d38 /* campañas inferior */ {
    display: none!important;
}

.category-noticias #widget-e35ab4 {
    display: none!important;
}
.category-chiletur #widget-cfe93d {
    display: none;
}
.context-posts-show-app-copec #widget-cfe93d {
    display: none;
}
#widget-413ce0 {
    display: none;
}
.category-campanas div#widget-e35ab4 {
    display: none!important;
}
.category-campanas #widget-cfe93d {
    display: block;
}

.category-promociones #sidebar .sidebar-inner,
.category-noticias #sidebar .sidebar-inner {
    margin: 1em auto;
}

#widget-cfe93d h4 {
    display: none;
}

div#widget-e35ab4 {
    display: block!important;
}

.category-chiletur #sidebar #widget-6bf8d8 {
    display: none!important;
}

body.category-chiletur div#widget-e35ab4 {
    display: none!important;
}

.category-chiletur div#widget-413ce0 {display:none;}

.category-chiletur div#widget-e35ab4 {display:none;}

.category-chiletur .noticias#widget-72b2bf { display: none; }


.sidebar-chiletur { display: none; }
.category-chiletur .sidebar-chiletur { display: block; }

.category-chiletur #widget-db4820 { display: none; }
.category-chiletur .sidebar-destinos { display: block; }


/* CAMPAÑA */

.category-campanas #comments-block .control-group textarea {
    width: 97%;
    height: 100%;
}
.category-campanas #comments-block {
    display: none;
}
.category-campanas #comments-block {
    margin: 0;
}
.category-campanas #comments-block .interact-box {
    margin-bottom: 2em;
}
.context-videos-show.category-campanas #sidebar {
    margin-top: 1em;
    margin-bottom: 1em;
}
.context-videos-show.category-campanas #page-title {
    padding: 1em 0;
}
.context-videos-show.category-campanas #main h4 {
    background: transparent;
    padding: 20px 0;
    color: #024a81;
    margin: 0;
    float: left;
    max-width: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    clear: both;
}
.context-videos.category-campanas #page-title .container,
.context-videos.category-campanas #comments-block .container {
    width: auto!important;
    padding: 0;
}
.category-campanas #comments-block form#comment-box {
    width: 100%;
    display: inline-block;
    padding: 0;
}


/*FOOD COPEC*/

#food-copec ul {
    list-style-image: none!important;
    color: #696969;
    display: flex;
    margin: 0 auto;
}

#food-copec li {
    line-height: 20px;
    list-style-type: none;
    padding: 10px 10px;
    background: #f3f3f3;
    margin: 5px;
}

@media (max-width: 480px){

    #food-copec li {
        height: auto !important;
    }
    .context-products-show .media-body p {
        float: none;
        width: 100%;
    }
    .context-products-show .media-body .btn-primary {
        background: #2d8ec8;
        color: #FFF;
        filter: none;
        width: 100%;
    }

}

/*PRONTO RUTA*/
#btn-tiendas-pruta {
    position: absolute;
    top: 100px;
    right: 0;
}

.context-layouts-show-directorio .nosotros #prontoacordion .accordion-heading.accordion-heading2 a {
    color: #2D8EC2;
    font-weight: 600;
}
.banner-beneficios-top {
    width: 100%;
    height: 200px;
    overflow: hidden;
    margin-bottom: 28px;
    position: relative;
    border: 1px solid #BFBFBF;
    }
    
.banner-beneficios-top img {
    position: inherit;
    margin: auto;
    height: auto;
    width: auto;
    padding: 10px 0;
}    


.context-me {
    /*position: relative;*/
}

.context-me .modal {
    height: 100%;
    padding: 0;
    margin: 0;
    top: 1px;
    position: fixed;
    overflow-y: overlay;
}

/* Large desktop */
@media (min-width: 1200px) {
    .context-me .modal {
        height: 100%;
        padding: 0;
        margin: 0;
        top: 1px;
        position: fixed;
        overflow-y: overlay;
        /*background: purple;*/
    }
}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    .context-me .modal {
        height: 100%;
        padding: 0;
        margin: 0;
        top: 1px;
        position: fixed;
        overflow-y: overlay;
        /*background: black;*/
    }
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .context-me .modal {
        /*width: 100%;*/
        height: 100%;
        padding: 0;
        margin: 0;
        top: 1px;
        position: fixed;
        overflow-y: overlay;
        /*background: blue;*/
    }
}
 
/* Landscape phones and down */
@media (max-width: 480px) {
    .context-me .modal {
        height: 100%;
        padding: 0;
        margin: 0;
        top: 1px;
        position: fixed;
        overflow-y: overlay;
        /*background: red;*/
    }
}





/*Contenedor Título Banner*/

.texto-m-c {
  width: 380px;
  float: right;
  margin-top: 35px;
}

h2.encabezado {
  color: #fff!important;
  font-weight: 400!important;
  margin-bottom: 0px!important;
  font-family: 'Lato', sans-serif;
  text-transform: uppercase;
  font-size: 30px;
}

/*Caja Artículo*/

li.item-1.post {
  background: rgba(0, 0, 0, 0.03);
  padding: 20px;
  padding-bottom: 10px;
}

li.item-2.post {
  background: rgba(0, 0, 0, 0.03);
  padding: 20px;
  padding-bottom: 10px;
}

li.item-3.post {
  background: rgba(0, 0, 0, 0.03);
  padding: 20px;
  padding-bottom: 10px;
}

.list li {
  border-bottom: none;
  margin: 0 0 20px;
  padding: 0 0 10px;
}

#home-wrap-second .widget .information-detail {
    overflow: visible;
}

#widget-409f66 .list h4 {
    margin-top: 5px;
}


/*Etiqueta Artículo*/

#widget-5ba728 .inner .list li .information-detail small {
  font-size: 10px;
  background-color: #08c;
  color: #fff;
  padding: 2px 10px;
}

#sidebar .widget .cover,
#home-wrap-second .widget .cover,
#col1 .widget .cover,
#col2 .widget .cover,
#col3 .widget .cover {
  max-width: 200px;
}

#bann-mc {
    overflow: hidden;
    width: 100%;
}

#sidebar .widget-small {
    margin-bottom: 5px;
}

.noticias-mundo-copec .list .cover {
  float: left;
}

#titu-noti {
  border-bottom: none;
  margin-bottom: 0px!important;
}

#widget-5ba728 .inner .list li .cover img {
  border-radius: 0px;
  border: none;
  padding: 0px;
}

.encabezado-seccion {
  width: 100%;
  border: none;
  color: #08c !important;
  font-size: 24px;
  margin-left: 0px;
  padding: 0px;
  padding-left: 10px;
  background: #f9f9f9;
  border-left: 5px solid #08c;
  text-transform: none;
}

#widget-4ae506 {
  margin-top: 80px;
  width: 100%;
  background: transparent;
  padding: 0px !important;
  border: none !important;
}

#banner-mundo-copec2,
#banner-mundo-copec4 {
  width: 100%;
  height: 130px;
  overflow: hidden;
  position: relative;
  float: left;
  background-color: transparent !important;
  margin-right: 20px !important;
  margin-top: 20px !important;
  border: none;
  margin: 0px;
  background-size: cover;
}

#banner-mundo-copec3,
#banner-mundo-copec5 {
  width: 100%;
  height: 130px;
  overflow: hidden;
  position: relative;
  float: left;
  background-color: transparent !important;
  border: none;
  margin: 0px;
  margin-top: 20px;
  background-size: cover;
}


/*Sección Productos y Servicios*/

#widget-517983 {
  margin-top: 0px;
  overflow: hidden;
  width: 100%;
  margin-bottom: 0px;
}

div#widget-a39e56 {
  margin-bottom: 40px;
}


/*Sección Convive*/

#widget-4ae506 {
  margin-top: 0px;
  width: 100%;
  background: transparent;
  padding: 0px !important;
  border: none !important;
  margin-bottom: 40px;
}

.btn-mundo-copec {
  color: #fff;
  background: rgba(45, 142, 200, 0.8);
  padding: 10px 44px 10px 25px;
  border-radius: 0px;
  text-transform: uppercase;
  position: absolute;
  margin-top: 0;
  margin-left: 0;
  bottom: 0px;
  width: 100%;
  cursor: pointer;
}

.btn-mundo-copec:hover {
  background: rgba(45, 142, 200, 1);
}

#widget-a39e56 #banners-inferior {
  width: 100%;
}

.bann1, .bann2 {
  width: 48%;
}



@media (max-width: 768px) {
    #convive-presentacion p:nth-child(2) {
        font-size: 20px;
        line-height: normal;
    }
    #convive-presentacion p:nth-child(3) {
        font-size: 18px;
    }
  #sidebar .widget .cover, #home-wrap-second .widget .cover, #col1 .widget .cover, #col2 .widget .cover, #col3 .widget .cover {
    max-width: 100%;
    width: 100%;
  }


  #home.category-mundo-copec #home-wrap-second #main.span8 {
    padding: 0px;
  }

  
  #sidebar .widget .cover,
  #home-wrap-second .widget .cover,
  #col1 .widget .cover,
  #col2 .widget .cover,
  #col3 .widget .cover {
    max-width: 100%;
  }
  #sidebar .widget-small h3 {
    border-bottom: 0px dotted #ccc!important;
    height: 70px;
    background: url("https://copec.modyocdn.com/uploads/3ea6d34d95f3a368699e0b8d9db881d5/original/flecha_abajo.jpg") no-repeat left bottom;
    color: #0077b5!important;
  }
  #sidebar .widget h3 {
    font-size: 16px;
    font-weight: bold;
    color: #888;
    margin-bottom: 10px;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 0px;
    text-align: left;
    text-transform: none;
  }
  
}

@media (max-width: 480px) {

  .texto-m-c {
    width: 100%; 
    margin-top: 35px;
  }

  #boton-mundo-copec {
    width: 300px;
    margin: 0 auto;
    margin-top: 30px;
    position: relative;
  }

  #widget-a39e56 #banners-inferior {
    width: 100%;
  }

  .bann1, .bann2 {
    width: 100%;
  }
  
  #banner-mundo-copec2,
  #banner-mundo-copec4,
  #banner-mundo-copec3,
  #banner-mundo-copec5 {
    margin: 0px;
    margin-top: 20px;
    width: 100%;
    background-size: cover;
  }
}

.ch-img-7 {
    background-image: url(https://copec.modyocdn.com/uploads/1f2601b9-60f6-40cc-aacd-18131525967d/original/alfredo-ugarte.jpg);
    background-size: cover;
}


.tabs-ct #panoramas,
#tabs-ct #panoramas,
#tabs-ct #panorama {display:none;}

/* TMP */

.navbar-inverse .nav li.dropdown > a { color: #555; }
#home #widget-42a51b #menu-destacado .men > li { width: 14.66%; }
.sidr .dropdown-menu>li>a { line-height: 40px !important; }
.sidr ul li a, .sidr ul li span { padding: 0 5px !important; }
.sidr ul li span { display: inline !important; }
.noticias-mundo-copec .list .cover { float: none; }
textarea.terms-and-conditions { height: 150px; }
#content > .content-inner { padding-bottom: 0;}

[class*="spana"],
[class*="spano"]{
float: none;
margin-left: 0;
margin-right: 0;
}

#modyo-session, #backdrop {
display: none !important;
}

.context-layouts-show-zervo #home-wrap-second {
padding: 1em 0 3em 0;
}
.context-promotion-show #page-content .cover img{
border: 1px solid #DEDEDE;
border-radius: 0;
padding: 2px;
}
.context-promotion-show #page-title{
background-color: #F5F5F5;
color: #000;
padding: 33px 0;
border-bottom: 1px solid #E4E4E4;
margin-bottom: 17px;
}
.context-promotion-show .information-fluid .cover{
margin-right: 2em;
}
.context-layouts-show-planifica-tu-viaje #add-new-destination > .inner {
padding: 30px;
}

.context-layouts .widget.widget-text h2 {
color: #222222;
font-weight: 300;
margin-bottom: 20px;
margin-top: 20px;
}

.context-me .me-lanpass-new-card-widget {
background: url("https://copec.modyocdn.com/uploads/6dc564a8-1c02-41dd-b7af-6fe5e5f3af70/original/bg-cielo.jpg")
no-repeat;
overflow: hidden;
margin-bottom: 30px;
padding: 28px;
margin-top: 30px;
}
.context-me .me-lanpass-new-card-widget h3{
color:#00527B;
}
.context-me .me-lanpass-new-card-widget img{
border-radius: 5px;
}
.header-beneficios .texts-beneficios{
width: 100%;
top: 52px;
}
.texts-beneficios .row-fluid .span4 img{
border-radius: 10px;
}

.back-button a { float:right; }


/* MENU SITIOS INTERNOS */

.tinynav { display: none; }

@media screen and (max-width: 768px) {
.tinynav { display: block; margin: auto; }
#nav-container ul { display: none; }
#navigation-layout.affix { padding: 10px 0; }
}

#nav-container {
margin-bottom: -90px;
position: relative;
background: none;
margin-top: 30px;
z-index: 1;
}
.affix #nav-container ul { background: none; }
#nav-container ul { background: #f4f4f4; border-radius: 3px; }

#navigation-layout ul {
list-style: none;
margin: 0;
padding: 0;
text-transform: uppercase;
font-size: 14px;
}

#navigation-layout li {
float: left;
border-right: 1px solid rgba(255,255,255,.4);
display: table-cell;
width: 1%;
float: none;
white-space: nowrap;
text-align: center;
}

#navigation-layout li:last-child {
border: 0;
}

#navigation-layout li a {
display: block;
padding: 20px 20px;
color: #666;
}
#navigation-layout li.active a {
background: #FFF;
box-shadow: 0px 2px 4px rgba(0,0,0,.2) inset;
}
#navigation-layout.affix {
width: 100%;
z-index: 100;
top: 0;
box-shadow: 0 0 20px rgba(0,0,0,.4);
}
#navigation-layout.affix { background: #EEE; }
#navigation-layout.affix #nav-container {
background: none;
margin: 0 auto;
}






@media (min-width: 2250px) {
.carousel-inner>.item{
background-size: auto;
background-position: center;
background-repeat: no-repeat;
}
.carousel-inner>.item{
background-size: auto;
background-position: center;
background-repeat: no-repeat;
}
#parallaxdiv {position: absolute;}
}


/* s: chiletur */
.parquesnacionales:before {
    background-color: black;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
}
#widget-actions {
    background: rgba(255, 255, 255, 0.9);
}
#widget-cc846f {
    background: rgba(255, 255, 255, 0.9);
    background: url("https://copec.modyocdn.com/uploads/a34a92e0-0a59-4b9f-9497-a16de5a190ee/original/fondo-chileturistas.jpg") no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
/*Sección Especial Zonas*/

#especial .wg-especial ul li .item h3 {
    font-weight: 800;
    text-align: left;
} 
#especial h2 {
    font-weight: bold;
    text-align: center;
    font-size: 40px;
    text-shadow: none;
    text-transform: uppercase;
    color: rgba(38, 108, 150, 0.8);
}
.context-layouts-show-zona-norte #especial h2,
.context-layouts-show-zona-norte #FixWidgetFacilities h2,
.context-layouts-show-zona-sur #especial h2,
.context-layouts-show-zona-sur #FixWidgetFacilities h2,
.context-layouts-show-zona-centro #especial h2,
.context-layouts-show-zona-centro #FixWidgetFacilities h2 {
    color: #2388DE;
}
#especial h3 {
    color: #000;
    border-bottom: 0px solid #CCC;
    margin: 0 0 .7em;
    padding: 0 0 .3em;
    margin-bottom: 22px;
    line-height: 20px;
    font-weight: bold;
}
.context-layouts-show-noticias  #ct-bloquetop h1 {
    text-shadow: none;
}
#ct-bloquetop h1 {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 50px;
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.3);
}
.wg-especial .description {
    margin: 0;
    padding: 10px;
    height: auto !important;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
}
/**/

#FixWidgetFacilities .wg-destinations .wg-atractivos ul li .item h3 {
    font-weight: 800;
    text-align: left;
}
#FixWidgetFacilities h2 {
    font-weight: bold;
    text-align: center;
    font-size: 40px;
    text-shadow: none;
    text-transform: uppercase;
    color: rgba(38, 108, 150, 0.8);
}
.columns.collapsed > li {
    margin-bottom: 0;
    margin: 0;
    width: 20%;
}
.context-layouts-show-chiletur {
    background: #f4f4f4;
}
#menu-chiletur img {
    margin-top: 10px;
    margin-bottom: 10px;
}
#menu-chiletur {
    background: #FFF;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    position: relative;
}
#menu-chiletur ul {
    float: right;
}
#menu-chiletur .pull-right {
    display: none;
}
#menu-chiletur .nav > li {
    line-height: 20px;
    float: left;
    font-size: 14px;
    list-style: none;
    border-radius: 8px;
}
#menu-chiletur .dropdown.hover .dropdown-menu {
    display: block;
}
#menu-chiletur .dropdown-menu {
    width: 370px;
}
#menu-chiletur .dropdown-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: none;
}
.holder-promo {
    height: 260px;
    background: url("https://copec.modyocdn.com/uploads/8929e06e-ecf3-419b-a075-f53a906af4ed/original/2017_holder-promo.jpg") no-repeat center;
    background-size: contain;
    position: relative;
}
.holder-promo a {
    position: absolute;
    right: 140px;
    left: 0;
    margin: auto;
    width: 200px;
    bottom: 20px;
    font-weight: 600;
    background: #fa2a00;
    border-radius: 0;
    text-decoration: none;
}
#menu-chiletur .dropdown-menu ul a:hover,
#menu-chiletur .dropdown-menu ul a:focus {
    background: #f4f4f4;
    text-decoration: none;
}
#menu-chiletur .dropdown-menu ul a {
    display: block;
    color: #173e88;
    padding: 15px 25px;
    font-size: 12px;
    border-bottom: 1px solid #EEE;
}
#menu-chiletur .dropdown-menu {
    margin: 0;
    padding: 0;
    border-radius: 0;
    border: 0;
    margin-top: -1px;
}
#menu-chiletur .nav >li> a {
    color: #173e88;
    text-decoration: none;
    display: block;
    padding: 35px 15px;
}

/* PRIME ---------------------------------------------------- */

#chiletur-prime {
    position: relative;
    margin-bottom: -150px;
}
#chiletur-prime .container {
    position: static;
}
.inner-wrap {
    width: 580px;
}
#chiletur-prime .wrapper {
    width: 50%;
    color: #FFF;
    margin-top: 40px;
}
#ct-result-holder {
    position: relative;
}
#ct-result-holder ul {
    list-style: none;
    margin: 0;
    background: #FFF;
    position: absolute;
    height: 245px;
    overflow: auto;
    left: 0;
    right: 0;
    box-shadow: 8px 7px 30px rgba(0, 0, 0, .8);
}
#ct-result-holder ul:empty {
    display: none;
}
#ct-result-holder a {
    display: block;
    color: #2d8ec8;
    padding: 10px 15px;
    padding-right: 50px;
    border-bottom: 1px solid #EEE;
    position: relative;
    text-align: left;
}
#ct-result-holder a:hover {
    background: #2d8ec8;
    color: #FFF;
    text-decoration: none;
}
#ct-result-holder a:after {
    position: absolute;
    right: 10px;
    top: 30%;
    font-size: 24px;
    content: "\f105";
    font-family: FontAwesome;
    opacity: .3;
    color: #000;
}
#chiletur-prime #main-prime .call-action {
    margin-top: 20px;
}
.zonas-chiletur {
    color: #FFF;
}
.zonas-chiletur li:first-child {
    padding-top: 8px;
}
.zonas-chiletur a {
    display: block;
    background: #fa2a00;
    color: #FFF;
    padding: 10px 20px;
    text-align: center;
}
.slick-slide {
    height: 550px !important
}
.gradient-white {
    position: absolute;
    bottom: -113px;
    left: 0;
    right: 0;
    height: 230px;
    z-index: 10;
    background: linear-gradient( rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.7), rgb(255, 255, 255), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
}
#ct-search input {
    width: 100%;
    border-radius: 0;
    box-shadow: none;
    background: #FFF;
    padding: 20px 7px;
    font-size: 16px;
    border: 0;
}
.overlay-cover {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: -50%;
    background-size: cover;
    z-index: -1;
    background-repeat: no-repeat;
    background-position: 47% 250px;
    background-size: cover;
}

@media all and (max-width: 992px) {
    .overlay-cover {
        background-size: 1440px auto;
    }
}

#chiletur-prime h2 {
    font-size: 50px;
    margin-bottom: 13px;
    text-shadow: 0 0 8px rgba(53, 53, 53, 0.53);
    line-height: normal;
}
#chiletur-prime h2 a {
    color: #FFF;
}
#chiletur-prime .wrapper h2 a:hover {
    text-decoration: none;
}
#chiletur-prime .wrapper p {
    color: #FFF;
    text-shadow: 0 0 8px rgb(53, 53, 53);
    font-size: 23px;
    line-height: normal;
}
#chiletur-prime .call-action {
    margin-top: 40px;
}
#chiletur-prime .call-action li {
    margin-bottom: 0;
    width: 145px;
}
#chiletur-prime .wrapper .call-action a {
    color: #FFF;
    background-color: #2d8ec8;
    padding: 11px;
    border-radius: 3px;
}
#chiletur-prime .wrapper .call-action a:hover {
    text-decoration: none;
    background-color: #2679ab;
}
.filtro-blanco .view-more a:hover {
    background-color: #2679ab;
}
.cont-eventos-chiletur h2 {
    text-shadow: 2px 1px 2px rgba(53, 53, 53, 0.4);
}
.noticias-chiletur h2 {
    text-shadow: 2px 1px 2px rgba(53, 53, 53, 0.4);
}
.wg-title {
    text-align: center;
}
.wg-title h2 {
    margin-bottom: 20px;
    font-size: 40px;
    text-shadow: none;
    text-transform: uppercase;
    color: #2488DE;
}
.context-layouts-show-zona-norte .wg-title h2,
.context-layouts-show-zona-sur .wg-title h2,
.context-layouts-show-zona-centro .wg-title h2 {
    color: #2388DE;
}
#main-prime .call-action .btn {
    text-transform: uppercase;
    padding: 10px;
    border-radius: 0;
    color: #FFF;
    background: #616161;
    height: 60px;
    vertical-align: middle;
    display: table-cell;
    width: 300px;
}
#chiletur-prime .call-action li.planifica-viaje {
    width: 33%;
    height: 60px;
    vertical-align: middle;
    display: table-cell;
}
#chiletur-prime .call-action li.planifica-viaje-member {
    width: 66.9%;
}
#chiletur-prime .call-action li.planifica-viaje-member a.btn,
#chiletur-prime .call-action li.planifica-viaje a.btn {
    background: #2683ff;
}
#main-prime h3 {
    color: #FFF;
    font-weight: 400;
    margin-bottom: 20px;
    font-size: 24px;
}
#main-prime {
    width: 480px;
    position: absolute;
    right: 0;
    top: 40px;
    background: rgba(0, 0, 0, 0.30);
    padding: 20px;
}
.context-layouts-show-zona-norte #main-prime,
.context-layouts-show-zona-sur #main-prime,
.context-layouts-show-zona-centro #main-prime {
    margin: auto;
    position: inherit;
    top: 0;
}
.context-layouts-show-zona-norte #main-prime .columns.collapsed > li,
.context-layouts-show-zona-sur #main-prime .columns.collapsed > li,
.context-layouts-show-zona-centro #main-prime .columns.collapsed > li {
    width: 100%;
    float: none;
}
.context-layouts-show-zona-norte #main-prime .columns.collapsed > li a,
.context-layouts-show-zona-sur #main-prime .columns.collapsed > li a,
.context-layouts-show-zona-centro #main-prime .columns.collapsed > li a {
    background: #2d8ec8;
    height: auto;
    display: inline-block;
    width: auto;
    padding: 10px 20px;
}
.context-layouts-show-zona-norte #main-prime .columns.collapsed p,
.context-layouts-show-zona-sur #main-prime .columns.collapsed p,
.context-layouts-show-zona-centro #main-prime .columns.collapsed p {
    font-size: 20px;
    padding: 0.2em 0;
    color: #fff;
    text-shadow: 1px 1px 4px #000;
}
/* WIDGET -------------------------- */

.wg-destinations {
    padding: 40px 0;
}
.wg-title {
    text-align: center;
    margin-bottom: 20px;
}
.wrap-destinos {
    overflow: hidden;
    margin-bottom: 20px;
}
.wrap-destinos .item-wrap-first {
    float: left;
    width: 50%;
}
.wrap-destinos a {
    display: block;
    color: #FFF;
}
.wrap-destinos a:hover img {
    transform: scale(1.1);
    opacity: .5;
}
.wrap-destinos .item-wrap-second {
    float: left;
    width: 50%;
}
.wrap-destinos .item-wrap-second ul li {
    width: 50%;
}
.wrap-destinos .item {
    position: relative;
    overflow: hidden;
}
.wrap-destinos img {
    display: block;
    transition: all .2s ease-in-out;
}
.wg-destinations .wrap-destinos h3 {
    font-size: 24px;
    color: #FFF;
}
.wrap-destinos .description {
    font-size: 13px;
    line-height: 1.3;
}
.wrap-destinos .figcaption small {
    font-style: italic;
}
.wrap-destinos .figcaption {
    background: rgba(42, 4, 74, .8);
    position: absolute;
    right: 10px;
    padding: 20px;
    color: #FFF;
    top: 10px;
    bottom: 10px;
    width: 230px;
}
.item-wrap-second .figcaption {
    top: auto;
    padding: 10px;
    left: 10px;
    width: auto;
}
.item-wrap-second h3 {
    font-size: 18px;
    margin-bottom: 0;
}
.item-wrap-second .description {
    display: none;
}
.item-wrap-second .columns > li:last-child {
    width: 100%;
}
.item-wrap-second .columns > li:last-child .description {
    display: block;
    font-size: 12px;
    height: 60px;
    overflow: hidden;
}
.item-wrap-second .columns > li:last-child h3 {
    margin-bottom: 10px;
}
.item-wrap-second .columns > li:last-child .item {
    overflow: hidden;
    height: 180px;
}
.item-wrap-second .columns > li:last-child .figcaption {
    left: auto;
    width: 200px;
    top: 10px;
}
.wg-facilities.facility-park {
    background: url("https://copec.modyocdn.com/uploads/36160fbf-67c7-478b-8f20-eb16597bc2c4/original/parques-nacionales.jpg") no-repeat;
    background-size: cover;
}
.wg-facilities.wg-senderos {
    background: url("https://copec.modyocdn.com/uploads/0155721a-61eb-41a9-9211-64a21e785179/original/senderos.jpg");
    background-attachment: fixed;
    background-size: 1855.64px 1234px;
    background-position: 50% -62.1934px;
}
.wg-facilities.wg-senderos h3 {
    font-size: 18px !important;
}
.wg-facilities .item small .icon-map-marker {
    color: #fa2a00;
}
.wg-facilities .description {
    margin: 0;
    padding: 10px;
    height: 80px;
}
.wg-facilities .item {
    background: #FFF;
    position: relative;
    overflow: hidden;
    box-shadow: 0px 0px 38px -4px #00000024;
    transition: all .3s ease;
    margin: 10px;
}
.wg-facilities .item:hover {
    transform: scale(1.07);
}
.wg-facilities ul a {
    display: block;
}
.wg-facilities ul a:hover {
    text-decoration: none;
}
.wg-facilities h3 {
    color: #000;
    font-size: 18px;
    margin-bottom: 0;
}
.wg-facilities .item .average {
    font-size: 10px;
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: #ffc000;
}
#ct-bloquetop.senderos_featured {
    background: url('https://copec.modyocdn.com/uploads/1495066f-b5c5-45e1-b376-6a59bd7278e1/original/robcrusoe.jpg') no-repeat center;
    background-size: cover;
}
#ct-bloquetop.senderos_featured p {
    font-size: 17px;
    line-height: normal;
    padding: 1em 0;
    width: 55%;
    margin: 0 auto;
    text-shadow: 0px 0px 20px #000;
}
.wg-facilities {
    background: rgba(255, 255, 255, 0.9);
    background: url("https://copec.modyocdn.com/uploads/a34a92e0-0a59-4b9f-9497-a16de5a190ee/original/fondo-chileturistas.jpg") no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.wg-destinations.destination-park {
    background: rgba(255, 255, 255, 0.9);
    background: url("https://copec.modyocdn.com/uploads/a34a92e0-0a59-4b9f-9497-a16de5a190ee/original/fondo-chileturistas.jpg") no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.wg-destinations.wg-senderos {
    background: url("https://copec.modyocdn.com/uploads/0155721a-61eb-41a9-9211-64a21e785179/original/senderos.jpg") no-repeat;
    background-size: cover;
}
.wg-destinations.wg-senderos h3 {
    font-size: 18px !important;
}
.wg-destinations .item small .icon-map-marker {
    color: #fa2a00;
}
.wg-destinations .description {
    margin: 0;
    padding: 10px;
    height: 80px;
}
.wg-destinations .item {
    background: #FFF;
    position: relative;
    overflow: hidden;
    box-shadow: 0px 0px 38px -4px #00000024;
    transition: all .3s ease;
    margin: 10px;
}
.wg-destinations .item:hover {
    transform: scale(1.07); 
}
.wg-destinations ul a {
    display: block;
}
.wg-destinations ul a:hover {
    text-decoration: none;
}
.wg-destinations h3 {
    color: #000;
    font-size: 18px;
    margin-bottom: 0;
}
.wg-destinations .item .average {
    font-size: 10px;
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: #ffc000;
}
.wg-destinations {
    background: rgba(255, 255, 255, 0.9);
    background: url("https://copec.modyocdn.com/uploads/a34a92e0-0a59-4b9f-9497-a16de5a190ee/original/fondo-chileturistas.jpg") no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
#CTcompraGuias h2 {
    color: #FFF !important;
    font-weight: 400;
}
#CTcompraGuias {
    padding: 20px 0;
    color: #FFF;
    #background: url("https://copec.modyocdn.com/uploads/93d109f5-98cb-47e1-9dff-48d97dc62450/original/Guias-bg.jpg");
    background-color: #42a4c7;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    margin-bottom: 0px;
}
#CTcompraGuias .call-action {
    text-align: center;
}
.btnCTguia {
    color: #fff;
    font-style: normal;
    font-size: 13px;
    font-weight: bold;
    display: inline-block !important;
    margin-bottom: 20px;
    padding: 12px 20px;
    border-radius: 0;
    background: #56BBDA;
    text-transform: uppercase;
}
.btnCTguia:hover,
.btnCTguia:focus {
    /* background: #cc2200; */
    
    background: #4492AB;
}
.wg-atractivos h3 {
    height: 53px;
    font-size: 17px !important;
}
.wg-atractivos img {
    height: 300px;
    max-width: none;
}
/* =================================
NOVEDADES HOME
==================================*/

.noticias-chiletur h2 {
    color: #fff
}
.cont-noticias-chiletur {
    float: left;
    width: 55%;
    position: relative;
    z-index: 99;
}
.cont-noticias-chiletur .list li {
    background-color: #fff;
    padding: 0;
    margin: 1.19% 1%;
    width: 48%;
    float: left;
    border: none;
    position: relative;
}
.cont-noticias-chiletur .list li .cover {
    width: 30%;
    float: left;
    overflow: hidden;
    height: 90px;
}
.cont-noticias-chiletur .list li .cover .img-cover {
    display: block;
    height: 100%;
}
.cont-noticias-chiletur .list li .cover img {
    border-radius: 0;
    border-radius: 0;
    display: block;
    margin: 0;
    padding: 0;
}
.cont-noticias-chiletur .list li .information-detail {
    float: left;
    width: 70%;
    padding: 2%;
    height: 84px;
}
.cont-noticias-chiletur .list li .information-detail p {
    color: #fa2a00;
    margin: 0;
    font-size: 13px;
    font-style: italic;
}
.cont-noticias-chiletur .list li .information-detail h4 span {
    color: #333;
    font-weight: bold;
}
.cont-noticias-chiletur .list li:first-child .cover {
    width: 100%;
    height: 370px;
}
.cont-noticias-chiletur .list li .cover a.img-cover {
    background-position: center!important;
}
.cont-noticias-chiletur .list li:first-child .information-detail {
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 0;
    padding: 30% 8% 10% 8%;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.64) 99%, rgba(0, 0, 0, 0.65) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(20%, rgba(0, 0, 0, 0)), color-stop(99%, #2d8ec8), color-stop(100%, #2d8ec8));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 20%, #2d8ec8 99%, #2d8ec8 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.64) 99%, rgba(0, 0, 0, 0.65) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.64) 99%, rgba(0, 0, 0, 0.65) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 20%, #2d8ec8 99%, #2d8ec8 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
}
.cont-noticias-chiletur .list li:first-child .information-detail p {
    color: #fff
}
.cont-noticias-chiletur .list li:first-child .information-detail h4 span {
    color: #fff;
    font-size: 22px;
}
.cont-noticias-chiletur .list li:first-child .information-detail h4 a {
    color: #fff !important;
    font-size: 22px;
}
/* =================================
EVENTOS HOME
==================================*/

.cont-eventos-chiletur {
    float: right;
    width: 43%;
    margin-top: -336px;
    position: relative;
    z-index: 99;
}
.cont-eventos-chiletur h2 {
    color: #fff;
    margin-bottom: 11px;
}
.evento-home {
    display: block;
    background-color: #FFF;
    overflow: hidden;
    margin-bottom: 2.7%;
}
.evento-home:nth-last-child(2) {
    margin-bottom: 1.5%;
}
.evento-home .b-fecha {
    padding: 10px;
    color: #fff;
    background-color: #2d8ec8;
    text-align: center;
    z-index: 2;
    float: left;
    width: 18%;
}
.evento-home .b-fecha b {
    font-weight: bold;
    display: block;
    font-size: 25px;
    margin-bottom: 1px;
}
.evento-home .b-fecha span {
    display: block;
    font-size: 12px;
    line-height: 11px;
}
.evento-home .detalle-evento-home {
    float: right;
    width: 82%;
    padding: 2%;
}
.evento-home .detalle-evento-home h4 {
    margin: 0;
}
.evento-home .detalle-evento-home h4 span {
    color: #333;
    font-size: 13px;
    margin-bottom: 5px;
}
.evento-home .detalle-evento-home p {
    margin: 0;
    font-size: 13px;
}
.evento-home .detalle-evento-home p b {
    color: #000
}
.evento-home .detalle-evento-home p i {
    color: #7db5ff;
    margin-right: 5px;
    font-size: 15px;
    width: 13px;
    display: inline-block;
    text-align: center;
}
.CTbgGuias {
    text-align: center;
}
.CTbgGuias a:hover {
    color: #FFF;
}
/* DESTACAR PERSONA */

#people-top {
    background: #347fb9;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#38a8ca+0,3480b9+100 */
    
    background: #38a8ca;
    /* Old browsers */
    
    background: -moz-linear-gradient(top, #38a8ca 0%, #3480b9 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, #38a8ca 0%, #3480b9 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, #38a8ca 0%, #3480b9 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#38a8ca', endColorstr='#3480b9', GradientType=0);
    /* IE6-9 */
    
    color: #FFF;
    margin-bottom: -50px;
}
#people-top .span8 {
    background: url("https://copec.modyocdn.com/uploads/ff06945f-5657-43e1-ae7a-1224f781ccdb/original/bg-left.jpg") #256784;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 0 200px;
    width: 70%;
    margin: 0;
}
#people-top .span4 {
    width: 30%;
    margin: 0;
    text-align: center;
}
#destinos-favoritos {
    padding: 40px 100px;
    position: relative;
}
.item-destino .media {
    background: rgba(255, 255, 255, .1);
    font-size: 13px;
}
.ico-ref {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 1px dotted #FFF;
    padding: 4px;
    position: absolute;
    right: -40px;
    top: 40%;
}
.ico-ref img {
    height: 40px;
    margin-top: 5px;
}
.ico-ref h4 {
    margin-top: 10px;
    color: #FFF;
    !important;
    font-size: 14px !important;
    text-align: center;
}
.ico-ref span {
    width: 70px;
    padding: 10px;
    height: 70px;
    border-radius: 50%;
    text-align: center;
    background: #FFF;
    display: block;
}
.item-destino {
    margin-bottom: 20px;
}
.item-destino h3 {
    color: #FFF !important;
    margin-bottom: 10px !important;
}
.item-destino .media p {
    margin: 0;
}
.item-destino .media .pull-left {
    width: 100px;
    margin-right: 0;
}
.item-destino .media-body {
    padding: 10px;
}
#header-people .avatar-people {
    background: url("https://copec.modyocdn.com/uploads/b4fe4939-8bd1-4e41-a2d8-6e6f8d85e899/original/bg-header-people.jpg");
    background-size: cover;
    padding: 1px;
    height: 135px;
}
#header-people .avatar-people img {
    width: 150px;
    display: block;
    margin: auto;
    border-radius: 50%;
    border: 7px solid #6cbed8;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    margin-top: 25px;
}
.info-people {
    margin-top: 40px;
    padding: 20px;
    color: #FFF;
    font-size: 15px;
}
.info-people h3 {
    color: #FFF !important;
    margin-bottom: 5px !important;
    padding: 0;
    line-height: 1 !important;
    font-size: 24px !important;
}
.info-people small {
    font-weight: 400;
    font-size: 14px;
}
.info-people .description-people {
    margin-top: 30px;
    padding-left: 60px;
}
.footer-people {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 900;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 2px solid rgba(255, 255, 255, .1);
}
.footer-people p {
    margin: 0;
}
.footer-people p:last-child {
    font-weight: 400;
}
#restaurants-favoritos {
    padding: 40px 100px;
    position: relative;
}
#restaurants-favoritos .media {
    margin-bottom: 20px;
}
#restaurants-favoritos .circular-restaurant img {
    margin-top: 5px;
}
#restaurants-favoritos .circular-restaurant {
    width: 70px;
    height: 70px;
    display: block;
    background: #f7a517;
    text-align: center;
    padding: 10px;
    border-radius: 50%;
}
#restaurants-favoritos h4 {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 15px;
}
#restaurants-favoritos .ico-ref img {
    height: auto;
}
#tips-viaje {
    padding: 40px 100px;
    position: relative;
}
#tips-viaje .media {
    margin-bottom: 20px;
    font-style: italic;
    font-size: 16px;
}
#tips-viaje .pull-left {
    font-weight: 100;
    font-style: italic;
    font-size: 47px;
    line-height: 1;
    margin-right: 50px;
    width: 70px;
    text-align: center;
}
/* RESPONSIVE */

@media (max-width: 1200px) {
    .item-wrap-second .columns > li:last-child .item {
        height: 157px;
    }
    .wg-destinations .wrap-destinos h3 {
        font-size: 21px;
    }
    .wrap-destinos .description {
        font-size: 12px;
    }
    .wrap-destinos .item-wrap-second h3 {
        font-size: 18px;
    }
    .item-wrap-second .columns > li:last-child .description {
        height: 47px;
    }
    .cont-eventos-chiletur {
        margin-top: -302px;
    }
    .cont-noticias-chiletur .list li .information-detail {
        height: 75px;
    }
    .cont-noticias-chiletur .list li .information-detail h4 {
        font-size: 14px
    }
    .evento-home .detalle-evento-home {
        padding: 0 2%;
    }
    #chiletur-prime .wrapper h2 {
        font-size: 40px;
    }
    #chiletur-prime .wrapper p {
        font-size: 17px;
    }
    #chiletur-prime .wrapper {
        padding: 0 1em;
    }
}
@media (max-width: 979px) {
    .context-layouts-show-chiletur h2 {
        font-size: 21px;
    }
    .wg-destinations h3 {
        font-size: 18px;
    }
    .cont-eventos-chiletur h2 {
        color: #2d8ec8;
        text-shadow: 0px 1px 0px #1f6b98;
    }
    .noticias-chiletur h2 {
        text-align: center;
        color: #2d8ec8;
        text-shadow: 0px 1px 0px #1f6b98;
    }
    .trigger-menu-chiletur {
        display: none;
    }
    #chiletur-prime {
        margin-bottom: 0px;
    }
    .cont-eventos-chiletur {
        margin-top: -258px;
    }
    .wrap-destinos .item-wrap-first,
    .wrap-destinos .item-wrap-second {
        float: none;
        width: auto;
    }
    .wrap-destinos .item-wrap-first img {
        width: 100%;
    }
    .wrap-destinos .item-wrap-first {
        margin-bottom: 10px;
    }
    .wrap-destinos .item-wrap-first .item {
        height: 300px;
    }
    .item-wrap-second .columns.collapsed.columns-2 {
        margin-right: -2%;
    }
    .item-wrap-second .columns.collapsed.columns-2 > li {
        width: 31.33%;
        margin-right: 2%;
    }
    .item-wrap-second .columns > li:last-child {
        width: 31.33%;
    }
    .item-wrap-second .columns > li:last-child .description {
        display: none;
    }
    .item-wrap-second .columns > li:last-child .figcaption {
        left: 10px;
        width: auto;
        top: auto;
    }
    .item-wrap-second .columns > li:last-child h3 {
        margin-bottom: 0;
    }
    /* PRIME */
    
    .slick-slider {
        display: none !important;
    }
    #main-prime {
        position: static;
    }
    .gradient-white {
        display: none;
    }
    #menu-chiletur .nav >li> a {
        padding: 23px 14px;
        font-size: 15px;
    }
    #chiletur-prime {
        background: url("https://copec.modyocdn.com/uploads/b64fcfa6-5907-4508-839a-cd739f4c8a6f/original/responsive-prime.jpg");
        background-size: cover;
    }
    #main-prime {
        background: none;
        margin: auto;
    }
    .cont-eventos-chiletur {
        float: none;
        margin: 0;
        width: auto;
    }
    .cont-noticias-chiletur {
        float: none;
        margin: -20px;
        margin-bottom: 20px;
        padding: 20px;
        width: auto;
    }
    .evento-home .detalle-evento-home {
        padding: 2%;
    }
    .filtro-blanco {
        background-color: #dbe9ff!important;
        margin-top: 0!important;
    }
    .cont-eventos-chiletur {
        background-color: transparent;
        margin: 5px;
        padding: 10px;
        margin-bottom: 10px;
    }
    .evento-home .b-fecha {
        padding: 15px;
        color: #fff;
        background-color: #2d8ec8;
        text-align: center;
        z-index: 2;
        float: left;
        width: 18%;
    }
}
@media (max-width: 768px) {
    #ct-bloquetop.parquesnacionales {
        min-height: 460px;
    }
    .cont-noticias-chiletur .list li:first-child .cover {
        height: 80px;
    }
    .evento-home .detalle-evento-home h4 {
        font-size: 16px;
    }
    .wg-destinations .wrap-destinos h3 {
        color: #000;
        font-size: 18px;
    }
    .cont-eventos-chiletur h2 {
        text-align: center;
    }
    .wg-destinations .description {
        height: auto;
    }
    .cont-noticias-chiletur .list li {
        float: none;
        width: auto;
    }
    .cont-noticias-chiletur .list li:first-child .cover {
        width: 30%;
    }
    .cont-noticias-chiletur .list li:first-child .information-detail {
        background: none;
        width: 70%;
        position: static;
        padding: 2%;
    }
    .cont-noticias-chiletur .list li:first-child .information-detail p {
        color: #fa2a00;
    }
    .cont-noticias-chiletur .list li:first-child .information-detail h4 span {
        font-weight: bold;
        font-size: 15px;
        color: #000;
    }
    .trigger-menu-chiletur {
        display: block;
    }
    #menu-chiletur .span10 {
        display: none;
    }
    #menu-chiletur .span2 {
        text-align: center;
    }
    #menu-chiletur .span2 {
        width: 150px !important;
    }
    #menu-chiletur .span2 img {
        width: auto;
    }
    .wg-title h2,
    #FixWidgetFacilities h2,
    #especial h2 {
        font-size: 21px;
    }
    .destinos-iconCircle-title img,
    .destinos-iconCircle-title.atractivos img {
        margin-top: -5px;
    }
    #texto--ZonaNorte {
        display: none;
    }
    .wrap-destinos a {
        position: relative;
        overflow: hidden;
    }
    .wrap-destinos a:after {
        position: absolute;
        right: 5px;
        top: 30%;
        font-size: 24px;
        content: "\f105";
        font-family: FontAwesome;
        opacity: .3;
        color: #000;
    }
    .wrap-destinos img {
        float: left;
        margin-right: 20px;
        width: 80px;
    }
    .wrap-destinos .figcaption {
        overflow: hidden;
        position: static;
        width: auto;
        padding: 0;
    }
    .wrap-destinos .description {
        display: none;
    }
    .wrap-destinos .call-action {
        display: none;
    }
    .wrap-destinos a {
        background: none;
    }
    .wrap-destinos a:hover {
        text-decoration: none;
    }
    .wrap-destinos .figcaption {
        background: none;
        color: #000;
    }
    .item-wrap-second .columns.collapsed.columns-2 {
        margin: 0;
    }
    .item-wrap-second .columns.collapsed.columns-2 > li {
        margin: 0 0 5px 0;
        float: none;
        width: auto;
    }
    .wrap-destinos .item-wrap-first .item {
        height: auto;
    }
    .wrap-destinos .item-wrap-first .item img {
        float: left;
        margin-right: 20px;
        width: 80px;
    }
    .wrap-destinos .item-wrap-first {
        margin-bottom: 5px;
    }
    .item-wrap-second .columns > li:last-child .item {
        height: auto;
    }
    .wrap-destinos h3 {
        font-size: 18px;
    }
    .wg-destinations > li {
        width: 48%;
    }
    .wg-destinations h3 {
        font-size: 18px;
    }
    .wg-destinations .item {
        border: 1px solid rgba(0, 0, 0, .05);
    }
    .wg-destinations {
        padding-top: 0;
    }
    .wg-facilities > li {
        width: 48%;
    }
    .wg-facilities h3 {
        font-size: 18px;
    }
    .wg-facilities .item {
        padding: 10px;
        box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
        border: 1px solid rgba(0, 0, 0, .05);
    }
    .wg-facilities {
        padding-top: 0;
    }
    .cont-noticias-chiletur .list li:first-child .information-detail h4 a {
        color: #2d8ec8 !important;
        font-size: inherit;
    }
}
@media (max-width: 480px) {
    .wg-destinations > li {
        float: left;
    }
    .wg-facilities > li {
        float: left;
    }
    #main-prime {
        width: auto;
        padding: 15px 0;
    }
    #main-prime .call-action li {
        float: left;
    }
    .zonas-chiletur li {
        float: left;
        width: 31.33%;
    }
    .zonas-chiletur li:first-child {
        display: none;
    }
    #main-prime h3 {
        display: none;
    }
    #main-prime .call-action .btn {
        padding: 8px;
        font-size: 12px;
    }
    #chiletur-prime .call-action {
        margin-top: 20px;
    }
    .wg-destinations h3 {
        font-size: 14px;
    }
    .wg-facilities h3 {
        font-size: 14px;
    }
    .wg-destinations .item {
        height: auto;
    }
    .wg-facilities .item {
        height: auto;
    }
    .columns {
        margin: 0 auto;
    }
    .columns > li {
        margin: 0 auto;
        margin-bottom: 5px;
    }
    #chiletur-prime .call-action li,
    #chiletur-prime .call-action li.planifica-viaje-member,
    #chiletur-prime .call-action li.planifica-viaje,
    #main-prime .call-action .btn {
        width: 100%;
        display: block;
        height: auto;
        margin-top: 5px;
    }
    .cont-eventos-chiletur {
        margin: -20px;
    }
}
/* =================================
CHILETUR LAYOUT
==================================*/
/* Descripción Show Destino */

.context-destination-show .ct-body .ct-photos .ct-photo {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 20px;
    background: white;
    padding: 1px 1px 10px 1px;
}
.context-destination-show .ct-body .ct-photos .ct-photo .ct-avatar {
    margin-left: 5px;
    text-transform: lowercase;
}
.context-destination-show .ct-body .ct-photos .ct-photo .ct-avatar::first-letter {
    text-transform: uppercase;
    color: #fff;
}
.context-facility-show .ct-header .ct-imgs {
    z-index: -1;
}
.context-facility-show .facility-info .distance {
    float: right;
}
.context-facility-show .facility-info .zones,
.context-facility-show .facility-info .destinations,
.context-facility-show .facility-info .distance {
    font-size: 18px;
    margin-bottom: 10px;
}
.context-facility-show .facility-info .row-fluid .span7 small + p {
    margin-top: 25px;
}
.ct .facility-info p {
    font-size: 17px;
    line-height: 28px;
    text-align: justify;
}
/* Fin Show Destino */

.context-facility-show .ct-rate {
    position: absolute;
    bottom: 10px;
}
/* #activity-wraper .ct-fa-att .ct-fa-att-hover {background-color: rgba(0,0,0,0.8);} */

.ct .ct-rate-box .btn {
    font-weight: 400;
    background-color: #d76601;
    color: #fff;
    font-size: 15px;
    padding: 10px 15px;
}
.ct #panels-chiletur .main-pane .description h3 {
    color: #333;
}
.context-destination-show .ct-body .row-fluid .span9 .ct-rate-box .dropdown-menu div {
    margin-bottom: 20px;
}
.context-destination-show .ct-body .row-fluid .span9 .ct-rate-box .dropdown-menu div .save-box {
    margin-bottom: -37px;
}
.context-destination-show .ct-body .row-fluid .span9 .ct-rate-box .dropdown-menu div .uix-rateable-object {
    margin-bottom: 0px;
    text-align: center;
}
.ct .tab-content strong {
    color: #333;
}
.ct .ct-rate .ct-rate-box .dropdown-menu {
    border-radius: 0;
    border: 0;
}
.ct .ct-rate .ct-rate-box .dropdown-menu h1 {
    font-size: 24px;
    font-weight: 400;
    color: #000;
}
.ct .ct-rate .ct-rate-box .dropdown-menu .uix-rateable-object {
    position: absolute;
    top: 20px;
    right: 15px;
}
.ct .ct-rate .ct-rate-box .dropdown-menu textarea {
    border-radius: 0;
}
.ct-rate-box .vote > span {
    background: rgba(0, 0, 0, .4);
    display: inline-block;
    padding: 11px 13px;
    margin-top: -2px;
    margin-bottom: -6px;
    margin-left: -13px;
    margin-right: 7px;
    border-right: 1px solid rgba(255, 255, 255, .5);
    border-radius: 2px 0 0 2px;
}
.ct .ct-rate .ct-rate-box {
    height: auto;
    padding: 6px 12px;
}
.ct .ct-rate .ct-rate-box .stars {
    font-size: 14px;
}
.ct .ct-header .ct-tools {
    border-radius: 5px;
    font-weight: 900;
    font-size: 15px;
}
.vote {
    font-size: 16px;
}
.ct .ct-header .ct-tools .ct-title h1 {
    text-align: right;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 45px;
}
.ct .ct-description .ct-description-inner p {
    font-size: 23px;
    line-height: 1.7;
    font-weight: 200;
}
.ct .ct-body .ct-description-toggle .ct-bar {
    height: 50px;
}
.ct #facilities .tab-content .tabs-left .tab-content {
    min-height: 708px;
    border-radius: 0 0 30px 0;
}
.ct #facilities .tab-content .tabs-left .facilities-list {
    min-height: 708px;
}
.ct #facilities .facilities-header li {
    width: 20%;
    text-align: center;
}
.ct #facilities .tab-content i {
    margin-right: 0.3em;
}
.ct-comments .comments {
    min-height: 180px;
}
.ct .ct-header .ct-tools .ct-arrow {
    background-size: 50%;
}
.ct .facilities .media-body div a {
    background: #3b444f;
    color: #fff;
    font-weight: 700;
    padding: 10px 20px;
    display: block;
    text-decoration: none;
    float: right;
}
.ct .facility-info .media-body p {
    line-height: 28px;
}
.ct .facilities .media-body p {
    font-size: 17px;
    line-height: 28px;
}
.ct .ct-rate .ct-rate-box .stars .star .icon-star-half-empty {
    color: #fef02a;
}
.ct .ct-rate .ct-rate-box {
    background-color: rgba(110, 152, 202, 0.7);
}
.ct .ct-rate .ct-rate-box:hover {
    background-color: #6e98ca;
}
.context-destination-show .breadcrumb,
.context-facility-show .breadcrumb {
    display: none;
    margin-bottom: -20px;
}
.context-destination-show .breadcrumb-inner {
    position: relative;
    z-index: 1;
    color: #fff;
    font-size: 14px;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
}
.context-destination-show .breadcrumb-inner a {
    text-decoration: none;
    color: #fff;
}
.context-facility-show .breadcrumb {
    color: #000;
    background: transparent;
    z-index: 2;
    position: relative;
    font-size: 14px;
}
.context-facility-show .breadcrumb a:hover {
    text-decoration: none;
    color: #000;
}
.ct #facilities .facilities-header li a {
    height: 110px;
}
.ct #facilities .facilities-header li a:hover {
    background: #E6E6E6;
}
#panels-chiletur .panorama-pane .media {
    height: 300px;
}
#panels-chiletur .filter-items .dropdown>a {
    background: #d76601;
}
#park-how_to_get,
#park-schedule_and_rates,
#park-contacts,
#park-wildlife,
#park-weather,
#park-recommendations {
    padding: 40px;
}
#park-how_to_get h2,
#park-schedule_and_rates h2,
#park-contacts h2,
#park-wildlife h2,
#park-weather h2,
#park-recommendations h2 {
    margin-bottom: 20px;
}
#park-how_to_get li,
#park-schedule_and_rates li,
#park-contacts li,
#park-wildlife li,
#park-weather li,
#park-recommendations li {
    line-height: 30px;
}
body[class*="context-destination-show-parque-"] #tabs-chiletur li:last-child .ic-attraction {
    background-image: url("https://copec.modyocdn.com/uploads/38fa320c-f8a0-4288-a5c1-75f438e0e9d6/original/Icono-Info-Parques.png");
    background-size: 96.5%;
    background-repeat: repeat-y;
}
body[class*="context-destination-show-parque-"] #tabs-chiletur li:last-child.active .ic-attraction {
    background-image: url("https://copec.modyocdn.com/uploads/e510633e-ca4d-4a24-9c08-bef5de3e97a3/original/Icono-Info-Parques_W.png");
    background-size: 97%;
    background-repeat: repeat-y;
}
.context-destination-show #tabs-chiletur li .ic-pathway {
    background-image: url("https://copec.modyocdn.com/uploads/ea7ad94a-a8eb-4195-9db0-2a3da37bb329/original/IC_Pathway.png");
    width: 37px;
    height: 37px;
    background-size: 36px;
    background-repeat: no-repeat;
}
.context-destination-show #tabs-chiletur li.active .ic-pathway {
    background-image: url("https://copec.modyocdn.com/uploads/b60d8e9d-3407-40ee-8c52-6e207a603775/original/IC_Pathway_W.png");
}
#panels-chiletur .filter-items .dropdown-menu {
    background: #ECECEC;
}
#panels-chiletur .filter-items .dropdown-menu .nav-tabs>li>a {
    color: #000;
}
#panels-chiletur .filter-items .dropdown-menu .nav-tabs li.active a {
    color: #FFF;
}
.context-destination-show #pathway-wraper .dropdown,
body[class*="context-destination-show-parque-"] #lodging-wraper .dropdown {
    display: none;
}
.context-destination-show #lodging-wraper .main-pane .description > ul>li {
    padding-bottom: 20px;
    padding-top: 20px;
    border-bottom: solid 2px;
    border-bottom-color: #D8D8D8;
}
.context-destination-show #lodging-wraper .main-pane .description > ul>li > strong {
    font-size: 20px;
}
.context-destination-show #lodging-wraper .main-pane .description > ul>li > p {
    margin-top: 10px;
}
.ct .ct-header .ct-imgs .ct-img {
    background-position: center;
}
.context-destination-show #panels-chiletur .dropdown .icon-caret-down {
    padding-left: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
    margin-left: 15px;
    border-left: solid 1px;
    font-size: 25px;
}
.context-destination-show .ct .ct-title .zones a,
.context-facility-show .ct .ct-title .zones a {
    color: #fff;
}
/* ===============================
ChileTur Estilos Generales
=============================== */
/* Chiletur Modal Foto */

.context-destination-show .fileupload-buttonbar .btn-group,
.context-facility-show .fileupload-buttonbar .btn-group {
    float: left;
    display: block;
    clear: both;
}
.context-destination-show .modal-body .bp,
.context-facility-show .modal-body .bp {
    margin-top: 0px;
}
.context-destination-show .modal-body .span7.pull-right.bp,
.context-facility-show .modal-body .span7.pull-right.bp {
    display: none;
}
.context-destination-show .modal-body .control-group,
.context-facility-show .modal-body .control-group {
    margin-bottom: 0px;
}
.context-destination-show .modal-body #content > .content-inner,
.context-facility-show .modal-body #content > .content-inner {
    padding-bottom: 0px;
}
.context-destination-show #photo-modal,
.context-facility-show #photo-modal {
    z-index: 3002;
}
.context-destination-show .modal-backdrop,
.context-facility-show .modal-backdrop {
    z-index: 3001;
}
/* Chiletur Iconos Esq Sup Der */

.ct-top-buttons {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 10px;
    width: 143px;
    height: 190px;
    transition: all 0.5s ease;
}
/* .ct-top-buttons:hover {    
background: url("https://copec.modyocdn.com/uploads/06e40e43-9fa0-47be-8829-d92973b4fd9f/original/BG_ico_top_der.png");
} */

.ct-top-buttons p {
    opacity: 0;
    float: left;
    width: 73px;
    color: #fff;
    font-weight: 900;
    text-align: right;
    padding-right: 10px;
    text-shadow: 1px 1px 10px rgba(0, 0, 0, 1);
    transition: all 0.5s ease;
}
.ct-top-buttons:hover p {
    opacity: 1;
}
.ct-top-buttons .btn {
    background-color: rgba(110, 152, 202, 0.7);
    padding: 0px;
    border: 1px solid #fff;
}
.ct-top-buttons .btn:hover {
    background-color: #6e98ca;
}
.ct-top-buttons .ct-upload-photo {
    margin-bottom: 16px;
}
.ct-top-buttons.container {
    width: 239px!important;
    overflow: hidden;
}
.ct-top-buttons .ct-upload-photo {
    /* background: rgba(0, 0, 0, 0.45); */
    
    border-radius: 5px;
    border: 1px solid #fff;
    background: rgba(65, 90, 120, 0.7);
}
.ct-top-buttons .ct-upload-photo:hover {
    background: #415a78;
}
.ct-top-buttons .ct-upload-photo p {
    font-weight: 500;
    width: 169px;
    font-size: 16px;
    opacity: 1;
    padding-left: 1px;
    margin-top: 7px;
}
.ct-top-buttons .ct-geo-map p {
    float: left;
    width: 160px;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 500;
}
.ct-top-buttons .photo-icon-top .btn {
    border: 0px solid #fff;
    border-left: 1px solid #fff;
    border-radius: 0px 5px 5px 0px;
}
.ct-top-buttons .geo-icon-top .btn {
    float: right;
}
/* fin Chiletur Ultima */
/* FIX BUGS PANELS CHILETUR */

#panels-chiletur .tab-content {
    padding: 0;
    border: 0;
    overflow: visible
}
#panels-chiletur #tabs-chiletur.nav-tabs>li>a {
    background: none;
}
#panels-chiletur {
    padding: 0;
    margin-bottom: 0px;
}
#panels-chiletur .dropdown .nav-tabs>li a {
    background: none;
}
#panels-chiletur .main-pane .view-more {
    float: none;
}
.ic-attraction {
    background-image: url("https://copec.modyocdn.com/uploads/85e61328-bd51-41c3-91c8-a342aaedfbc7/original/quever.png");
    background-position: 0 -28px;
    width: 30px;
    height: 28px;
}
.ic-lodging {
    background-image: url("https://copec.modyocdn.com/uploads/547215dd-0fe0-4db4-9dd3-cdc010195e7e/original/alojamiento.png");
    background-position: 0 -34px;
    width: 34px;
    height: 34px;
}
.ic-restaurant {
    width: 39px;
    height: 24px;
    background-image: url("https://copec.modyocdn.com/uploads/c3462b2c-d396-4ad2-aab2-f1711f3442f1/original/restaurantes.png");
    background-position: 0 -24px;
}
.ic-activity {
    width: 37px;
    height: 37px;
    background-image: url("https://copec.modyocdn.com/uploads/cb57ed6e-10b3-4a91-a2b3-7d5c15b9e3a1/original/airelibre.png");
    background-position: 0 -37px;
}
.ic-panorama {
    width: 26px;
    height: 30px;
    background-image: url("https://copec.modyocdn.com/uploads/face820a-3622-4e11-bf2b-115c0e988a9b/original/calendar.png");
    background-position: 0 -30px;
}
#panels-chiletur .active .ic-attraction,
#panels-chiletur .active .ic-lodging,
#panels-chiletur .active .ic-activity,
#panels-chiletur .active .ic-restaurant,
#panels-chiletur .active .ic-panorama {
    background-position: 0 0;
}
.cover-default {
    height: 334px;
    width: 100%;
    display: block;
    background-repeat: no-repeat;
}
#panels-chiletur .main-pane {
    padding: 20px;
    padding-left: 0;
    min-height: 400px;
}
#panels-chiletur .panorama-pane {
    margin-top: 5px;
}
#panels-chiletur {
    background: none;
}
#panels-chiletur .nav-tabs {
    border-bottom: 0;
}
#panels-chiletur .container {
    width: auto;
    margin: 0;
    padding: 0;
}
.cover-default.attraction {
    background-image: url("https://copec.modyocdn.com/uploads/100a2798-749b-4303-a520-0c479c2765c1/original/default-que-hacer.png");
}
.cover-default.restaurant {
    /**
background-image: url("https://copec.modyocdn.com/uploads/3177d253-fa74-46e4-9447-b0181c44ebb9/original/default-resturant.png");
**/
}
.cover-default.lodging {
    /**
background-image: url("https://copec.modyocdn.com/uploads/3ca40826-5918-4c43-9bca-ccec7e6367ef/original/default-alojamiento.png");
**/
}
.cover-default.activity {
    background-image: url("https://copec.modyocdn.com/uploads/afaba57e-958d-479f-a2a9-f593ee3e3826/original/default-activity.png");
}
.tab-pane .tab-select {
    margin-top: 5px;
}
#panels-chiletur .panorama-pane .media-body small small {
    /* display: inline; */
    
    border: 0;
    font-style: normal;
    padding: 0;
    display: none;
}
#panels-chiletur .panorama-pane .media-body small {
    display: none;
}
@media (max-width: 1200px) {
    #panels-chiletur #tabs-chiletur.nav-tabs>li>a {
        min-height: 100px;
    }
    .navbar .nav>li {
        font-size: 12px;
    }
}
@media (max-width: 767px) {
    .cover-default {
        background-size: cover;
        height: 250px;
        background-position: center center
    }
    #panels-chiletur .main-pane {
        padding: 20px;
    }
}
@media (max-width: 480px) {
    #tabs-chiletur.columns > li {
        float: left;
    }
    #tabs-chiletur.nav-tabs > li a small {
        display: none;
    }
    #tabs-chiletur.nav-tabs > li a {
        font-size: 9px;
        text-transform: uppercase;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        min-height: 0 !important;
        padding: 4px !important;
    }
}
.context-destination.context-destination-show .full-description {
    display: none;
}
.context-facility.context-facility-show .small-description {
    display: none;
}
/* ==================================
ARREGLO PARQUE NACIONAL
================================== */

body[class*="context-destination-show-parque-"] #lodging-wraper .attraction-pane .list-x3 > li:nth-child(2) {
    width: 66.6%;
}
body[class*="context-destination-show-parque-"] #lodging-wraper .attraction-pane .list-x3 li:nth-child(2) .description ul {
    list-style: none;
    margin: 0;
}
body[class*="context-destination-show-parque-"] #lodging-wraper .attraction-pane .list-x3 li:nth-child(2) .description > ul > li {
    width: 50%;
    float: left;
    padding: 10px;
    min-height: 345px;
}
body[class*="context-destination-show-parque-"] #lodging-wraper .attraction-pane .list-x3 li:nth-child(2) .ct-fa-lr .inner {
    height: auto;
}
body[class*="context-destination-show-parque-"] #lodging-wraper .attraction-pane .list-x3 li:nth-child(2) .ct-fa-lr-hover.css-ani-all {
    display: none;
}
@media (max-width: 767px) {
    body[class*="context-destination-show-parque-"] #lodging-wraper .attraction-pane .list-x3 > li:nth-child(2) {
        width: 100%;
    }
}
@media (max-width: 480px) {
    body[class*="context-destination-show-parque-"] #lodging-wraper .attraction-pane .list-x3 li:nth-child(2) .description > ul > li {
        width: 100%;
        min-height: 100px;
    }
}

/* =================================
ZONAS NORTE CENTRO SUR
==================================*/

#ct-bloquetop {
    height: 38vh;
    background-size: cover;
    text-align: center;
    color: #fff;
    min-height: 300px;
}
.destinos-de-chile {
    background: url("https://copec.modyocdn.com/uploads/89048b40-ad12-4ea6-b231-54dbbd052cf9/original/BG_top_destinos.jpg");
}
.ZonaNorte {
    background: url("https://copec.modyocdn.com/uploads/93bca11c-6e69-489e-a56f-85a2e8769eeb/original/BG_top_zona_norte.jpg");
}
.ZonaCentro {
    background: url("https://copec.modyocdn.com/uploads/e641a581-6138-4654-867c-bf685ee4ccae/original/BG_top_zona_central.jpg");
}
.ZonaSur {
    background: url("https://copec.modyocdn.com/uploads/b3cd6ea6-3762-4998-adbd-a13464734be6/original/2_Valle_Hermoso-cre_dito_Nevados_de_Chilla_n_1_.jpg");
}
/*ZONA NORTE*/

#widget-00aa97,
#widget-1d70b1 {
    background: url("https://copec.modyocdn.com/uploads/318c938b-1f01-476f-bbc8-b7c396142d78/original/bg-zona-norte.jpg") no-repeat #fff center top 10%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#widget-95af8c {
    background: url("https://copec.modyocdn.com/uploads/318c938b-1f01-476f-bbc8-b7c396142d78/original/bg-zona-norte.jpg") no-repeat #fff center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
/*ZONA CENTRO*/

#widget-6d7dfd,
#widget-8c47ec {
    background: url("https://copec.modyocdn.com/uploads/10244fff-3d93-4f15-a7b6-126db84e76be/original/bg-zona-centro.jpg") no-repeat #fff center top 30%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#widget-1b8693 {
    background: url("https://copec.modyocdn.com/uploads/10244fff-3d93-4f15-a7b6-126db84e76be/original/bg-zona-centro.jpg") no-repeat #fff center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
/*ZONA SUR*/

#widget-e7ec54,
#widget-0a1b55 {
    background: url("https://copec.modyocdn.com/uploads/c764bd9e-17df-4230-b400-7fc183a8d073/original/bg-zona-sur.jpg") no-repeat #fff center top 10%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#widget-e7ec54 {
    border-bottom: 0px solid #fff;
}
#widget-90f597 {
    background: url("https://copec.modyocdn.com/uploads/c764bd9e-17df-4230-b400-7fc183a8d073/original/bg-zona-sur.jpg") no-repeat #fff center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#ct-bloquetop h1 {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 50px;
}
#ct-bloquetop hr {
    width: 25%;
    margin: 10px auto;
    margin-bottom: 20px;
}
#widget-00aa97:before {
    background: black;
    height: 140PX;
    z-index: 9999999999999999;
    display: inline-block;
}
.context-layouts-show-destinos #ShareDiv li {
    width: 25%;
}
.context-layouts-show-destinos #ShareDiv ul {
    border-bottom: 1px solid #DDD;
}
#ShareDiv {
    font-size: 25px;
    background: #fff;
}
#ShareDiv li {
    float: left;
    width: 20%;
    text-align: center;
    text-transform: uppercase;
    font-size: small;
    border-right: solid 1px rgba(255, 255, 255, 0.2);
    list-style: none;
    height: auto;
}
#ShareDiv li.active:hover {
    background: #c1942c;
}
#ShareDiv li.active:hover p {
    color: #fff;
}
#ShareDiv .active {
    background: #e3ae36;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}
#ShareDiv ul {
    margin: 0;
    overflow: hidden;
}
#ShareDiv li:first-child {
    border-left: solid 1px rgba(255, 255, 255, 0.2);
}
#ShareDiv li a {
    display: block;
    height: 100%;
    width: 100%;
    color: #4D4D4D;
    transition: all 0.2s ease;
}
#ShareDiv li a:hover {
    color: #555;
    background-color: #eee;
}
#ShareDiv li p {
    position: relative;
    display: inline-block;
    margin: 1em 0;
    color: #fff;
}
#ShareDiv li:hover p {
    color: #2388DE;
}
#ShareDivNorte {
    font-size: 25px;
    background: #2388DE;
}
.context-layouts-show-zona-norte #ShareDivNorte,
.context-layouts-show-zona-sur #ShareDiv,
.context-layouts-show-zona-centro #ShareDiv {
    background: #2388DE;
}
/*.context-layouts-show-zona-norte .widget,
.context-layouts-show-zona-sur .widget,
.context-layouts-show-zona-centro .widget {
    background: #2388DE;
}*/
#ShareDivNorte li {
    float: left;
    width: 25%;
    text-align: left;
    text-transform: uppercase;
    font-size: small;
    border-right: solid 1px #DDD;
    list-style: none;
    height: auto;
    text-align: center;
}
.context-layouts-show-zona-norte #ShareDivNorte li:first-child,
.context-layouts-show-zona-sur #ShareDiv li:first-child,
.context-layouts-show-zona-centro #ShareDiv li:first-child {
    border-left: solid 1px #DDD;
}
.context-layouts-show-zona-norte #ShareDivNorte li,
.context-layouts-show-zona-sur #ShareDiv li,
.context-layouts-show-zona-centro #ShareDiv li {
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.context-layouts-show-zona-norte #ShareDivNorte li:first-child,
.context-layouts-show-zona-sur #ShareDiv li:first-child,
.context-layouts-show-zona-centro #ShareDiv li:first-child {
    border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.context-layouts-show-zona-norte #ShareDivNorte li,
.context-layouts-show-zona-sur #ShareDiv li,
.context-layouts-show-zona-centro #ShareDiv li {
    height: auto;
}
#ShareDivNorte .active {
    background: #e3ae36;
    color: #fff;
}
#ShareDivNorte ul {
    margin: 0;
    overflow: hidden;
}
.context-layouts-show-destinos-de-chile #DestinosMenu ul li {
    width: 33.334%;
}
#DestinosMenu ul li {
    width: 20%;
    float: left;
    text-align: left;
    text-transform: uppercase;
    font-size: small;
    border-right: solid 1px #1c6cb3;
    list-style: none;
    background: #2387df;
}

#DestinosMenu ul {
    width: 100%;
    margin: 0;
    overflow: hidden;
}
#DestinosMenu ul li a p {
    padding: 13px;
    margin:0;
    color: #fff;
    display: inline-block;
}

.context-layouts-show-destinos-de-chile .widget {
    background: #1e6bb3;
}
#ShareDivNorte ul {
    border-bottom: 0;
}
#ShareDivNorte li a {
    display: block;
    height: 100%;
    width: 100%;
    color: #4D4D4D;
    transition: all 0.2s ease;
}
#ShareDivNorte li a:hover {
    color: #505050;
    background-color: #eee;
}
.context-layouts-show-zona-norte #ShareDivNorte li a:hover,
.context-layouts-show-zona-sur #ShareDiv li a:hover,
.context-layouts-show-zona-centro #ShareDiv li a:hover {
    color: #2388DE;
    background-color: #eee;
}
#ShareDivNorte li p {
    position: relative;
    display: inline-block;
}
.context-layouts-show-zona-norte #ShareDivNorte li a,
.context-layouts-show-zona-sur #ShareDiv li a,
.context-layouts-show-zona-centro #ShareDiv li a {
    color: white;
    text-decoration: none;
}
@media (max-width: 768px) {
    #ShareDiv li {
        float: left;
        width: 100%;
        text-align: center;
        text-transform: uppercase;
        font-size: small;
        border: none;
        list-style: none;
        height: auto;
    }
    #ShareDiv li:first-child {
        border: none;
    }
    .context-layouts-show-zona-norte #ShareDivNorte li,
    .context-layouts-show-zona-sur #ShareDiv li,
    .context-layouts-show-zona-centro #ShareDiv li {
        border-right: none;
    }
    .context-layouts-show-zona-norte #ShareDivNorte li:first-child,
    .context-layouts-show-zona-sur #ShareDiv li:first-child,
    .context-layouts-show-zona-centro #ShareDiv li:first-child {
        border-left: none;
    }
    #ShareDiv ul {
        margin: 0;
        border: none;
    }
    #ShareDivNorte li {
        float: left;
        width: 100%;
        text-align: center;
        text-transform: uppercase;
        font-size: small;
        border: none;
        list-style: none;
    }
    #ShareDivNorte li:first-child {
        border: none;
    }
    #ShareDivNorte ul {
        margin: 0;
        border: none;
    }
}
.center--hover {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
}
#texto--ZonaNorte {
    background: #eef1f3;
    padding: 60px 0px;
    font-size: 22px;
    font-weight: lighter;
    line-height: 1.5em;
    font-style: italic;
    text-align: center;
}
#texto--ZonaNorte p {
    padding: 20px;
}
/* EVENTOS ================================================ */

.context-layouts-show-panoramas #page-content .main-inner #page-content:nth-child(1) {
    background: url(https://copec.modyocdn.com/uploads/d602386c-9b19-43ef-9d4b-eda827c24cf5/original/bg-panoramas-musica.jpg) no-repeat center top;
    background-size: cover;
}
.context-layouts-show-panoramas #page-content .main-inner #page-content:nth-child(2) {
    background: url(https://copec.modyocdn.com/uploads/bfce35ab-46d1-4c5a-b710-86cf4ffc8907/original/bg-panoramas-coltura.jpg) no-repeat center top;
    background-size: cover;
}
.context-layouts-show-panoramas #page-content .main-inner #page-content:nth-child(3) {
    background: url(https://copec.modyocdn.com/uploads/a1ba4537-12ca-4367-aa15-6d4ebd1f27ae/original/bg-panoramas-deporte.jpg) no-repeat center top;
    background-size: cover;
}
.context-layouts-show-panoramas #page-content .main-inner #page-content:nth-child(4) {
    background: url(https://copec.modyocdn.com/uploads/41ddae83-a131-4114-b94f-ccf9e69fc87d/original/bg-panoramas-encuentro.jpg) no-repeat center top;
    background-size: cover;
}
.context-layouts-show-panoramas #page-content .main-inner #page-content:nth-child(5) {
    background: url(https://copec.modyocdn.com/uploads/69dd5340-f86e-42c5-8547-6bf077731ad7/original/bg-panoramas-fc.jpg) no-repeat center top;
    background-size: cover;
}
.context-layouts-show-panoramas #page-content .main-inner #page-content {
    padding-bottom: 30px;
}
.context-layouts-show-panoramas #content > .content-inner {
    padding: 0
}
.context-layouts-show-panoramas .widget {
    margin-top: 20px;
}
.context-layouts-show-panoramas .widget h3 {
    color: #fff;
    font-weight: bold;
}
.context-layouts-show-panoramas .widget h3 a {
    font-size: 15px;
    margin-left: 10px;
    color: #fff;
}
.context-layouts-show-panoramas .widget h3 a:hover {
    text-decoration: underline
}
.category-cultura {
    background: url(https://copec.modyocdn.com/uploads/a5c58547-304c-4e0d-9ff0-5e185be7b5ea/original/bg-chiletur-panoramas-cultura.jpg) no-repeat center top 60px;
    background-size: 100%;
}
.category-fiestas-costumbristas {
    background: url(https://copec.modyocdn.com/uploads/b82a84bc-ab42-4e09-9527-d5faf0923872/original/bg-chiletur-panoramas-fc.jpg) no-repeat center top 60px;
    background-size: 100%;
}
.category-musica {
    background: url(https://copec.modyocdn.com/uploads/aa77a44f-efce-4850-b38d-46fb51e1f072/original/bg-chiletur-panoramas-musica.jpg) no-repeat center top 60px;
    background-size: 100%;
}
.category-deporte {
    background: url(https://copec.modyocdn.com/uploads/c6667acd-401f-467c-82de-855ab2705955/original/bg-chiletur-panoramas-deporte.jpg) no-repeat center top 60px;
    background-size: 100%;
}
.category-encuentro {
    background: url(https://copec.modyocdn.com/uploads/a34878a5-6338-40b5-99eb-c4daf7958a03/original/bg-chiletur-panoramas-encuentro.jpg) no-repeat center top 60px;
    background-size: 100%;
}
.eventos .information-fluid {
    background: #fff;
}
.eventos .cover img {
    width: 100%;
    margin-bottom: 20px;
    border-radius: 0;
}
.eventos .information-fluid .cover {
    width: 40%;
    float: left;
    margin: 0;
}
.eventos .information-fluid .information-detail {
    width: 54%;
    float: right;
    color: #333;
    margin: 2%;
}
.eventos .data-event li i {
    color: #7db5ff;
    margin-right: 5px;
    font-size: 15px;
    width: 13px;
    display: inline-block;
    text-align: center;
}
.eventos .information-fluid .information-detail .data-event,
.eventos .information-fluid .information-detail .description {
    margin: 0;
    width: 100%;
    margin-bottom: 20px;
}
.context-event-list {
    background: url(https://copec.modyocdn.com/uploads/c6667acd-401f-467c-82de-855ab2705955/original/bg-chiletur-panoramas-deporte.jpg) no-repeat center top 60px;
    ;
    background-size: 100%;
}
.eventos ul.list {} .eventos ul.list li.item {
    display: inline-block;
    width: 23.5%;
    margin: 0.5% 0.5% 1% 0.5%;
    vertical-align: top;
    position: relative;
    border: none;
    padding: 0;
    border: #f1f1f1 1px solid;
}
.eventos ul.list li.item .cover {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1;
    background: #313131;
}
.eventos ul.list li.item .cover img {
    width: 100%;
    height: auto;
    border-radius: 0;
    transition: 0.3s;
}
.eventos ul.list li.item:hover .cover img {
    opacity: 0.2;
    transition: 0.3s;
}
.eventos ul.list li.item .information-detail {
    z-index: 2;
    position: relative;
    float: left;
    width: 100%;
}
.eventos ul.list li.item .cover-fecha {
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 10px 15px;
    color: #fff;
    background-color: #2d8ec8;
    text-align: center;
    z-index: 2;
}
.eventos ul.list li.item .cover-fecha b {
    font-weight: bold;
    display: block;
    font-size: 30px;
    margin-bottom: 5px;
}
.eventos ul.list li.item .cover-fecha span {
    display: block;
    font-size: 15px;
    line-height: 15px;
}
.eventos ul.list li.item .cover-description {
    z-index: 2;
    position: absolute;
    bottom: 0;
    padding: 20% 5% 5% 5%;
    width: 100%;
    overflow: hidden;
    display: block;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.5) 20%, rgba(0, 0, 0, 1) 100%);
    /* FF3.6+ */
    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, rgba(0, 0, 0, 0)), color-stop(20%, rgba(0, 0, 0, 0.5)), color-stop(100%, rgba(0, 0, 0, 1)));
    /* Chrome,Safari4+ */
    
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.5) 20%, rgba(0, 0, 0, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.5) 20%, rgba(0, 0, 0, 1) 100%);
    /* Opera 11.10+ */
    
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.5) 20%, rgba(0, 0, 0, 1) 100%);
    /* IE10+ */
    
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.5) 20%, rgba(0, 0, 0, 1) 100%);
    /* W3C */
    
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=0);
    /* IE6-9 */
}
.eventos ul.list li.item .cover-description h4 span {
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    display: block;
}
.eventos ul.list li.item .cover-description a:hover {
    text-decoration: none
}
.eventos ul.list li.item .cover-description h4 {
    margin: 0 !important;
    color: #fff;
}
.eventos ul.list li.item .cover-description h5 {
    font-size: 12px;
    display: block;
    color: rgba(255, 255, 255, 0.6);
}
.eventos ul.list li.item .information-detail .event-details {
    background-color: #fff;
    padding: 5%;
    margin: 0;
    width: 100%;
}
.eventos ul.list li.item .information-detail .event-details i {
    color: #7db5ff;
    margin-right: 5px;
    font-size: 15px;
    width: 13px;
    display: inline-block;
    text-align: center;
}
.eventos ul.list li.item .information-detail .event-details b {
    color: #000
}
.eventos ul.list li.item .information-detail .widget-event-date {
    border: none;
    margin: 0;
    padding: 0;
    line-height: 22px;
}
.eventos ul.list li.item .information-detail .event-address {
    border: none;
    margin: 0;
    padding: 0;
    line-height: 22px;
}
.eventos ul.list li.item .information-detail .widget-event-date span {
    display: block;
    margin: 0;
}
.eventos .view-more {
    position: absolute;
    top: 21px;
    right: 20px;
}
.eventos-relacionados h3 {
    color: #333
}
.eventos-relacionados {
    margin-top: 30px
}
@media (max-width: 979px) {
    .eventos ul.list li.item {
        width: 48%;
    }
    .context-event-list,
    .category-cultura,
    .category-encuentro,
    .category-deporte,
    .category-musica,
    .category-fiestas-costumbristas {
        background-size: auto;
    }
    .context-layouts-show-destinos #ShareDiv li {
        width: 100%;
        text-align: left;
    }
    .context-layouts-show-destinos #ShareDiv {
        padding: 0;
    }
}
@media (max-width: 480px) {
    .eventos ul.list li.item {
        width: 99%;
    }
    .eventos .information-fluid .cover {
        width: 100%;
    }
    .eventos .information-fluid .cover {
        width: 100%;
    }
    .eventos .information-fluid .information-detail {
        width: 90%;
        margin: 1% 5% 5% 5%;
    }
}
/* =================================
GUIAS 2015
==================================*/
#ChileturLandingCloud img.guias-pack {
    width: 850px;
    display: block;
    margin: 0 auto;
}
#ChileturLandingCloud img.logo-guias {
    width: 400px;
    margin-bottom: 2em;
}
#CT--HeaderGuias {
    padding: 40px;
    background: url("https://copec.modyocdn.com/uploads/93cd4155-1f48-4823-ae59-06cf3ed363a4/original/bg-wood.jpg");
    background-color: #a3d8e7;
    background-size: cover;
}
#CT--HeaderGuias h2 {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 50px;
    color: #fff;
    text-align: center;
}
#CT--HeaderGuias h3 {
    margin-top: 20px;
    font-size: 22px;
    font-weight: lighter;
    line-height: 1.5em;
    font-style: italic;
    text-align: center;
    color: #fff;
}
#CT--HeaderGuias .guias-title-main {
    text-align: center;
}
#CT--HeaderGuias .guias-title-main .guias-title {
    max-width: 40%;
    padding:  0 0 3em 0;
}
#CT--HeaderGuias ul {
    color: #fff;
}
#CT--HeaderGuias ul li {
    color: #fff;
}
#CT--HeaderGuias a {
    display: block;
    margin: 0 auto;
}
.ctguias-links a {
    text-align: right;
    line-height: 2em;
    color: #333;
    font-size: 15px;
    margin-top: 15px;
}
#ChileturLandingCloud h3 {
    color: #fff;
}
#widget-657700 {
    display: none;
}
#CT--HeaderGuias .guia-head {
    width: 500px;
}
#CT--GuiasBottomLan {
    background: url("https://copec.modyocdn.com/uploads/900d46e0-9d47-4722-a14b-ed2bdd64c722/original/BG_PortadaMundoCopec1400x381vf.jpg");
    min-height: 320px;
    background-size: cover;
    color: #fff;
    padding: 40px;
    text-align: right;
    margin-bottom: -50px;
}
#CT--GuiasBottomLan .pull-right h2 {
    color: #fff;
}
#CT--GuiasBottomLan .pull-right {
    margin-left: 20em;
}
.context-layouts-show-guias .row-fluid h1 {
    margin-bottom: 10px;
    font-weight: 500;
}
@media (max-width: 767px) {
    #CT--GuiasBottomLan .pull-right {
        background: rgba(0, 0, 0, 0.8);
        padding: 15px;
        margin-left: 0;
    }
}
/* Chiletur Facilities Contents*/

p.currency i,
p.adress i,
p.phone i,
p.food-type i,
p.currency i,
p.calendar i,
p.web i,
p.mail i,
p.lodging-star i,
p.person i,
.adress .icon-map-marker {
    padding-right: 10px;
}
/* =================================
CHILETUR REQUESTS
==================================*/
.context-request.category-chiletur .btn.btnCTguia.disabled:hover,
.context-request.category-chiletur .btn.btnCTguia.disabled:hover,
.context-request.category-chiletur .btn.btnCTguia.disabled:focus {
    background-color: #002671;
}
.context-request.category-chiletur .description {
    font-size: 18px;
    color: #333333;
    margin-top: 1em;
}
.context-request.category-chiletur .btnCTguia {
    width: 101%;
    display: flex !important;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    background: rgb(23, 62, 136);
    border-top-left-radius: 0px;
    border-top-right-radius: 23px;
    border-bottom-right-radius: 23px;
    border-bottom-left-radius: 0px;
    height: 100%;
    min-height: 14vh;
    margin-bottom: 0;
    font-size: 17px;
    line-height: 1.5;
    padding: 0 2em;
    width: 100%;
    margin-left: 1px;
}
.context-request.category-chiletur #page-content .list h3 .label {
    padding: 4px;
    background: #E6B429;
    color: #fff;
    border: 0;
    margin-bottom: 1em;
}
.context-request.category-chiletur #page-content .list li h3 {
    line-height: 0;
}
.context-request #request-list ul li, .context-request-request .span9 {
    padding: 0 10px 10px 10px;
}
.context-request.category-chiletur #page-content #main h3 a {
    color: #183d87;
}
.context-request.category-chiletur .sidebar-menu li {
    margin-bottom: 1px;
}
.context-request.category-chiletur #page-content .sidebar-menu li {
    border-radius: 10px;
}
.context-request .save-box .btn-primary {
    background: transparent;
}
.context-request.category-chiletur #page-content .sidebar-menu li.current a {
    background: #183d87;
    color: #fff;
    border-radius: 10px;
    font-weight: 800;
}
.context-request.category-chiletur #page-content .sidebar-menu li.current .badge {
    color: #fff;
    background-color: transparent;
    border: 2px solid white;
}
.context-request.category-chiletur #page-content .sidebar-menu li .badge {
    padding: 4px 8px;
    color: #183d87;
    background-color: transparent;
    border: 2px solid #183d87;
    border-radius: 50px;
    margin-top: -2px;
}
.context-request.category-chiletur .btnCTguia a {
    font-size: 25px;
}
.context-request.category-chiletur #page-content {
    padding: 10em 0 10em 0;
}
.context-request.category-chiletur #page-content h2 {
    padding: 0;
}

.context-request.category-chiletur .CTtxtBloque {
    background-color: white;
    border-radius: 23px;
    position: absolute;
    z-index: 1;
    top: 60%;
    left: 0;
    right: 0;
    margin: 0 auto;
    box-shadow: 0 0 20px 0px #252e3a59;
    padding: 0;
}
.text-inner {
    padding: 1.5em 3em;
    font-size:20px;
    font-weight: lighter;
    line-height: 1.5em;
    margin: 0;
}
#request_description {
    width: 80%;
    height: 20vh;
}
#request_title {
    width: 80%;
}
#select-type {
    width: 80%;
}

.context-request #content {
    background: #fff;
}
.context-request #bannersoporte,
.context-request #page-content,
.context-request #page-content a {
    color: #333;
    text-decoration: none;
}
.context-request #bannersoporte {
    background: url("https://copec.modyocdn.com/uploads/4dca1803-f40d-4e8e-8846-05a95521322a/original/BG_top_ZN.jpg");
    height: 50vh;
    color: #fff;
    font-size: 30px;
    padding: 40px;
    background-size: cover;
}
#bannersoporte h1 {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 50px;
    text-align: center;
}
.context-request h2 {
    color: #333;
    font-weight: 300;
    padding-top: 10px;
}
.context-request #page-title {
    background: #fff;
}
.sidebar-menu li.current a {
    background: #fff;
}
.context-layouts-show-fe-de-erratas .btnCTguia {
    width: 265px;
}
.context-request #new-request {
    background: #fff;
}
.context-request #request-add {
    margin: 0 0 0px;
}
.context-request .interact-new {
    padding: 20px;
}
.context-request h3 {
    font-size: 25px;
    font-weight: 300;
}
.context-request .save-box a {
    padding-right: 10px;
}
.context-request .save-box .btn-primary,
.context-request-request .btn-primary {
background: #fff;
    padding: 10px 40px;
    color: #183c86!important;
}
.context-request-list.category-chiletur #new-request {
    padding: 15px;
    margin-bottom: 4em;
    background-color: #EEEEEE;
    border-radius: 10px;
}
.context-request .save-box .btn-primary:hover,
.context-request-request .btn-primary:hover {
    color: #fff!important;
    background: #183c86;
}
.context-request .fileupload-buttonbar .fileinput-button {
    background: #183c86;
    color: #fff;
    border-radius: 5px!important;
}

.context-request .save-box {
    margin-top: 0; 
}
.context-request .list .label,
.context-request-request .label {
    padding: 10px;
    font-size: 13px;
    background: #31ace1;
}
.context-request #page-content .list .meta-info a {
    color: #fff;
    font-weight: bolder;
}
.context-request #request-list ul li,
.context-request-request .span9 {
    background: #fff;
    padding: 10px;
    border-radius: 3px;
}
.context-request-request .main-inner .description {
    margin-top: 10px;
    font-size: 20px;
}
.context-request .list h3 .label,
.context-request-request .label-info {
    padding: 4px;
    background: transparent;
    color: #777;
    text-shadow: none;
    font-size: 12px;
    border: 1px solid rgba(51, 51, 51, 0.3);
}
.context-request-request h3 small,
.context-request-request h3 a {
    font-size: 12px;
}
.context-request-request .comments-title {
    margin-top: 2em;
    border-top: 1px solid #EEE;
    padding-top: 1em;
    background: #EEF1F3;
    position: relative;
    width: 805px;
    padding: 10px;
    margin-left: -10px;
}
/* =================================
CHILETUR NOVEDADES & FE DE ERRATAS 
==================================*/


.txtsupvideos {
    font-size: 17px;
    font-weight: 300;
    line-height: 1.5em;
    font-style: normal;
    text-align: center;
    padding: 10px 0px;
    
}
.context-layouts-show-noticias .content-inner,
.context-layouts-show-fe-de-erratas .content-inner {
    background: #eef1f3;
}
.context-layouts-show-fe-de-erratas #ZonaNorte {
    background: url("https://copec.modyocdn.com/uploads/ace9fed6-9c71-4950-b474-d2a63d6de00c/original/BG_top_FDE.jpg");
    background-size: cover;
}
.context-layouts-show-noticias #ZonaNorte {
    background: url("https://copec.modyocdn.com/uploads/783b63e3-da23-4191-9473-73723b9dca74/original/Banner_Top_Novedades.jpg");
    background-size: cover;
}
.context-layouts-show-noticias .widget-media,
.context-layouts-show-noticias #widget-bcd677,
.context-layouts-show-fe-de-erratas .widget-media,
.context-layouts-show-fe-de-erratas .widget-small {
    margin-top: 10px;
    border-radius: 4px;
}
.context-layouts-show-noticias #main .information-detail small {
    margin-top: 10px;
    display: block;
    border-top: 1px solid #F7F7F7;
    color: #888;
    margin-bottom: 13px;
}
.context-layouts-show-noticias #main .description,
.context-layouts-show-fe-de-erratas #main .description div {
    font-size: 14px;
}
.context-layouts-show-fe-de-erratas .inner .information-detail small {
    display: none;
}
.context-layouts-show-fe-de-erratas #sidebar .sidebar-inner .widget-small h3,
.context-layouts-show-noticias #sidebar .sidebar-inner .widget-small h3 {
    border-bottom: 1px solid #ccc !important;
    height: 44px;
    background: none;
    color: #666 !important;
}
.context-layouts-show-noticias .widget-small ul,
.context-layouts-show-fe-de-erratas #main ul,
.context-layouts-show-fe-de-erratas .widget-small ul {
    margin-bottom: 6%;
}
.context-layouts-show-noticias #home-wrap-second .noticias-chiletur .post .cover:hover {
    transition: all 0.3s;
}
.context-layouts-show-noticias #home-wrap-second .noticias-chiletur .post .information-inner h4 {
    min-height: 42px;
}
.context-layouts-show-noticias #home-wrap-second .noticias-chiletur .post .cover:hover {
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    transition: all 0.3s;
}
.context-layouts-show-noticias #home-wrap-second .noticias-chiletur .post .cover:after {
    content:"\A";
    width:100%;
    height:100%;
    background: rgba(30, 45, 76, 0.57);
    position:absolute;
    top:0;
    left:0;
    opacity: 0;
    transition:0.3s;
}
.context-layouts-show-noticias #home-wrap-second .noticias-chiletur .post .cover:hover:after {
    opacity: 1;
    transition:0.3s;
}
.context-layouts-show-noticias #home-wrap-second .noticias-chiletur .post .cover a i {
    display:none;
    opacity: 0;
}
.context-layouts-show-noticias #home-wrap-second .noticias-chiletur .post .cover:hover> a i {
    z-index: 999999;
    position: absolute;
    height: 100%;
    transform: translateY(35%);
    top: 0;
    left: 45%;
    font-size: 50px;
    color: #ffffff91;
    transition: 0.3s;
    display: block;
    opacity: 1;
}
.context-layouts-show-noticias #main .noticias-chiletur .inner {
    display: inline-block;
}
.context-layouts-show-noticias .information-fluid .cover {
    display: inline-block;
}
.context-layouts-show-noticias .main-inner ul li {
    padding: 0px;
}
.context-layouts-show-noticias #home-wrap-second .noticias-chiletur .post .cover {
    margin: 0;
    overflow: hidden;
    position: relative;
    transition: all 1s;
    cursor: pointer;
    max-width: 100%;
}
.context-layouts-show-noticias #home-wrap-second .noticias-chiletur .post .cover img {
    height: 300px;
}
.context-layouts-show-noticias #home-wrap-second .noticias-chiletur li.post {
    width: 49%;
    float: left;
    border-top: 1px solid #eff1f3;
    border: 1px solid #e4e4e4;
}
.context-layouts-show-noticias #main h4 a {
    color: #005eae;
}

.context-layouts-show-noticias #home-wrap-second .noticias-chiletur li.post:nth-child(2),
.context-layouts-show-noticias #home-wrap-second .noticias-chiletur li.post:nth-child(4) {
    margin-left: 2%;
}
.context-layouts-show-noticias #home-wrap-second .noticias-chiletur .foot-description small {
    max-width: 140px;
    display: inline-block;
    margin: 0;
    border: 0;
    padding: 6px 0;
}
.foot-description {
    display: block;
    width: 100%;
    height: auto;
    border-top: 1px solid #eff1f3;
}
#home-wrap-second .noticias-chiletur .foot-description .foot-inner {
    height: auto;
    display: inline-block;
    width: 100%;
}
.context-layouts-show-noticias #home-wrap-second .noticias-chiletur .foot-description .foot-inner,
.context-layouts-show-noticias #home-wrap-second .noticias-chiletur .information-inner {
    padding: 15px 30px;
}
.context-layouts-show-noticias .noticias_layout {
    background: url('https://copec.modyocdn.com/uploads/46071f6a-e436-4262-a89a-af727d21cc1b/original/news.jpg') center;
}
.context-layouts-show-noticias .main-video-section {
    background: #fff;
    padding: 1em 2em;
    border: 1px solid #e4e4e4;
}
.context-layouts-show-noticias .information-fluid .information-detail {
    margin: 0;
    background: #fff;
    width: auto;
    color: #3e3e3e;
    display: inline-block;
    position: relative;
    overflow: visible!important;
}
.context-layouts-show-noticias .information-fluid .information-detail span {
    color: #fff;
    font-weight: 400;
}
.context-layouts-show-noticias .post .cover .img-cover {
    display: inline-block;
    height: 200px;
    width: 400px;
    float: left;
    background-position: top!important;
}
.context-layouts-show-noticias .widget-small .inner .view-more,
.context-layouts-show-fe-de-erratas #main .view-more,
.context-layouts-show-fe-de-erratas .widget-small .inner .view-more {
    margin-top: -30px;
}
.context-layouts-show-noticias .video_case {
    position: relative;
    padding-bottom: 56.25%;
    height: 400px;
    overflow: hidden;
    margin-bottom: 15px;
}
.context-layouts-show-noticias .row-fluid .video_case iframe,
.context-layouts-show-noticias .row-fluid .video_case object,
.context-layouts-show-noticias .row-fluid .video_case embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.context-layouts-show-fe-de-erratas .guia-chiletur {
    font-weight: 900;
}
.context-layouts-show-fe-de-erratas .pagina {
    font-weight: bold;
    margin-bottom: 10px;
}
.context-layouts-show-fe-de-erratas .promociones h4 a {
    color: #666;
}
.context-layouts-show-fe-de-erratas .chiletur-ultimas ul li {
    position: relative;
}
.context-layouts-show-fe-de-erratas .chiletur-ultimas ul li h4 a {
    color: #fff;
}
.context-layouts-show-fe-de-erratas .chiletur-ultimas ul li h4 {
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    bottom: 10px;
    left: 10px;
    font-weight: 600;
    color: #fff;
    z-index: 1;
    font-size: 15px;
}
.context-layouts-show-fe-de-erratas .chiletur-ultimas ul li .gradiente {
    position: absolute;
    width: 100%;
    height: 100%;
}
/* Videos Chiletur */

#VideosCT {
    padding: 60px;
    background: url("https://copec.modyocdn.com/uploads/8f6ca58e-9e9d-4d18-a8ef-d5be950ee131/original/CT_bg_videos_2.jpg");
    background-size: cover;
}
@keyframes animatedBackground {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 100% 0;
    }
}
@-webkit-keyframes animatedBackground {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 100% 0;
    }
}
#CT-VideosPrime {
    padding: 60px 0;
    height: 38vh;
    background-image: url("https://copec.modyocdn.com/uploads/1a73877a-de5d-49bc-93e8-55af888530fc/original/BG_CT_Videos_Base_Torres_del_Paine.jpg");
    color: #fff;
    background-position: 0px 0px;
    background-repeat: repeat-x;
    animation: animatedBackground 40s ease-in 2 alternate;
    -webkit-animation: animatedBackground 40s ease-in 2 alternate;
}
#CT-VideosPrime h1 {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 50px;
}
#CT-VideosPrime hr {
    width: 185px;
    margin: 10px auto;
}
#CT-VideosGrid {
    padding: 60px 0;
    background: url(https://copec.modyocdn.com/uploads/0ff3c8c0-12f1-40d9-9016-6a14c6fcb4fd/original/BG_CT_Video_Full_Base_Torres_del_Paine2.jpg);
    background-size: cover;
}
#CT-VideosGrid img {
    margin-bottom: 15px;
    border: solid 1px rgba(255, 255, 255, 0.15);
}
#lightbox #fotodentrodelight.center--hover {
    top: 50%;
}
.context-layouts-show-proyecto-w #content .content-inner {
    padding-bottom: 0px;
}
.context-layouts-show-proyecto-w .widget-full:nth-child(3) #VideosCT,
.context-layouts-show-proyecto-w .widget-full:nth-child(3) #VideosCT h3 {
    background: url("https://copec.modyocdn.com/uploads/bffbc366-076d-4559-acc3-a72ab58c8a81/original/BG_ParqueNacional_ZC.jpg");
    background-size: cover;
    color: #333;
}
.context-layouts-show-proyecto-w #VideosCT {
    margin-top: 0px;
}
#VideosCT .row-fluid .span8 {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-bottom: -150px;
}
#VideosCT .row-fluid .span8 iframe,
#VideosCT .row-fluid .span8 object,
#VideosCT .row-fluid .span8 embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 62%;
}
@media (max-width: 1200px) {
    #VideosCT .row-fluid .span8 iframe,
    #VideosCT .row-fluid .span8 object,
    #VideosCT .row-fluid .span8 embed {
        height: 66%;
    }
    .context-layouts-show-noticias #home-wrap-second .noticias-chiletur .post .information-inner h4 {
        min-height: 63px;
    }
}
@media (max-width: 768px) {
    #VideosCT .row-fluid .span8 iframe,
    #VideosCT .row-fluid .span8 object,
    #VideosCT .row-fluid .span8 embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    #VideosCT .row-fluid .span8 {
        margin-bottom: 0px;
    }
    /*===CONTENEDOR NOVEDADES HOME CHILETUR===*/
    
    .cont-noticias-chiletur .list li:first-child .cover img {
        max-width: initial;
    }
    .cont-noticias-chiletur .list li:nth-child(2) .cover img,
    .cont-noticias-chiletur .list li:nth-child(3) .cover img,
    .cont-noticias-chiletur .list li:nth-child(4) .cover img {
        max-width: initial;
    }
    /*===////CONTENEDOR NOVEDADES HOME CHILETUR===*/
}
#VideosCT .row-fluid .span4 img {
    padding: 3px 0;
    margin: 0 auto;
    display: block;
}
#FixWidgetFacilities h3,
#VideosCT h3 {
    font-size: 28px;
    color: #000;
    border-bottom: 0px solid #CCC;
    margin: 0 0 .7em;
    padding: 0 0 .3em;
    margin-bottom: 22px;
    line-height: 20px;
    font-weight: bold;
}
.context-layouts-show-noticias #main h4 a {
    line-height: normal;
    font-size: 17px;
}
.context-layouts-show-fe-de-erratas #main h4 a,
.category-chiletur #main h3 a {
    color: #08c;
    display: block;
    line-height: 32px;
    font-size: 23px;
    font-weight: lighter;
    font-style: normal;
}
/*===CONTENEDOR NOVEDADES HOME CHILETUR===*/

.cont-noticias-chiletur .list li:first-child .cover img {
    border-radius: 0;
    display: block;
    margin: 0;
    padding: 0;
    max-width: 175%;
}
.cont-noticias-chiletur .list li:nth-child(2) .cover img,
.cont-noticias-chiletur .list li:nth-child(3) .cover img,
.cont-noticias-chiletur .list li:nth-child(4) .cover img {
    max-width: 174%;
}
/*===////CONTENEDOR NOVEDADES HOME CHILETUR===*/
/*EVENTOS HOME (3)*/

.evento-home .detalle-evento-home h4 {
    font-size: 14px;
}
/* Portrait tablet to landscape and desktop */

@media (min-width: 768px) and (max-width: 979px) {
    #menu-chiletur img {
        max-width: 100%!important;
        margin-top: 20px;
    }
    #menu-chiletur .nav >li> a {
        padding: 23px 9px;
        font-size: 10px;
    }
    #menu-chiletur .dropdown-menu ul a {
        font-size: 10px;
    }
}
@media (min-width: 980px) and (max-width: 1199px) {
    #off-screen-nav-button trigger-menu-chiletur .trigger-menu-chiletur {
        display: none;
    }
    #menu-chiletur img {
        max-width: 100%!important;
        margin-top: 28px;
    }
    #menu-chiletur .nav >li> a {
        padding: 35px 11px;
        font-size: 13px;
    }
}
#ChileturLandingCloud .btnCTguia {
    background: #e8423f;
}
#ChileturLandingCloud img.logo {
    width: 510px;
}
@media (max-width: 480px) {
    #ChileturLandingCloud img.logo {
        width: 100%;
    }
}
#ChileturLandingCloud {
    background: #42a4c7!important;
    background-size: cover;
    padding: 40px 0px;
    margin: 20px 0 40px;
    text-align: center;
}
.ct-rate-box .vote > span {
    background: rgba(0, 0, 0, .4);
    display: inline-block;
    padding: 11px 13px;
    margin-top: -1px;
    margin-bottom: -6px;
    margin-left: -12px;
    margin-right: 7px;
    border-right: 1px solid rgba(255, 255, 255, .5);
    border-radius: 2px 0 0 2px;
}
@media (max-width: 767px) {
    .ct .ct-header .ct-rate .ct-rate-box .chiletur-vote-box a.vote span {
        padding: 6px 5px 5px 5px;
        margin-top: 2px;
        margin-bottom: 0px;
        margin-left: -5px;
        margin-right: 4px;
    }
}
/*fadeout dropdown*/

#menu-chiletur .dropdown .dropdown-menu {
    display: block;
    opacity: 0;
    -webkit-transition: all 700ms ease-in;
    -moz-transition: all 700ms ease-in;
    -ms-transition: all 700ms ease-in;
    -o-transition: all 700ms ease-in;
    transition: all 700ms ease-in;
}
#menu-chiletur .dropdown:hover .dropdown-menu {
    display: block;
    opacity: 1;
    -webkit-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    -ms-transition: all 100ms ease-in;
    -o-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
}
#menu-chiletur .dropdown:hover .dropdown-menu {
    z-index: 1000;
}
#menu-chiletur .dropdown .dropdown-menu {
    z-index: -1000;
}
@media (max-width: 979px) {
    .cont-noticias-chiletur {
        overflow: hidden;
        margin: 0px -20px;
    }
    .cont-eventos-chiletur {
        overflow: hidden;
    }
}
@media (max-width: 480px) {
    .cont-eventos-chiletur {
        margin: 0 -20px;
        overflow: hidden;
    }
}
/* Large desktop */

@media (min-width: 1200px) {
    .cont-eventos-chiletur {
        margin-top: -416px;
    }
}
@media (min-width: 980px) and (max-width: 1199px) {
    .cont-eventos-chiletur {
        margin-top: -376px;
    }
}
.cont-noticias-chiletur .list li:nth-child(2),
.cont-noticias-chiletur .list li:nth-child(3),
.cont-noticias-chiletur .list li:nth-child(4),
.cont-noticias-chiletur .list li:nth-child(5) {
    height: 81px;
}
@media (min-width: 1200px) {
    .item-wrap-second .columns > li:last-child .item {
        height: 196px;
    }
    .item-wrap-second .columns > li:last-child .description {
        height: auto;
    }
}
/* Landscape phone to portrait tablet */

@media (min-width: 980px) and (max-width: 1199px) {
    .item-wrap-second .columns > li:last-child .item {
        height: 157px;
    }
    .item-wrap-second .columns > li:last-child .description {
        height: auto;
    }
}
/* Portrait tablet to landscape and desktop */

@media (min-width: 768px) and (max-width: 979px) {
    .item-wrap-second .columns > li:last-child .item {
        height: 162px;
    }
    #nav-item-productos .dropdown-menu {
        margin-left: -100px;
    }
}
.ct-fa-att .ct-fa-att-header {
    background-image: url(https://copec.modyocdn.com/uploads/302e519c-ecd4-4085-aa79-ffb6a638075c/original/ct-default3.png);
}
#nav-item-concursos .dropdown-menu,
#nav-item-productos .dropdown-menu {
    width: 240px;
}
#nav-item-concursos .dropdown-menu .span4,
#nav-item-productos .dropdown-menu .span4{
    width: 100%;
}
#nav-item-concursos .dropdown-menu .span8 {
    display: none;
}
#nav-item-productos .dropdown-menu .span8 {
    display: none;
}

@media (max-width: 991px) {
	.text-inner {
	    font-size: 16px;
	}
	.context-request.category-chiletur .btnCTguia {
    	font-size: 14px;
	}
    #request_description {
        width: 100%;
        height: 20vh;
    }
    #request_title {
        width: 100%;
    }
    #select-type {
        width: 100%;
    }

}
@media (max-width: 768px) {
    .context-request.category-chiletur .btnCTguia {
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
        border-bottom-left-radius: 20px;
        height: 100%;
        min-height: auto;
        margin-bottom: 0;
        font-size: 17px;
        line-height: normal;
        padding: 1em;
        width: 90%;
        margin-left: 1px;
        margin: 0 auto 2em auto;
    }
    .context-request.category-chiletur #page-content {
        padding: 15em 0 10em 0;
    }
    .context-request #bannersoporte {
        height: 35vh;
    }
    .context-request.category-chiletur .CTtxtBloque {
        top: 45%;
    }
}

/** adblue **/
#intro-bluemax {
  color: #fff;
  height: 460px;
  font-size: 16px;
  background: url("https://copec.modyocdn.com/uploads/8ee1a7fb-7a07-437c-b5b8-87a90d78ddd4/original/bg-introbluemax.jpg") center;
  background-size: cover;
  position:relative;
}
#intro-bluemax .texts {margin-top: 100px;float: right; color:#343e78}
#intro-bluemax .texts h2 {width: 100%; max-width: 400px;}
#intro-bluemax .texts .btn {color:#fff; background:#343e78;padding: 15px 25px;  margin-bottom: 50px;}
#intro-bluemax .texts .btn:hover {background:#1a2357;}

.caption-intro-bluemax {position: absolute;background-color: rgba(0,0,0,0.4);font-size: 12px;bottom: 10px;left: 20px;padding: 5px 10px;border-radius: 10px;}

#quees-bluemax{
  color: #343e78;
  height: auto;
  font-size: 16px;
  background: url("https://copec.modyocdn.com/uploads/5fb00529-dc21-4e2c-91f0-79634902ec32/original/bg-quees.jpg") center #86c3ec;
  background-size: cover;
  padding: 40px 0px;
}
#quees-bluemax .texts h2 {color:#343e78; font-weight: bold;}
#quees-bluemax .texts h2 small{color:#343e78}
#quees-bluemax .texts p{color:#343e78}
#quees-bluemax .texts a{color:#343e78;font-weight: bold;display: block;margin-bottom: 10px;}
#quees-bluemax .texts a:hover{text-decoration:underline}

#como-bluemax{
  color: #343e78;
  height: auto;
  font-size: 16px;
  background: url("https://copec.modyocdn.com/uploads/c3e84b6e-621f-4d51-a9dc-1a9829c24d43/original/bg-como.jpg") center #86c3ec;
  background-size: cover;
  padding: 40px 0px;
}
#como-bluemax .imagen img {width:100%;margin-bottom: 20px;max-width: 500px;}
#como-bluemax .imagen ul {list-style: none;}
#como-bluemax .imagen ul li {
  display: block;
  overflow: hidden;
  color: #fff;
  margin-bottom: 5px;
  font-size: 13px;
}
#como-bluemax .imagen ul li span {
    display: inline-block;
    width: auto;
    float: left;
    background-color: #72c618;
    padding: 0px 5px;
    color: #fff;
    border-radius: 110px;
    margin-right: 10px;
}
#como-bluemax .imagen ul li:first-child span {background-color: #498ada;}
#como-bluemax .imagen ul li:last-child span {background-color: #dd0000;}
#como-bluemax .imagen ul li p {  display: inline-block;width: 90%;float: left;}
#como-bluemax .texts {float:right;}
#como-bluemax .texts h2 {color:#fff; font-weight: bold;}
#como-bluemax .texts p{color:#fff}

#formatos-bluemax {
  color: #343e78;
  height: auto;
  font-size: 16px;
  background: url("https://copec.modyocdn.com/uploads/f02ee71f-0fd3-407f-acc6-04898178c74b/original/bg-formatos.jpg") center #86c3ec;
  background-size: cover;
  padding: 40px 0px;
  text-align:center
}
#formatos-bluemax h2 {color:#fff;font-weight: bold;}
#formatos-bluemax .imagen img {width: 100%;max-width: 470px;}
#formatos-bluemax .imagen p {color:#fff; font-size: 13px;}
#formatos-bluemax .imagen span {color:#559bdc}

#donde-bluemax {
  color: #343e78;
  height: auto;
  font-size: 16px;
  background: url("https://copec.modyocdn.com/uploads/8a9ff630-37a6-478e-8051-4cdb3b5a88e8/original/bg-donde.jpg") center #86c3ec;
  background-size: cover;
  padding: 40px 0px;

}
#donde-bluemax h2 {color:#fff;font-weight: bold;text-align:center;}
#donde-bluemax h3 {color:#fff; margin-bottom:10px;font-weight: bold; margin-top:30px;font-size: 22px;}
#donde-bluemax p {color:#fff; margin-bottom:20px;}
#donde-bluemax .btn-r {  background: #ff4b36;color: #fff;padding: 10px 20px;text-transform: uppercase;font-weight: bold;}
#donde-bluemax .btn-r:hover {background:#c12e1d;color #fff;}
#donde-bluemax .btn-r img {width: 20px;margin-left: 10px;}

#tarjetas-bluemax{
  color: #fff;
  height: auto;
  font-size: 16px;
  background: url("https://copec.modyocdn.com/uploads/27389560-2629-4e97-aa62-dd70529a54f7/original/bg-tarjetas.png") center #86c3ec;
  background-size: cover;
  padding: 40px 0px;
}
#tarjetas-bluemax img { margin-bottom: 2em; }
#tarjetas-bluemax h2 {color:#fff;font-weight: bold;text-align:center;}
#tarjetas-bluemax h3 {color:#fff; margin-bottom:10px;font-weight: bold;font-size: 22px;}

.context-layouts-show-adblue #content > .content-inner {  padding-bottom: 0px;}



/* MENU INTERNO */
.context-layouts-show-adblue #nav-container ul { background: #343e78; }
.context-layouts-show-adblue #navigation-layout li a { color: #FFF; }
.context-layouts-show-adblue #navigation-layout li a:hover,
.context-layouts-show-adblue #navigation-layout li a:focus {
    background: rgba(0,0,0,.1);
}
.context-layouts-show-adblue #navigation-layout.affix { background: #343e78 }



/* RESPONSIVE */


@media (max-width: 768px) {
    #intro-bluemax {
        background: url("https://copec.modyocdn.com/uploads/cee167e2-a7d3-4a2e-85ab-15d70194f986/original/bg-introbluemax.jpg") center right;
        height: auto;
    }
    .caption-intro-bluemax {display:none}
    .quees-bluemax .imagen{text-align: center;}
    .context-layouts-show-adblue #navigation-layout li {
        float: left;
        width: 48%;
        margin: 0 1%;
        border: none;
    }
    .context-layouts-show-adblue #navigation-layout li a {
        padding: 3px 10px !important;
        font-size: 12px !important;
        text-align: center !important;
        border-right: none !important;
        border-bottom: none !important;
        min-height: 0px !important;
    }
}
#gnc-featured {
    padding: 70px 0;
    background: url("https://copec.modyocdn.com/uploads/8ee188bb-38ae-45dc-8749-ec99db9400ca/original/bg-prime.jpg") no-repeat;
    background-color: #60854a;
    color: #1e6931;
}

.context-layouts-show-glp #navigation-layout.affix,
.context-layouts-show-gnc #navigation-layout.affix { background: #DDD } 
.context-layouts-show-glp #navigation-layout.affix li a,
.context-layouts-show-gnc #navigation-layout.affix li a { color: #000}

#gnc-featured img.logo-gnc { padding-top: 40px; }
#glp-featured img.logo-glp {  }

#gnc-featured h1 { font-size: 56px; font-weight: 900; }
#gnc-featured .span6:first-child { padding-right: 100px; }
#gnc-featured h3 { margin: 20px 0 10px; font-weight: 600; color: #1e6931  }
#gnc-featured h1 small { font-size: 24px; font-weight: 300; color: #1e6931 }

.box-notices-featured { background: rgba(255,255,255,.9); padding: 25px; }
.box-notices-featured .media .pull-left { margin-right: 20px; }
.box-notices-featured h4 { font-size: 18px; margin-bottom: 20px; }
.box-notices-featured a { overflow: hidden; color: #1e6931 }

#que-es-gnc .media { width: 800px; margin: auto; }
#que-es-gnc .media img { width: 170px; margin-top: 20px; }
#que-es-gnc {
    padding: 80px 0;
    background: url("https://copec.modyocdn.com/uploads/e2b29711-d9f4-4293-8cbb-e4312fe2257f/original/bg-gnc-description.jpg") center bottom no-repeat #006927;
    color: #FFF;
    font-size: 18px;
}
#que-es-gnc h2 { font-size: 30px; font-weight: 600; margin-bottom: 20px; color: #FFF !important }


.box-ventaja h3 {
    color: #006927 !important;
}
#ventajas-lpg {
    padding: 40px 0;
    background: #f4f4f4;
}
#ventajas-glp .box-ventaja { height: 350px }
#ventajas-glp .box-ventaja .cover {
    background: #233D6E;
} 
#ventajas-glp .box-ventaja h3 {
    color: #233D6E !important;
}
#ventajas-gnc {
    padding: 40px 0;
    background: #f4f4f4;
} 
#ventajas-glp {
    padding: 40px 0;
    background: #f4f4f4;
} 
.box-ventaja .cover { width: 90px; height: 90px; margin: auto; border-radius: 50%; padding: 20px; background: #006927; margin-bottom: 20px; }
.box-ventaja {
    text-align: center;
    padding: 20px;
    box-shadow: 2px 2px 1px rgba(0,0,0,.2);
    background: #FFF;
    height: 300px;
}
.map-chile {
    height: 450px;
    margin-top: -66px;
}
#sucursales-gnc {
    padding: 80px 0;
    background: url("https://copec.modyocdn.com/uploads/fa633a50-adce-48f6-9b24-5897561e3fcb/original/bg-sucursales.svg") #9c9c9c;
    position: relative;
    font-size: 18px;
}
#sucursales-gnc h2 { font-size: 24px; font-weight: 600; margin-bottom: 20px; }
#sucursales-gnc .row-fluid { padding: 0 150px; }
#sucursales-glp .row-fluid { padding: 0 150px; }
#sucursales-gnc .container { z-index: 1; }
/*#sucursales-gnc .table-white { background: #FFF; padding: 20px; }*/
.table-white { text-align: center; }
#sucursales-gnc:after {
    content: '';
    left: 0;
    top: 0;
    position: absolute;
    right: 0;
    bottom: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&amp;1+0,0+100 */
    background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#sucursales-gnc .box-places {
    width: 310px;
    margin-top: 40px;
}

#esp-tec-gnp-glp .row-fluid { padding: 0 100px; }
#esp-tec-gnp-glp .row-fluid .span6:last-child { padding-left: 100px; }
#esp-tec-gnp-glp .btn { display: block; color: #FFF; margin-bottom: 20px; background: #009bdb; }
#esp-tec-gnp-glp .btn:last-child { background: #1e6931; }
#esp-tec-gnp-glp {
    padding: 60px 0;
    background: #2e2e2e;
    color: #FFF;
    margin-bottom: -50px;
}
#esp-tec-gnp-glp h3 { font-weight: 600; font-size: 24px; color: #FFF; }


@media (max-width: 979px) {
    #que-es-gnc .media { width: auto; }
    #ventajas-glp ul.columns,
    #ventajas-gnc ul.columns{ margin: 0; }
    #ventajas-glp ul.columns > li,
    #ventajas-gnc ul.columns > li {
        width: auto;
        margin: 0;
        margin-bottom: 10px;
        float: none;
    }
    .box-ventaja h3 { margin-bottom: 10px !important }
    .box-ventaja { text-align: left; overflow: hidden; height: auto !important }
    .box-ventaja .cover { float: left; margin-right: 20px; }
    .box-ventaja .figcaption { overflow: hidden; }
    
    #sucursales-gnc .row-fluid,
    #sucursales-glp .row-fluid { padding: 0; }
    
}


@media (max-width: 768px) {

    #que-es-glp .media { width: auto; }

    .map-chile { display: none; }
    
    .box-ventaja .cover { width: 70px; height: 70px; padding: 10px; }

    #que-es-gnc { padding: 40px 0; }
    #que-es-gnc .media { font-size: 15px; }
    
    #sucursales-gnc { padding: 40px 0; font-size: 15px; }
    
    #sucursales-gnc .box-places { width: 310px; margin: 20px auto 40px auto }
    #sucursales-gnc  .box-places .btn span { padding: 11px 10px; }
    
    #esp-tec-gnp-glp { padding: 40px 0; }
    #esp-tec-gnp-glp .row-fluid .span6:last-child { padding: 0; margin-top: 40px; }
    #esp-tec-gnp-glp .row-fluid { padding: 0 10% }
    
    #gnc-featured .span6:first-child { padding: 0; margin-bottom: 20px; }
    #gnc-featured { padding: 40px 0; }
    
}

@media (max-width: 480px) {
    
    #que-es-gnc .media > .pull-right { float: right; width: 80px; }
    .box-notices-featured { background: #FFF; margin: 0 -20px; }
    .box-notices-featured .media .pull-left { float: left; width: 90px; }
    .box-notices-featured h4 { margin-bottom: 10px; }
    .context-layouts .widget.widget-text .box-notices-featured h2 { font-size: 24px; }
}










/* ====================================================================
    GLP
    =========================================================== */
    
#glp-featured {
    padding: 50px 0;
    background: url("https://copec.modyocdn.com/uploads/798b7f2b-3b67-4edb-af1e-af4006a338dd/original/bg-featured-glp.jpg") no-repeat;
    background-size: cover;
    background-position: -120px 0;
    background-color: #FFF;
    color: #666;
}
#glp-featured .container { padding: 0 50px; }
#glp-featured h1 { font-size: 56px; font-weight: 900; color: #182d59; margin-top: 70px; }
#glp-featured .span6:last-child { padding-left: 100px; }
#glp-featured h3 { margin: 20px 0 10px; font-weight: 600; color: #32bcf6  }


#glp-featured .box-notices-featured a { color: #233d6e; }


#que-es-glp .media { width: 550px; }
#que-es-glp .media .pull-left { width: 80px; }
#que-es-glp h2 { font-size: 24px; font-weight: 600; color: #FFF; }
#que-es-glp {
    color: #FFF;
    font-size: 18px;
    padding: 60px 0;
    background: url("https://copec.modyocdn.com/uploads/9394761c-8990-49b2-a99c-185c6e5bec4d/original/bg-que-es-glp.jpg") #233D6E right no-repeat;
    background-size: 1320px;
}




#sucursales-glp {
    padding: 80px 0;
    background: url("https://copec.modyocdn.com/uploads/fa633a50-adce-48f6-9b24-5897561e3fcb/original/bg-sucursales.svg") #798ca7;
    position: relative;
    font-size: 18px;
}
#sucursales-glp h2 { font-size: 24px; font-weight: 600; margin-bottom: 20px; }
#sucursales-glp .container { z-index: 1; }
/* #sucursales-glp .table-white { background: #FFF; padding: 20px; } */
#sucursales-glp:after {
    content: '';
    left: 0;
    top: 0;
    position: absolute;
    right: 0;
    bottom: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&amp;1+0,0+100 */
    background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#sucursales-glp .box-places {
    width: 310px;
    margin-top: 40px;
}

#holder-notices-g .call-action,
#holder-notices-g .call-action-green { 
    padding-top: 20px;
    display: flex;
    flex-direction: row-reverse;
    }

#holder-notices-g .call-action a { 
    color: #fff;
    background: #233d6e;
}

#holder-notices-g .call-action a:hover { 
    color: #fff;
    background: #344d7d;
}

#holder-notices-g .call-action-green a { 
    color: #fff;
    background: #006927;
}

#holder-notices-g .call-action-green a:hover { 
    color: #fff;
    background: #0e883b;
}







@media (max-width: 979px) {
    #que-es-glp .media { width: auto; }
}

@media (max-width: 768px) {
    #que-es-glp { padding: 40px 0; background-position: -200px; }
    #que-es-glp .media { font-size: 15px; }
    
    #sucursales-glp { padding: 40px 0; font-size: 15px; }
    
    #sucursales-glp .box-places { width: 310px; margin: 20px auto 40px auto }
    #sucursales-glp  .box-places .btn span { padding: 11px 10px; }
    
    #glp-featured .span6:last-child { padding: 0; margin-bottom: 20px; }
    #glp-featured { padding: 40px 0; }
    
}

@media (max-width: 480px) {
    
    #que-es-glp .media > .pull-left { float: left; width: 80px; }
}
/* .context-layouts-show-panoramas #page-content .main-inner #page-content:nth-child(1){
    background: url(https://copec.modyocdn.com/uploads/d602386c-9b19-43ef-9d4b-eda827c24cf5/original/bg-panoramas-musica.jpg) no-repeat center top;
    background-size: cover;
    background-attachment: fixed !important;
}
.context-layouts-show-panoramas #page-content .main-inner #page-content:nth-child(2){
    background: url(https://copec.modyocdn.com/uploads/bfce35ab-46d1-4c5a-b710-86cf4ffc8907/original/bg-panoramas-coltura.jpg) no-repeat center top;
    background-size: cover;
    background-attachment: fixed !important;
}
.context-layouts-show-panoramas #page-content .main-inner #page-content:nth-child(3){
    background: url(https://copec.modyocdn.com/uploads/a1ba4537-12ca-4367-aa15-6d4ebd1f27ae/original/bg-panoramas-deporte.jpg) no-repeat center top;
    background-size: cover;
    background-attachment: fixed !important;
}
.context-layouts-show-panoramas #page-content .main-inner #page-content:nth-child(4){
    background: url(https://copec.modyocdn.com/uploads/41ddae83-a131-4114-b94f-ccf9e69fc87d/original/bg-panoramas-encuentro.jpg) no-repeat center top;
    background-size: cover;
    background-attachment: fixed !important;
}
.context-layouts-show-panoramas #page-content .main-inner #page-content:nth-child(5){
    background: url(https://copec.modyocdn.com/uploads/69dd5340-f86e-42c5-8547-6bf077731ad7/original/bg-panoramas-fc.jpg) no-repeat center top;
    background-size: cover;
    background-attachment: fixed !important;
}
.context-layouts-show-panoramas #page-content .main-inner #page-content {padding-bottom: 30px;}

.context-layouts-show-panoramas #content > .content-inner{padding:0}
.context-layouts-show-panoramas .widget {margin-top: 20px;}
.context-layouts-show-panoramas .widget h3 {color: #fff;font-weight: bold;}
.context-layouts-show-panoramas .widget h3 a{font-size: 15px;margin-left: 10px;color: #fff;}
.context-layouts-show-panoramas .widget h3 a:hover {text-decoration:underline}

.category-cultura{
    background: url(https://copec.modyocdn.com/uploads/a5c58547-304c-4e0d-9ff0-5e185be7b5ea/original/bg-chiletur-panoramas-cultura.jpg) no-repeat center top 60px;
    background-size: 100%;
}
.category-fiestas-costumbristas{
    background: url(https://copec.modyocdn.com/uploads/b82a84bc-ab42-4e09-9527-d5faf0923872/original/bg-chiletur-panoramas-fc.jpg) no-repeat center top 60px;
    background-size: 100%;
}
.category-musica{
    background: url(https://copec.modyocdn.com/uploads/aa77a44f-efce-4850-b38d-46fb51e1f072/original/bg-chiletur-panoramas-musica.jpg) no-repeat center top 60px;
    background-size: 100%;
}
.category-deporte{
    background: url(https://copec.modyocdn.com/uploads/c6667acd-401f-467c-82de-855ab2705955/original/bg-chiletur-panoramas-deporte.jpg) no-repeat center top 60px;
    background-size: 100%;
}
.category-encuentro{
    background: url(https://copec.modyocdn.com/uploads/a34878a5-6338-40b5-99eb-c4daf7958a03/original/bg-chiletur-panoramas-encuentro.jpg) no-repeat center top 60px;
    background-size: 100%;
}

.eventos .information-fluid{
    background:#fff;
}
.eventos .cover img{ width:100%;margin-bottom:20px;border-radius: 0;}
.eventos .information-fluid .cover{ width:40%;float:left;margin:0;}
.eventos .information-fluid .information-detail{
    width: 54%;
    float: right;
    color: #333;
    margin: 2%;
}
.eventos .data-event li i{
    color: #7db5ff;
    margin-right: 5px;
    font-size: 15px;
    width: 13px;
    display: inline-block;
    text-align: center;
}
.eventos .information-fluid .information-detail .data-event, .eventos .information-fluid .information-detail .description {margin: 0;width: 100%;margin-bottom: 20px;}

.context-event-list{
    background: url(https://copec.modyocdn.com/uploads/c6667acd-401f-467c-82de-855ab2705955/original/bg-chiletur-panoramas-deporte.jpg) no-repeat center top 60px;;
    background-size: 100%;
}
.eventos ul.list {}
.eventos ul.list li.item{
    display: inline-block;
    width: 23.5%;
    margin: 0.5% 0.5% 1% 0.5%;
    vertical-align: top;
    position: relative;
    border: none;
    padding: 0;
    border: #f1f1f1 1px solid;
}
.eventos ul.list li.item .cover{
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    position: relative;
    z-index:1;
    background:#313131;
}
.eventos ul.list li.item .cover img{
    width: 100%;
    height: auto;
    border-radius: 0;
    transition: 0.3s;
}
.eventos ul.list li.item:hover .cover img{
    opacity:0.2;
    transition: 0.3s;
}
.eventos ul.list li.item .information-detail{
    z-index: 2;
    position: relative;
    float: left;
    width: 100%;
}

.eventos ul.list li.item .cover-fecha{
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 10px 15px;
    color:#fff;
    background-color: #2d8ec8;
    text-align: center;
    z-index: 2;
}
.eventos ul.list li.item .cover-fecha b {
    font-weight: bold;
    display: block;
    font-size: 30px;
    margin-bottom: 5px;
}
.eventos ul.list li.item .cover-fecha span{
    display: block;
    font-size: 15px;
    line-height: 15px;
}
.eventos ul.list li.item .cover-description{
    z-index: 2;
    position: absolute;
    bottom: 0;
    padding: 20% 5% 5% 5%;
    width: 100%;
    overflow: hidden;
    display: block;  
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 1%, rgba(0,0,0,0.5) 20%, rgba(0,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(0,0,0,0)), color-stop(20%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 1%,rgba(0,0,0,0.5) 20%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) 1%,rgba(0,0,0,0.5) 20%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 1%,rgba(0,0,0,0.5) 20%,rgba(0,0,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 1%,rgba(0,0,0,0.5) 20%,rgba(0,0,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
.eventos ul.list li.item .cover-description h4 span{
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    display:block;    
}
.eventos ul.list li.item .cover-description a:hover{text-decoration:none}
.eventos ul.list li.item .cover-description h4{
    margin:0 !important;
    color:#fff;
}
.eventos ul.list li.item .cover-description h5{
    font-size: 12px;
    display:block;
    color:rgba(255,255,255,0.6);
}
.eventos ul.list li.item .information-detail .event-details {background-color: #fff;padding: 5%;margin: 0; width: 100%;}
.eventos ul.list li.item .information-detail .event-details i {color: #7db5ff;margin-right: 5px;font-size: 15px;width: 13px;display: inline-block;text-align: center;}
.eventos ul.list li.item .information-detail .event-details b {color:#000}
.eventos ul.list li.item .information-detail .widget-event-date {border: none;margin: 0;padding: 0;line-height: 22px;}
.eventos ul.list li.item .information-detail .event-address {border: none;margin: 0;padding: 0;line-height: 22px;}
.eventos ul.list li.item .information-detail .widget-event-date span {display: block;margin: 0;}
.eventos .view-more {position: absolute;top: 21px;right: 20px;}
.eventos .btn-primary {
    float: right;
    margin: 1% 1.5%;
}
.eventos .btn-primary a { color: #fff; }
.eventos-relacionados h3{color:#333}
.eventos-relacionados {margin-top:30px}

@media (max-width: 979px) {
    .eventos ul.list li.item {width: 48%;}
    .context-event-list, .category-cultura, .category-encuentro, .category-deporte, .category-musica, .category-fiestas-costumbristas {background-size: auto;}
.eventos .btn-primary {
        margin: 1% 2%;
    }
}
@media (max-width: 480px) {
    .eventos ul.list li.item {width: 99%;}
    .eventos .information-fluid .cover{width: 100%;}
    .eventos .information-fluid .cover{width: 100%;}
    .eventos .information-fluid .information-detail {width: 90%;margin: 1% 5% 5% 5%;}
}





 */
/* GENERAL ============================================== */
/* s: huella */

.context-layouts-show-huella { font-size: 16px; }
.brand-huella { padding-top: 10px; }
.brand-huella img { height: 60px; }


.context-layouts-show-huella .widget.widget-text h2 { 
    font-weight: 400;
    font-size: 55px; 
    color: #0e964a;
    font-family: 'Amatic SC', cursive;
}
.context-layouts-show-huella .widget h2 strong { font-weight: 700; }
.context-layouts-show-huella .widget.widget-text h3 { font-weight: 600; color: #000; }
.context-layouts-show-huella .btn-large { 
    font-size: 28px;
    padding: 25px 40px;
}
.context-layouts-show-huella .btn-primary {
    background: #0e964a;
}
.context-layouts-show-huella .btn-primary:hover,
.context-layouts-show-huella .btn-primary:active,
.context-layouts-show-huella .btn-primary:focus {
    background: #0e964a;
}


/* MENU =================================================== */


#menu-huella { 
    background: #ddf0e5; 
    font-family: 'Amatic SC', cursive;
}
#menu-huella ul { list-style: none; padding: 0; margin: 0; float: left; margin-left: 20px; }
#menu-huella li { float: left; }
#menu-huella a {
    display: block;
    padding: 30px 40px;
    font-size: 30px;
    color: #0e964a;
    position: relative;
}

#menu-huella .active a { background-color: rgb(200, 234, 214); }
#menu-huella .active a:after {
    position: absolute;
    left: 40%;
    bottom: -15px;
    content: '';
    width: 13px;
    height: 31px;
    /* background: url("https://copec.modyocdn.com/uploads/98347283-da6c-4c87-a47e-2c3ec0cb1de5/original/foot.png") no-repeat; */
    background-size: 100%;
} 
.brand-huella { float: left; }
#menu-huella a:hover,
#menu-huella a:active,
#menu-huella a:focus { text-decoration: none; }

/* SUBTOP HUELLA ============================================== */
#widget-1fa0f9 { background: #FFF; }
.submenu-reduce, .submenu-reduce ul li a { background: #FFF; font-family: 'Amatic SC', cursive; font-size: 29px; }
.submenu-reduce ul.nav-pills>li>a { padding: 20px 10px; cursor: pointer; }
.submenu-reduce ul.nav-pills>li>a.active, .submenu-reduce ul.nav-pills>li>a.active:focus { color: #0F974A; }


/* TOP HUELLA ============================================== */

#top-huella { padding: 40px 0; background: url("https://copec.modyocdn.com/uploads/7d821d21-4514-4cb7-b612-9467c08171cc/original/huella2.jpg") no-repeat right bottom }
#top-huella .call-action { margin-top: 40px; }
#top-huella .pull-left img { height: 111px; display: block; margin-bottom: 30px; }

.context-layouts-show-huella .widget #top-huella h2 { margin-top: 20px; }
.context-layouts-show-huella .widget #top-huella h2 strong { display: block; }
.context-layouts-show-huella .widget #top-huella h2 strong span { font-weight: 400; }

/* 
HUELLA ============================================== */

.context-layouts-show-huellacopec #myModalHuella,
.context-layouts-show-compensar #myModalHuella,
.context-layouts-show-reducir #myModalHuella,
.context-layouts-show-huella #myModalHuella {
    background-color: #D3DBE4;
    color: #6A7285;
}

.context-layouts-show-huellacopec #myModalHuella .modal-header,
.context-layouts-show-compensar #myModalHuella .modal-header,
.context-layouts-show-reducir #myModalHuella .modal-header,
.context-layouts-show-huella #myModalHuella .modal-header {
   border-bottom: 0px; 
}

.context-layouts-show-huellacopec #myModalHuella .modal-header h3,
.context-layouts-show-compensar #myModalHuella .modal-header h3,
.context-layouts-show-reducir #myModalHuella .modal-header h3,
.context-layouts-show-huella #myModalHuella .modal-header h3 {
    text-align: center;
    font-family: 'Amatic SC', cursive;
    font-size: 40px;
    margin-bottom: 0px;
    color: #6A7285;
}

.context-layouts-show-huellacopec #myModalHuella .modal-header .close,
.context-layouts-show-compensar #myModalHuella .modal-header .close,
.context-layouts-show-reducir #myModalHuella .modal-header .close,
.context-layouts-show-huella #myModalHuella .modal-header .close {
    font-size: 40px;
    font-weight: bold;
    line-height: 30px;
}

.context-layouts-show-huellacopec #myModalHuella .modal-body,
.context-layouts-show-compensar #myModalHuella .modal-body,
.context-layouts-show-reducir #myModalHuella .modal-body,
.context-layouts-show-huella #myModalHuella .modal-body {
    min-height: 270px;
    max-height: none;
}

.context-layouts-show-huellacopec #myModalHuella .modal-body .titulo,
.context-layouts-show-compensar #myModalHuella .modal-body .titulo,
.context-layouts-show-reducir #myModalHuella .modal-body .titulo,
.context-layouts-show-huella #myModalHuella .modal-body .titulo {
    text-align: center;
    font-weight: 600;
    font-size: 18px;
}

.context-layouts-show-huellacopec #myModalHuella .modal-body ul,
.context-layouts-show-compensar #myModalHuella .modal-body ul,
.context-layouts-show-reducir #myModalHuella .modal-body ul,
.context-layouts-show-huella #myModalHuella .modal-body ul {
    margin-bottom: 20px;
}

.context-layouts-show-huellacopec #myModalHuella .modal-body li a,
.context-layouts-show-compensar #myModalHuella .modal-body li a,
.context-layouts-show-reducir #myModalHuella .modal-body li a,
.context-layouts-show-huella #myModalHuella .modal-body li a {
    background: #000;
    height: 164px;
    width: 164px;
    display: block;
}

.vehicles .vehicle label:hover {
    background-position: 0px 166px;
}


/* MIDE HUELLA ============================================== */

#mide-huella {
    background: #7fb2d8 url("https://copec.modyocdn.com/uploads/807c5c2f-0b51-4a92-890e-f4d326ee855f/original/bg-mide.jpg") bottom center no-repeat;
    padding: 40px 0;
    padding-bottom: 300px;
    text-align: center;
    color: #FFF;
}
#mide-huella h2 {
    color: #FFF !important;
    font-weight: 400;
    font-size: 55px !important;
    font-family: 'Amatic SC', cursive;   
}

#mide-huella .btn-large { 
    font-size: 28px !important;
    padding: 25px 40px !important;
}

#mide-huella .container { padding: 0 15em; }
#mide-huella .call-action { margin-top: 40px; }



/* MIDE HUELLA ============================================== */

#features-huella {
    text-align: center;
    padding-bottom: 240px;
    margin-top: -60px;
    background: url("https://copec.modyocdn.com/uploads/8b40eefe-011e-4a8e-bf1d-4b43b5bfbc4a/original/bg-features.jpg") bottom center no-repeat;
    line-height: 1.7;
}

#features-huella .circle-item {
    background: #49658b;
    display: inline-block;
    width: 220px;
    height: 220px;
    text-align: center;
    padding-top: 47px;
    border-radius: 50%;
    border: 20px solid #FFF;
}


/* SPONSORS HUELLA ============================================== */

#sponsors-huella { padding: 15px 0; background: #cad3de; text-align: center; margin-bottom: -50px; }



/* =======================================================
    REDUCE
========================================================== */


#consejos-huella { padding: 40px 0; background: #FBF5E9 url("https://copec.modyocdn.com/uploads/53b00bf5-8bf6-4ad9-84f3-42c3d367757d/original/huella3.jpg") no-repeat right bottom }
#consejos-huella h2 {
    font-family: 'Amatic SC', cursive;
    font-size: 60px;
}
#consejos-huella .pull-left img { height: 60px; }


.cajader {
    width: 450px;
    position: relative;
    left: 50%;
    padding-bottom: 300px;
    margin-top: 50px;
    padding-top: 0;
}

.cajader h3 {
    font-family: 'Amatic SC', cursive;
    font-weight: 700;
    font-size: 42px !important;
    color: #6A7285 !important
}

.transporte, .hogar, .oficina { font-size: 18px; }


.tr1 {
    background: url(https://copec.modyocdn.com/uploads/5affa733-41e3-4f87-b5fe-832dc081844e/original/fondo-transporte.png) center bottom no-repeat #E7E7E7;
}

.tr2 {
    background: url(https://copec.modyocdn.com/uploads/31d012ee-f6d5-41eb-a290-3dc2b7d7adaf/original/copectransporte2.png) center bottom no-repeat #CAD3DE;
}

.tr3 {
    background: url(https://copec.modyocdn.com/uploads/e943aec8-5376-4175-b01c-6d25a2631b56/original/copectransporte3.png) center bottom no-repeat #E7E7E7;
}

.tr4 {
    background: url(https://copec.modyocdn.com/uploads/2c3f1481-8057-4c68-a72a-755b91a5027d/original/copectransporte4.png) center bottom no-repeat #CAD3DE;
}

.tr5 {
    background: url(https://copec.modyocdn.com/uploads/e1be90a2-d634-4304-96ae-fc473050be66/original/copectransporte5.png) center bottom no-repeat #E7E7E7;
}

.tr6 {
    background: url(https://copec.modyocdn.com/uploads/68c25ee5-8e18-44cd-8b69-f732ee6a1c9b/original/bg_tr6.jpg) center bottom no-repeat #CAD3DE;
    /*margin-bottom: -50px;*/
}


.hog1 {
    background: url(https://copec.modyocdn.com/uploads/5b11c622-5a3c-4d2a-bd9f-2ecfe6af7ca7/original/copechogar1.png) center bottom no-repeat #E7E7E7;
}
.hog2 {
    background: url(https://copec.modyocdn.com/uploads/3f0482fe-eef0-4977-a05b-615e1abffee8/original/copechogar2.png) center bottom no-repeat #CAD3DE;
}
.hog3 {
    background: url(https://copec.modyocdn.com/uploads/d5dd56c7-e27f-4d6b-beec-6c62933b9a7d/original/copechogar3.png) center bottom no-repeat #E7E7E7;
}
.hog4 {
    background: url(https://copec.modyocdn.com/uploads/ef31e8a5-e787-4244-b2e8-03d4fc0b3d7d/original/copechogar4.png) center bottom no-repeat #CAD3DE;
}
.hog5 {
    background: url(https://copec.modyocdn.com/uploads/4ff49355-c4dc-4378-b972-42953ed35171/original/copechogar5.png) center bottom no-repeat #E7E7E7;
}


.cajaizq {
    width: 400px;
    height: 250px;
    position: relative;
    left: 0;
    top: 50px;
    padding-bottom: 400px;
    margin-top: 50px;
    padding-top: 0;
}

.cajaizq  h3 {
    font-family: 'Amatic SC', cursive;
    font-weight: 700;
    font-size: 42px !important;
    color: #6A7285 !important
}



.of1{
    background:url(https://copec.modyocdn.com/uploads/d2cd47d9-a666-4727-a562-fe3343791a81/original/copecoficina1.png) center bottom no-repeat #CAD3DE;
}

.of2{
	background:url(https://copec.modyocdn.com/uploads/8eebe82c-2d0a-4f34-833c-b39d958551ee/original/copecoficina2.png) center bottom no-repeat #E7E7E7;
}

.of3{
	background:url(https://copec.modyocdn.com/uploads/d935e8dc-fb9b-41cd-b591-14537005e896/original/copecoficina3.png) center bottom no-repeat #CAD3DE;
}

.of4{
	background:url(https://copec.modyocdn.com/uploads/095dd5e8-a540-4a3b-b31b-253a25365da2/original/copecoficina4.png) center bottom no-repeat #E7E7E7;
}






/* =======================================================
    COMPENSAR
========================================================== */

.context-layouts-show-compensar #myModalCompensa { width: 660px; }
.context-layouts-show-compensar #myModalCompensa .modal-body { max-height: 520px!important; overflow-y: auto; }
#myModalCompensa .modal .modal-body { max-height: 520px; overflow-y: auto; }

#top-huella-compensar {
    background: url("https://copec.modyocdn.com/uploads/ad227f33-7dde-493e-a831-299891beb625/original/compensar.png") center bottom no-repeat #CAD3DE;
    padding: 40px 0 300px;
    font-size: 18px;
    line-height: 1.5;
}
#top-huella-compensar h2 {
    font-family: 'Amatic SC', cursive;
    font-size: 60px;
}


#list-compensar { padding: 40px 0; background: #e7e7e7 }


.nuevo-proy {
    background: #FFF;
    box-shadow: 5px 5px 0 rgba(0, 0, 0, .1 );
    padding: 10px 15px;
    margin: 30px 5px 5px !important;
    min-height: 350px !important;
}

.nuevo-proy figure {
    clear: both;
    float: left;
    padding-right: 10px;
    width: 227px;
    height: 134px;
    overflow: hidden;
    margin: 0;
    margin-bottom: 20px;
}

.nuevo-proy .btn-primary {
    margin-bottom: 10px;
}

.nuevo-proy .btns {
    display: block;
    float: left;
    margin: 0;
    min-width: 40%;
    padding: 0;
    position: relative;
    vertical-align: top;
    width: auto;
}

.nuevo-proy h2 {
    clear: both;
    font-size: 22px;
    font-weight: 100;
    margin-top: 0;
    width: 100%;
    line-height: normal;
}

.compra-proyecto p {
    display: inline;
    font-weight: 900;
}
.nuevo-proy .btns div { margin-bottom: 5px; }

.compra-proyecto { font-size: 21px; padding: 15px 30px; }


#huella-mensaje { padding: 40px 0; background: #e7e7e7; text-align: center; font-size: 18px; }

#huella-mensaje h2 {
    font-weight: 400;
    font-size: 55px !important;
    font-family: 'Amatic SC', cursive;   
}

/* Plantas */

#huella-planta {
    padding: 60px 0px;
    background: #e7e7e7;
    }

#huella-planta h2 {
    font-weight: 400;
    font-size: 55px !important;
    font-family: 'Amatic SC', cursive;
    text-align: center;
    line-height: 1em;
    }
    
#huella-planta h3 {
    text-align: left;
    color: #000;
    }

#huella-planta .row-fluid {
    margin-bottom: 10px;
    }
    
#huella-planta .span6 {
    text-align: center;
    }
    
#huella-planta .fotoplanta {
    width: 100%;
    border-radius: 10px;
    }

#huella-planta iframe {
    width: 100%;
    height: 240px;
    margin-top: 20px;
    }
    
#huella-planta p {
    font-size: 16px;
    line-height: 1.5em;
    text-align: left;
    }



/* =======================================================
    HUELLA COPEC
========================================================== */

#top-huellacopec {
    background: url("https://copec.modyocdn.com/uploads/d065321d-165a-46b5-b2ed-4ebae916df40/original/huella-copec.jpg") center bottom no-repeat #CAD3DE;
    padding: 40px 0 450px;
    font-size: 16px;
    line-height: 1.4;
}


#top-huellacopec h2 {
    font-weight: 400;
    font-size: 55px !important;
    font-family: 'Amatic SC', cursive;   
    text-align: center;
}

#top-huellacopec .container { padding: 0 80px; }



/* =======================================================
    FICHA PROYECTO
========================================================== */

.map-huella iframe { width: 100%; height: 300px; margin-top: 40px; }

#ficha-proyecto { padding: 40px 0; }
#ficha-proyecto h2 {
    font-weight: 400;
    font-size: 55px !important;
    font-family: 'Amatic SC', cursive;   
}
#ficha-proyecto ul {
    margin: 40px 0 40px;
    padding: 20px;
    padding-left: 40px;
    background: #f4f4f4;
    box-shadow: 4px 4px 0 rgba(0,0,0,.2);
    font-size: 20px;
}
#ficha-proyecto ul li { line-height: 2; }

#ficha-proyecto .call-action { margin-top: 20px; }

#related-projects {
    background: url("https://copec.modyocdn.com/uploads/ad227f33-7dde-493e-a831-299891beb625/original/compensar.png") center bottom no-repeat #CAD3DE;
    padding: 40px 0 300px;
    font-size: 18px;
    line-height: 1.5;
}

#related-projects h2 {
    font-weight: 400;
    font-size: 55px !important;
    font-family: 'Amatic SC', cursive;   
}

#related-projects .related-item { padding: 10px; background: #FFF; box-shadow: 4px 4px 0 rgba(0,0,0,.2); }
body.category-canal-industrial,
.context-layouts-show-canal-industrial,
.context-layouts-show-performance-y-calidad,
.context-layouts-show-instalaciones,
.context-layouts-show-administracion-y-gestion,
.context-layouts-show-medio-ambiente,
.context-layouts-show-servicios-web,
.context-layouts-show-solventes {
    background: url("https://copec.modyocdn.com/uploads/8f15f3a2-ca12-4f82-b44c-c8046a7c665d/original/bg_1.png") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.category-canal-industrial .descripcion-industrial h2,
.context-layouts-show-performance-y-calidad .descripcion-industrial h2,
.context-layouts-show-administracion-y-gestion .descripcion-industrial h2,
.context-layouts-show-instalaciones .descripcion-industrial h2,
.context-layouts-show-medio-ambiente .descripcion-industrial h2,
.context-layouts-show-servicios-web .descripcion-industrial h2,
.context-layouts-show-solventes .descripcion-industrial h2,
.context-layouts-show-instalaciones .widget.widget-text h2,
.context-layouts-show-performance-y-calidad .widget.widget-text h2,
.context-layouts-show-administracion-y-gestion .widget.widget-text h2,
.context-layouts-show-medio-ambiente .widget.widget-text h2,
.context-layouts-show-servicios-web .widget.widget-text h2,
.context-layouts-show-solventes .widget.widget-text h2 {
    margin: 2px 0px 0px 0px;
    padding: 15px 20px 1px 20px;
    display: block;
    width: 805px;
    background: url(https://copec.modyocdn.com/uploads/9ebaee04-e3d7-4e7c-9d0c-b46e8747d879/original/bg_4.png);
    color: #333333;
    /* font-family: 'robotoregular', Sans-serif; */
    /* font-weight: normal; */
    /* font-size: 19px; */
    /* text-transform: uppercase; */
    /* line-height: 20px; */
    font-size: 31.5px;
    font-weight: 300;
    line-height: 35px;
}



#menu-canal-industrial {
    overflow: hidden;
    height: 81px;
    background: url(https://copec.modyocdn.com/uploads/f2d63838-3d1a-4651-a52f-7f0b35139ddb/original/bg_2.png) repeat-x;
    margin: 0px 0px 13px 0px;
}

#menu-canal-industrial nav.right {
    margin: 20px 0px 0px 0px;
    height: 52px;
    float: right;
    display: none;
}

#menu-canal-industrial nav.right a {
    float: left;
    text-align: center;
    height: 32px;
    width: 124px;
    border-left: 1px solid #C8C8C8;
    line-height: 32px;
    display: inline-block;
    /* font-family: 'robotolight', Sans-serif; */
    font-weight: lighter;
    font-size: 12px;
    color: #333333;
    margin: 7px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#menu-canal-industrial .last_nav_header {
    border-right: 1px solid #C8C8C8;
}


#menu-canal-industrial nav.right form, 
#menu-canal-industrial nav form input {
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: inline-block;
    /* font-family: 'robotolight', Sans-serif; */
    font-weight: lighter;
    font-size: 10px;
    color: #666667;
    border: none;
}

#menu-canal-industrial nav.right form input[type="text"] {
    float: left;
    outline: 0;
    margin: 16px 0px 0px 19px;
    padding: 0px 0px 0px 5px;
    color: #666667;
    border: none;
    height: 20px;
    width: 135px;
    background: url(https://copec.modyocdn.com/uploads/770b630e-e559-482b-af53-3173929ab660/original/bg_input_1.png) no-repeat right center;
}
#menu-canal-industrial nav.right form input[type="submit"] {
    float: left;
    margin: 16px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color: #666667;
    border: none;
    height: 20px;
    width: 32px;
    background: url(https://copec.modyocdn.com/uploads/cb3a4ef4-d6e4-49f7-b3d6-0ee8f6f6e4cd/original/bg_input_2.png) no-repeat left center;
}

.clear {
    clear: both;
}

#menu-canal-industrial h1 {
    display: inline-block;
    /* font-family: 'robotolight', Sans-serif; */
    font-weight: lighter !important;
    font-size: 26px;
    color: #333333;
    margin: 25px 0 0 0;
    padding: 0px 0px 0px 0px;
    float: left;
}

#menu-canal-industrial h1 a {
    color: #333333;
}






/* ================================================================ 
LAYOUT
*/


nav.left {
    width: 250px;
    float: left;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
}
nav.left ul {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 250px;
    /* display: block; */
}
nav.left ul li {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
nav.left ul li{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}
.m1{
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    text-align:left;
    display:inline-block;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 5px;  
    /* font-family:'robotolight', Sans-serif; */
    font-weight:600;
    font-size:13px; 
    color:#333333;
    border:none;
    height:57px;
    line-height: 57px;
    width:250px;
    border-top:1px solid #C8C8C8;
    border-bottom:1px solid #C8C8C8;
    background-color:#F9F9F9;
    box-shadow: 3px 3px 0px rgba(0,0,0,0.1);
}
.m1:hover{
    /* font-family: 'robotomedium', Sans-serif !important; */
}
.submenu{
    box-shadow: 3px 3px 0px rgba(0,0,0,0.1);
    display: none;
    background: url(https://copec.modyocdn.com/uploads/9ebaee04-e3d7-4e7c-9d0c-b46e8747d879/original/bg_4.png);
}
.submenu a{
    text-transform: uppercase;
    line-height: 25px;
    text-align:left;
    /* font-family:'robotolight', Sans-serif; */
    font-weight:lighter;
    padding: 3px 10px;
    font-size:13px; 
    color:#333333;
    border:none;
    display: block;
    border-bottom:1px solid #C8C8C8; 
}
.submenu a:hover{  
    /* font-family:'robotomedium', Sans-serif; */
}
.submenu li { line-height: 10px; }
.submenu li:last-child a{
    border-bottom: none;
}
.m2{
    margin-left:50px !important;
    border-bottom: 1px solid #C8C8C8 !important;
}
.i_1{
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(https://copec.modyocdn.com/uploads/e4c754c9-a63d-4d4b-8f0d-7144e88484cc/original/icon_nav.png) no-repeat center center;
    margin: 0px 0px -8px 0px;
    padding: 10px;
}
.i_2 {
    /*display: inline-block;*/
    width:15px;
    height:15px;
    background:url(https://copec.modyocdn.com/uploads/d6e21663-be16-437a-be64-9613a4de2a6a/original/icon_nav_2.png) no-repeat center center;
    margin:0px 0px -7px 0px;
    padding: 10px;
}
.i_3{
    display: inline-block;
    width: 24px;
    height: 29px;
    background: url(https://copec.modyocdn.com/uploads/cc133596-08ad-4298-a11e-872b8ce32543/original/download.png) no-repeat center center;
    margin: 0px 10px 0px 0px;
    vertical-align: middle;
}

.p_1{
    margin:0px 0px 0px 0px;
    height:27px;
    line-height: 27px;
    display:inline-block;
    /* font-family: 'robotoregular', Sans-serif; */
    font-size: 11px;
    font-weight: normal;
    color:#F2F2F2;
    text-align:left;
    float:left;
}
.p_1_1{
    margin:0px 0px 0px 0px;
    height:27px;
    line-height: 27px;
    display:inline-block;
    /* font-family: 'robotoregular', Sans-serif; */ 
    font-size: 11px;
    font-weight: normal;
    color:#F2F2F2;
    text-align:left;
    float:right;
}
.p_1_1 a{
    margin:0px 0px 0px 0px;
    height:27px;
    line-height: 27px;
    display:inline-block;
    /* font-family: 'robotoregular', Sans-serif; */
    font-size: 11px;
    font-weight: bold;
    color:#F2F2F2;
}
.content_right{
    float:right;
    overflow: hidden;
    margin:1px 0px 0px 0px;
    width:805px;
}
.box_1{
    overflow:hidden;
    width:621px;
    float:left;
}
.box_2{
    width:170px;
    float:right;
}
.img_1{
    width:701px;
    min-width:701px;
    max-width:701px;
    height:355px;
    min-height:355px;
    max-height:355px;
}
.box_3{
    overflow: hidden;
    width:701px;
    height:355px;
}
.a_1{
    overflow:hidden;
    position:absolute;
    z-index:2;
    width:701px;
    height:355px;
    background:url(https://copec.modyocdn.com/uploads/202cebb9-f93f-4e30-9aa4-046a912750de/original/shadown_1.png) repeat-x bottom center;
    margin-top:0;
    border:1px solid;
    text-decoration: none;
    border:0;
}
.box_4{
    padding:10px; 
    width:150px;
    height:133px;
    background: url(https://copec.modyocdn.com/uploads/9ebaee04-e3d7-4e7c-9d0c-b46e8747d879/original/bg_4.png);
}
.label_1{
    display:block;
    /* font-family: 'robotolight', Sans-serif; */
    font-weight: lighter;
    font-size: 14px;
    color:#333333;
    margin:5px 0px 0px 0px;
}
.label_2{
    text-align: right;
    display:block;
    /* font-family: 'robotolight', Sans-serif; */
    font-size: 9px;
    color:#4D4D4E;
    margin:5px 0px 3px 0px;
}
.input_1{
    /* font-family: 'robotoregular', Sans-serif; */
    font-size:10px;
    font-weight: normal;
    color:#989898;
    outline:0;
    border:none;
    margin:0px 0px 5px 0px;
    padding:5px;
    width:141px;
    height:10px;
    background:url(../img/input_1.png) no-repeat center center;
}
.input_2{
    /* font-family: 'robotoregular', Sans-serif; */
    font-weight: normal;
    font-size:10px;
    color:#FFFFFF;
    outline:0;
    border:none;
    margin:0px 0px 5px 0px;
    text-align:center;
    width:72px;
    height:20px;
    background:url(../img/input_2.png) no-repeat center center;
    float:right;
}
.a_2{
    /* font-family: 'robotoregular', Sans-serif; */
    font-weight: normal;
    font-size: 9px;
    padding:0px 0px 0px 15px;
    margin:0px 0px 0px 0px;
    text-align: center;
    display:block;
    height:15px;
    line-height: 15px;
    color:#4D4D4E;
    text-decoration: underline;
    background:url(../img/i_1.png) no-repeat left center;
}
.box_5{
    margin:15px 0px 0px 0px;
    padding:0px 0px 0px 0px; 
    width:170px;
    height:298px;
    background: url(https://copec.modyocdn.com/uploads/4c86a53c-b559-44ea-aab3-4f8f23016440/original/bg_3.png);
}
.h3_1{
    display:block;
    margin:0px 0px 0px 0px;
    /* font-family: 'robotoregular', Sans-serif; */
    font-weight: normal;
    font-size:13px;
    color:#FFFFFF;
    background:#1071B9;
    height:44px;
    line-height:44px;
    text-align:left;
    padding:0px 10px;
}
.h3_1:hover{
    background:#0A6299;
}
.h3_3{
    float:left;
    display:block;
    margin:0px 0px 0px 0px;
    /* font-family: 'robotoregular', Sans-serif; */
    font-weight: normal;
    font-size:13px;
    color:#FFFFFF;
    background:#1071B9;
    height:44px;
    line-height:44px;
    text-align:left;
}
.icon_6{
    margin:14px 0px 0px 0px;
    float:right;
    display:inline-block;
    width:10px;
    height:15px; 
    background:url(https://copec.modyocdn.com/uploads/90492638-df3f-4498-b767-e3ac1e9ae0d8/original/icon_6.png) no-repeat center center;
}
.h3_2{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    /* font-family: 'robotoregular', Sans-serif; */
    font-weight: normal;
    font-size:24px;
    color:#404041;
    text-align:left;
}
.p_2{
    /* font-family: 'robotoregular', Sans-serif; */
    font-weight: normal;
    font-size: 11px;
    color: #FFFFFF;
    margin: 12px 10px;
    height: 38px;
    overflow: hidden;
}
.a_3{
    /* font-family: 'robotoregular', Sans-serif; */
    font-weight: normal;
    font-size:9px;
    color:#FFFFFF;
    display: block;
    text-align: right;
    margin:5px 10px 10px 10px;
}
.hr_1{
    width:149px;
    height:1px;
    color:#FFFFFF;
    background:#FFFFFF;
    border:none;
    margin:0px 10px 10px 10px;
}
.box_6{
    width:220px;
    height:120px;
    overflow: hidden;
    float:left;
    margin:15px 20px 0px 0px;
}
.h4_1{
    margin:0px 0px 0px 0px;
    background: url(https://copec.modyocdn.com/uploads/9ebaee04-e3d7-4e7c-9d0c-b46e8747d879/original/bg_4.png);
    height:24px;
    text-align: left;
    padding-left:5px;
    color:#333333;
    /* font-family: 'robotoregular', Sans-serif; */ 
    font-weight: normal;
    font-size:12px;
    line-height:24px;
    position: relative;
}

.box_6 .h4_1:after {
    content:">";
    position: absolute;
    right: 5px;
    }
    
    
.box_6 .h4_1 a {
    float: none;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    }

.img_2{
    width:220px;
    min-width:220px;
    max-width:220px;
    /*height:96px;
    min-height:96px;
    max-height:96px;*/
    margin:0;
}
.last{
    margin-right:0px !important;
}
.a_4{
    color:#FFFFFF;
    /* font-family: 'robotoregular', Sans-serif; */
    font-weight: normal;
    font-size:11px;
    display:inline-block;
    position:absolute;
    margin:0px 0px 0px 0px;
    padding:18px 20px 25px 20px;
    background:url(https://copec.modyocdn.com/uploads/4806b271-a5ed-41e8-b9db-b23ad4d895c3/original/bg_5.png);
    width:180px;
    height:34px;
    overflow: hidden;
    display: none;
}

.left { float: left; }
.right { float: right; }

.divider_1{
    margin:3px 0px 15px 0px;
    width:100%;
    height:2px;
    background: url(https://copec.modyocdn.com/uploads/37ba2b6a-eb2d-4694-8735-03ce500e379d/original/divider_1.png) repeat-x center center;
}
.content{
    width:805px;
    float:right;
}
.p_3{
    /* font-family: 'robotolight', Sans-serif; */
    font-weight: lighter;
    font-size:12px;
    color:#231F20;
    height:74px;
    overflow: hidden;
}
.img_3{
    width:269px;
    /*min-width:269px;*/
    /*max-width:269px;*/
    margin:5px 0px 0px 0px;
    
    min-height: 120px;
    padding: 3px;
    
}
.img_4{
    width:400px;
    min-width:400px;
    max-width:400px;
    margin:30px 0px 24px 0px;
}
.box_7{
    color:#333333;
    /* font-family: 'robotocondensed', Sans-serif; */
    font-weight: normal;
    font-size:18px;
    width:260px;
    overflow: hidden;
    float:left;
    margin:10px 10px 0px 0px;
    padding:10px;
    background: url(https://copec.modyocdn.com/uploads/9ebaee04-e3d7-4e7c-9d0c-b46e8747d879/original/bg_4.png);
}
.box_8{
    color:#333333;
    /* font-family: 'robotocondensed', Sans-serif; */
    font-weight: normal;
    font-size:18px;
    width:805px;
    height:auto;
    overflow: hidden;
    margin:20px 0px 0px 0px;
    padding:20px;
    background: url(https://copec.modyocdn.com/uploads/9ebaee04-e3d7-4e7c-9d0c-b46e8747d879/original/bg_4.png);
}

.box_8 .row-fluid p,
.box_8 .row-fluid ul,
.box_8 .row-fluid ol {
    font-size: 14px;
    text-align: justify;
    color: #333333;
    font-weight: 400;
    }
    
.box_8 .row-fluid ul li,   
.box_8 .row-fluid ol li {
    margin-bottom: 10px;
    color: #333333;
    }
    
.box_8 .row-fluid small {
    font-size:65%;
    }

.img_5{
    margin:0px 0px 0px 0px;
}
.box_9{
    color:#333333;
    /*background:#4D4D4E;*/
    /* font-family: 'robotocondensed', Sans-serif; */
    font-weight: normal;
    font-size:18px;
    width:805px;
    max-width: 100%;
    height:387px;
    overflow: hidden;
    margin-bottom:20px;
}
.c_1{
    color:#333333;
    /* font-family: 'robotoregular', Sans-serif; */
    font-weight: lighter;
    font-size:12px;
    width:400px;
    height: auto;
    overflow: hidden;
}
.c_3{
    color:#333333;
    /* font-family: 'robotolight', Sans-serif; */
    font-weight: lighter;
    font-size:14px;
}
.c_1 p{
    line-height: 21px;
    margin:0px 0px 20px 0px;
    font-size: 14px;
}
.c_2{
    text-align: left;
    width:150px;
}
.player_1{
    width:852px;
    height:386px;
    background:url(../img/player.png) no-repeat center center;
    position: absolute;
    margin:0px 0px 0px 0px;
}
#contact-form{
    margin:0;
    padding:0;
    display:block;
    float:left;
}
.form-block{
    margin:0px 0px 16.6px 0px;
    width:435px;
    clear:both;
    overflow: hidden;
}
.label_1{
    line-height: 19px;
    float:left;
    width:130px;
    display:inline-block;
    /* font-family: 'robotolight', Sans-serif; */
    font-size: 14px;
    font-weight: normal;
    color:#333;
    text-align: left; 
}
.input_3{
    /* font-family: 'HelveticaNeueLTStdRoman', Sans-serif; */
    font-size: 12px;
    font-weight: normal;
    line-height: 22px;
    color:#808080;
    float:left;
    margin:0px 0px 0px 0px;
    padding:0px 10px 0px 10px;
    outline:0;
    display: inline-block;
    width:283px;
    height:22px;
    border:none;
    background: url(https://copec.modyocdn.com/uploads/2ce251db-5585-48c0-a732-1e932833b816/original/bg_input_3.png) no-repeat center center;
}
.input_4{
    /* font-family: 'HelveticaNeueLTStdRoman', Sans-serif; */
    font-size: 12px;
    font-weight: normal;
    line-height: 22px;
    color:#808080;
    float:left;
    margin:0px 0px 0px 6px;
    padding:0px 10px 0px 10px;
    outline:0;
    display: inline-block;
    width:224px;
    height:22px;
    border:none;
    background: url(https://copec.modyocdn.com/uploads/33b9c1f8-b3d2-4085-984e-9234144d6915/original/bg_input_7.png) no-repeat center center;
}
.input_5{
    /* font-family: 'HelveticaNeueLTStdRoman', Sans-serif; */
    font-size: 10px;
    font-weight: normal;
    line-height: 20px;
    color:#4D4D4E;
    float:right;
    margin:0px 3px 0px 0px;
    padding:0px 0px 0px 0px;
    outline:0;
    display: inline-block;
    width:97px;
    text-align: center;
    height:20px;
    border:none;
    background: url(https://copec.modyocdn.com/uploads/38c253af-b46f-416e-a019-e1320c08170c/original/bg_input_5.png) no-repeat center center;
}
.select_1{
    outline:none;
    border:none;
    /* font-family: 'HelveticaNeueLTStdRoman', Sans-serif; */
    font-size: 12px;
    font-weight: normal;
    color:#808080;
    display: inline-block;
    margin:0px 0px 0px 0px;
    padding:4px 0px 0px 5px;
    width:296px;
    height:18px;
    background: url(https://copec.modyocdn.com/uploads/d4454e13-71cb-4473-b083-6f8f32c59835/original/bg_input_4.png) no-repeat center center;
}
.select_2{
    float:left;
    outline:none;
    border:none;
    /* font-family: 'HelveticaNeueLTStdRoman', Sans-serif; */
    font-size: 12px;
    font-weight: normal;
    color:#808080;
    display: inline-block;
    margin:0px 0px 0px 0px;
    padding:4px 0px 0px 5px;
    width:48px;
    height:18px;
    background: url(https://copec.modyocdn.com/uploads/e522b03a-3afd-4c77-8a63-3accb1cbc52e/original/bg_input_6.png) no-repeat center center;
}
.image_5{
    width:390px;
    max-width:390px;
    min-width:390px;
    height:430px;
    max-height:430px;
    min-height:430px;

}
#slider, #slider li{
    margin:0;
    padding:0;
    list-style:none;
    overflow:hidden;
}

#slider a div{
   position: absolute;
   bottom: 0;
   color:#FFFFFF;
   font-size: 14px;
   /* font-family:'robotoregular', Sans-serif; */
   margin:0 20px 20px 20px;
}
.error{
   font-size: 12px;
   /* font-family:'robotoregular', Sans-serif; */
   color:#DF013A;
   position:absolute;
   margin-left: -295px;
   margin-top: 22px;
}
.h3_slideshows{
    padding: 0;
    margin:0;
    font-size: 20px;
    /* font-family:'robotomedium', Sans-serif; */
    color:#FFFFFF; 
}
.box_buscador{
    width:544px;
}
.pagination{
    float:right; 
}
.pagination a{
    padding: 5px;
    font-size:12px;
    /* font-family:'robotomedium', Sans-serif; */
    color:#000;
}
.pagination ul{
    list-style:none;
}
.pagination ul li{
    float:left;
}
.pagination li.active a{
    font-weight:bold;
}
.box_buscador a{
    font-weight:normal;
    font-size:12px;
    /* font-family:'robotomedium', Sans-serif; */
    color:#231F20;
}
.box_buscador p{
    font-weight:lighter;
    font-size:12px;
    /* font-family:'robotolight', Sans-serif; */
    color:#231F20;
}
i.icon_5_left{
    width:10px;
    height:10px;
    display:inline-block;
    background:url(https://copec.modyocdn.com/uploads/0308bad8-57d2-4125-ab32-35c446b922ff/original/icon_5.png) no-repeat center left;
}
i.icon_5_right{
    width:10px;
    height:10px;
    display:inline-block;
    background:url(https://copec.modyocdn.com/uploads/0308bad8-57d2-4125-ab32-35c446b922ff/original/icon_5.png) no-repeat center right;
}

.login{
    width:170px;
    height:153px;
        height: 94px;
    display:inline-block;
    background:url(https://copec.modyocdn.com/uploads/843f8d55-3f1a-4b90-ba9c-831d86903a0f/original/login.png) no-repeat center center;
        background: url(https://copec.modyocdn.com/uploads/504a4207-7464-46ee-872a-9b418448e3d2/original/login.png) no-repeat center top;
        margin-bottom: -10px;
        height: 104px;
}

.box_10{
    width:891px;
    height:auto;
    overflow: hidden;
    margin:20px 0px 0px 0px;
    padding:32px 0px 0px 0px;
    background: url(https://copec.modyocdn.com/uploads/9ebaee04-e3d7-4e7c-9d0c-b46e8747d879/original/bg_4.png);
}
.box_11{
    margin:0px 0px 40px 25px;
    width:405px;
}
.box_11 img{
    float:left;
}
.box_12{
    margin:0px 20px 20px 20px;
    overflow: hidden;
    border-top:2px solid #fff;
}
#noticias .box_13 {
    margin-left: 0px;
}
#noticias .box_11 img {
    display: block;
    float: none;
    margin-bottom: 5px;
}
.box_13{
    width:265px;
    float:left;
}
.p_4{
    margin:0px 0px 0px 0px;
    /* font-family: 'robotolight_italic', Sans-serif; */
    font-weight: lighter;
    font-size:12px;
    color:#8C8A8A;
    height:12px;
    line-height:12px;
    display:inline-block;
    overflow: hidden;
}
.h1_1{
    float:none;
    margin:0px 0px 5px 0px;
    /* font-family:'robotoregular', Sans-serif; */
    font-weight:normal;
    font-size:14px;
    color:#333333;
}
.p_5{
    margin:0px 0px 0px 0px;
    /* font-family: 'robotolight', Sans-serif; */
    font-weight: lighter;
    font-size:12px;
    color:#221F1F;
    line-height:12px;
    display:block;
    overflow: hidden;
    min-height:30px;
    max-height:30px;
    line-height:15px;
}
.divider_2{
    margin:3px 0px 5px 0px;
    width:100%;
    height:2px;
    background: url(../img/divider_1.png) repeat-x center center;
}
.a_5{
    color:#221F1F;
    /* font-family: 'robotolight', Sans-serif; */
    font-weight: lighter;
    font-size:11px;
    display:block;
    text-align:right;
    margin:0px 0px 0px 0px;
}
#home-produce {
    background: url(https://copec.modyocdn.com/uploads/9ebaee04-e3d7-4e7c-9d0c-b46e8747d879/original/bg_4.png);
    height: auto;
    width: 170px;
    float: right;
    text-align: center;
    margin-top: 12px;
}
#home-produce h3 {
    padding: 0;
    text-align: center;
    margin: 10px 0 0 0;
    background: none;
    font-size: 14px; 
}
#home-produce .box_6 {
    margin: 14px auto 12px;
    float: none;
}
#home-produce .box_6 h4 {
    color: #fff;
    background: #4D4D4E;
    /* font-family: 'robotolight', Sans-serif; */
    font-style: 12px;
    font-weight: lighter;
}
#home-produce .box_6 img {
    width: 150px;
    max-width: 150px;
    min-width: 150px;
}
#home-produce .box_6,
#home-produce .a_4 {
    width: 150px;
    /*height: 70px;*/
}
#home-produce .box_6 .a_4 {
    height: 50px;
    width: 130px;
    padding: 10px;
    vertical-align: middle;
}
#news {
    width: 621px;
    margin-top: 17px;
}
#news .header {
    height: 35px;
    background: #1071B9;
    color: #fff;
}
#news .header h2 {
    background: none;
    width: 100px;
    float: left;
    margin: 8px 0 0 10px;
    padding: 0;
    display: inline-block;
    text-transform: capitalize;
    font-size: 17px;
    color: #fff;
    font-weight: normal;
    line-height: 1;
}


#news .header a {
    float: right;
    margin: 5px 10px 0 0;
    font-size: 13px;
    color: #FFF;
    font-weight: lighter;
    /* font-family: 'robotolight', Sans-serif; */
}
#news article:nth-child(5) {
    margin:0;
}
#news article {
    background: url(https://copec.modyocdn.com/uploads/9ebaee04-e3d7-4e7c-9d0c-b46e8747d879/original/bg_4.png);
    text-align: center;
    float: left;
    width: 24%; /* cambio */
    margin-right: 1.32%; /* cambio */
    min-height: 230px;
    overflow: hidden; /* cambio */
    position: relative;
}

#news article:nth-child(4) {
    margin-right: 0px;
}


#news article img {
    /* width: 160px; */
    max-width: 130%;
    height: 100px;
}
#news article h1 {
    text-align: left;
    text-wrap: no-wrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 0 0 10px;
    margin: 0;
    color: #fff;
    background: #1071B9; 
    height: 17px;
    line-height: 17px;
    font-size: 10px;
    font-weight: normal;
    /* font-family: 'robotoregular', Sans-serif; */
}
.h3_slideshows {
padding: 0 !important;
margin: 0 !important;
font-size: 20px !important;
/* font-family: 'robotomedium', Sans-serif !important; */
color: #FFFFFF !important;
}
#news article p {
    margin: 20px 0 0 0;
    text-align: left;
    padding: 10px;
    color: #231F20; 
    width: 140px;
    height: 50px;
    font-size: 9px;
    line-height: 1;
    font-weight: normal;
    /* font-family: 'robotoregular', Sans-serif; */
}

#news article p {
    margin: 0;
    font-size: 11px;
    height: auto;
    padding: 10px;
    width: 100%;
    text-align: justify;
    }


#news article a {
    color: #333; 
    font-size: 9px;
    /* font-family: 'robotomedium', Sans-serif; */
    position: absolute;
    bottom: 10px;
    right: 0px;
}
#news article a .i_1 {
    width: 8px;
    padding: 3px 5px 5px 0px;
    background-size: 8px;
}
.icn-arrow-left {   
    margin-right: 5px;
    display: inline-block;
    width: 9px;
    height: 13px;
    background: url(../img/arrow-left.png) no-repeat;
}


.content {
    width: 805px;
    float: right;
}


/* ===========
Arreglos otras secciones afectadas
=============*/

.fixcanalindustrial {
    background: #fff;
    }

/* =======================
        Responsive
=========================*/

@media (max-width: 1200px) {
    
    .content_right {
        width: 75%;
    }
    
    nav.left {
        width: 23%;
    }
    .box_1 {
        width: 75%;
    }
    
    #news {
        width: 100%;
    }
    
    
    .content {
        width: 75%;
    }
    
    .content h2 {
        width: auto !important;
    }
    
    .box_7 {
        width: 32%;
    }
    
    .box_8 {
        width: auto;
    }
    
    .c_1 {
        width: 100%;
    }
}

@media (max-width: 980px) {

    .content {
        width: 76%;
    }
    
    .content_right {
        width: 77%;
    }
    
    .box_1 {
        width: 99%;
    }
    
    .a_1 {
        width: 100%;
    }
    
    .img_1 {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }

}

@media (max-width: 768px) {
    
    nav.left {
        width: 100%;
        height: 90px;
        overflow: visible;
        position: relative;
        z-index: 3;
        display: none;
    }
    
    nav.left ul {
        width: 100%;
        list-style: none;
        background: #fff;
    }

    nav.left ul li {
        float: left;
        width: 16.6%;
    }
    
    nav.left ul li ul li {
        width: 100%;
    }
    
    .m1 {
        width: 100%;
        line-height: 18px;
        vertical-align: middle;
        padding-top: 14px;
        text-align: center;
        background-color: rgb(51, 51, 51);
        display: block;
    }
    
    .sidr ul li a, .sidr ul li span { padding: 10px; display: block; height: auto; }
    
    .content {
        width: auto;
        float:none;
    }
    
    .content_right {
        float: none;
        width: 100%;
    }
    
    #news {
        width: 100%;
    }
    
    #news article {
        width: 48%;
        margin-bottom: 3%;
    }
    
    .box_1 {
      width: 100%;
    }
    
    .box_3 {
        width: 100%;
    }
    
    .box_7 {
        width: 48%;
        min-height: 260px;
        margin: 1%;
    }
    
    .last {
        margin-right: 1% !important;
    }
    
    .box_9 {
        width: 100%;
        height: auto;    
    }
    
    .box_8 {
        width: auto;
    }
    
    #menu-canal-industrial .icon-reorder {
        position: absolute;
        right: 20px;
        top: 50%;
    }
    
}

@media (max-width: 400px) {

    
    
    #sidr-right .m1 {
        background: #000;
        text-align: left;
        font-size: 18px;
        font-weight: 400;
        line-height: 50px;
    }
    
    
    #sidr-right.sidr ul li ul li a {
        padding: 10px;
        font-size: 15px;
        font-weight: 500;
        color: #fff;
    }
    
    .a_1 {
        background-size: 40% 60%;
        height: 190px;
    }
    
    .box_3 {
        height: 180px;
    }
    
    .box_9 iframe {
        width: 100% !important;
    }
    
    .img_1 {
        height: 180px;
        min-height: 180px;
        max-height: 180px;
    }
    
    .c_1_1 {
        font-size: 16px;
    }

}

/* ================================================================
    RENOVA COPEC
    s: renova
================================================================= */



#buttons-bottom li {
    margin-right:0;
    margin-bottom:1em;
}


@media (max-width: 480px) {
    
    .menu-renova .menu-tae {
    width: 100%
    }
    
    #navigation-layout.menu-renova li {
    width: 33.3%;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    display: block;
    text-align: center;
    font-size: 12px;
    }
    
    #navigation-layout.menu-renova li:nth-child(3) {
    border-right: none;
    }
    
    #navigation-layout.menu-renova li a {
    padding: 15px 10px;
    }
}

.centerRenovaTec {
    text-align: center;
    }


#featured-renova {
    background: url("https://copec.modyocdn.com/uploads/66147ea3-70dd-4132-8754-12d043b1f306/original/bg-featured2.jpg");
    background-size: cover;
    padding: 40px 0;
    color: #FFF;
    text-align: right;
    min-height: 500px;
}
#featured-renova .btn-large {
    padding: 20px 40px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
}

#featured-renova h2 { font-size: 44px; font-weight: 300; margin: 20px 0; color: #FFF; }
#featured-renova h4 { font-size: 18px; font-weight: 300; margin-bottom: 30px; }
#featured-renova h4 strong { font-weight: 900; font-style: italic; }


#aporte-renova {
    text-align: center;
    background: url("https://copec.modyocdn.com/uploads/3f1ab7e1-58dd-449b-8d0e-03aba31e8543/original/grass.jpg") bottom;
    background-size: cover;
    padding: 40px 0;
    min-height: 500px;
}
#aporte-renova .nav-tabs { border: 0; }
#aporte-renova .tab-content { border: 0; padding: 0; }


#aporte-renova #icons-top { position: relative; top: -70px; margin-bottom: -20px; }
#aporte-renova #icons-top ul { list-style: none; margin: 0; padding: 0; text-align: center;}
#aporte-renova #icons-top li { display: inline-block; margin: 0 5px; }
#aporte-renova #icons-top li > span {
    border-radius: 50%;
    border: 9px solid #FFF;
    background: #8ab13c;
    width: 120px;
    display: block;
    height: 120px;
    line-height: 93px;
}
#aporte-renova p {
    width: 70%;
    margin: auto;
    margin-bottom: 100px;
}
#buttons-bottom a {
    padding: 0;
    background: #8ab13c;
    position: relative;
    font-size: 42px; 
    display: block;
    margin: 0;
    outline: none;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 100;
    text-shadow: 0 0 1px rgba(255,255,255,0.3);
    box-shadow: 7px 7px 26px 8px rgba(0,0,0,.3);
    border-radius: 3px;
}

#buttons-bottom a span {
    border-radius: 3px;
    position: relative;
    display: block;
    padding: 20px;
    background: #8ab13c;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
#buttons-bottom a:hover span, 
#buttons-bottom a:focus span {
    -webkit-transform: rotateX(90deg) translateY(-22px);
    -moz-transform: rotateX(90deg) translateY(-22px);
    transform: rotateX(90deg) translateY(-22px);
}

#buttons-bottom a:hover span::before, 
#buttons-bottom a:focus span::before {
    background: #6c8a2f;
}

#buttons-bottom a span::before {
    position: absolute;
    top: 100%;
    left: 0;
    font-size: 18px;
    width: 100%;
    height: 100%;
    background: #5a6c35;
    content: attr(data-hover);
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.3s;
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    transform-origin: 50% 0;
    padding: 36px;
    text-shadow: 1px 1px rgba(0,0,0,.1);
    box-shadow: 7px 7px 26px 8px rgba(0,0,0,.3);
    border-radius: 3px;
}

#aporte-renova h2 { margin-bottom: 40px; }
    
#aporte-renova #buttons-bottom a span::before {
    font-size: 16px;
    padding: 14px;
    }

#buttons-bottom a small { display: block; font-size: 14px; margin-top: 14px; }

/* #buttons-bottom .active a,
#buttons-bottom .active a span {
    background: #68842d;
}

#buttons-bottom .active a:hover span::before, 
#buttons-bottom .active a:focus span::before,
#buttons-bottom .active a span::before {
    background: #587026;
} */

.modalNew.fade { top: -85%; }
.modalNew {
    display: none;
    left: 10%;
    right: 10%;
    width: auto;
    margin: 0;
    /* background: #FFF url("https://copec.modyocdn.com/uploads/1a6c2f89-2a6f-4e2b-8e8b-23f60601d998/original/modals.jpg") no-repeat right; 
    padding-right: 450px; */
    padding-right: 50px;
    box-shadow: none;
    border-radius: 0;
    border: 0;
    color: #333 !important;
    padding: 50px;
    text-align: justify;
    background-size: cover;
    min-height: 60%;
}

.modalNew .close {
    position: absolute;
    color: #FFF;
    right: 0;
    font-size: 48px;
    font-weight: 100;
    top: -49px;
    line-height: 1;
    opacity: .5;
}
.modalNew .close:hover { opacity: 1; }
.modalNew h2 { color: #333 !important }


#quehace-renova {
    padding: 60px 0;
    /*background: url("https://copec.modyocdn.com/uploads/7381941d-ffb9-4db8-9f48-1af67998eec2/original/green-blur.jpg");*/
    background: #EEE;
    background-size: cover;
    text-align: center;
}
#quehace-renova .header {
    text-align: center;
}
#quehace-renova .header span {
    border-radius: 50%;
    border: 9px solid #B6D554;
    background: #6e9d15 ;
    width: 140px;
    display: block;
    height: 140px;
    line-height: 113px;
    margin: auto;
    margin-top: -85px;
}
.widget #quehace-renova h3 { font-size: 24px; color: #000; margin-top: 20px; }

#quehace-renova p {color: #6e9d15;}

#quehace-renova .columns li {
    background: #FFF;
    padding: 20px; 
    height: 330px;
    position: relative;
    border-bottom: 3px solid #8ab13c;
}

#quehace-renova .footer { padding: 20px 0; }
#quehace-renova .footer a { 
    color: #32480a; 
    font-weight: 900; 
    display: inline-block; 
    -webkit-transition: all 100ms ease-out;-moz-transition: all 100ms ease-out ;-o-transition: all 100ms ease-out;transition: all 200ms ease-out;
    padding-left: 0;
    text-align: center;
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
}

#quehace-renova .footer a:hover {
    -webkit-transition: all 100ms ease-out;-moz-transition: all 100ms ease-out ;-o-transition: all 100ms ease-out;transition: all 200ms ease-out;
    padding-left: 10px;
}

#quehace-renova h2 { margin-bottom: 120px !important; /*color: #FFF !important; */}
#quehace-renova ul button {margin: 0 auto;}
#quehace-renova .textcrsl {min-height: 60px;}

.modalNew .span7 {
    background: rgba(255, 255, 255, 0.85);
    padding: 40px;
    }

#descripcion-proyecto {
    background: #FFF url("https://copec.modyocdn.com/uploads/6229406e-4ec0-4715-add6-777d2d45924d/original/BG_2_Renova.jpg");
    background-size: cover;
    }
    
#energias-renovables {
    background: #FFF url("https://copec.modyocdn.com/uploads/770c5f83-cb9a-4fde-b6b8-2a18cd174bf7/original/Renova_BG_ERNC.JPG");
    background-size: cover;
    }
    
#eficiencia-energetica {
    background: #FFF url("https://copec.modyocdn.com/uploads/ccb3962b-de13-4509-a64a-cfa4a3c141c4/original/BG_3_Renova.jpg");
    background-size: cover;
    }
    
#gestion-residuos {
    background: #FFF url("https://copec.modyocdn.com/uploads/4d9dd9ad-353c-468a-81d4-1b509476865e/original/BG_1_Renova.jpg");
    background-size: cover;
    }

#tecnologia-renova,
#tecnologia-renova2 {
    padding: 60px 0;
    background: url("https://copec.modyocdn.com/uploads/cf07ac96-50f8-4c4b-9d9f-4233f7c04930/original/bg-clouds.jpg");
    background-size: cover;
    color: #0c2255;
    text-align: center;
    margin-bottom: -50px;
}

#tecnologia-renova h2,
#tecnologia-renova h4 { color: #314560; margin-top: 40px; }
#tecnologia-renova2 h2,
#tecnologia-renova2 h4 { color: #314560; margin-top: 40px; }
#tecnologia-renova p { color: #0c2255 }
#tecnologia-renova p.bajada { margin: auto; margin-bottom: 60px; width: 80%;  }
#tecnologia-renova h4 {
    font-weight: 900;
    text-transform: uppercase;
    font-size: 18px;
}
#tecnologia-renova .columns > li { margin-bottom: 4%; min-height: 160px;}

#tecnologia-renova .btn-primary {
    background: #38aed5;
}

#tecnologia-renova .columns span {
    border-radius: 50%;
    background: #38aed5;
    width: 140px;
    display: block;
    height: 140px;
    line-height: 130px;
    margin: auto;
    text-align: center;
}
#tecnologia-renova .columns {
    text-align: left;
}

.otras-iniciativas {
    margin-top: 40px;
    background: #FFF;
    padding: 40px;
    margin-bottom: -60px;
}
.otras-iniciativas h2 { margin-top: 0 !important; }
.otras-iniciativas li {
    position: relative;
}
.otras-iniciativas a i { margin-left: 20px; }

.otras-iniciativas li:hover a {
    -webkit-transition: all 200ms ease-out;-moz-transition: all 200ms ease-out ;-o-transition: all 200ms ease-out;transition: all 500ms ease-out;
    padding: 10px 40px;
}
.otras-iniciativas a {
    position: absolute;
    -webkit-transition: all 200ms ease-out;-moz-transition: all 200ms ease-out ;-o-transition: all 200ms ease-out;transition: all 500ms ease-out;
    padding: 10px 20px;
    display: block;
    bottom: 0;
    left: 0;
    background: #2d8ec8;
    text-transform: uppercase;
    color: #FFF;
}

#estaciones-renova {
    background: url("https://copec.modyocdn.com/uploads/37e9733b-c7db-41db-97d4-4eedabaabcd2/original/bg-featured-Recovered.jpg");
    background-size: cover;
    padding-top: 80px;
    padding-bottom: 80px;
    text-align: center;
    min-height: 530px;
    }

#estaciones-renova .box-places {
    padding-top: 25px;
    margin: auto;
    }

#estaciones-renova p {
    width: 500px;
    color: #fff;
    text-shadow: 1px 1px 5px #000000;
    font-weight: 600;
    }
    
#estaciones-renova h2 {
    font-size: 44px;
    font-weight: 300;
    margin: 20px 0;
    color: #FFF;
    }

#estaciones-renova .box-places .btn span {
    float: right;
    background: rgba(0,0,0,.1);
    /* margin-top: -20px;
    padding: 30px 10px; */
    margin-right: -15px;
    border-radius: 0 3px 3px 0;
    }
    
    
.icon-chevron-circle-down:before {
    content: "\f111";
    font-size: 8px;
    line-height: 0px;
    }
    
/* ================================================================
    LAYOUT ESTACIONES RENOVA
================================================================= */

.context-layouts-show-tecnologias #nav-container {
    margin-bottom:2em;
} 


#estacionesRenova {
    background: url("https://copec.modyocdn.com/uploads/306619a5-52f7-44df-8020-7a516256a773/original/BG-Layout-Estaciones-Renova.jpg");
    background-size: cover;
    padding: 80px 0;
    margin-bottom: 20px;
    text-align: right;
    margin-top: -14px;
    padding-top:9em;
    }
    
  
    
#estacionesRenova h2 {
    color: #265f9c;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 20px;
    }
    
.context-layouts-show-tecnologias .edstecnologia a {
    color: #fff;
    margin: 0;
    }
    
.context-layouts-show-tecnologias .Moreinfo {
    text-align: right;
    }
    
.context-layouts-show-tecnologias .Moreinfo a {
    border: none;
    font-style: normal;
    color: #fff;
    background: #38aed5;
    padding: 10px;
    margin: 10px auto 0;
    text-align: center;
    border-radius: 5px;
    width: 60%;
    }

/* ================================================================
    TECNOLOGIAS RENOVA
================================================================= */

.context-layouts-show-tecnologias #sidebar .nav-tabs > li { float: none; }

.context-layouts-show-tecnologias {
    background: url("https://copec.modyocdn.com/uploads/cf07ac96-50f8-4c4b-9d9f-4233f7c04930/original/bg-clouds.jpg");
    background-size: cover;
}
.context-layouts-show-tecnologias #page-title h2 {
    font-weight: 300;
}

.context-layouts-show-tecnologias .tab-pane h2 {
    padding-top: 20px;
} 
    
.context-layouts-show-tecnologias .nav-tabs>li a { background: #6fc3e2; }
.context-layouts-show-tecnologias .nav-tabs>.active>a { background: #38aed5; }
.context-layouts-show-tecnologias .nav-tabs>li a:hover { background: #92cfef; }
.context-layouts-show-tecnologias .nav-tabs>li a:focus { background: #38aed5; }
.context-layouts-show-tecnologias .nav-tabs span { margin-right: 20px; }
.context-layouts-show-tecnologias .tab-content {
    background: #FFF;
    border: 0;
}
.head-img {
    display: block;
    margin-bottom: 20px;
}

.context-layouts-show-tecnologias .tab-content small { display: block; line-height: 1; margin-top: 20px; padding-top: 20px; border-top: 2px solid #EEE; color: #666; font-style: italic; }

.edstecnologia {
    background-color: rgb(0, 0, 0);
    padding: 10px;
    color: rgb(123, 163, 198);
    font-size: 18px;
    font-weight: bold;
} 

.context-layouts-show-tecnologias .tab-content li {
    position: relative;
    }
    
.context-layouts-show-tecnologias .columns-4 li, 
.context-layouts-show-tecnologias .columns-1 li {
    background: #8AB13C;
    color: #fff;
    font-size: 3em;
    text-transform: uppercase;
    font-weight: 100;
    text-shadow: 0 0 1px rgba(255,255,255,0.3);
    padding: 15px;
    }
    
.context-layouts-show-tecnologias .columns-4 li small,
.context-layouts-show-tecnologias .columns-1 li small {
    color: #fff;
    font-size: 14px;
    padding: 0px;
    border-top: none;
    font-style: normal;
    height: 20px;
    display: block;
}



/* MENU INTERNO */
.context-layouts-show-renova #nav-container ul { background: #8ab13c; }
.context-layouts-show-renova #navigation-layout li a { color: #FFF; }
.context-layouts-show-renova #navigation-layout li a:hover,
.context-layouts-show-renova #navigation-layout li a:focus {
    background: rgba(0,0,0,.1);
}
.context-layouts-show-renova #navigation-layout.affix { background: #8ab13c }




/* RESPONSIVE RENOVA */

    
@media (max-width: 1200px) {

    #quehace-renova .columns li { height: 350px }
    .widget #quehace-renova h3 { margin-bottom: 10px; }
    #quehace-renova .columns li { padding: 10px; }
      #tecnologia-renova .columns span {
        width: 100px;
        height: 100px;
        line-height: 100px;
    }
    #tecnologia-renova h2, #tecnologia-renova h4 {
        margin-top: 22px;
    }
    #tecnologia-renova .columns > li { height: 130px; }
    #tecnologia-renova { padding: 20px 0 60px 0; }
}

@media (max-width: 980px) {    
    .widget #quehace-renova h3 {
        font-size: 18px;
    }
}


@media (max-width: 768px) {
    #estacionesRenova .pull-right {
        background: #fff;
        border-radius: 5px;
        padding: 2em;
        text-align: center;
        float:none;
    } 
}

@media (max-width: 480px) {
    #estacionesRenova .pull-right {
        background: #fff;
        border-radius: 5px;
        padding: 2em;
        text-align: center;
        float:none;
    }  
    #tecnologia-renova,
    #tecnologia-renova2 { padding: 75px 0; }
    
    #tecnologia-renova .media > .pull-left { float:left; }
    
    #featured-renova { background-position: right; }
    #featured-renova { min-height: 425px; text-align: center; }
    #featured-renova h2 { text-shadow: 1px 1px 0 rgba(0,0,0,.3); }
    
    #aporte-renova #icons-top li > span {
        border-radius: 50%;
        border: 2px solid #FFF;
        background: #8ab13c;
        width: 50px;
        display: block;
        height: 50px;
        line-height: 34px;
        padding: 5px;
    }
    
    .context-layouts-show-tecnologias #page-title h2 {
        margin-top:4em;
        text-align:center;
    }
    
    .columns-2 > li, .columns-3 > li, 
    .columns-4 > li, .columns-5 > li, 
    .columns-6 > li, .columns-7 > li, .columns-8 > li, 
    .columns-9 > li, .columns-10 > li, .columns-11 > li, 
    .columns-12 > li { 
         width:100%; 
    }
    #aporte-renova .accordion-inner { background: #FFF; }
    
    
    #quehace-renova h2 { margin-bottom: 20px !important;}
    #quehace-renova .columns li { height: auto; text-align: left; }
    #quehace-renova .header span {
        margin: 0;
        float: left;
        margin-right: 20px;
        width: 110px;
        height: 110px;
        line-height: 88px;
        border-width: 6px;
    }
    
    #tecnologia-renova .columns > li { height: auto; }
    
}




@media (max-width: 320px) {
    
    #featured-renova img { width: 150px; }
    #featured-renova h2 { font-size: 24px; line-height: 1; }
    #featured-renova h4 { font-size: 16px; }
    
    #aporte-renova #icons-top li > span {
        width: 40px;
        height: 40px;
        line-height: 20px;
    }
    #aporte-renova .accordion { margin-top: 0; }
    #aporte-renova h2 { font-size: 22px; }
    #aporte-renova p { margin-bottom: 0; }
    #quehace-renova p { padding-left: 92px; }
    .widget #quehace-renova h3 { margin-top: 0; }
    
    #quehace-renova .header span {
        margin: 0;
        float: left;
        margin-right: 20px;
        width: 70px;
        height: 70px;
        line-height: 31px;
        border-width: 3px;
        padding: 12px;
    }
    #tecnologia-renova h2,
    #quehace-renova h2 { font-size: 24px; line-height: 1.2; }
    .otras-iniciativas { padding: 20px; }
}
.renova.intro {
    text-align: center;
    position: relative;
    z-index: 2;
    background: url(https://copec.modyocdn.com/uploads/3dac539d-9aba-4133-b383-5d90f580a9c1/original/bg-intro.png) no-repeat;
    background-position: center bottom;
    padding-bottom: 100px;
    bottom: -72px;
}

.renova.intro .intro__title {
    color: #002948;
    max-width: 438px;
    width: 100%;
    margin: 25px auto 15px;
    font-size: 35px;
}

.renova.intro .intro__text {
    color: #A7A7A7;
    font-size: 20px;
    max-width: 398px;
    width: 100%;
    margin: 0 auto;
    line-height: 30px;
    font-weight: 600;
}

.renova.intro .intro__link {
    background: #68BB41;
    font-weight: bold;
    height: 50px;
    border-radius: 25px;
    color: #fff;
    max-width: 208px;
    margin: 25px auto 0;
}

.renova.what {
    background: #002948;
    position: relative;
    z-index: 1;
    padding-top: 130px;
    padding-bottom: 40px;
}

.renova.what .what__title {
    font-size: 40px;
    color: #68BB41 !important;
    font-weight: bold !important;
    margin: 0;
    text-align: center;
}

.context-layouts .widget.widget-text h3.what__subtitle {
    font-size: 30px;
    color: white;
    line-height: 37px;
    margin-bottom: 20px;
}

.renova.what .what__text {
    font-weight: 500;
    font-size: 20px;
    max-width: 606px;
    width: 100%;
    color: #9DB1C0;
    margin: 0 auto;
    text-align: center;
    line-height: 34px;
}

.renova.what .tabs {
    margin-top: 54px;
}

.renova.what .tabs__content {
    min-height: 300px;
}

.renova.what .tabs__list {
    margin-bottom: 90px;
}

.renova.what .tabs__list li {
    font-weight: 500;
    font-size: 14px;
    padding: 20px 50px;
    max-width: 250px;
    border-bottom: 3px solid #7C97AB;
    margin: 0 3px;
    min-height: 86px;
    text-align: center;
    cursor: pointer;
    color: #7C97AB;
    transition: .4s;
}

.renova.what .tabs__list li.active {
    color: #68BB41;
    border-bottom: 3px solid #68BB41;
}

.renova.context-layouts .widget.widget-text .what h3.what__subtitle {
    font-weight: bold;
    font-size: 30px;
    color: #fff;
    margin: 5px 0 15px;
    line-height: 37px;
}

.renova.what .what__info {
    color: #fff;
    text-align: center;
}

.renova.what .what__info .logo {
    width: 60px;
    height: 60px;
    background: #68BB41;
    border-radius: 50%;
    margin: 0 auto;
}

.renova.what .what__info p {
    color: #9DB1C0;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
}

.renova.what .what__description {
    color: #fff;
    padding-left: 60px;
}

.renova.what .what__description p {
    color: #9DB1C0;
    font-size: 14px;
    font-weight: 500;
}

.renova.specs {
    padding-top: 100px;
    padding-bottom: 80px;
}

.renova.specs .specs__features {
    width: 100%;
}

.renova.specs .specs__text {
    font-weight: 500;
    font-size: 18px;
    color: #7C97AB;
    line-height: 27px;
}

.renova.specs .specs__features .list {

}

.renova.specs .specs__features .list li {
    max-width: 294px;
    width: 47%;
    height: 62px;
    background: #E3E9EE;
    border-radius: 5px;
    font-weight: bold;
    margin: 0 5px 10px;
    padding: 0 20px;
    cursor: pointer;
    color: #9DB1C0;
    transition: .4s;
}

.renova.specs .specs__features .list li.active {
    background: #68BB41;
    color: #fff;
}

.renova.specs .specs__features .list li img {
    display: block;
    margin-right: 14px;
}

.context-layouts .widget.widget-text .renova.specs h2.specs__title,
.context-layouts .widget.widget-text .renova.specs h3.specs__title {
    color: #003965;
    font-size: 30px;
    font-weight: bold;
    line-height: 50px;
    margin-bottom: 8px;
}

.context-layouts .widget.widget-text .renova.specs h3.specs__title {
    margin-bottom: 34px;
}

.renova.specs .specs__features .info {
    padding: 0;
}

.renova.specs .specs__content {
    margin-top: 80px;
    padding-left: calc((100% - 1140px) / 2 + 15px);
}

.renova.specs .specs__content p {
    color: #A7A7A7;
    font-size: 14px;
    font-weight: 500;
}

.renova.specs .specs__content .img {
    position: relative;
    text-align: right;
    padding-right: 0;
}

.renova.specs .specs__content .img > img {
    width: 520px;
}

.renova.specs .specs__content .img button {
    position: absolute;
    width: 88px;
    height: 88px;
    background: #68BB41;
    border-radius: 50%;
    top: 120px;
    left: 50px;
}

.renova.specs .specs__content .img button > img {
    transform: rotate(181deg);
    position: relative;
    left: 4px;
}

.renova.specs .specs__title span {
    color: #68BB41;
}

.renova.specs .specs__cards {
    margin-top: 60px;
}

.renova.specs .card-r {
    border-radius: 10px;
    width: 24%;
    overflow: hidden;
    margin: 10px .5%;
}

.renova.specs .card-r__image {
    height: 130px;
    position: relative;
    background: url(https://copec.modyocdn.com/uploads/803c91dd-bd49-40ad-8306-6d5c69da7a70/original/copec-station.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.renova.specs .card-r__title {
    background: #68BB41;
    color: #fff;
    padding: 4px 14px;
    border-radius: 0 0 10px 0;
    width: 150px;
    font-weight: 500;
    font-size: 8px;
    margin-bottom: 0;
}

.renova.specs .card-r__name {
    height: 58px;
    background: #002948;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    padding-left: 16px;
    margin-bottom: 0;
}

.renova.section .section__info {
    background-image: url(https://copec.modyocdn.com/uploads/04cb9f21-4e6a-41cb-974b-26523c86cc90/original/bg-stations.png);
    height: 300px;
    width: 50%;
    background-color: #4BA81F;
    position: relative;
    padding-left: calc((100% - 1140px) / 2 + 15px);  
}

.renova.section .section__info:after {
    content: '';
    position: absolute;
    right: -60px;
    top: 0;
    width: 60px;
    bottom: 0;
    border-right: 60px solid transparent;
    border-top: 300px solid #4BA81F;
}

.renova.section .section__image {
    width: 50%;
    background: url(https://copec.modyocdn.com/uploads/7862dceb-61fd-4b53-b817-350f2b6e423b/original/stations-image.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.context-layouts .widget.widget-text .renova.section h2.section__title {
    color: #fff;
    font-weight: bold;
    font-size: 35px;
    margin: 0 0 12px;
}

.renova.section .section__text {
    font-weight: 500;
    font-size: 20px;
    color: #fff;
}

.renova.section .section__link {
    width: 269px;
    background: #fff;
    padding: 14px 22px;
    margin-top: 22px;
    display: inline-block;
    border-radius: 25px;
    font-size: 16px;
    color: #003965;
    font-weight: bold;
}

.renova.specs .modal {
    width: auto;
    margin: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.renova.specs .modal-dialog {
    width: 100%;
    max-width: 800px;
    width: 100%;
    background: white;
    padding: 70px;
    border-radius: 6px;
    position: relative;
}

.renova.specs .modal-dialog > button {
    position: absolute;
    right: 30px;
    top: 20px;
}

.renova.specs .modal-dialog > button > span {
    font-size: 34px;
}

.renova.specs .modal.fade.in {
    background: transparent;
}

.renova.specs .video {
    max-width: 650px;
    width: 100%;
    margin: 0 auto;
}

.renova.specs .video .video__wrapper {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
}

.renova.specs .video .video__wrapper iframe {
	height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}


@media(max-width: 1200px) {
    .renova.specs .specs__content {
        padding-left: calc((100% - 960px) / 2 + 15px);
    }
    .renova.section .section__info {   
        padding-left: calc((100% - 960px) / 2 + 15px);  
    }
}

@media(max-width: 991px) {
    .renova.what .tabs__list li {
        width: 250px;
        padding: 20px;
    }
    .renova.specs .specs__content {
        padding-left: calc((100% - 720px) / 2 + 15px);
        padding-right: calc((100% - 720px) / 2 + 15px);
        margin-top: 50px;
    }
    .renova.section .section__info {
        padding-left: calc((100% - 720px) / 2 + 15px);
    }
    .renova.specs .specs__content .img {
        padding-left: 0;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        background: url(https://copec.modyocdn.com/uploads/ccd08ef3-557b-43b1-a879-e9de2c91f421/original/video-default-movil.jpg) no-repeat center;
        margin-top: 60px;
        height: 300px;
        background-size: cover;
    }
    .renova.specs .specs__content .img button {
        position: static;
    }
    .renova.specs .specs__content .img > img {
        margin: 0 auto;
    }
    .renova.specs .specs__features .list {
        margin-top: 50px;
    }
    .renova.specs .specs__features .list li {
        max-width: initial;
    }
    .renova.specs .specs__cards {
        width: 100%;
        overflow: auto;
    }
    .renova.specs .card-r {
        min-width: 30vw;
        margin: 0 12px 0 0;
    }  
}

@media (max-width: 767px) {
    .renova.intro .intro__title {
        font-size: 20px;
    }
    .renova.intro .intro__text {
        font-size: 16px;
    }
    .renova.what {
        padding-bottom: 80px;
        padding-top: 100px;
    }
    .renova.what .what__title {
        font-size: 25px;
        text-align: left;
    }
    .context-layouts .widget.widget-text .renova.what h3.what__subtitle {
        font-size: 20px;
    }
    .renova.what .what__text {
        font-size: 16px;
        margin: 0;
        text-align: left;
    }
    .renova.what .what__description {
        padding-left: 15px;
    }
    .renova.what .container {
        max-width: initial;
    }
    .renova.what .tabs {
        margin-top: 24px;
    }
    .renova.what .tabs__list {
        width: 100%;
        overflow: scroll;
    }
    .renova.what .tabs__list li {
        min-width: 250px;
    }
    .renova.what .tabs__list {
        margin-bottom: 40px;
    }
    .renova.what .what__info .logo {
        margin: 0 0 15px;
        width: 44px;
        height: 44px;
    }
    .renova.what .what__info p {
        margin-bottom: 30px;
        font-size: 16px;
    }
    .renova.what .what__description p {
        font-size: 12px;
    }
    .renova.what .what__info {
        text-align: left;
    }
    
    .renova.specs {
        padding-top: 50px;
    }
    .context-layouts .widget.widget-text .renova.specs h2.specs__title, .context-layouts .widget.widget-text .specs h3.specs__title {
        font-size: 25px;
    }
    .renova.specs .specs__text {
        font-size: 16px;
    }
    .renova.specs .specs__features .list {
        margin-top: 40px;
        width: 100%;
        overflow: auto;
        padding: 0;
    }
    .renova.specs .specs__features .list li {
        min-width: 68vw;
    }
    .renova.specs .specs__content {
        margin-top: 20px;
    }
    .renova.context-layouts .widget.widget-text .specs h3.specs__title {
        margin-bottom: 14px;
    }
    .renova.specs .specs__content p {
        font-size: 12px;
    }
    .renova.specs .specs__content .img {
        width: 100%;
        height: 210px;
    }
    .renova.specs .specs__content .img button {
        width: 75px;
        height: 75px;
    }
    .renova.specs .specs__cards {
        padding: 0;
        max-width: calc(100% - 30px);
    }
    .renova.specs .card-r {
        min-width: 40vw;
    }
    .renova.section .section__info {
        width: 100%;
    }
    .renova.section .section__image {
        display: none;
    }
    .renova.section .section__info {
        padding: 30px;
    }
    .context-layouts .widget.widget-text .renova.section h2.section__title {
        font-size: 25px;
    }
    .renova.section .section__text {
        font-size: 16px;
    }
    .renova.section .section__info:after {
        display: none;
    }
    .renova.specs .modal-dialog {
        padding: 60px 10px;
    }
}

@media (max-width: 500px) {
    .renova.specs .card-r {
        min-width: 60vw;
    }
}



/* =============================================================================
TAE
===============================================================================*/

#solicitar-tae-modal .modal-body {
    max-height: 470px;
    background: #fff;
    color: #666;
}

#solicitar-tae-modal .modal-header h5 {
    font-size: 24px;
    padding: 10px 0px;
    text-align:center;
}
#solicitar-tae-modal form {
    margin: 0;
}

#solicitar-tae-modal form input {
    height: 30px;
}

#solicitar-tae-modal div#s2id_tae_commune {
    width: 60%;
}

.context-layouts-show-tae h2 {
    font-size: 45px !important
}
.context-layouts-show-tae h3 {
    font-size: 30px !important;
    font-weight: 300 !important
}

#top-tae-correcto {
    position: relative;
    background: url("https://copec.modyocdn.com/uploads/bb72d87e-e3b2-4bf7-8b73-58c71350c0ee/original/bg-tae.jpg") no-repeat #FFF;
    background-position: -95px;
    background-position-y: 0px;
}

#top-tae-correcto .franja {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 7px;
    background: url("https://copec.modyocdn.com/uploads/028c5017-a5c9-4ff3-817e-8524bbe8bf4e/original/triangle.png");
}

#top-tae-correcto #tae-fix {
    padding: 70px 0 70px 50px;
    margin-bottom: 10px;
    }
    
#top-tae-correcto #tae-fix h2 {
    margin-bottom: 0px;
    }

#top-tae-correcto em {
    font-size: 18px;
    margin-left: 12px;
    }
    
#top-tae-correcto #tae-fix .row-fluid {
    margin-top: 10px;
    }
    
#top-tae-correcto .form-horizontal .control-group { 
    margin-bottom: 8px;
    }
    
#top-tae-correcto .modal-body {
    /*max-height: 100%;*/
    }
    
/* #top-tae-correcto span {
    display: block;
    font-size: 20px;
    font-style: italic;
    } */
    
/* TAE COLLAPSE */
#top-tae-correcto .call-action {margin-bottom: 10px;}
#top-tae-correcto #demo .form-horizontal .controls {margin-left: 100px;}  

#top-tae-correcto #demo .form-horizontal .control-label {width: auto;}
#top-tae-correcto #demo .modal-body {max-height: none;}
    
#credito-directo {
    background: url("https://copec.modyocdn.com/uploads/84ff66da-30cd-4b45-8bb9-f756c4948ac7/original/BG_TAE-top.jpg") no-repeat top right;
    padding: 40px 0;
    background-size: cover;
}

#credito-directo .TAE-blq-descarga .columns p {
    width: 100px;
    text-align: center;
    background: #da002a;
    height: 100px;
    border-radius: 50%;
    padding-top: 18px;
}

#credito-directo h3 {
    color: #333 !important;
}

#credito-directo .procedimientosventa ul li {
    background: rgba(255, 255, 255, 0.75);
    padding: 20px;
    border-radius: 5px;
    text-align: center;
    min-height: 335px;
}

#credito-directo .procedimientosventa ul li .icon-arrow-right {
    font-size: 40px;
    vertical-align: middle;
}

#credito-directo hr {
    height: 4px;
    margin: 40px 0px;
}

#serviciostae li a:hover{
    background: #fff;
}

#serviciostae h2 {
    padding-top: 30px;
}

#serviciostae .TAE-blq-descarga {
    background: #fff;
    padding: 12px 14px;
    border-radius: 5px;
    font-size: 15px;
}

.context-layouts-show-tae #beneficios {
    padding: 70px 0;
    box-shadow: 0 0 15px rgba(0,0,0,.1);
    background: url("https://copec.modyocdn.com/uploads/ff33b149-fb82-4dea-b9a6-81bc5f8dbeef/original/bg_barcos_tae.jpg");
    background-size: cover;
}

#beneficios h2 {text-align: center; color: #FFF; }

#beneficios .columns-3 .btn {
    background: none;
    }

#beneficios .well li { line-height: 1.5; }
#beneficios ul { color: #000; }
#beneficios .well {
    margin-top: 40px;
    font-size: 18px;
}

#beneficios .columns-3 > li {
    padding: 19px;
    background-color: #FFF;
    box-shadow: 2px 2px 3px rgba(0,0,0,.4);
    min-height: 360px;
    text-align: center;
    }
    
#beneficios li h3{
    font-size: 25px !important;
    color: #333;
    border-bottom: 1px solid #F0F0F0;
    }
    
#beneficios #beneficioscollapse {
    text-align: left;
    }

#facturacion {
    padding: 60px 0;
    color: #FFF;
    background: #3d9ae3 url("https://copec.modyocdn.com/uploads/cb74167b-36de-42c4-804d-2b485e36ae08/original/bg-nubes-tae.jpg") no-repeat;
    background-size: cover;
}

#facturacion .accordion {
    margin-top: 0px;
    }
    
#facturacion .accordion-group .accordion-body.in {
    background: url("https://copec.modyocdn.com/uploads/37e1eda0fe92a01b65928b89e4381f3f/original/icono-accordion2.jpg") #2d8ec8 no-repeat right top;
    }
    
#facturacion .accordion-heading2 {
    color: #fff;
    }
    
#facturacion .accordion-inner {
    background: #fff;
    color: #333;
    }
    

#facturacion { font-size: 16px; }
#facturacion .columns { margin-top: 30px; }
#facturacion h2 { color: #FFF !important; text-align: center; }
#facturacion .columns img {
    width: 110px;
    box-shadow: 0 0 18px rgba(0,0,0,.4);
    background: #FFF;
    border-radius: 50%;
}
#facturacion h3 {
    color: #FFF !important
}
#facturacion h3 span { font-weight: 900; font-style: italic }
#facturacion .footer {
    padding-top: 40px;
    margin-top: 20px;
    border-top: 4px solid rgba(255,255,255,.1);
}
#herramientas {
    padding: 60px 0;
}

#herramientas h2 {
    text-align: center;
}

#herramientas h3 {
    margin-bottom: 0px;
    color: #fff;
}

#herramientas li {
    padding: 19px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    font-size: 16px;
    color: #333;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
}

#herramientas li button {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 40px;
    padding: 20px;
    background: #666;
    border-radius: 0px;
    }

#herramientas li:nth-child(3) {margin-bottom: 0px;}
#herramientas li:last-child {padding: 0px;}
#herramientas li:last-child p {padding: 19px;}
#herramientas li > p {float: right;}

#herramientas .accordion-heading .accordion-toggle {
    padding: 9px 15px;
    font-size: 18px;
    }
    
#herramientas .accordion .accordion-inner {    
    background: #fff;
    }
    
#herramientas .accordion .accordion-inner a {    
    color: #2d8ec8;
    }

#herramientas .footer { margin-top: 50px; }

#herramientas .footer ul { font-size: 18px; }
#herramientas .footer li {
    position: relative;
    line-height: 1.4;
    margin-bottom: 10px;
    padding-left: 40px;
}
#herramientas .footer li i {
    color: #4a9f05;
    position: absolute;
    left: 0;
    top: 0;
}
#herramientas ul { list-style-image: none; list-style: none; margin: 0; }
#herramientas ol {
    list-style-image: none;
    margin-top: 20px;
    font-size: 14px !important;
}
#herramientas .footer ol li { padding-left: 0; }

#lubri {
    padding: 50px 0;
    font-size: 16px;
    background: url("https://copec.modyocdn.com/uploads/34fed943-674a-4d35-bb72-d5fed2943e2c/original/mobiletec-BG-Productos_05.jpg");
    background-size: cover;
}

#widget-1f8359 .modal .span9 p {
    line-height: 1.8em;
    }
  
#widget-1f8359 .modalNew {
    min-height: 50%;
    }

#lubri h2 {text-align: center;}

#lubri h3 { color: #000 !important; margin: 30px 0; }
#lubri .well { margin-top: 60px; background: #FFF; box-shadow: none; padding: 40px; font-size: 16px; }
#lubri .well h4 { color: #000 !important; margin-bottom: 20px; font-weight: 900 !important }
#lubri li { line-height: 1.4; font-size: 16px; }

#lubri .columns ul {
    margin-top: 20px;
  }

#lubri .columns li {
    background: #fff;
    text-align: center;
    font-size: 14px;
    border-radius: 10px;
    min-height: 390px;
    position: relative;
    padding-top: 10px;
}

#lubri .columns li p {
    padding: 15px;
    }

#lubri .columns li a {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 15px;
    color: #000;
}


#EstacionesTAE {
    padding: 50px 0;
    font-size: 16px;
    color: #fff;
    background: url("https://copec.modyocdn.com/uploads/9082466c-bfff-4c42-a16f-b4d58f2ba557/original/bg-camionred-tae.jpg");
    background-position: 50%;
    background-size: cover;
}

#EstacionesTAE h2 {
    text-align: center;
    color: #fff;
}

#EstacionesTAE .box-places {
    width: 300px;
    margin: 25px auto;
    }
    
#EstacionesTAE .span3 img {
    border-radius: 15px 5px;    
    }
    
#ContactoTAE {
    padding: 50px 0;
    background: #FBFAFA;
    font-size: 16px;
    margin-bottom: -50px;
    }
    
#ContactoTAE h2 {
    text-align: center;
    }
    
#ContactoTAE strong {
    font-size: 18px;
    display: block;
    } 
    
#ContactoTAE h3 {
    margin-bottom: 0px;
    line-height: 30px;
    margin-top: 40px;
    color: #555;
    }
    
#ContactoTAE .btn {
    margin: 0 auto;
    display: block;
    width: 200px;
    }
 
#ContactoTAE ul {
    margin: 10px 0 40px 0;
    padding-left: 20px;
    list-style: circle;
    }
    
#ContactoTAE .TAEcontacto {
    border: 1px solid #e3e3e3;
    margin: 20px 0px;
    background: #FFF;
    box-shadow: none;
    padding: 40px;
    }
    
#ContactoTAE .TAEcontacto .span6:first-child {
    border-right: 1px solid #e3e3e3;
    }
    
#ContactoTAE .tarjetaTAE {
    margin-top: 60%;
    width: 100%;
    }
    
#TAEAEROquees h3 {
    margin-top: 40px;
    font-size: 40px;
    margin-bottom: 10px;
    text-align: center;
    }    
    
#TAEdescripcionAero h3,
#TAEAEROcontru h3 {
    margin-top: 40px;
    font-size: 30px;
    margin-bottom: 10px;
    text-align: center;
    }

#TAEInstalacionEle table,
#TAEdescripcionAero table {
    margin-bottom: 50px;
    margin-top: 20px;
    }
    
#TAEInstalacionEle td,
#TAEdescripcionAero td {
    padding: 10px;
    }
    
#TAEInstalacionEle .head,
#TAEdescripcionAero .head {
    background-color: rgb(0, 0, 86);
    color: #fff;
    font-size: 18px;
    }
    
#TAEdescripcionAero p {
    font-size: 18px;
    margin-bottom: 10px;
    display: block;
    padding: 10px;
    text-align: center;
}

#TAEdescripcionAero .span6 {
    background: #EDEDED;
    padding: 10px;
    min-height: 1300px;
    }
    
#TAEAEROcontru {
    padding: 50px 0px;
    margin-bottom: -70px;
    background: url("https://copec.modyocdn.com/uploads/a1fa8d14-8337-4366-8aaa-a9bc4f54051b/original/Aerotank_BG_repear.jpg");
    background-size: contain;
    background-position: 0px -20px;
    }

    
#TAEInstalacionEle ol li ol li ul {
    margin-bottom: 20px;
    }
    
#TAEAEROtop {
    background: url("https://copec.modyocdn.com/uploads/a1fa8d14-8337-4366-8aaa-a9bc4f54051b/original/Aerotank_BG_repear.jpg");
    background-size: contain;
    text-align: center;
}




/* MENU INTERNO */
.context-layouts-show-tae #nav-container ul { background: #2d8ec8; }
.context-layouts-show-tae #navigation-layout li a { color: #FFF; }
.context-layouts-show-tae #navigation-layout li a:hover,
.context-layouts-show-tae #navigation-layout li a:focus {
    background: rgba(0,0,0,.1);
}
.context-layouts-show-tae #navigation-layout.affix { background: #2d8ec8 }




/* RESPONSIVE */


@media (max-width: 1200px) {
    #top-tae-correcto #tae-fix {background-color: white;}
    #lubri .columns li {min-height: 440px;}
    }
    
@media (max-width: 1024px) {
    #beneficios .columns-3 > li {min-height: 375px;}
    #lubri .columns li {min-height: 440px;}
    }
    
@media (max-width: 960px) {
    #beneficios .columns-3 > li {min-height: 445px;}
    #lubri .columns li {min-height: 520px;}
    }
    
@media (max-width: 768px) {
    #ContactoTAE .tarjetaTAE {margin-top: 0;width: auto;}
    #ContactoTAE .TAEcontacto .span6:first-child {border-right: 0px;}
    }

@media (max-width: 720px) {
    #facturacion {background-position: 70%;}
    #lubri .columns li {float: left; width: 45%; min-height: 380px;}
    }
    
@media (max-width: 686px) {
    #beneficios .columns-3 > li {min-height: 550px;}
    }

@media (max-width: 480px) {
    #credito-directo .procedimientosventa ul li {min-height: 235px;}
    #beneficios .columns-3 > li {min-height: 300px;}
    #lubri .columns li {float: none; margin-left: 0; width: auto; min-height: 300px;}
    #facturacion {background-position: 70%;}
    .tae-menu .menu-tae ul {width: 100%;}
    .tae-menu .menu-tae li {width: 33.3%;text-align: center;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;}
    .tae-menu .menu-tae li:nth-child(4),
    .tae-menu .menu-tae li:nth-child(7) {border-right: none;}
    #navigation-layout.tae-menu .menu-tae li a {padding: 10px;min-height: 60px;}
    #top-tae-correcto #demo .form-horizontal .controls {margin-left: 0;}
    .TAE-blq-descarga ul li {float: left; margin-left: 0; width: 25%;}
    .TAE-blq-descarga ul li img {max-width: 40%;}
    #credito-directo .TAE-blq-descarga .columns p {width: 80px;height: 80px;padding-top: 20px;}
    .context-layouts-show-tae #credito-directo .TAE-blq-descarga .columns p {width: 55px; height: 55px; padding-top: 17px;}
    #navigation-layout ul {font-size: 11px;}
    
    .modal.fade.in {
        left: 0px;
        right: 0px;
        bottom: 0px;
        top: -223px !important;
        position: absolute;
        display: block;
    }
    #solicitar-tae-modal .modal-body {
        min-height:700px;
        overflow: hidden;
    }
}
    
/* =================================
                TCT
==================================*/  

#widget-d1c920 {
    display: none;
    }
    
#solicitar-tct-modal form .radio input {
    height: auto;
    }
    
#solicitar-tct-modal form .altradioTCT {
    width: 40%;
    margin: 0 auto;
    }
    
#solicitar-tct-modal form .radio1 {
    float: left;
    }
    
#solicitar-tct-modal form .radio2 {
    float: right;
    }
    
/*#solicitar-tct-modal .modal-body {
    max-height: auto!important;
    }*/

.context-layouts-show-tct .modal {
    background: #000 url("https://copec.modyocdn.com/uploads/36ee0644-55e7-4d87-a311-256fbf5af511/original/bg_modal_tct.jpg") no-repeat bottom right;
    color: #fff !important;
    -webkit-box-shadow: 0px 0px 17px 3px rgba(255,255,255,0.3);
    -moz-box-shadow: 0px 0px 17px 3px rgba(255,255,255,0.3);
    box-shadow: 0px 0px 17px 3px rgba(255,255,255,0.3);
    }
    
.context-layouts-show-tct .modal h2 {
    color: #fff !important;
    text-align: center;
    }
    
.context-layouts-show-tct .modal li {
    color: #fff;
    list-style: disc;
    }


#TCTintro {
    background: url("https://copec.modyocdn.com/uploads/82c1cf40-6826-4da9-b32c-1fd49fc26313/original/tct_copec_01.jpg");
    padding: 80px 0;
    background-size: cover;
    color: #fff;
}
    
#TCTintro .primarytct {
    background: #014f75;
    color: #fff;
    font-weight: bolder;
    padding: 16px 30px;
    }
    
#TCTintro .secondarytct {
    background: rgba(255, 255, 255, 0.3);
    color: #fff;
    font-weight: bolder;
    padding: 16px 30px;
    font-size: 13px;
    }
    
#TCTintro .span5 {
    margin-top: 30px;
}
    
#TCTintro h2 {
    margin-bottom: 0px;
    color: #fff;
    font-size: 48px;
    }
    
#TCTintro em {
    font-size: 18px;
    }
    
#TCTintro p {
    font-size: 17px;
    margin-top: 15px;
    margin-bottom: 15px;
    }

#TCTquees {
    background: #000;
    padding: 60px 0;
    color: #fff;
    }
    
#TCTquees h3 {
    color: #fff;
    font-size: 35px;
    }
    
#TCTquees p {
    font-size: 15px;
    }
    
#TCTquees a {
    color: #fff;
    font-size: 18px;
    font-weight: bolder;
    }
    
#TCTventajas {
    padding: 60px 0;
    background: url("https://copec.modyocdn.com/uploads/23acfafb-d9d1-4369-a239-09a1ef5feebe/original/tct_copec_02.jpg");
    background-size: cover;
    color: #fff;
    }
    
#TCTventajas h3 {
    color: #fff;
    font-size: 35px;
    text-align: center;
    }
    
#TCTventajas li {
    background: rgba(255,255,255,0.7);
    padding: 20px;
    border-radius: 5px;
    text-align: center;
    min-height: 375px;
    }
    
#TCTventajas h4 {
    margin: 20px;
    }
    
#TCTfuncionaliadades {
    padding: 60px 0;
    background: url("https://copec.modyocdn.com/uploads/d9f8a819-035a-4d82-a870-2adcb6288dbd/original/tct_copec_03.jpg");
    background-size: cover;
    color: #fff;
    }
    
#TCTfuncionaliadades h3 {
    color: #fff;
    font-size: 35px;
    text-align: center;
    }
    
#TCTfuncionaliadades strong {
    margin: 10px 0px;
    display: block;
    }
    
#TCTfuncionaliadades .bgwhite {
    background: rgba(255, 255, 255, 0.9);
    color: #000;
    padding: 20px;
    border-radius: 10px;
    }
    
#TCTfuncionaliadades .span10 {
    margin-bottom: 20px;
    }
    
#TCTfuncionaliadades a {
    font-size: 16px;
    font-weight: bolder;
    color: #000;
    }
    
#TCTfuncionaliadades ul {
    color: #000;
    list-style: disc;
    }
    
#TCTfuncionaliadades .btnvermas:hover {
    cursor: pointer;
    cursor: hand;
    }
    
#TCTfuncionaliadades .verminus:after {
    content: "-]";
    }
    
#TCTfuncionaliadades .btnvermas:after {
    content: "+]";
    }
    
    
#TCTultimas {
    padding: 60px 0;
    background: url("https://copec.modyocdn.com/uploads/7aa01f15-9cde-4c4b-801d-90589e61d8e0/original/tct_copec_04.jpg");
    background-size: cover;
    color: #fff;
    }

#TCTultimas h3 {
    color: #fff;
    font-size: 35px;
    text-align: center;
    }
    
#TCTultimas .span6 {
    background: url("https://copec.modyocdn.com/uploads/18bd9b51-a0c4-4fa7-89ee-89e69d4a2e6b/original/bg_black_ultimasyfac.jpg");
    background-size: cover;
    padding: 30px;
    min-height: 320px;
    }
    
#TCTultimas .accordion-heading {
    text-transform: uppercase;
    }
    
#TCTultimas .accordion-inner {
    background: #252525;
    }
    
#TCTultimas li {
    color:#fff;
    list-style: disc;
    }
    
#TCTultimas .accordion-heading {    
    background: url("https://copec.modyocdn.com/uploads/d2103f50ee6c5bc111b9c96cd3ea52b4/original/icono-accordion1.jpg") #252525 no-repeat right top;
    }
    
#TCTultimas .accordion-heading2 {    
    background: url("https://copec.modyocdn.com/uploads/d2103f50ee6c5bc111b9c96cd3ea52b4/original/icono-accordion1.jpg") #fff no-repeat right top;
    }
    
#TCTultimas .accordion-heading a { 
    color:#fff;
    }
    
#TCTultimas .accordion-heading2 a { 
    color:#000;
    }
    
    
#TCTBeneficios {
    padding: 60px 0;
    background: url("https://copec.modyocdn.com/uploads/6b1c13cf-e416-40f8-8798-49be25aabc02/original/bg-stations-dark.jpg");
    background-size: cover;
    color: #fff;
    }
    
#TCTBeneficios h3 {
    color: #fff;
    font-size: 35px;
    text-align: center;
    }
    
#TCTBeneficios .span6 {
    font-size: 15px;
    color: #ffffff;
    padding: 30px;
    min-height: 430px;
    }
    
#TCTBeneficios h4 {
    margin: 0;
    text-align: center;
    margin-bottom: 20px;
    font-size: 25px;
    font-weight: 300;
    }
    
#TCTBeneficios ul {
    color: #ffffff;
    list-style: none;
    margin-left:0;
    }

#TCTBeneficios figure {
    display:flex;
    margin-left:0;
    }
#TCTBeneficios figure img{
    padding-right:15px; 
    }
#TCTBeneficios figure figcaption{
    align-self:center; 
    }

#TCTBeneficios span.second{
    display:block; 
    }
/* --- Tct Beneficios -- */
#TCTBeneficios {
  background-position: left bottom;
}

#TCTBeneficios h3 {
  font-weight: lighter;
}

@media (max-width: 768px) {
  #TCTBeneficios {
    background-position: bottom;
  }
  #TCTBeneficios .span6 {
    padding: 15px;
  }
  #TCTBeneficios .span6 figure {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
    margin-bottom: 15px;
  }
  #TCTBeneficios .span6 figure img {
    padding-right: 0;
    margin-bottom: 10px;
  }
  #TCTBeneficios .span6.second ul {
    padding: 15px 0;
    margin-bottom: 0;
  }
  #TCTBeneficios .span6.second figure {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  #TCTBeneficios .span6.second figure figcaption {
    padding-left: 15px;
  }
  #TCTBeneficios .span6.second figure img {
    margin-bottom: 0;
  }
}

#TCTtarjetas {
    background: #000;
    padding: 60px 0;
    color: #fff;
    margin-bottom: -50px;
    }
    
#TCTtarjetas h3 {
    color: #fff;
    font-size: 35px;
    text-align: center;
    }
    
#TCTtarjetas p {
    font-size: 16px;
    }
    
#TCTtarjetas .span6 {
    background: url("https://copec.modyocdn.com/uploads/18bd9b51-a0c4-4fa7-89ee-89e69d4a2e6b/original/bg_black_ultimasyfac.jpg");
    background-size: cover;
    padding: 30px;
    }
    
#TCTtarjetas h4 {
    text-align: left;
    margin-bottom: 20px;
    font-size: 25px;
    }
    
#TCTtarjetas ul {
    margin: 0;
    color: #fff;
    }

#TCTtarjetas li {
    list-style-image: url("https://copec.modyocdn.com/uploads/be2f07c0-c232-4af6-951a-0c86b8a08b60/original/tct_list_style_img.png");
}


@media (max-width: 720px) {
    #TCTintro {
    background-position: 75%;
    }
}

/* =============================================================================
TCT
===============================================================================*/

#solicitar-tct-modal .modal-body {
    background: #fff;
    color: #666;
}
#solicitar-tct-modal .modal-header h5 {
    font-size: 24px;
    padding: 10px 0px;
    text-align:center;
}
#solicitar-tct-modal form {
    margin: 0;
}

#solicitar-tct-modal form input {
    height: 30px;
}

#solicitar-tct-modal div#s2id_tct_commune {
    width: 60%;
}

#tct-layout {
    background: #b9bbbe url("https://copec.modyocdn.com/uploads/307303a1-9b5b-44aa-8117-94bcff6239d3/original/bg-tct.jpg") no-repeat;
    margin-bottom: -50px;
    padding: 40px 0;
}
#tct-layout .tabs-left {
    background: #FFF;
}
#tct-layout .tab-content {
    border: 0;
}
#tct-layout .tabs-left>.nav-tabs {
    padding: 0;
    margin: 0;
    border: 0;
    width: 290px;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 13px;
    text-align: right;
}
#tct-layout .tabs-left>.nav-tabs .active>a {
    border: 0;
}
#tct-layout .tabs-left .nav-tabs .active a {
    width: auto;
}
#tct-layout .tabs-left>.nav-tabs>li>a {
    margin: 0;
    margin-right: 0 !important;
    width: auto;
    padding: 20px 15px;
    background: none;
    color: #0d506e;
}
#tct-layout .tabs-left>.nav-tabs>li {
    border-bottom: 1px solid #c7d5dd;
}
#tct-layout .tabs-left>.nav-tabs>li>a i {
    opacity: 0;
    float: left;
}
#tct-layout .tabs-left>.nav-tabs .active>a {
    color: #0d506e !important;
    background: #c7d5dd !important;
}
#tct-layout .tabs-left>.nav-tabs .active>a i {
    opacity: 1;
    color: #FFF
}
#tct-layout .tab-content {
    padding: 30px 30px 30px 50px;
}

#tct-layout .image-header {
    text-align: center;
    margin-bottom: 40px; 
}
#tct-layout #home-tab ul {
    margin-bottom: 20px;
    border-bottom: 2px solid #EEE;
    padding-bottom: 20px;
    margin-left: 0;
    margin-top: 40px;
}
#tct-layout h3 { font-size: 28px !important; }
#tct-layout h4 { font-size: 21px !important; margin-bottom: 5px; font-weight: 300; }
#tct-layout #home-tab h4 { font-size: 24px !important; }
#tct-layout #home-tab h5 { margin-bottom: 10px; font-size: 18px; font-weight: 300; padding-bottom: 10px; border-bottom: 1px dotted #DDD; }

#tct-layout h4:first-child { margin-top: 0; }
#tct-layout h4 { margin-top: 40px; }

#tct-layout #home-tab .actions { margin-bottom: 40px; }
#tct-layout #home-tab .dl-pdf { font-weight: 900; text-transform: uppercase; display: inline-block; margin-bottom: 6px; }
#tct-layout #home-tab .dl-pdf img { margin-right: 5px;position: relative;top: -2px; }
.modal.fade.in {
    top: 0px !important;
}
.context-layouts-show-tct .modal-body {
    max-height: 700px;
}
#solicitar-tct-modal .form-horizontal .control-group { margin-bottom: 8px; } 



/*new section 1.2*/
.tct-premium-new-section {
    background-size: 1300px;
    background-color: #000;
    background-image: url(https://copec.modyocdn.com/uploads/0708c531-1ae9-4588-9ae0-2dd5e0fa2459/original/bg-tct-premium.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-top: 100px;
    padding-bottom: 10em;
    background-attachment: fixed;
}

.tct-premium-new-section img {
    max-width: 570px;
    width: auto;
    margin: 0 auto;
    display: block;
}

/* Large desktop */
@media (min-width: 1200px) { ... }
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { ... }
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .tct-premium-new-section img {
        max-width: 100%;
        width: auto;
        margin: 0 auto;
        display: block; 
    }
}
 
/* Landscape phones and down */
@media (max-width: 480px) { ... }


#widget-192427 .contain-example a {
    background:transparent; 
}

/*#widget-192427 .contain-example a img {
    margin: 0;
    padding: 0;
}*/

#intro-premium, #queestctpremium, #comofuncionapremium, #estaciones-premium, #formulario-tctpremium {
    background-attachment: fixed!important;
}

#widget-192427 #comofuncionapremium .contain-example img {
    border: 5px solid #fff;
    border-radius: 8px;
    margin-top: 7em;
    margin-left: 4%;
}








 /* PAGOCLICK INICIO */
 
 #pagoclick-inicio { 
    /*background:url('https://copec.modyocdn.com/uploads/feb01ffd-7c81-43fe-a4dd-92c6023a31f1/original/01.jpg') no-repeat center #000;*/
    background: url('https://copec.modyocdn.com/uploads/03122743-e5d5-4b94-a5aa-4d231da4e538/original/nuevo-bg_pago-click.jpg') no-repeat center #3e8ac9;
    background-size: cover;
    padding-top:6em;
    /*height: 65em;*/
    }
    
    #pagoclick-inicio p {
    font-size: 16px;
    text-align: left;
    margin: 0 auto;
    margin-bottom: 1em;
    color: #696969;;
    }
    
    #pagoclick-inicio .box-text {
    background:#fff;
    }
    
    #pagoclick-inicio .row-fluid {
    padding: 4em 0;
    }
    
    .box-text .top-h1 {
    width: 100%;
    background: #2aa8df;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 1em;
    color: #fff;
    font-size: 19px;
    font-weight: 800;
    }
    
    .box-text .inner-text {
    padding: 2em;    
    }
    
    .content-pagoclick img {
    max-width:87%;
    margin:0 auto 4em auto;
    display:block;
    }

    .btn-app {
    margin: 0 auto;
    width: 330px;
    display: block;
    }
    a.apple-btn {
    float: left;
    margin-right: 2em;
    }
    a.google-btn {
    float: left;
    }

    
 /* PAGOCLICK COMO FUNCIONA */
 
    #comofunciona-pagoclick {
    background:url('https://copec.modyocdn.com/uploads/0c4982b5-a7f9-4ce2-8507-1e6bf1e04aac/original/background2.jpg') no-repeat;
    background-size:cover;
    padding: 6em 0;
    }
    
    #comofunciona-pagoclick .box-item {
    padding: 1em;
    background: #fff;
    height: 300px;
    margin: 0 auto;
    box-shadow: 0px 0px 17px #CAC3C3;
    border-radius: 6px;
    margin-bottom: 4em;
    border-bottom: 5px solid #2AA8DF;
    }
    
    #comofunciona-pagoclick .pagoclick-title h1 {
    font-size: 35px;
    text-align: center;
    margin-bottom: 2em;
    }
    
    .pagoclick-title span {
    font-weight: 800;
    color: #2AA8DF;    
    }
    
    .box-item .number-item {
    position: relative;
    bottom: 39px;
    background: #2AA8DF;
    width: 55px;
    height: 55px;
    border-radius: 100%;
    color: #fff;
    font-weight: 800;
    font-size: 31px;
    margin: 0 auto;
    text-align: center;
    }
    
    .box-item .number-item p {
    margin: 0 auto;
    text-align: center;
    width: 100%;
    display: block;
    padding-top: 16px;    
    }
    
    .box-item .content-item img {
    margin: 0 auto;
    display: block;
    padding-bottom: 2em;
    margin-top: 1em;    
    }
    
    .box-item .content-item p {
    text-align:center;
    font-size: 16px;
    color: #696969;
    }
    
    .item01 .content-item p , .item02 .content-item p , .item03 .content-item p  {
    padding-top: 30px;    
    }
    
     /* PAGOCLICK COMO PAGAR */

    #comopagar-pagoclick {
    background: url('https://copec.modyocdn.com/uploads/ec899de0-084a-42c3-bcee-b65a26b35b7b/original/background3.jpg') no-repeat;
    background-size: cover;
    padding: 6em 0;
    }
    
    .contain-pay .circle-pay {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: #FFFFFF;
    text-align: center;    
    }
    
    #comopagar-pagoclick .contain-pay h3 {
    color: #2AA8DF;
    font-weight: 800;
    padding: 10px;
    }
    
    .contain-pay p {
    color: #fff;
    font-size: 16px;
    margin-top: 6px;
    }
    
    .contain-pay .row-fluid {
    margin-bottom:2em;
    }
    
    .comopagar-title h1 {
    font-size: 35px;
    text-align: center;
    margin-bottom: 2em;
    color: #fff;
    }
    
    .icon-pay img {
    display: block;
    margin: 0 auto;
    margin-top: 3em;
    margin-left: 3em;  
    }
    
    .comopagar-title span {
    font-weight:800;
    }
    
    /* COMO FUNCIONA CAMBIOS 29/03 */
    
    #comofunciona-pagoclick .content-item {
    position: relative;
    margin-bottom: 30px;
    }
    #comofunciona-pagoclick .content-item p {
    width: 80%;
    float: right;
    margin: 3% 15% auto auto;
    color: #2C7FB3;
    font-size: 16px;
    }

    /* PAGOCLICK BENEFICIOS */
    
    #beneficios-pagoclick {
    background:url('https://copec.modyocdn.com/uploads/e6e04df2-854e-4591-99d6-67f1b8612420/original/background5.jpg') no-repeat;
    background-size: cover;
    padding: 6em 0;
    }
    
    .content-beneficios .title-beneficios h1 {
    font-size: 35px;
    color: #2AA8DF;
    margin-bottom: 2em;
    }
    
    #beneficios-pagoclick .content-beneficios ul {
    list-style: none;
    color: #000;
    font-size: 16px;
    margin: 0;    
    }
    
    .content-beneficios ul li {
    margin-bottom:2em;
    height: 44px;
    font-size: 18px;
    }
    
    #beneficios-pagoclick .icon-chevron-right {
    color: #2AA8DF;
    font-weight: 800;
    margin-right: 5px;    
    }
    
    .content-beneficios {
    padding-right: 1em;
    margin-bottom: 6em;    
    }
    
    #beneficios-pagoclick .image-right {
    padding: 0 8em;
    }
    
    #beneficios-pagoclick .image-right img {
    vertical-align: middle;
    max-width: 380px;
    margin: 0 auto;
    display: block;
    }
    
    /* PAGOCLICK PROMOCIONES */
    
     #promociones-pagoclick {
    background:url('https://copec.modyocdn.com/uploads/93d1f712-1d81-462b-94a8-fcc16b6a7dc8/original/background4.jpg') no-repeat;
    background-size: cover;
    }
    
    .content-promociones h1 {
    padding-top:2em;
    padding-bottom:2em;
    }
    
    .content-promociones .pagoclick-promo {
    box-shadow: 0px 0px 19px #909090;
    }
    
    .content-promociones .pagoclick-cover {
    width:100%;
    height:300px;
    }
    
    .content-promociones .pagoclick-cover img {
    width:100%;
    height:300px;
    }
    
    .content-promociones .pagoclick-description h3 {
    padding-top: 12px;
    background: #000;
    padding-bottom: 12px;
    padding-left: 18px;
    }
    
    .content-promociones .pagoclick-description a {
    color: #fff;
    font-weight: 800;
    }
    
    /* PAGOCLICK RED DE ESTACIONES */
    
     #estaciones-pagoclick {
    background:url('https://copec.modyocdn.com/uploads/b96c40f2-95a8-44d4-90f0-03bf52e52bf4/original/background6.jpg') no-repeat;
    background-size:cover;
    padding: 6em 0;
    }
    
    .contain-estaciones h1 span {
    color:#2aa8df;
    }
    

    .contain-estaciones h1 , .contain-estaciones p {
    color:#fff;
    }
    
    
    .top-estaciones p {
    font-size:20px;
    padding-bottom:1em;
    }
    
    #estaciones-pagoclick h1 {
    text-align:center;
    margin-bottom:.5em;
    }
    
    #estaciones-pagoclick p {
    text-align:center;
    padding-bottom:2em;
    font-size:16px;
    }
    
    #estaciones-pagoclick .btnpagoclick{
    background: #2aa8df;
    color: #fff;
    border-radius: 0;
    padding: 13px;
    font-weight: 800;
    width: 23%;
    margin: 0 auto;
    display: block;
    }
    
    /* PAGOCLICK RED DE ESTACIONES */
    
    #baseslegales-pagoclick {
    background: url('https://copec.modyocdn.com/uploads/d18c1e03-95dc-4b38-a2e2-9853828dbd55/original/terms-bg.jpg') no-repeat;
    background-size: 100%;
    padding: 6em 0;
    background-color: #f8f8f8;
    }
    
    #baseslegales-pagoclick .panel-heading {
    padding: 1em;
    background: #2AA8DF;
    }
    
    #baseslegales-pagoclick .panel-heading a {
    color: #fff;
    font-weight: 800;
    font-size: 16px;    
    }
    
    .contain-acc  .accordion-group {
    border: 1px solid #E4E4E4; 
    }
    
    .contain-acc .accordion-toggle {
    font-weight:800;
    background:url('https://copec.modyocdn.com/uploads/7610e649-be8b-42dc-91a7-82e4cdfef5b9/original/menos.png') no-repeat left center;
    font-size:16px;
    padding:1em;
    padding-left:3em;
    color:#8C8C8C;
    }
    
    
    .contain-acc  .collapsed {
    font-weight: 800;
    background: url('https://copec.modyocdn.com/uploads/7a99b572-a921-4828-822c-7fbbf253c933/original/mas.png') no-repeat left center;
    font-size: 16px;
    padding: 1em;
    padding-left: 3em;
    color: #8C8C8C;
    }

    .contain-acc .accordion-head {
    padding: 1em;
    background: #ECECEC;
    }
    
    #baseslegales-pagoclick .baseslegales-title h1 {
    font-size:35px;
    }
    
    #baseslegales-pagoclick img {
    max-width: 250px;
    margin: 0 auto;
    display: block;
    margin-top: 7em;
    }

    .apple-btn {
    display: block;
    width: 150px;
    height: 46px;
    background: url('https://copec.modyocdn.com/uploads/cf549842-7cdd-4138-8415-d4f379efaba7/original/apple-btn.png') top;
    text-indent: -99999px;
    }
    .apple-btn:hover {
    background-position: 0 46px;
    }
    .google-btn {
    display: block;
    width: 150px;
    height: 46px;
    background: url('https://copec.modyocdn.com/uploads/743e6c54-0ab2-4539-8e6d-670c464932a1/original/google-btn.png') top;
    text-indent: -99999px;
    }
    a.google-btn:hover {
	background-position: 0 46px;
    }

    /* PAGOCLICK RESPONSIVE */
    
    @media (max-width: 1366px){
        #pagoclick-inicio { background-position-x: -75em; }
    }
    
      @media (max-width:1200px){
        .bottom-estaciones { width:100%; }   
        .bottom-estaciones .box-estacion { margin-left:3em; margin-right:1em; }
    }
       
    @media (max-width:1050px){
        #pagoclick-inicio { background-position-x: -55em; }
    }   
    
     @media (max-width:1024px){
        #pagoclick-inicio { 
        background-position-x: -85em; 
        }
    }   
    
    
    @media (max-width:979px){  
        .bottom-estaciones .box-estacion { width:350px;height:350px; }
         .bottom-estaciones .box-estacion { margin-left:1em; margin-right:1em; }
        .btn-app { margin-top: 3em; }
        } 
        
    @media (max-width:768px){  
        .bottom-estaciones .box-estacion { width:100%; }
        #estaciones-pagoclick .btnpagoclick { width:100%; }
        .bottom-estaciones .box-estacion { margin-left:auto; margin-right:auto; }
        .content-beneficios ul li { width:100%;}
         #pagoclick-inicio .box-text { margin-top: -1em; margin-bottom: 2em; }

 
    @media (max-width:780px){  
        #estaciones-premium .btnestacionespremium  { width:100%; }
        #comofunciona-pagoclick .content-item img { margin: 0 auto; display: block; }
        #comofunciona-pagoclick .content-item p { text-align: center; margin: 0 auto; float: none; }
        #home #comofunciona-pagoclick .video-top .mejs-container { width: 100%; }
        .icon-pay img { margin: 0 auto; }
        .contain-pay .circle-pay { margin: 0 auto; margin-top: 2em; }
        .contain-pay p { text-align: center; }
        }     
    }
    
    @media (max-width: 480px){
        #pagoclick-inicio { background: none; background-color: #000; }
        #beneficios-pagoclick .image-right { padding: 0; }
        #beneficios-pagoclick .image-right img { max-width: 100%; }

    }
    
    
/*sobre escribiendo estilos*/    
#beneficios-pagoclick {
    /*background: url(https://copec.modyocdn.com/uploads/47d6c440-27fb-4528-a5a7-a48bcfc35068/original/background5v2.jpg) no-repeat;
    background-size: cover;*/
}
    
    
/*#beneficios-pagoclick .content-beneficios .title-beneficios h1 {
    color: #fff;
}*/
    
/*
#beneficios-pagoclick .icon-chevron-right {
    color: #fff;
} */

/*    
#beneficios-pagoclick .content-beneficios li {
    color: #fff;
}*/

/*nuevo diseño de seccion ¿como funciona pagoclick? y beneficios*/  
#como-funciona-pagoclick-nuevo {
    background: url('https://copec.modyocdn.com/uploads/0c4982b5-a7f9-4ce2-8507-1e6bf1e04aac/original/background2.jpg') no-repeat;
    background-size: cover;
    padding: 6em 0;
}



#como-funciona-pagoclick-nuevo h1 {
    font-size: 35px;
    margin-bottom: 2em; 
    text-align: center;
}

#como-funciona-pagoclick-nuevo .slide.slider-como-funciona {
    background: transparent;
}

#como-funciona-pagoclick-nuevo .slide.slider-como-funciona ul {
    width: 440px;
    color: #0a91cc;
    margin: 30px auto;
    display: block;
}

/* Large desktop */
@media (min-width: 1200px) { ... }
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { ... }
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { ... }
 
/* Landscape phones and down */
@media (max-width: 480px) { 
    #como-funciona-pagoclick-nuevo .slide.slider-como-funciona ul {
        width: 100%;
        margin: 30px auto;
        display: block;
    }
}


#como-funciona-pagoclick-nuevo .slide.slider-como-funciona h2.title {
    color: #0a91cc;
}


#como-funciona-pagoclick-nuevo .slide.slider-como-funciona h3.bajada {
    color: #0a91cc;
}

#como-funciona-pagoclick-nuevo .slide.slider-como-funciona .carousel-control {
    color: #0a91cc;
}

#como-funciona-pagoclick-nuevo .slide.slider-como-funciona .carousel-indicators .active {
    background-color: #0a91cc;
}

#como-funciona-pagoclick-nuevo .slide.slider-como-funciona .carousel-indicators li {
    background-color: #d4d4d4;
}

#como-funciona-pagoclick-nuevo .slide.slider-como-funciona .logo-wp {
    margin: 0 auto;
    display: block;
    width: 120px;
}


#pagoclick-inicio .span6 {
    display: block;
    margin: 0 auto;
    float: none;
}

.btn-registro {
    margin-bottom: 20px;
    padding: 15px;
    display: block;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-size: 16px;
    background: #f11714;
    width: 325px;
    margin: 20px auto;
    border-radius: 5px;
}

.btn-registro:hover {
    background: #d2100d;
    cursor: pointer;
}


.btn-registro a {
    color: #fff;
}


.btn-registro a:hover {
    color: #fff;
    text-decoration: none;
}

.content-pagoclick img {
    margin: 0 auto 10px auto;
}

.content-pagoclick {
    padding: 40px;
    background-color: transparent;
    background-color: rgba(62, 138, 201, 0.3);
    border-radius: 10px;
    overflow: hidden;
}
 
/* Large desktop */
@media (min-width: 1200px) { ... }
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
    .content-pagoclick {
        padding: 40px 20px;
        background-color: transparent;
        background-color: rgba(62, 138, 201, 0.3);
        border-radius: 10px;
        overflow: hidden;
    }
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { ... }
 
/* Landscape phones and down */
@media (max-width: 480px) { 
    #pagoclick-inicio { 
        background: url('https://copec.modyocdn.com/uploads/03122743-e5d5-4b94-a5aa-4d231da4e538/original/nuevo-bg_pago-click.jpg') no-repeat center #3e8ac9;
        background-size: cover;
        padding-top:6em;
    }
    .btn-registro {
        width: 330px;
    }
    
    .btn-app {
        margin-top: 20px;
    }
    
    /*.btn-app .apple-btn, .btn-app .google-btn {
        display: block;
        width: 100%;
    }*/
    #pagoclick-inicio {
        height: auto;
    }
    
    .content-pagoclick {
        padding: 0;
        background-color: transparent;
        border-radius: 0;
        overflow: initial;
    }
}


/*widget menu*/
#widget-c6e4d0 #nav-container ul {
    background: #fff;
}
  
#widget-c6e4d0 #nav-container {
    margin-top: 15px;
} 
 
#widget-c6e4d0 #navigation-layout.affix {
    background: #fff;
}

#pagoclick-inicio .row-fluid {
    padding: 4em 0;
}

/*pagoclick cambios*/
#pagoclick-inicio {
    padding-top: 49px;
}

.content-pagoclick img {
    max-width: 100%;
}


@media (max-width: 1366px) {
        #pagoclick-inicio {
        background-position-x: initial;
    }
}



#como-funciona-pagoclick-nuevo, #comopagar-pagoclick, #beneficios-pagoclick, #baseslegales-pagoclick {
    padding: 40px 0 10px 0;
}

#como-funciona-pagoclick-nuevo h1, #comopagar-pagoclick h1, #beneficios-pagoclick h1, #baseslegales-pagoclick h1 {
    margin-bottom: 20px;
}

#beneficios-pagoclick .content-beneficios {
    padding-right: 0;
    margin-bottom: 0;
}

#como-funciona-pagoclick-nuevo .slide.slider-como-funciona {
    padding: 0px 30px;
}




.content-pagoclick .download-app {
    width: 328px;
    margin: 0 auto; 
}

/* Large desktop */
@media (min-width: 1200px) {
    .content-pagoclick .download-app {
        width: 328px;
        margin: 0 auto; 
    }
}

 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    .content-pagoclick .download-app {
        width: 328px;
        margin: 0 auto; 
    }
}

 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .content-pagoclick .download-app {
        width: 328px;
        margin: 0 auto; 
    }
}

 
/* Landscape phones and down */
@media (max-width: 480px) {
    .content-pagoclick .download-app {
        width: 328px;
        margin: 0 auto; 
    }
}


/*Video comercial*/

.context-layouts-show-pagoclick {
    background: url(https://copec.modyocdn.com/uploads/ec899de0-084a-42c3-bcee-b65a26b35b7b/original/background3.jpg) no-repeat;
    background-size: cover;
}
.context-layouts-show-pagoclick .video {
    padding: 40px 0 60px 0;
}

.context-layouts-show-pagoclick .video h1 {
    font-size: 35px;
    text-align: center;
    margin-bottom: 20px;
    color: #fff;
    padding-left: 20px;
    padding-right: 20px;
}

#myModalComercialPagoClick.modal {
    background: transparent;
    border: none;
    -webkit-box-shadow: 0 0 0 rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 0 rgba(0,0,0,0.3);
    box-shadow: 0 0 0 rgba(0,0,0,0.3);
}

#myModalComercialPagoClick .modal-header {
    overflow: hidden;
    border: none;
    padding: 0;
}

#myModalComercialPagoClick .close {
    font-size: 30px;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.9;
}

/* Large desktop */
@media (min-width: 1200px) { ... }
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { ... }
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    iframe {
        margin: 0 auto;
        display: block;
        width: 100%;
    }
    #myModalComercialPagoClick.modal {
        position: absolute;
        top: 0!important;
    }
    #myModalComercialPagoClick .modal-header {
        padding: 0 15px;
    }
}
 
/* Landscape phones and down */
@media (max-width: 480px) { ... }

#myModalComercialPagoClick .close {
    line-height: 28px;
}

.context-layouts-show-pagoclick .video img {
    width: 500px;
    margin: 0 auto;
    display: block;
    float: none;
}


.context-layouts-show-pagoclick .video a {
    margin: 0 auto;
    padding: 0;
    display: block;
    background: none;
    width: 500px;
}


/* Large desktop */
@media (min-width: 1200px) { ... }
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { ... }
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .context-layouts-show-pagoclick .video img {
        width: 80%;
        margin: 0 auto;
        display: block;
        float: none;
    }
    
    .context-layouts-show-pagoclick .video a {
        margin: 0 auto;
        padding: 0;
        display: block;
        background: none;
        width: 80%;
    }
}
 
/* Landscape phones and down */
@media (max-width: 480px) { ... }

.context-layouts-show-pagoclick .video img {
    border: 6px solid #fff;
}



/* =======================================
        Mobiltec Vehiculos Agenda Online
    ======================================== */
    
#agenda-layout {
    background: url("https://copec.modyocdn.com/uploads/34fed943-674a-4d35-bb72-d5fed2943e2c/original/mobiletec-BG-Productos_05.jpg") left;
    background-size: cover;
    padding: 60px;
    /* margin-bottom: -50px; */
    }
    
#agenda-layout h2,
#agenda-layout h5,
#agenda-layout .control-group {
    padding-top: 20px;
    }
    
#agenda-layout iframe {
    width: 1080px;
    height: 520px;
    border: none;
    }
    
@media (max-width: 1200px) {
    #agenda-layout iframe {width: 900px;}
}

@media (max-width: 980px) {
    #agenda-layout iframe {width: 650px;}
}

@media (max-width: 767px) {
    #agenda-layout .span3, #agenda-layout h5 {width: 300px;}
    #agenda-layout iframe {width: 520px; height: 800px; border: 0; margin-left: -70px;}
}

@media (max-width: 480px) {
    #agenda-layout .span3, #agenda-layout h5 {width: 300px;}
    #agenda-layout iframe {width: 505px; height: 800px;border: 0;}
}
    
#agenda-layout .btn-primary {
    margin-top: 20px;
    font-size: 14px;
    padding: 10px;
    background: rgba(25, 59, 88, 0.5);
    }
    
 /* =====================
        Mobiltec Orders
    ====================== */
    
.context-contact #page-title h2 {
    color:#000;
    padding: 20px 0px;
    font-weight: 100;
}
    
.context-contact tr.accordion-toggle {
    border-top: 2px;
    background: #efefef;
    color: #2d8ec8;
}

.context-contact tr.highlight{
    border-top: 2px;
    background: #2d8ec8;
    color: #fff;
}

.context-contact #orders_table tr td:nth-child(5) {
    background: url("https://copec.modyocdn.com/uploads/d2103f50ee6c5bc111b9c96cd3ea52b4/original/icono-accordion1.jpg") #efefef no-repeat right top;
}

.context-contact #orders_table .highlight td:nth-child(5) {
    background: url("https://copec.modyocdn.com/uploads/37e1eda0fe92a01b65928b89e4381f3f/original/icono-accordion2.jpg") #2d8ec8 no-repeat right top;
}

.context-contact #orders_table .collapse {
    width: 90%;
    display: block;
    margin: 0px auto;
    height: 0px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.context-contact .in {
    /*border-style: solid;
    border-width: 1px;
    margin-top: 10px;
    margin-bottom: 10px;*/
    border-radius: 6px;
}

.modal { z-index: 99999; }

.context-contact .collapse #order_info_table tbody tr:nth-child(odd),
.context-contact .collapse #car_table tbody tr:nth-child(odd),
.context-contact .collapse #products_table tbody tr:nth-child(odd){
    background:#f9f9f9
    }
 
.context-contact .collapse #order_info_table thead .text-center,
.context-contact .collapse #car_table thead .text-center,
.context-contact .collapse #products_table thead .text-center{
    font-size: 18px;
    }


.context-contact .pagination {
    margin: 0 auto;
    height: 60px;
    background: url("https://copec.modyocdn.com/uploads/6939a5d40aa4669ca1c45fbd34b16b65/original/lineas.jpg");
}

.context-contact .pagination a{
    color:#000;
}

.context-contact .pagination .pages .page{
    padding: 10px;
}

.context-contact .pagination .pages .page:hover{
    background: url("https://copec.modyocdn.com/uploads/56c84f84-a839-469f-bd3c-a27e7884c7ca/original/BG_Color_Paginacion_Underline.jpg") no-repeat;
    background-position: 0px 30px;
    text-decoration: none;
}

.context-contact .pagination .pages .current {
    background: url("https://copec.modyocdn.com/uploads/79137d79-91aa-47f9-908c-0cee0557e878/original/BG_Color_Paginacion.jpg") no-repeat;
    }
    
.context-contact .pagination .page-next a {
    background: url("https://copec.modyocdn.com/uploads/50e06d104059129bbed7606d4cfa885e/original/flecha-gris.jpg")no-repeat;
    padding: 8px;
    background-position: 0px;
    color: rgba(0, 0, 0, 0);
    }
    
.context-contact .pagination .page-prev a {
    background: url("https://copec.modyocdn.com/uploads/a720a63b-a555-479e-b84e-810d88e75ea2/original/flecha-gris-izq.jpg")no-repeat;
    padding: 8px;
    background-position: 0px;
    color: rgba(0, 0, 0, 0);
    }

/* _______ MOBILTEC WIDGET ________ */

.me-mobiltec-widget .btn-large {
    margin-bottom: 20px;
    text-shadow: 1px 1px 0 rgba(0,0,0,.1);
    box-shadow: 1px 1px 0 rgba(255,255,255,.3) inset;
    padding: 20px 46px 20px 32px;
    font-size: 17px;
    background: #e4001a url(https://copec.modyocdn.com/uploads/e909d159-7581-4959-a8f5-55638f573d4e/original/Arrow_Mobiltec.jpg) no-repeat right;
    }
    
.me-mobiltec-widget h3 {
    font-size: 28px;
    border-bottom: 0px solid #CCC;
    margin: 0 0 .7em;
    padding: 0 0 .3em;
    margin-bottom: 22px;
    line-height: 35px;
    font-weight: normal;
    color: #fff;
    }
    

.context-me #mobiltec-table {
    border-style: solid;
    border-width: 10px;
    -moz-border-image: url("https://copec.modyocdn.com/uploads/821badb3-8905-42ea-a057-1291e49c0540/original/60Opacity_BG_Mobiltec.png") 11 stretch;
    -webkit-border-image: url("https://copec.modyocdn.com/uploads/821badb3-8905-42ea-a057-1291e49c0540/original/60Opacity_BG_Mobiltec.png") 11 stretch;
    -o-border-image: url("https://copec.modyocdn.com/uploads/821badb3-8905-42ea-a057-1291e49c0540/original/60Opacity_BG_Mobiltec.png") 11 stretch;
    border-image: url("https://copec.modyocdn.com/uploads/16a99eda-f086-4e4b-b552-81641491be16/original/45Opacity_BG_Mobiltec.png") 11 fill stretch;
    border-collapse: separate;
    padding: 10px;
}

.context-me .me-mobiltec-widget {
    background: url("https://copec.modyocdn.com/uploads/f7514f75-d758-4434-af9b-47a17dbeadcb/original/BG_Me_Mobiltec.jpg") left;
    padding: 40px 15px;
    background-size: cover;
    }
    
.me-mobiltec-widget .more-action {
    width: 99.9%;
    background: url("https://copec.modyocdn.com/uploads/16a99eda-f086-4e4b-b552-81641491be16/original/45Opacity_BG_Mobiltec.png");
    padding: 10px;
    margin-top: -19px;
    text-align: right;
    margin-right: 1px;
    }
    
/* Moviltec 2 */

#top-moviltec {
    color:#fff;
    padding: 40px 0;
    font-size: 16px;
    background: url("https://copec.modyocdn.com/uploads/85e89ab5-1735-4421-8533-7d7a45875a64/original/Banner_LUB_COPEC_1440x465px_1_.jpg") left;
    background-size: cover;
    text-align: justify;
}

#top-moviltec h2{
    color:#fff;
    }
    
#top-moviltec .btn-primary {
    text-transform: uppercase;
    width: 100%;
    font-size: small;
    }
    
#top-moviltec input, #top-moviltec textarea, #top-moviltec .uneditable-input {
    width: 100%;
    font-size: 12px;
    color: #fff;
    background: #0f2434;
    border: 0;
    }
    
#top-moviltec small {
    text-align: center;
    }
    
#top-moviltec p {
    margin-top: 10px;
    }

#top-moviltec .control-group {
    margin-bottom: 0px;
    }

#top-moviltec .form-h {
    margin-bottom: 0px;
}

#top-moviltec .box-places a {
    font-size: 20px;
    }
    
#top-moviltec .box-places span {
    font-size: 17px;
    }

#top-moviltec .box-ordenes {
    background: #193b58;
    margin-top: 20px;
    padding: 10px 15px;
    border-radius: 3px;
    display: block;
    box-shadow: 1px 1px 0 rgba(255,255,255,.3) inset;
    overflow: hidden;
    height: 80px;
    }
    
#top-moviltec .box-ordenes small{
    text-transform: uppercase;
    font-size: 12px;
    display: block;
    padding-bottom: 10px;
    text-align: left;
    }

#top-moviltec .box-ordenes .arrow {
    display: block;
    float: right;
    background: rgba(0,0,0,.1);
    margin-right: -14px;
    border-radius: 0 3px 3px 0;
    height: 80px;
    background: #112638;
    padding: 36px 4px;
    margin-top: -10px;
    }
    
#top-moviltec .box-ordenes input {
    width: 45%;    
    }
    
#top-moviltec .box-ordenes button {
    border: 0px solid #006;
    background: #112638;
    color: #fff;
    }
    
#moviltec-dos img{ margin: 0 auto; display: block;}

#moviltec-faq {
    color:#000; 
    font-size: 18px;
    background: url("https://copec.modyocdn.com/uploads/27193be2-fbc7-4861-a734-c0ccf09cfc50/original/mobiletec-BG-Agenda.jpg");
    background-size: cover;
    }
#moviltec-faq #prontoacordion {
    margin-bottom: 4em;
}

#moviltec-faq h2 { margin-top: 60px; padding-top: 0;}

#moviltec-tres {
    color:#000;
    padding: 40px 0;
    font-size: 14px;
    background: url("https://copec.modyocdn.com/uploads/34fed943-674a-4d35-bb72-d5fed2943e2c/original/mobiletec-BG-Productos_05.jpg") left;
    background-size: cover;
}

#moviltec-tres strong {
    font-weight: bold;
    display: block;
    margin: 0 auto; 
    height: 40px;
    text-transform: uppercase;
}

#moviltec-tres h2:first-child {text-align: center;}

.MoviltecProductos1 .btn-primary {
    color: #FFF;
    text-transform: uppercase;
    font-size: 10pt;
    margin-bottom: 20px;
    text-shadow: 1px 1px 0 rgba(0,0,0,.1);
    border-radius: 3px;
    background: #e20025;
    padding: 10px 25px;
    }

.MoviltecProductos1 li {
        background-color:#fff;
        text-align: center;
        position: relative;
        min-height: 520px;
        height: auto;
        padding: 15px;
    }
    .MoviltecProductos1 li img {
        margin: .5em 0 1.3em 0;
        width: 70%;
    }
    .MoviltecProductos1 li .btn {
        position: absolute;
        bottom: 1.5%;
        width: 90%;
        background: #e20026;
        color: #fff;
        font-weight: 500;
        display: block;
        padding: .5em 0;
        left: 5%;
        right: 0;
    }

@media (max-width: 1920px) {
    .MoviltecProductos1 li p:nth-child(3){
        height: auto;
    }
   .MoviltecProductos1 li {
        min-height: 550px;
    }
}

@media (max-width: 1280px) {
    
    .MoviltecProductos1 li p:nth-child(3){
    height: auto;
    } 
    .MoviltecProductos1 li {
        min-height: 640px;
    }
    .MoviltecProductos1 li p {
        display: inline-block;
    }
}

@media (max-width: 980px) {
   .MoviltecProductos1 li {
    min-height: 760px;
    }
}

@media (max-width: 767px) {
    #call-modal.mobiltec-modal {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: auto;
        margin: 0;
        border-radius: 0;
    }
    #call-modal.mobiltec-modal .modal-body {
        padding: 0 5px;
        height: auto;
    }
    #call-modal.mobiltec-modal #call-app-list {
        position:static;
        width: 100%;
    }
    #call-modal.mobiltec-modal #call-app-map {
        position: static!important;
        height: 300px;
    }
    #call-modal.mobiltec-modal #call-modal-bt {
        display: inline-block;
        position: absolute;
        top: 70px;
        right: 5px;
    }
    .MoviltecProductos1 li {
        min-height: 520px;
    }
}

@media (max-width: 720px) {
   .MoviltecProductos1 li {
    min-height: 550px;
    }
}

@media (max-width: 620px) {
    #moviltec-tres .columns > li   {
    float: none;
    margin-left: 0;
    width: auto;
    }
    
    .MoviltecProductos1 li p:nth-child(3){
    height: auto;
    }
    
    .MoviltecProductos1 li {
    min-height: auto;
    }
    .MoviltecProductos1 li p {
        width: 100%;
    }
    .MoviltecProductos1 li .btn {
        position: relative;
    }
}

@media (max-width: 480px) {

#agenda-layout { padding: 0; }

   .MoviltecProductos1 li {
    min-height: 200px;
    } 
    
    .MoviltecProductos1 li p:nth-child(3){
    height: auto;
    } 
    
    .menuMobiltec-R ul {
    width: 100%;    
    }
    
    .menuMobiltec-R li {
    width: 25%;
    }
    
    #navigation-layout.menuMobiltec-R li a {
    padding: 10px 10px;
    font-size: 12px;
    text-align: center;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    min-height: 61px;
    }
    
    #navigation-layout.menuMobiltec-R li:nth-child(4) {
    border-right: none;
    }
}
    
    
#moviltec-cuatro {
    padding: 40px 0;
    font-size: 16px;
    background: url("https://copec.modyocdn.com/uploads/ca0f3707-a922-49cc-bb6e-3fffb61e92b1/original/mobiletec-BG-Locales.jpg") left;
    background-size: cover;
}

#moviltec-cuatro .box-places {margin: 0 auto; width: 50%;}
#moviltec-cuatro .btn {font-size: small;}
#moviltec-cuatro h3 {color: #222222;}
#moviltec-cuatro h3 img{padding-right: 15px;}

#moviltec-cinco {
    color:#fff;
    padding: 40px 0;
    font-size: 16px;
    background: url("https://copec.modyocdn.com/uploads/639e2f95-7895-412f-a95c-de7ad969d5e6/original/mobiletec-BG-Lanpass.jpg") center;
    background-size: cover;
    margin-bottom: -50px;
}

#moviltec-cinco h2 {color:#fff;}
    
#moviltec-cinco .btn{
    background: #258cca;
    color: #fff;
    padding: 10px 20px;
    margin: 10px 10px 10px 0px;
    }

#moviltec-cinco .texts {
    padding: 10px 20px;
    margin: 10px 10px 10px 0px;
    text-align: left;
    background: rgba(0,0,0,.7);
    }
    
#moviltec-cinco strong {text-transform: uppercase; line-height: 3em;}
    
/* #moviltec-final { */
#lub-red {
    color:#000;
    padding: 40px 0;
    font-size: 16px;
    background: url("https://copec.modyocdn.com/uploads/048fd01a-6df2-4708-9039-2134b9f98a00/original/lub-bg-original.jpg") left;
    background-size: cover;
}

#lub-red .box-places {width: 50%;}
    
#lub-red ul {
    margin: 10px 0 10px 0;
    list-style-image:url('https://copec.modyocdn.com/uploads/f65b109f-0d6c-4c8f-8038-efa77449b671/original/Icono_Lista_03.png');
    }
    
#lub-red li {
    font-style: italic;
    line-height: 2.5em;
    font-size: medium;
    margin-left: 20px;
    color: #1A1A1A;
    }
    
#lub-red .span11 {
    margin-top: 40px;
    }
    
/* ===========================
MOBILTEC AGENDA ONLINE
========================= */
    
#agendaonline-mobiltec {
    background: url("https://copec.modyocdn.com/uploads/cffa8ff1-8bd0-4c4d-a403-ef4bf683975b/original/AgendaOnline-Mobiltec.jpg");
    background-size: cover;
    padding: 80px 0;
    margin-bottom: 20px;
    text-align: right;
    font-size: 15px;
}

#agendaonline-mobiltec h2 {
    font-weight: 400;
    text-transform: uppercase;
}

#agendaonlineiframe {
    background: #000;
    height: 420px;
    }
    
    
    
    /* =====================
        Mobiltec Vehiculos
    ====================== */

.context-contact-car-edit #content {
    background: url("https://copec.modyocdn.com/uploads/dce6cbed-3ba2-48b7-8dc9-ed3a7da47874/original/BG_Grey_MisVehiculos.jpg") left;
    background-size: cover;
    }

.context-contact-car-edit #main-wrapper {
    padding: 40px 0;
    }
    
.context-contact-car-edit #main-wrapper .container {
    position: relative;
    }
    
.context-contact-car-edit .content-inner .container .title-section .inner small {
    font-size: 18px;
    }
    
.context-contact-car-edit .content-inner .container .title-section .inner small:after {
    content: "Información requerida para poder recibir su vehículos con filtro y lubricante específicos requeridos.";
    font-size: 16px;
    display: block;
    margin-top: 10px;
    }
    
.context-contact-car-edit .content-inner:nth-child(1) {
    font-size: 16px;
    }
    
.context-contact-car-edit #main-wrapper .container:nth-child(1) {
    background: #fff;
    padding: 30px 100px;
    }
    
.context-contact-car-edit #main-wrapper .form-actions {
    background: #f9f9f9;
    border-bottom: 2px solid #bababa;
    border-radius: 5px;
    margin-right: 5px;
    margin-left: 5px;
    text-align: center;
    }
   
.context-contact-car-edit #main-wrapper .form-wide {
    margin-bottom: -16px;
    padding-left: 5%;
    }
    
.context-contact-car-edit #main-wrapper .form-wide .btn-large {
    font-weight: 100;
    margin-top: -5px;
    }
    
.context-contact-car-edit #main-wrapper #cars_table tr td {
    text-align: center;
    }
    
.context-contact-car-edit #main-wrapper #cars_table thead tr th {
    text-align: center;
    }
    
.context-contact-car-edit #main-wrapper .actions {
    margin-top: -10px;
    text-align: center;
    }
    
.context-contact-car-edit #main-wrapper span i{
    background: rgba(0,0,0,.1);
    padding: 21px 6px;
    border-radius: 0 3px 3px 0;
    position: absolute;
    right: 0;
    top: 0;
    }
    
.context-contact-car-edit #main-wrapper .actions .btn-large {
    position: relative;
    color: #FFF;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 rgba(0,0,0,.1);
    border-radius: 3px;
    box-shadow: 1px 1px 0 rgba(255,255,255,.3) inset;
    background: #e4001a;
    position: relative;
    padding: 20px 32px;
    font-size: 17px;
    margin-top: 1px;
}   

.context-contact-car-edit #main-wrapper .actions .consultar-hora {
    background: #2d8ec8;
    }


.context-contact-car-edit #main-wrapper .select2-container .select2-choice {
    height: 30px;
    /* width: 120px; */
    width: 100%;
    }
    
.context-contact-car-edit #main-wrapper .select2-container{
    margin-bottom: 10px;
    width: 100%;
    }
    
.context-contact-car-edit #main-wrapper input[type="text"] {
    /* width: 114px; */
    width: 100%;
    height: 30px;
}


/* ---- MOBILTEC ---- */
#slide-corto.carousel-inner>.item {
    height: 268px;
    margin-bottom:30px;
}
#btn-lubricantes .box-places .btn {
    padding: 16px 15px;
    font-size: 14px;
}
#slide-corto.carousel-control {
top: 43%;
}
#btn-lubricantes{
   position: absolute;
   top: 195px;
    right: 20px;
   margin-left: 34px;
   /* overflow:hidden; */
}
#new-sidebar-product .media-body h4 a span{
    font-size: 14px;
text-transform: uppercase;
}
#new-sidebar-product li{
    border-bottom:0px dotted #ccc;
    margin-bottom:10px;
}
#new-sidebar-product li .media-body{
display:none;
}
.category-lubricantes .columns {
margin-left: 0;
}




    
@media (max-width: 980px) {
    .context-contact-car-edit #main-wrapper .span2 {
    width: 22%;
    }
    
    .context-contact-car-edit #main-wrapper .span2:nth-child(5) {
    width: 90%;
    }
}

@media (max-width: 768px) {
    .context-contact-car-edit #main-wrapper .span2 {
    width: 100%;
    }
    
    .context-contact-car-edit #main-wrapper .span2 .btn-large{
    width: 100%;
    font-size: small;
    }
    
    .context-contact-car-edit #main-wrapper .span2:nth-child(5) {
    width: 100%;
    }
}

@media only screen and (max-device-width: 480px) {
    /* iPhone CSS rules*/
    .context-contact-car-edit #main-wrapper .container:nth-child(1) {
    padding: 20px 20px;
    }
    
    .context-contact-car-edit table, .context-contact-car-edit thead, .context-contact-car-edit tbody, .context-contact-car-edit th, .context-contact-car-edit td, .context-contact-car-edit tr { 
    display: block; 
    }
}

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

    .context-me #widget-46ad48 .span6 .btn-primary {
        margin-bottom: 10px;
        margin-top: -25px;
        width: 100%;
    }
    
    .context-me .me-mobiltec-widget {
        padding: 40px 10px;
    }
    
    .context-contact-car-edit .content-inner .container .title-section .inner small:after {
        display:none;
    }
    
    .context-contact-car-edit #main-wrapper .container:nth-child(1) {
    padding: 20px 20px;
    }
    
    .context-contact-car-edit table, .context-contact-car-edit thead, .context-contact-car-edit tbody, .context-contact-car-edit th, .context-contact-car-edit td, .context-contact-car-edit tr,
    .me-mobiltec-widget .mobiltec-orders table, .me-mobiltec-widget .mobiltec-orders thead, .me-mobiltec-widget .mobiltec-orders tbody, .me-mobiltec-widget .mobiltec-orders th, .me-mobiltec-widget .mobiltec-orders td, .me-mobiltec-widget .mobiltec-orders tr { 
    display: block; 
    min-height: 37px;
    }
    
    .context-me #mobiltec-table {
        padding: 0px;
        border: 0px;
    }
    
    .me-mobiltec-widget .mobiltec-orders tr {
        margin-bottom: 10px;
        background-color: #f9f9f9;
    }
    
    .context-contact-car-edit thead,
    .me-mobiltec-widget .mobiltec-orders thead { 
        display: none; 
    }
    
    .context-contact-car-edit td:before { 
        font-size: 12px;
        font-weight: 700; 
        position: absolute;
        left: 30px;
    }
    
    .me-mobiltec-widget .mobiltec-orders td:before {
        font-size: 12px;
        font-weight: 700; 
    }
    
    .context-contact-car-edit tr {
      margin-bottom: 20px;
    }
    
    .context-contact-car-edit td:nth-of-type(1):before { content: "Seleccionar: "; }
    .context-contact-car-edit td:nth-of-type(2):before { content: "Patente: "; }
    .context-contact-car-edit td:nth-of-type(3):before { content: "Marca: "; }
    .context-contact-car-edit td:nth-of-type(4):before { content: "Modelo: "; }
    .context-contact-car-edit td:nth-of-type(5):before { content: "Año: "; }
    .context-contact-car-edit td:nth-of-type(5) {display: none;}
    .context-contact-car-edit td:nth-of-type(6):before { content: "Eliminar: "; }
    
    .me-mobiltec-widget .mobiltec-orders td:nth-of-type(1):before { content: "Patente:  "; }
    .me-mobiltec-widget .mobiltec-orders td:nth-of-type(2):before { content: "Estación de Servicio:  "; }
    .me-mobiltec-widget .mobiltec-orders td:nth-of-type(3):before { content: "Fecha Cambio:  "; }
    .me-mobiltec-widget .mobiltec-orders td:nth-of-type(4):before { content: "Fecha Próximo Cambio:  "; }
    
    
    .context-contact-car-edit #main-wrapper .actions .btn-large {
    width: 100%;
    }
    
    /* .context-contact-car-edit #main-wrapper .actions {
    position: absolute;
    top: 420px;
    left: calc(224px - 50%);
    width: 350px;
    } */
    
    
}



/*LUB*/

/* 8 de Nov. Comentado por cambio a antigua propaganda en home de Lub.
#top-moviltec {
    background-color: #df0e20;
    background-image: none;
}
*/
#top-moviltec strong {
    border-left: 1px solid #fff;
    line-height: 32px;
    display: inline-block;
    margin-left: 20px;
    font-size: 23px;
    font-weight: bold;
    text-align: left;
    padding-left: 35px;
}


#top-moviltec .inner-top-mobiltec {
    position: relative;
}


#top-moviltec .inner-top-mobiltec .span8 {
    margin: 52px 0 0 0;
}

#moviltec-lub {
    overflow: hidden;
    padding: 60px 0;  
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */

}

#moviltec-lub .see-more {
    float: right;
    background-color: #df0e20;
    color: #fff;
    overflow: hidden;
    padding: 0 10px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

#moviltec-lub .btn-find-lub {
    margin: 50px auto 0;
    display: block;
    width: 430px;
    overflow: hidden;
    clear: both;
}

#top-moviltec .box-places a:nth-child(2) {
    border: 1px solid #fff;
}

#moviltec-lub a {
    padding: 0;
}

#myModalSpotsLub1, #myModalSpotsLub2, #myModalSpotsLub3 {
    background: transparent;
    box-shadow: none;
    border: none;    
    top: 0!important;
    position: fixed;
}

#myModalSpotsLub1 .modal-header, #myModalSpotsLub2 .modal-header, #myModalSpotsLub3 .modal-header {
    border-bottom: none;
    padding: 0;
}

#myModalSpotsLub1 .modal-header .close, #myModalSpotsLub2 .modal-header .close, #myModalSpotsLub3 .modal-header .close {
    font-size: 30px;
    opacity: 1;
    color: #fff;
}

/* Large desktop */
@media (min-width: 1200px) { ... }
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    #top-moviltec #box-ordenes {
        height: auto;
    }
    #top-moviltec .box-ordenes .arrow {
        margin-bottom: -10px;
        height: 120px;
    }
    #top-moviltec .box-ordenes {
        height: 121px;
    }

}

@media (max-width: 767px) {
    #top-moviltec {
        background: url(https://copec.modyocdn.com/uploads/3653117a-2659-4bb4-a89a-e35a6a38bafd/original/LUB_Mobile_690x516px_1_.jpg) left;
        background-position-x: 54%;
    }
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    #moviltec-lub .span4 a {
        overflow: hidden;
        margin-bottom: 20px;
        display: inline-block;
    }
    #moviltec-lub .btn-find-lub {
        width: 320px;
    }
    #myModalSpotsLub1 .modal-header, #myModalSpotsLub2 .modal-header, #myModalSpotsLub3 .modal-header {
        border-bottom: none;
        padding: 0 15px;
    }
    #top-moviltec .inner-top-mobiltec .span8 {
        margin: 0px 0 40px 0;
    }
}
 
/* Landscape phones and down */
@media (max-width: 480px) {
    #moviltec-lub .btn-find-lub {
        width: 100%;
    }
}



.mobiltec-orders #orders #mobiltec-table {
    margin: 0;
    padding: 0;
    border: 0;
}

.mobiltec-orders {
    overflow: hidden;
}

.me-mobiltec-widget .more-action {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-right: 0;
}


.context-contact #content #page-content .container {
    
}

/*LUB Ojo, esto esta dos veces*/
/* #top-moviltec {
    background-color: #df0e20;
    background-image: none;
}
*/
#top-moviltec strong {
    border-left: 1px solid #fff;
    line-height: 32px;
    display: inline-block;
    margin-left: 20px;
    font-size: 23px;
    font-weight: bold;
    text-align: left;
    padding-left: 35px;
}
#top-moviltec .inner-top-mobiltec {
    position: relative;
}
#top-moviltec .inner-top-mobiltec .span8 {
    margin: 52px 0 0 0;
}
#moviltec-lub {
    overflow: hidden;
    padding: 60px 0;  
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
}
#moviltec-lub .see-more {
    float: right;
    background-color: #df0e20;
    color: #fff;
    overflow: hidden;
    padding: 0 10px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
#moviltec-lub .btn-find-lub {
    margin: 50px auto 0;
    display: block;
    width: 430px;
    overflow: hidden;
    clear: both;
}
#top-moviltec .box-places a:nth-child(2) {
    border: 1px solid #fff;
}
#moviltec-lub a {
    padding: 0;
}
#myModalSpotsLub1, #myModalSpotsLub2, #myModalSpotsLub3 {
    background: transparent;
    box-shadow: none;
    border: none;    
    top: 0!important;
    position: fixed;
}
#myModalSpotsLub1 .modal-header, #myModalSpotsLub2 .modal-header, #myModalSpotsLub3 .modal-header {
    border-bottom: none;
    padding: 0;
}
#myModalSpotsLub1 .modal-header .close, #myModalSpotsLub2 .modal-header .close, #myModalSpotsLub3 .modal-header .close {
    font-size: 30px;
    opacity: 1;
    color: #fff;
}
/* Large desktop */
@media (min-width: 1200px) { ... }
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    #top-moviltec #box-ordenes {
        height: auto;
    }
    #top-moviltec .box-ordenes .arrow {
        margin-bottom: -10px;
        height: 120px;
    }
    #top-moviltec .box-ordenes {
        height: 121px;
    }
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    #moviltec-lub .span4 a {
        overflow: hidden;
        margin-bottom: 20px;
        display: inline-block;
    }
    #moviltec-lub .btn-find-lub {
        width: 320px;
    }
    #myModalSpotsLub1 .modal-header, #myModalSpotsLub2 .modal-header, #myModalSpotsLub3 .modal-header {
        border-bottom: none;
        padding: 0 15px;
    }
    #top-moviltec .inner-top-mobiltec .span8 {
        margin: 0px 0 40px 0;
    }
}
 
/* Landscape phones and down */
@media (max-width: 480px) {
    #moviltec-lub .btn-find-lub {
        width: 100%;
    }
}
.mobiltec-orders #orders #mobiltec-table {
    margin: 0;
    padding: 0;
    border: 0;
}
.mobiltec-orders {
    overflow: hidden;
}
.me-mobiltec-widget .more-action {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-right: 0;
}


/* s: copeclanpass */
/* =============================================================================
            COPEC LANPASS
            s: copeclanpass
===============================================================================*/

.context-layouts-show-copeclanpass #content,
.context-layouts-show-gracias #content,
.context-lanpass #content {
    background: url("https://copec.modyocdn.com/uploads/cf1fc11b-7971-49ac-92f2-9e34e1122b00/original/copeclanpass-bg.jpg") no-repeat #234976;
    background-position: center bottom;
}

.context-layouts-show-copeclanpass #page-content,
.context-layouts-show-gracias #page-content,
.context-lanpass #page-content {

}

.context-copec-copec-edit #content {
    background: none !important;
    }

.context-layouts-show-copeclanpass #page-title,
.context-layouts-show-gracias #page-title { background: none; padding: 0; border: 0; }
.context-layouts-show-copeclanpass #page-title h2,
.context-layouts-show-gracias #page-title h2,
.context-lanpass #page-title h2 { 
    margin: 20px 0; 
    font-weight: 100; 
    font-size: 39px;
    color: white; 
    padding: 27px 0; 
}
.context-lanpass-copec-edit #page-title h2 { background: none; }

.context-layouts-show-copeclanpass #top-tabs,
.context-layouts-show-gracias #top-tabs { background: #FFF; }

.context-layouts-show-copeclanpass #top-tabs > ul,
.context-layouts-show-gracias #top-tabs > ul { background: #abbbd4; text-transform: uppercase; font-size: 12px; }

.context-layouts-show-copeclanpass #top-tabs .nav-tabs>li a,
.context-layouts-show-gracias #top-tabs .nav-tabs>li a { background: none;  padding: 15px 25px; color: #0c2a3f; }

.context-layouts-show-copeclanpass #top-tabs .nav-tabs>li.active a,
.context-layouts-show-gracias #top-tabs .nav-tabs>li.active a { background: #FFF;  }

.context-layouts-show-copeclanpass #top-tabs .tab-content,
.context-layouts-show-gracias #top-tabs .tab-content { background: #FFF; border: 0; padding: 40px; }

.row-fluid.custom .span9 { width: 788px; }
.row-fluid.custom .span3 { width: 292px; margin-left: 0; }

#footer-lanpass { border-top: 4px solid #EEE; }
#footer-lanpass .container { padding: 0; }
.context-layouts-show-copeclatampass #content #page-title .container { padding: 0 20px; }
.context-layouts-show-copeclatampass #copec-lanpass-tabs.columns.collapsed > li {
    height: 69px;
}
.context-layouts-show-copeclatampass #copec-lanpass-tabs.columns.collapsed > li a {
    display: table-cell;
    height: 70px;
    vertical-align: middle;
    width: 157px;
    max-width: 100%;
}


.sidebar-lanpass { }
.sidebar-lanpass .call-action { border-bottom: 3px solid rgba(0,0,0,.05); padding: 20px; background: #ecf2f9; }
.sidebar-lanpass .call-action .btn-primary { background: #e20025; font-size: 14px; }
.sidebar-lanpass .call-action .btn-primary i { 
    font-size: 24px;
    margin-right: 10px;
    position: relative;
    top: 4px;
    line-height: 10px;
}

.sidebar-lanpass .call-action-seguel { border-bottom: 3px solid rgba(0,0,0,.05); padding: 20px; background: #ecf2f9; }
.sidebar-lanpass .call-action-seguel .btn-primary { background: #2d8ec8; font-size: 14px; }
.sidebar-lanpass .call-action-seguel .btn-primary i { 
    font-size: 24px;
    margin-right: 10px;
    position: relative;
    top: 4px;
    line-height: 10px;
}
.sidebar-lanpass .call-action p { margin: 20px; text-align: center; }
.sidebar-lanpass .call-action p a { display: block; font-weight: 900; }

.sidebar-lanpass .recover-mail { text-align: center; padding: 20px 0 0 0; padding: 20px; background: #ecf2f9; }
.sidebar-lanpass .recover-mail a { font-size: 12px; padding: 7px; display: block; text-align: center; background: rgba(0,0,0,.05); color: #000; font-weight: 900; }

.sidebar-lanpass .contact { text-align: center; padding: 20px; background: #ecf2f9; }
.sidebar-lanpass .contact .number { font-size: 36px; font-weight: 300; }

.row-fluid.custom {
    background: url("https://copec.modyocdn.com/uploads/a59817c1-2473-43e7-9eaf-b1171c44ba2a/original/bg-box-stations.jpg");
    background-size: 100% 100%;
}

.box-stations {
    color: #FFF;
    text-shadow: 1px 1px 0 rgba(0,0,0,.5);
    padding: 40px 20px;
    text-align: center;
}
.box-stations p { margin-bottom: 30px; }
.box-stations .btn-primary { background: #2fadef; font-size: 14px; }
.box-stations .btn-primary img { margin-right: 10px; margin-top: -5px; }

/*.context-layouts-show-copeclanpass #inicio,
.context-layouts-show-gracias #inicio { padding: 105px 0; }*/

.context-layouts-show-copeclanpass #inicio h3,
.context-layouts-show-gracias #inicio h3 { margin-top: 22px; }

.context-layouts-show-copeclanpass #inicio .media-body > .media,
.context-layouts-show-gracias #inicio .media-body > .media { padding-bottom: 20px; margin-bottom: 20px; }

#inicio .first-section {
    border-bottom: 2px solid #EEE;
    margin-bottom:24px;
}

.context-layouts-show-copeclanpass #inicio h4,
.context-layouts-show-gracias #inicio h4 { text-transform: uppercase; margin-bottom: 20px; }

.context-layouts-show-copeclanpass #inicio .btn-primary,
.context-layouts-show-gracias #inicio .btn-primary { background: #e20025; text-transform: uppercase; font-size: 18px; margin-top: 40px; }

.context-layouts-show-copeclanpass .pasos,
.context-layouts-show-gracias .pasos {
    width: 31.33%;
    float: left;
    text-align: center;
    height: 360px;
    margin-bottom: 34px;
    background: #0B2A3F;
    margin-left: 2%;
    border-radius: 3px;
    padding: 20px;
    position: relative;
}
.context-layouts-show-copeclanpass .pasos ul li,
.context-layouts-show-gracias .pasos ul li { padding: 10px; line-height: 15px; }
.context-layouts-show-copeclanpass .pasos ul li:last-child img,
.context-layouts-show-gracias .pasos ul li:last-child img { position: absolute; bottom: 20px; margin: auto; left: 0; right: 0; }
.context-layouts-show-copeclanpass .pasos ul,
.context-layouts-show-gracias .pasos ul { color: #FFF; list-style-image: none; list-style: none; margin: 0; padding: 0; }

.context-layouts-show-copeclanpass .pasos span.number-circle,
.context-layouts-show-gracias .pasos span.number-circle {
    display: inline-block;
    padding: 10px;
    border-radius: 20px;
    background: #1dbce4;
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 18px;
    font-weight: 900;
}
.context-layouts-show-copeclanpass #modo-de-uso,
.context-layouts-show-gracias #modo-de-uso { padding: 20px 0; }
.context-layouts-show-copeclanpass #faq,
.context-layouts-show-gracias #faq .accordion { margin-top: 0; }


.context-layouts-show-gracias #contacto { height: 520px; }

.context-layouts-show-copeclanpass #contacto table { width: 100%; }

.context-layouts-show-copeclanpass #contacto input[type="text"],
.context-layouts-show-copeclanpass #contacto input[type="email"],
.context-layouts-show-copeclanpass #contacto select,
.context-layouts-show-copeclanpass #contacto textarea {
    height: 40px;
    box-sizing: border-box;
    width: 95%;
    border-radius: 0;
}
.context-layouts-show-copeclanpass #contacto textarea { height: 100px; }
.nav-bottom-copeclanpass { background: #FFF; overflow: hidden; margin: 0; padding: 0; list-style: none }
.nav-bottom-copeclanpass li { float: left; }
.nav-bottom-copeclanpass a { display: block; padding: 10px 10px; }

#me-mobiltec.nav-bottom-copeclanpass {
    margin-bottom: 30px;
}





/*Agregado el 5 de Septiembre -------------------------------*/
.context-layouts-show-copeclatampass #content,
.context-layouts-show-gracias #content,
.context-latampass #content {
    background: url("https://copec.modyocdn.com/uploads/cf1fc11b-7971-49ac-92f2-9e34e1122b00/original/copeclanpass-bg.jpg") no-repeat #234976;
    background-position: center bottom;
}

.context-layouts-show-copeclatampass #page-content,
.context-layouts-show-gracias #page-content,
.context-latampass #page-content {
}

.context-layouts-show-copeclatampass #page-title,
.context-layouts-show-gracias #page-title { background: none; padding: 0; border: 0; }
.context-layouts-show-copeclatampass #page-title h2,
.context-layouts-show-gracias #page-title h2,
.context-latampass #page-title h2 { 
    margin: 20px 0; 
    font-weight: 100; 
    font-size: 39px;
    color: white; 
    padding: 27px 0; 
}

.context-latampass-copec-edit #page-title h2 { background: none; }

.context-layouts-show-copeclatampass #top-tabs,
.context-layouts-show-gracias #top-tabs { background: #FFF; }

.context-layouts-show-copeclatampass #top-tabs > ul,
.context-layouts-show-gracias #top-tabs > ul { background: #abbbd4; text-transform: uppercase; font-size: 12px; }

.context-layouts-show-copeclatampass #top-tabs .nav-tabs>li a,
.context-layouts-show-gracias #top-tabs .nav-tabs>li a { background: none;  padding: 15px 25px; color: #0c2a3f; }

.context-layouts-show-copeclatampass #top-tabs .nav-tabs>li.active a,
.context-layouts-show-gracias #top-tabs .nav-tabs>li.active a { background: #FFF;  }

.context-layouts-show-copeclatampass #top-tabs .tab-content,
.context-layouts-show-gracias #top-tabs .tab-content { background: #FFF; border: 0; padding: 40px; min-height: 570px; }

.row-fluid.custom .span9 { width: 788px; }
.row-fluid.custom .span3 { width: 292px; margin-left: 0; }

#footer-latampass { border-top: 4px solid #EEE; }

.sidebar-latampass { }
.sidebar-latampass .call-action { border-bottom: 3px solid rgba(0,0,0,.05); padding: 20px; background: #ecf2f9; }
.sidebar-latampass .call-action .btn-primary { background: #e20025; font-size: 14px; }
.sidebar-latampass .call-action .btn-primary i { 
    font-size: 24px;
    margin-right: 10px;
    position: relative;
    top: 4px;
    line-height: 10px;
}

sidebar-latampass .call-action-seguel { border-bottom: 3px solid rgba(0,0,0,.05); padding: 20px; background: #ecf2f9; }
.sidebar-latampass .call-action-seguel .btn-primary { background: #2d8ec8; font-size: 14px; }
.sidebar-latampass .call-action-seguel .btn-primary i { 
    font-size: 24px;
    margin-right: 10px;
    position: relative;
    top: 4px;
    line-height: 10px;
}
.sidebar-latampass .call-action p { margin: 20px; text-align: center; }
.sidebar-latampass .call-action p a { display: block; font-weight: 900; }

.sidebar-latampass .recover-mail { text-align: center; padding: 20px 0 0 0; padding: 20px; background: #ecf2f9; }
.sidebar-latampass .recover-mail a { font-size: 12px; padding: 7px; display: block; text-align: center; background: rgba(0,0,0,.05); color: #000; font-weight: 900; }

.sidebar-latampass .contact { text-align: center; padding: 20px; background: #ecf2f9; }
.sidebar-latampass .contact .number { font-size: 36px; font-weight: 300; }

.context-layouts-show-copeclatampass #inicio h3,
.context-layouts-show-gracias #inicio h3 { margin-top: 22px; }

.context-layouts-show-copeclatampass #inicio .media-body > .media,
.context-layouts-show-gracias #inicio .media-body > .media { padding-bottom: 20px; margin-bottom: 20px; }

.context-layouts-show-copeclatampass #inicio h4,
.context-layouts-show-gracias #inicio h4 { text-transform: uppercase; margin-bottom: 20px; }

.context-layouts-show-copeclatampass #inicio .btn-primary,
.context-layouts-show-gracias #inicio .btn-primary { background: #e20025; text-transform: uppercase; font-size: 18px; margin-top: 40px; }

.context-layouts-show-copeclatampass .pasos,
.context-layouts-show-gracias .pasos {
    width: 31.33%;
    float: left;
    text-align: center;
    height: 230px;
    margin-bottom: 0;
    background: #0B2A3F;
    margin-left: 2%;
    border-radius: 3px;
    padding: 20px;
    position: relative;
}
.context-layouts-show-copeclatampass .pasos ul li,
.context-layouts-show-gracias .pasos ul li { padding: 10px; line-height: 15px; }
.context-layouts-show-copeclatampass .pasos ul li:last-child img,
.context-layouts-show-gracias .pasos ul li:last-child img { position: absolute; bottom: 20px; margin: auto; left: 0; right: 0; }
.context-layouts-show-copeclatampass .pasos ul,
.context-layouts-show-gracias .pasos ul { color: #FFF; list-style-image: none; list-style: none; margin: 0; padding: 0; }

.context-layouts-show-copeclatampass .pasos span.number-circle,
.context-layouts-show-gracias .pasos span.number-circle {
    display: inline-block;
    padding: 10px;
    border-radius: 20px;
    background: #1dbce4;
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 18px;
    font-weight: 900;
    line-height: 1;
}
.context-layouts-show-copeclatampass #modo-de-uso,
.context-layouts-show-gracias #modo-de-uso { padding: 20px 0; }
.context-layouts-show-copeclatampass #faq,
.context-layouts-show-gracias #faq .accordion { margin-top: 0; }

.context-layouts-show-gracias #contacto { height: 520px; }

.context-layouts-show-copeclatampass #contacto table { width: 100%; }

.context-layouts-show-copeclatampass #contacto input[type="text"],
.context-layouts-show-copeclatampass #contacto input[type="email"],
.context-layouts-show-copeclatampass #contacto select,
.context-layouts-show-copeclatampass #contacto textarea {
    height: 40px;
    box-sizing: border-box;
    width: 95%;
    border-radius: 0;
}
.context-layouts-show-copeclatampass #contacto textarea { height: 100px; }
.nav-bottom-copeclatampass { background: #FFF; overflow: hidden; margin: 0; padding: 0; list-style: none }
.nav-bottom-copeclatampass li { float: left; }
.nav-bottom-copeclatampass a { display: block; padding: 10px 10px; }

#me-mobiltec.nav-bottom-copeclatampass {
    margin-bottom: 30px;
}
/*Fin agregado ----------------------------------------*/





/* LANPASS SOLICITUD TARJETA */

.context-lanpass #page-title,
.context-copec #page-title { background: none; padding: 0; border: 0; }

.context-copec #page-title h2 { margin: 60px 0; font-weight: 100; font-size: 42px;}

.context-lanpass .main-inner,
.context-copec .main-inner { padding: 20px; background: #FFF; }

.context-lanpass #lanpass .lanpass-nav { padding: 0 0 30px 0; text-align: center; margin-top: -50px; }
.context-lanpass #lanpass .step .step-title { display: block; }

.context-lanpass #lanpass .step {
    display: inline-block;
    text-align: center;
    background: #FFF;
    margin-right: 20px;
    box-shadow: 2px 2px 10px rgba(0,0,0,.1);
    border-radius: 200px;
    width: 140px;
    height: 140px;
    padding-top: 26px;
}
.context-lanpass #lanpass .step * { opacity: 0.4; }
.context-lanpass #lanpass .step.active { background: #2d8ec8; color: #FFF; box-shadow: 2px 2px 5px rgba(0,0,0,.2); }
.context-lanpass #lanpass .step.active * {  opacity: 1  }
.context-lanpass #lanpass .step:last-child { margin-right: 0; }


.context-lanpass #lanpass .step-numbers {
    background: rgba(0,0,0,.1);
    padding: 10px;
    border-radius: 28px;
    line-height: 30px;
    font-size: 32px;
    font-weight: bolder;
    min-width: 50px;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    display: inline-block;
    font-family: sans-serif;
}
.context-lanpass .form-actions,
.context-copec .form-actions { background: none; padding: 0; border: 0; }
.lanpass-dispatch-panel > .row-fluid:first-child { background: #fffbf7; padding: 20px; border: 1px solid #f1cfbd; font-size: 17px; line-height: 1.5; }
.lanpass-dispatch-panel textarea {color: #000;}

/* ---- ME-TARJETA ----- */

.context-me-you .lanpass-info .title{ color:#FFF; font-size:18px; }
.context-me-you #bann-mc { width: 99%; }
.lanpass-info .description { color: #FFF; }
#lanpass-kms { padding: 10px; background: rgba(255,255,255,.8);}



.context-me #profile-box #lanpass-year { margin-right: 10px; }
.context-me #profile-box #lanpass-table { margin: 10px 0; }

/* REGISTER */
.context-me .lanpass-register .register-description { text-transform: uppercase; font-weight: 600; color: #FFF; position: relative; }
.context-me .register-action .btn { background-color: #ec2c29; font-size: 16px; text-transform: uppercase; color: #fff; padding: 14px; margin-top: 19px; margin-bottom: 20px;}
.context-me small.legend {  color: #FFF; margin-top: 10px; display: block; background: rgba(0,0,0,0.5); padding: 3px 6px;}
.context-me .me-lanpass-widget h3 {  color: #FFF; font-weight: 100; font-size: 28px;}

.context-me .me-lanpass-widget {
    background: url("https://copec.modyocdn.com/uploads/cf1fc11b-7971-49ac-92f2-9e34e1122b00/original/copeclanpass-bg.jpg") no-repeat #000 center bottom;
    padding: 40px;
    background-size: cover;
}
.context-me .lanpass-register {
    padding-left: 230px;
    background-size: 100% 100%;
}
.context-me .register-description:before {
    background: url("https://copec.modyocdn.com/uploads/374c508e-960f-48a6-8733-b0c62beb4346/original/LANPASS-new.png") no-repeat top left;
    background-size: 88%;
    padding-left: 230px;
    margin-left: -230px;
    width: 200px;
    height: 127px;
    content: '';
    position: absolute;
}
.context-lanpass-lanpass-edit #page-title h2 {
    background: none;
}
.context-lanpass-lanpass-edit .main-inner .well {
    background: #f4ffee;
    padding: 10px;
    border: 1px solid #d2dccd;
    margin-top: 10px;
    text-align: center;
}

/* CAIN requst widget */

.context-me .me-requests-widget h3 {
    font-weight: 100;
    font-size: 28px;
    color: #333;
}
.context-me .me-requests-widget {
    background: url("https://copec.modyocdn.com/uploads/50520ffb-89b5-4079-8ca2-e6031c6e5ead/original/enruta-small.png") no-repeat right 0;
    border: 0;
    margin-top: 10px;
    padding: 0;
    color: gray;
}
.context-me .me-requests-widget thead {
    background: #b8b8b8;
    color: #333;
}
.context-me .me-requests-widget .table td { background: #FFF; padding: 10px 15px; font-size: 15px; }

.fail-rut-check {
    margin-left: 10px;
    color: red;
    background: #ffdede;
    padding: 4px 7px;
    font-size: 11px;
    border-radius: 3px;
}

/* ACTIVATION */

.context-me .lanpass-activation .activation-description { text-transform: uppercase; font-weight: 600; color: #FFF; border-radius: 3px; background: rgba(255,255,255,.2); padding: 10px 15px; }
.activation-action .btn { font-size: 16px; padding: 10px 33px; margin-bottom: 20px; }

.context-me .lanpass-activation { margin-top:20px; padding-bottom: 60px; margin-bottom: 0; }
.context-me .lanpass-activation .lanpass-user-panel ul li { border-bottom: 1px dotted #ccc; padding-top:5px; padding-bottom:5px;}

#lanpass.activation-data .lanpass-user-panel {
    background-color: #eee;
    border: 1px solid #ccc;
    padding: 15px;
    margin-top: 13px;
    margin-bottom: 13px;
}
#lanpass.activation-data .lanpass-user-panel h3 { color: #000; }
#lanpass.activation-data .lanpass-user-panel ul { list-style:none; margin-left: 0; }
#lanpass.activation-data .lanpass-user-panel ul li label {
    font-weight: 600;
    float:left;
    margin-right:20px;
    color:#0077b5;
}
#lanpass.activation-data .lanpass-dispatch-panel {
    background-color: #0B2A3F;
    padding: 15px;
    margin-top: 13px;
    margin-bottom: 13px;
}
#lanpass.activation-data .lanpass-dispatch-panel h3 { color: #fff !important; }
#lanpass.activation-data .lanpass-dispatch-panel ul{ list-style: none; margin-left: 0; }
#lanpass.activation-data .lanpass-dispatch-panel ul li label { color: #fff; font-weight: 600; border-top: 1px dotted #fff; }
#lanpass.activation-data .lanpass-dispatch-panel ul li span { color: #fff; }

#copeclanpass{
    background:url("https://copec.modyocdn.com/uploads/3aa5d531218f729cbafdece20dbd3201/original/bg-copeclanpass.jpg") no-repeat;
    background-size: cover;
    width:100%;
    height:350px;
    text-align: center;
    margin-bottom:30px;
}
#info-copeclanpass { padding: 60px 0px 100px 0px; width: 470px; float: right; text-align: left;}
#info-copeclanpass h2 { font-family: 'Lato', sans-serif; text-transform: uppercase; color: #e20025; font-weight: 400; font-size: 30px; margin-bottom: 5px; }
#info-copeclanpass p { color: #fff; font-weight: 200; font-size: 20px; line-height: 27px; }



/* CUSTOMER */

.context-lanpass-copec-edit #content,
.context-copec-copec-recover_email #content,
.context-copec-copec-new #content {
    background: url("https://copec.modyocdn.com/uploads/98b9e135-98dc-43eb-bc7b-e14419b10ea8/original/bg-customer.jpg");
    background-size: 100% 100%;
    min-height: 600px;
}

.context-lanpass-copec-edit #main,
.context-copec-copec-new #main,
.context-copec-copec-edit #main {
    padding-left: 385px;
    min-height: 260px;
    background: url("https://copec.modyocdn.com/uploads/8ea31ae9-3b23-407d-b64c-e64a19c5980b/original/edit-icon.png") no-repeat #FFF;
}

.context-copec-copec-recover_email #main {
    padding-left: 385px;
    min-height: 280px;
    background: url("https://copec.modyocdn.com/uploads/bc46de49-cf7b-4567-bc79-b7d8ca909c40/original/mail-icon.png") no-repeat #FFF;
}

.context-copec-copec-new #content h2,
.context-lanpass-copec-recover_email #content h2 { color: #FFF; } 
.context-lanpass-copec-recover_email h3 { font-weight: 400; line-height: 1.3; margin-bottom: 20px; }
.recover-email dd { margin: 0; padding: 0; }

.recover-email.email-container {
    background: #f4ffee;
    padding: 10px;
    border: 1px solid #d2dccd;
    margin-top: 10px;
    text-align: center;
}
.copec_customer_rut > label { width: 280px; }


/* 29 abril 2014 PA vivaleer */

#sidebar #widget-27560e li img{
    max-width:40%;
    height:94px;
    float:left;
    margin-right:1em;
    }

.tank_request .tank .img-wrapper img {
    height: 200px;
}



/* TEST-LANPASS-DATA */

#SOSCopec {
    background: url("https://copec.modyocdn.com/uploads/98b9e135-98dc-43eb-bc7b-e14419b10ea8/original/bg-customer.jpg");
    background-size: cover;
    min-height: 500px;
    margin-bottom: -50px;
    }
    
#SOSCopec .row-fluid {
    background-color: #fff;
    padding: 60px;
    margin-bottom: 50px;
    }
    
#SOSCopec .row-fluid .span7 {
    background: #F8F8F8;
    padding: 50px;
    border-radius: 10px;
    }

.context-layouts-show-test-lanpass-data #lanpass-data {
    padding-left: 385px;
    min-height: 280px;
    background: url("https://copec.modyocdn.com/uploads/aac01f25-142e-4d7b-b51d-200684ce2cb0/original/lanpass-sos.jpg") no-repeat #FFF;
}

#SOSCopec #page-title h2 {
    color: #fff;
    margin: 50px 0;
    font-weight: 100;
    font-size: 42px;
}

#SOSCopec .inactive-user, #SOSCopec .active-user { margin-top:20px; }
#SOSCopec .inactive-user:before { content: "";display: block;height: 20px;width: 20px;float: left;margin-top: 10px;background: #ff0000;margin-right: 10px;border-radius: 50%; }
#SOSCopec .active-user:before {content: "";display: block;height: 20px;width: 20px;float: left;margin-top: 10px;background: #008000;margin-right: 10px;border-radius: 50%;}

#SOSCopec #lanpass-rut { width:100%; height: 30px;}

#SOSCopec form {margin-bottom:5px;}

#lanpass-data-form {
    padding: 20px;
}

#lanpass-data-form input {
    padding: 16px 12px;
    font-size: 16px;
    width: 100%;
}

#top-tabs .nav-tabs > li > a {
    min-height: 70px;
    font-size: 16px;
}

    
@media (max-width: 1200px) {
    .row-fluid.custom .span9 {
        width: 72.468085%;
    }
    .row-fluid.custom .span3 {
        width: 27.5%;
    }
    #top-tabs .nav-tabs > li > a { font-size: 12px; }
    .context-layouts-show-copeclanpass #top-tabs .nav-tabs>li a, 
    .context-layouts-show-gracias #top-tabs .nav-tabs>li a {
        padding: 8px 15px;
    }
    .sidebar-lanpass .contact .number { font-size: 28px; }
    .box-stations { padding: 30px 20px; }
    .context-layouts-show-copeclatampass #top-tabs .nav-tabs > li > a {
        text-overflow: unset;
        white-space: inherit;
        overflow: unset;
    }
}


@media (max-width: 979px) {  
    .sidebar-lanpass .recover-mail {
        padding: 15px 15px 0 15px;
        font-size: 12px;
        line-height: 1.5;
    }
    .context-layouts-show-copeclanpass .pasos ul li:last-child img, 
    .context-layouts-show-gracias .pasos ul li:last-child img {
        width: 50px;
    }
    .context-layouts-show-copeclanpass .pasos, 
    .context-layouts-show-gracias .pasos {
        font-size: 12px;
    }
    .sidebar-lanpass .call-action p { margin: 15px 15px 0 15px }
    .box-stations {
        font-size: 12px;
        padding: 15px;
        line-height: 1.5;
    }
    .box-stations .btn-primary img { width: 13px; }
    
    #top-tabs .nav-tabs > li > a { font-size: 11px; }
    .context-layouts-show-copeclanpass #top-tabs .nav-tabs>li a, 
    .context-layouts-show-gracias #top-tabs .nav-tabs>li a {
        padding: 8px 10px;
    }
    #inicio > .media > .pull-left img { width: 150px; }
      
    .estanque-img { display: none; }
    #solicitud-estanque { background-size: 100%; height: 400px; }
    
    /* calefacción */
    .enruta-wrap {
        background-position-x: -400px;
    }
    #nuestros-estanques {
        padding: 20px;
    }
    #estanques,#como-solicitar {
        margin: 20px;
    }
    #solicitud-estanque {
        height: 250px;
        border-bottom-width: 15px;
    }
    #solicitud-estanque .logo {
        width: 200px;
    }
    #solicitud-estanque .pull-right {
        margin-top: 30px;
        margin-right: 30px; 
    }
    
    /* calefacción */
    .context-layouts-show-calefaccion { font-size: 14px; }
    
    .enruta { background-position-x: -100px; }
    
    #que-es-enruta .pull-left,
    #como-realizar-pedido .pull-left,
    #cobertura-enruta .pull-left,
    #solicitud-enruta .pull-left { width: 80px; }
    
    #que-es-enruta { margin-top: 30px; padding: 20px; }
    
    .context-lanpass-copec-edit #main, .context-copec-copec-new #main, .context-copec-copec-edit #main {
        background: none;
        padding-left: 0;
    }
   
    
}

@media (max-width: 767px) {
    
    
    .context-lanpass-copec-edit #main, .context-copec-copec-new #main, .context-copec-copec-edit #main {
        background: none;
        padding-left: 20px;
    }
    
    .context-copec #page-title h2 {
        margin: 20px 0;
        font-size: 28px;
    }
    
    .context-layouts-show-copeclanpass #content, 
    .context-layouts-show-gracias #content, 
    .context-lanpass #content {
        background-size: contain
    }
    
    .context-layouts-show-copeclanpass .pasos, 
    .context-layouts-show-gracias .pasos {
        width: auto;
        margin: 0 0 20px 0;
        float: none;
        height: auto;
        padding-bottom: 80px;
        font-size: 14px;
    }
    
    #faq-collapse .accordion-heading a {
        font-size: 13px;
    }
    
    .row-fluid.custom .span9 {
        width: auto;
    }
    
    #myPronto .carousel-inner>.item{
        background-size: 768px;
        height: 246px;
   }
    
    #widget-69ff1b h4, #widget-91c942 h4 {
        height: auto;
    }
    
    
    .accordion .accordion .accordion-group {
        border:0;
    }
    
    .pasos { width: 100%; height: auto; }
    .pasos ul li:last-child img {
        position: static;
    }
    
    #top-tabs .accordion { margin-top: 0; }
    
    
    
    .accordion-inner { font-size: 14px; }
    
    .contact-btn {
        background: #2d8ec8;
        padding: 10px 14px;
        color: #FFF;
        font-size: 18px;
        font-weight: bold;
        border: 1px solid rgba(255,255,255,.6)
    }
    
    /* calefacción */
    .enruta-wrap {
        background-position-x: -500px;
    }
    
    
    .tank_request .section, 
    .fuel_request .section, 
    .comunne_request .section {
        background-size: 200px;
        padding-left: 210px;
    }
    
    
    /*widget lanpass*/
    .context-me .me-lanpass-widget { margin-bottom: 15px; }
    
    #top-tabs .nav-tabs > li > a {
        font-size: 12px;
        text-overflow: initial;
        white-space: normal;
        overflow: visible;
    }
    .context-layouts-show-copeclatampass #page-title {
        text-align: center;
    }
}

@media (max-width: 570px) {
    .context-layouts-show-copeclatampass #copec-lanpass-tabs.columns.collapsed > li a {
        padding: 0 10px;
        width: 600px;
        max-width: 100%;
        text-align: center;
    }
}
@media (max-width: 480px) {
    #top-tabs .nav-tabs > li > a {
        min-height: 30px;
    }
}
/* COMBUSTIBLE GRATIS */

.context-layouts-show-combustiblegratis,
.context-layouts-show-preguntas-frecuentes,
.context-layouts-show-boletas {
    background: #F26A2C;
    }
    
#combustiblegratistop li {
    float: left;
    margin-right: 10px;
    list-style: none;
    }
    
#combustiblegratistop .btn-cg {
    background: #E16228;
    color: #fff;
    font-weight: bolder;
    text-transform: uppercase;
    }
    
#combustiblegratistop .btn-cg:hover {
    background: #fff;
    color: #E16228;
    }

/*#combustiblegratistop {
    background: url("https://copec.modyocdn.com/uploads/b44fbbbc-4531-4657-b806-13e9b8e43b40/original/3pm_BG_Combustible.jpg") no-repeat;
    background-size: cover;
    min-height: 420px;
    padding: 40px;
    padding-bottom: 0px;
} */
    
#combustiblegratistop {
    background: url("https://copec.modyocdn.com/uploads/0d9ff58f-c8df-4e84-8638-5768f08f8fd4/original/taxicaribe.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left bottom;
    min-height: 600px;
    padding: 40px;
    padding-bottom: 0px;    
}

#combustiblegratistop .row-fluid:first-child {
    margin-top: -30px;
    margin-bottom: 25px;
    }
    
    
    
#combustiblegratistop .span7 > img:nth-child(3) {
    margin-top: 10%;
    padding: 0px 40px;
    }
    
#combustiblegratistop .span7 .row-fluid.CajaNoUser {
    margin-top: 20px;
    background: #c6582d;
    /*width: 85%;*/
    /*margin-left: 45px;*/
    padding: 15px 0px;
    border-radius: 10px;
    }
    
#combustiblegratistextins p {
    margin: 30px auto 10px;
    width: 80%;
    text-transform: uppercase;
    color: #fff;
    font-size: 10px;
    text-align: center;
    }
    
#combustiblegratistextins p a {
    color: #fff;
    text-decoration: underline;
    }
    
#combustiblegratisfooter {
    background: #fff;
    position: relative;
    padding: 20px;
    margin-bottom: 0px;
    }
    
#combustiblegratisfooter .span10 img {
    position: absolute;
    bottom: -20px;
    height: 100px;
    }
    
#combustiblegratisfooter .span10 a {
    text-decoration: underline;
    text-transform: uppercase;
    font-size: 12px;
    color: #F26B2A;
    }
    
#combustiblegratisfooter .span10 a {
    margin-left: 8%;
    }

#combustiblegratiswidget .btn {
    font-size: 18px;
    padding: 15px;
    background: #fff;
    color: #f57131;
    font-weight: bold;
    
    }
    
.cajita {
    margin: 0 auto;
    min-height: 335px;
    background: url("https://copec.modyocdn.com/uploads/4a1eb7be-8fa2-4f6c-b791-2603c24dce8d/original/Img_der.png") no-repeat;
    }
    
#widget-acfa01 {
    margin-bottom: 0px;
    }
    
.context-me #sidebar .boletasconcursowidgetmini .copec-profile .user-panel ul li label {
    clear: both;
    }
    
.context-layouts-show-combustiblegratis #ticket-form-div {
    /* padding: 10px 42px 0px; */
    margin-top: 20px;
    background: rgba(198, 88, 45, 0.5);
    width: 85%;
    margin-left: 45px;
    padding: 15px 0px;
    border-radius: 10px;
    padding-bottom: 0px;
    margin-bottom: 40px;
    }  

.context-layouts-show-combustiblegratis #ticket-form-div p {
    font-size: 30px;
    color: #fff;
    line-height: 25px;
    margin-bottom: 0px;
    margin-left: 15px;
    }
    
.context-layouts-show-combustiblegratis #ticket-form-div #tickets-info {
    margin: 0 auto;
    display: block;
    width: 248px;
    }
    
.context-layouts-show-combustiblegratis #ticket-form-div a,
.context-layouts-show-combustiblegratis #ticket-form-div #tickets-info  ul  li {
    color: #fff;
    background: none;
    width: 45%;
    min-height: 80px;
    }
    
.context-layouts-show-combustiblegratis #ticket-form-div p small {
    color: #fff;
    margin-bottom: 15px;
    display: block;
    }
    
.context-layouts-show-combustiblegratis #ticket-form-message {
    clear: both;
    }
    
.context-layouts-show-combustiblegratis #ticket-form-message .alert i,
.context-layouts-show-combustiblegratis #ticket-form-message .alert .message {
    float: left;
    margin-right: 10px;
    }
    
.context-layouts-show-combustiblegratis #ticket-form-message .alert i {
    font-size: 40px;
    }
    
.context-layouts-show-combustiblegratis #ticket-form-message .alert .message {
    font-size: 30px;
    color: #fff;
    margin-top: 5px;
    width: 85%;
    }
    
.context-layouts-show-combustiblegratis #ticket-form-message .alert {
    min-height: 55px;
    background: rgba(255, 255, 255, 0.1);
    }
    
.context-layouts-show-combustiblegratis #ticket-form-message .alert.alert-success {
    min-height: 130px;
    border-radius: 0px;
    background: #fff;
    }
    
.context-layouts-show-combustiblegratis #ticket-form-message .alert.alert-success p,
.context-layouts-show-combustiblegratis #ticket-form-message .alert.alert-success small {
    color: #DC612C;
    margin-bottom: 0px;
    }
    
.context-layouts-show-combustiblegratis #ticket-form-message .alert.alert-error {
    border-radius: 0px;
    background: #fff;
    min-height: 135px;
    }
    
.context-layouts-show-combustiblegratis #ticket-form-message .alert.alert-error p,
.context-layouts-show-combustiblegratis #ticket-form-message .alert.alert-error p:nth-child(2) {
    font-size: 13px;
    color: #DC612C;
    }
    
.context-layouts-show-combustiblegratis #ticket-form-message .alert.alert-error .message {
    width: 85%;
    color: #DC612C;
    line-height: 30px;
    }
    

.context-layouts-show-combustiblegratis #ticket-form-message .alert.alert-success small {
    font-size: 14px;
    }

.context-layouts-show-combustiblegratis #ticket-form-div .control-group label {
    color: #fff;
    font-weight: bold;
    }
    
.context-layouts-show-combustiblegratis #ticket-form-div .control-group input {
    background: #ef885f;
    padding: 15px;
    width: 220px;
    border: 2px solid #fff;
    color: #fff;
    font-weight: bold;
    }
    
.context-layouts-show-combustiblegratis #ticket-form-div .control-group .controls input[type="radio"] {
    width: 20px;
    }
    
.context-layouts-show-combustiblegratis #ticket-form-div .control-group .controls .radio {
    width: 80px;
    float: left;
    padding: 10px;
    margin-top: -5px;
    }
    
.context-layouts-show-combustiblegratis #ticket-form-div .control-group .controls .radio:first-child {
    margin-left: 20%;
    }
    
.context-layouts-show-combustiblegratis #ticket-form-div .control-group:nth-child(6) {
    text-align: center;
    }
    
.context-layouts-show-combustiblegratis #ticket-form-div .control-group:nth-child(6) input {
    width: 20px;
    margin-left: 30px;
    }
    
.context-layouts-show-combustiblegratis #ticket-form-div .form-actions {
    background: none;
    border-top: none;
    margin-top: 10px;
    padding: 0px 0px 0px 180px;
    }
    
.context-layouts-show-combustiblegratis #ticket-form-div .form-actions #ticket-submit {
    background: none;
    border: 1px solid #fff;
    font-size: 20px;
    padding: 10px 80px;
    }
    
#widget-7053c1 .container.center {
    text-align: center;
    margin-top: -20px;
    }

#combustiblegratistop .span7 > img:first-child {
        max-width: 60%;
        }
        
#combustiblegratistop .span5 img {
    max-width: 70%;
    }

#combustiblegratistop .span7 {
    text-align: center;
    }
    
/* MODAL */

.context-layouts-show-combustiblegratis #ModalCombustibleGratis {
    left: 42.3%;
    width: 800px;
    }
    
.context-layouts-show-combustiblegratis #ModalCombustibleGratis .modal-body { 
    max-height: inherit;
    }
    
.context-layouts-show-combustiblegratis #ModalCombustibleGratis.modal.fade.in {
      background-color: #F3F3F3;
      }

.context-layouts-show-combustiblegratis #ModalCombustibleGratis button.close {
    margin-right: 10px;
    }
    
    

@media (max-width: 1200px) {
    .context-layouts-show-combustiblegratis #ticket-form-message .alert.alert-success {
    min-height: 160px;
    }
    
    .context-layouts-show-combustiblegratis #ticket-form-message .alert.alert-success .message {
    width: 80%;
    }
    
    .context-layouts-show-combustiblegratis #ticket-form-message .alert.alert-success small {
    line-height: 20px;
    }
    }

@media (max-width: 980px) {

    .context-layouts-show-combustiblegratis #ticket-form-message .alert.alert-success {
    min-height: 200px;
    }
    
    #combustiblegratistop .span7 .row-fluid.CajaNoUser {
        /*margin-left: 30px;*/
        padding: 10px 10px;
        }
        
    .context-layouts-show-combustiblegratis #ticket-form-div .control-group input {
        width: 150px;
        }
    
    #combustiblegratisfooter .span2 {
        text-align: right;
        }
        
    #combustiblegratisfooter .span10 a {
        margin-left: 25%;
        }
    
    .context-layouts-show-combustiblegratis #ticket-form-div .form-actions {
        padding: 0px;
        text-align: center;
        }
        
    #combustiblegratistop li {
        margin-bottom: 5px;
        width: 20%;
        background: rgb(225, 98, 40);
        max-height: 50px;
        overflow: hidden;
        color: #fff;
        }
        
    #combustiblegratistop li:nth-child(2) a {
        padding-top: 7px;
        }
        
    #combustiblegratistop li a {
        width: 100%;
        padding: 15px;
        }
    
    #combustiblegratistop .pull-right {
        width: 100%;
        text-align: center;
    }
    
    .row-fluid .span7 {
        width: 100%;
    }
    
}

@media (max-width: 768px) {
    
    .context-layouts-show-combustiblegratis #ModalCombustibleGratis {
        display: block;
        left: 0px;
        width: 100%;
    }
    
    }

@media (max-width: 480px) {

    #combustiblegratistop {
        background-position: 0px -150px;
    }

     #combustiblegratistop li {
        margin-bottom: 5px;
        width: 100%;
        background: rgb(225, 98, 40);
        min-height: 0px;
        }
        
    #combustiblegratistop li a, 
    #combustiblegratistop li:nth-child(2) a {
        width: 100%;
        padding: 0px;
        }
    
    #combustiblegratistop .span7 .row-fluid.CajaNoUser {
        margin: 0;
        width: 100%;
        padding: 10px;
        text-align: center;
        }
    
    .context-layouts-show-combustiblegratis #ticket-form-div {
        padding: 10px 10px;
        width: 100%;
        margin: 0px;
        }
        
        
    .context-layouts-show-combustiblegratis #ticket-form-message .alert.alert-error {
        min-height: 230px;
        }
        
    .context-layouts-show-combustiblegratis #ticket-form-message .alert.alert-success {
        min-height: 330px;
        }
        
    .context-layouts-show-combustiblegratis #ticket-form-div .control-group input {
        width: 100%;
        }
        
    .context-layouts-show-combustiblegratis #ModalCombustibleGratis {
        display: block;
        width: 100%;
        height: 100%;
        left: 0px;
    }    
    
    
    }
    
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS styles go here */
        .context-layouts-show-combustiblegratis #ticket-form-div .control-group input {
          padding: 0px;
        }
    }

/* FAQ */

.faqcombustiblegratis {
    margin-top: -90px;
    }

.faqcombustiblegratis .accordion-inner {
    background: #EFE5E0;
    }
    
.faqcombustiblegratis .accordion-heading {
    border-top: 2px;
    background: url("https://copec.modyocdn.com/uploads/d2103f50ee6c5bc111b9c96cd3ea52b4/original/icono-accordion1.jpg") #E16228 no-repeat right top;
    }
    
.faqcombustiblegratis .accordion-heading a {
    color: #fff;
    font-weight: bold;
    font-size: 17px;
    }
    
.faqcombustiblegratis .accordion-heading2 {
    background: url("https://copec.modyocdn.com/uploads/37e1eda0fe92a01b65928b89e4381f3f/original/icono-accordion2.jpg") #F48432 no-repeat right top;
    }
    
/* ME */

#me-tickets-widget label {
    float: left;
    width: 130px;
    overflow: hidden;
    display: block;
    color: #0077b5;
    }
    
#sidebar #me-tickets-widget .list li {
    border-bottom: 1px dotted #ccc;
    }
    
#sidebar #me-tickets-widget ul  {
    list-style-image: url("https://copec.modyocdn.com/uploads/0aacc1843b54215e480fa194abf7450a/original/flecha-roja-small.png");
    color: #696969;
    }
    
/* BOLETAS */

.context-layouts-show-boletas legend,
.context-layouts-show-boletas legend small {
    color: #fff;
    }
/* concurso viaje */
.context-layouts-show-promocionmundocopec #ModalCombustibleGratis.hide{
    display:none
}
.context-files-show-condiciones-concurso-viaje #combustiblegratistop{
    background:none;
    min-height: 0 !important;  
    margin-top: -10px;
}
.context-layouts-show-promocionmundocopec,
.context-layouts-show-preguntas-frecuentes-concurso,
.context-layouts-show-mis-boletas,
.context-layouts-show-contacto-concurso,
.context-layouts-show-gracias-concurso-viaje,
.context-files-show-condiciones-concurso-viaje,
/*background: url("https://copec.modyocdn.com/uploads/478bc972-6baf-4f16-a1e4-59e66125ca97/original/bg-concurso.jpg") no-repeat #5885c8 top 110px left;*/
.context-layouts-show-ganadores {
  /*background: url("https://copec.modyocdn.com/uploads/83be540c-9057-46a7-afc4-35b545a64b18/original/webboletas-mcl_modyo.jpg") no-repeat #5885c8 top 110px left;*/
  background-size: 100%;
    }
.context-layouts-show-promocionmundocopec #combustiblegratistop .btn-cg, 
.context-layouts-show-preguntas-frecuentes-concurso #combustiblegratistop .btn-cg, 
.context-layouts-show-mis-boletas #combustiblegratistop .btn-cg,
.context-layouts-show-contacto-concurso #combustiblegratistop .btn-cg,
.context-layouts-show-gracias-concurso-viaje #combustiblegratistop .btn-cg,
.context-files-show-condiciones-concurso-viaje #combustiblegratistop .btn-cg,
.context-layouts-show-ganadores #combustiblegratistop .btn-cg{
    /* background: #18416b; */
    background: #225b95;
    color: #fff;
    font-weight: bolder;
    text-transform: uppercase;
    }
    
.context-layouts-show-promocionmundocopec #combustiblegratistop .btn-cg:hover, 
.context-layouts-show-preguntas-frecuentes-concurso #combustiblegratistop .btn-cg:hover, 
.context-layouts-show-mis-boletas #combustiblegratistop .btn-cg:hover, 
.context-layouts-show-contacto-concurso #combustiblegratistop .btn-cg:hover, 
.context-layouts-show-gracias-concurso-viaje #combustiblegratistop .btn-cg:hover, 
.context-files-show-condiciones-concurso-viaje #combustiblegratistop .btn-cg:hover,
.context-layouts-show-ganadores #combustiblegratistop .btn-cg:hover{
    background: #fff;
    /* color: #18416b; */
    color: #275986;
}

.context-layouts-show-promocionmundocopec #combustiblegratistop, 
.context-layouts-show-preguntas-frecuentes-concurso #combustiblegratistop, 
.context-layouts-show-mis-boletas #combustiblegratistop,
.context-layouts-show-contacto-concurso #combustiblegratistop,
.context-layouts-show-gracias-concurso-viaje #combustiblegratistop,
.context-files-show-condiciones-concurso-viaje #combustiblegratistop,
.context-layouts-show-ganadores #combustiblegratistop{
    background: url(https://copec.modyocdn.com/uploads/0b1e88bc-a383-4146-a89d-dd186d623a6b/original/bg.jpg) no-repeat top right #01186c!important;
    background-size: cover!important;
    min-height: 420px;
    padding: 40px 0;
    padding-bottom: 0px;
    }

@media (max-width: 1200px) {
    .context-layouts-show-promocionmundocopec #combustiblegratistop, .context-layouts-show-preguntas-frecuentes-concurso #combustiblegratistop, .context-layouts-show-mis-boletas #combustiblegratistop, .context-layouts-show-contacto-concurso #combustiblegratistop, .context-layouts-show-gracias-concurso-viaje #combustiblegratistop, .context-files-show-condiciones-concurso-viaje #combustiblegratistop, .context-layouts-show-ganadores #combustiblegratistop {
        background-position-x: 60%!important;
        }
    }
@media (max-width:980px) {
    .context-layouts-show-promocionmundocopec #combustiblegratistop, .context-layouts-show-preguntas-frecuentes-concurso #combustiblegratistop, .context-layouts-show-mis-boletas #combustiblegratistop, .context-layouts-show-contacto-concurso #combustiblegratistop, .context-layouts-show-gracias-concurso-viaje #combustiblegratistop, .context-files-show-condiciones-concurso-viaje #combustiblegratistop, .context-layouts-show-ganadores #combustiblegratistop {
        background-image: url(https://copec.modyocdn.com/uploads/da5550a0-d0d8-469b-ab08-cd4a83906cf3/original/mobile.jpg)!important;
        background-position-y: bottom!important;
        min-height: 720px;
        background-position-x: 50%!important;
    }
        
}


#combustiblegratistextins {
    background: #fff;
}
.context-layouts-show-promocionmundocopec p{
    color:#fff;}
.context-layouts-show-contacto-concurso #concurso-viaje-feedback-form{ 
    min-height: 520px;
    margin-top: 20px;
    background: rgba(0, 0, 0, 0.3);
    margin-left: 0px;
    padding: 15px;
    border-radius: 10px;
}

.context-layouts-show-contacto-concurso #concurso-viaje-feedback-form table { width: 100%; }

.context-layouts-show-contacto-concurso #concurso-viaje-feedback-form input[type="text"],
.context-layouts-show-contacto-concurso #concurso-viaje-feedback-form input[type="email"],
.context-layouts-show-contacto-concurso #concurso-viaje-feedback-form select,
.context-layouts-show-contacto-concurso #concurso-viaje-feedback-form textarea {
    height: 40px;
    box-sizing: border-box;
    width: 95%;
    border-radius: 0;
}
.context-layouts-show-contacto-concurso #concurso-viaje-feedback-form textarea { height: 100px; width: 100%; }
.context-layouts-show-contacto-concurso #concurso-viaje-feedback-form {text-align:left;}
.context-layouts-show-contacto-concurso #concurso-viaje-feedback-form p {color:#fff;}

 #combustiblegratistop .span7{
    float:right;
    min-height: 520px;
 }   
 
 #combustiblegratistop ul.span7 {
    min-height: 0px;
    display: flex;
    justify-content: center;
}
 
#combustiblegratistop .row-fluid:first-child {
    margin-top: -30px;
    margin-bottom: 25px;
    }    
#combustiblegratistop .span7 > img:nth-child(3) {
    margin-top: 10%;
    padding: 0px 40px;
    }
    
#combustiblegratistop .span7 .row-fluid.CajaNoUser{
    margin-top: 20px;
    background: rgba(24, 65, 107, 0.41);
    width: 56%;
    margin-left: 0px;
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}
    
#combustiblegratistextins p {
    margin: 30px auto 10px;
    width: 80%;
    text-transform: uppercase;
    /* color: #fff; */
    color: #225b95;
    font-size: 10px;
    text-align: center;
    }
#combustiblegratistextins p:nth-child(2){
    margin: 0px auto 20px;
}    
#combustiblegratistextins p a {
    /* color: #fff; */
    color: #225b95;
    text-decoration: underline;
    }
    
#combustiblegratisfooter {
    /* background: #5885c8; */
    background: #eef5ff;
    position: relative;
    padding: 20px;
    margin-bottom: 0px;
    }
#combustiblegratisfooter .contenedor-logo-footer {
    background-color: #fff;
    padding:10px;
    border-radius: 4px 4px 0px 0px;
    position: relative;
    top: 20px;
}
    
#combustiblegratisfooter .span10 img {
    position: absolute;
    bottom: -20px;
    height: 100px;
    }
    
#combustiblegratisfooter .span10 a {
    text-decoration: underline;
    text-transform: uppercase;
    font-size: 12px;
    color: #F26B2A;
    }
    
#combustiblegratisfooter .span10 a {
    margin-left: 8%;
    }
    
#combustiblegratiswidget {
    color: #fff;
    font-size: 20px;
    }
    
#combustiblegratiswidget h2 {
    margin-bottom: 0px;
    margin-top: 0px;
    color: #fff;
    font-weight: normal;
    font-size: 24px;
    }

#combustiblegratiswidget p {
    font-size: 14px;
    width: 80%;
    margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 10px;
    }
    
context-layouts-show-promocionmundocopec #combustiblegratiswidget .btn, .context-layouts-show-promocionmundocopec #combustiblegratiswidget .btn, .context-layouts-show-mis-boletas #combustiblegratiswidget .btn {
    font-size: 18px;
    padding: 15px;
    background: #fff;
    color: #13579b;
    font-weight: bold;
    width: 80%;
    } 
.cajita {

    margin: 0 auto;
    min-height: 335px;
    background: url("https://copec.modyocdn.com/uploads/4a1eb7be-8fa2-4f6c-b791-2603c24dce8d/original/Img_der.png") no-repeat;
    }
    
#widget-acfa01 {
    margin-bottom: 0px;
    }
.context-me #sidebar .boletasconcursowidgetmini .copec-profile .user-panel ul li label {
    clear: both;
    }
    
.context-layouts-show-promocionmundocopec #ticket-form-div, .context-layouts-show-mis-boletas #ticket-list-div {
    margin-top: 20px;
    background: rgba(0, 0, 0, 0.3);
    width: 85%;
    margin-left: 45px;
    padding: 15px 0px;
    border-radius: 10px;
    padding-bottom: 0px;
    margin-bottom: 40px;
    }  

.context-layouts-show-promocionmundocopec #ticket-form-div p{
    font-size: 30px;
    color: #fff;
    line-height: 25px;
    margin-bottom: 0px;
    margin-left: 15px;
    }
.context-layouts-show-mis-boletas #ticket-list-div p{
    font-size: 30px;
    color: #fff;
    line-height: 25px;
    margin-bottom: 20px;
    margin-left: 15px;
}    
.context-layouts-show-mis-boletas table{
  margin: 2%;
  width: 96%;
}    
.context-layouts-show-mis-boletas table tr td, .context-layouts-show-mis-boletas table tr th{
  padding: 5px;
  font-size: 10px;
  color:#fff;
  background:none !important;
}
.context-layouts-show-promocionmundocopec #ticket-form-div #tickets-info {
    margin: 0 auto;
    display: block;
    width: 248px;
    }
.context-layouts-show-promocionmundocopec .table-striped tbody>tr:nth-child(odd)>td, 
.context-layouts-show-promocionmundocopec .table-striped tbody>tr:nth-child(odd)>th{
    background-color: rgba(255,255,255,0.1);    
}
.context-layouts-show-promocionmundocopec #ticket-form-div a,
.context-layouts-show-promocionmundocopec #ticket-form-div #tickets-info  ul  li {
    color: #fff;
    background: none;
    width: 45%;
    min-height: 80px;
    }
    
.context-layouts-show-promocionmundocopec #ticket-form-div p small{
    color: #fff;
    margin-bottom: 15px;
    display: block;
    }
.context-layouts-show-mis-boletas #ticket-list-div p small{
    color: #fff;
}
.context-layouts-show-promocionmundocopec #ticket-form-message {
    clear: both;
    }
    
.context-layouts-show-promocionmundocopec #ticket-form-message .alert i,
.context-layouts-show-promocionmundocopec #ticket-form-message .alert .message {
    float: left;
    margin-right: 10px;
    }
    
.context-layouts-show-promocionmundocopec #ticket-form-message .alert i {
    font-size: 40px;
    }
    
.context-layouts-show-promocionmundocopec #ticket-form-message .alert .message {
    font-size: 30px;
    color: #fff;
    margin-top: 5px;
    width: 85%;
    }
    
.context-layouts-show-promocionmundocopec #ticket-form-message .alert {
    min-height: 55px;
    background: rgba(255, 255, 255, 0.1);
    }
    
.context-layouts-show-promocionmundocopec #ticket-form-message .alert.alert-success {
    min-height: 130px;
    border-radius: 0px;
    background: #fff;
    }
    
.context-layouts-show-promocionmundocopec #ticket-form-message .alert.alert-success p,
.context-layouts-show-promocionmundocopec #ticket-form-message .alert.alert-success small {
    color: #DC612C;
    margin-bottom: 0px;
    }
    
.context-layouts-show-promocionmundocopec #ticket-form-message .alert.alert-error {
    border-radius: 0px;
    background: #fff;
    min-height: 135px;
    }
    
.context-layouts-show-promocionmundocopec #ticket-form-message .alert.alert-error p,
.context-layouts-show-promocionmundocopec #ticket-form-message .alert.alert-error p:nth-child(2) {
    font-size: 13px;
    color: #DC612C;
    }
    
.context-layouts-show-promocionmundocopec #ticket-form-message .alert.alert-error .message {
    width: 85%;
    color: #DC612C;
    line-height: 30px;
    }
    

.context-layouts-show-promocionmundocopec #ticket-form-message .alert.alert-success small {
    font-size: 14px;
    }

.context-layouts-show-promocionmundocopec #ticket-form-div .control-group label {
    color: #fff;
    font-weight: bold;
    }
    
.context-layouts-show-promocionmundocopec #ticket-form-div .control-group input {
    background: rgba(0,0,0,0.2);
    padding: 15px;
    width: 220px;
    border: 2px solid #fff;
    color: #fff;
    font-weight: bold;
    }
    
.context-layouts-show-promocionmundocopec #ticket-form-div .control-group .controls input[type="radio"] {
    width: 20px;
    }
    
.context-layouts-show-promocionmundocopec #ticket-form-div .control-group .controls .radio {
    width: 80px;
    float: left;
    padding: 10px;
    margin-top: -5px;
    }
    
.context-layouts-show-promocionmundocopec #ticket-form-div .control-group .controls .radio:first-child {
    margin-left: 20%;
    }
    
.context-layouts-show-promocionmundocopec #ticket-form-div .control-group:nth-child(6) {
    text-align: center;
    }
    
.context-layouts-show-promocionmundocopec #ticket-form-div .control-group:nth-child(6) input {
    width: 20px;
    margin-left: 30px;
    }
    
.context-layouts-show-promocionmundocopec #ticket-form-div .form-actions {
    background: none;
    border-top: none;
    margin-top: 10px;
    padding: 0px 0px 0px 180px;
    }
    
.context-layouts-show-promocionmundocopec #ticket-form-div .form-actions #ticket-submit {
    background: none;
    border: 1px solid #fff;
    font-size: 20px;
    padding: 10px 80px;
    }
.solicitar-tarjeta-concurso {
    color: #fff;
    margin-top: 10px;
    display: block;
}
.context-layouts-show-mis-boletas  .widget.widget-text h2{
    color:#fff;    
}
.solicitar-tarjeta-concurso img {width: 30px;}
.no-lanpass h2{
  margin-bottom: 0px;
  color: #fff;
}
.no-lanpass p {
    font-size: 16px !important;
}
.no-lanpass .btn {
  font-size: 18px;
  padding: 15px;
  background: #fff;
  color: #13579b;
  font-weight: bold;
  width: 80%;
  margin-bottom: 20px;
  margin-top: 10px;
  min-height: 0 !important;
}
.ap-desk{display:block} 
.ap-mob{display:none}
#combustiblegratisfooter .row-fluid{
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.context-layouts-show-promocionmundocopec #ticket-form-div {
  display: none;
}
#aparece-form{
  color: #13579b;
}
.context-layouts-show-promocionmundocopec .d-block{
    display:block !important;
}
/* MODAL */
.context-layouts-show-promocionmundocopec #ModalCombustibleGratis {
    left: 42.3%;
    width: 800px;
    }
    
.context-layouts-show-promocionmundocopec #ModalCombustibleGratis .modal-body { 
    max-height: inherit;
    }
    
.context-layouts-show-promocionmundocopec #ModalCombustibleGratis.modal.fade.in {
      background-color: #F3F3F3;
      }

.context-layouts-show-promocionmundocopec #ModalCombustibleGratis button.close {
    margin-right: 10px;
    }
.context-layouts-show-preguntas-frecuentes-concurso .accordion-group {
    background-color: #fff;
}

.cont-ganadores {
    margin-top: 20px;
    background: rgba(0,0,0,0.2);
    width: 85%;
    margin-left: 45px;
    padding: 25px 35px;
    border-radius: 10px;
    margin-bottom: 20px;
}
.cont-ganadores h2 {color: #fff !important;text-align: left;}
.cont-ganadores h3 {color: #fff !important;text-align: left;margin-bottom: 0px;}
.cont-ganadores p {color: #fff !important;text-align: left;margin-bottom: 40px;font-weight: bold;}

@media (max-width: 1200px) {
    .context-layouts-show-promocionmundocopec #ticket-form-message .alert.alert-success {
    min-height: 160px;
    }
    .context-layouts-show-promocionmundocopec #ticket-form-message .alert.alert-success .message {
    width: 80%;
    }
    
    .context-layouts-show-promocionmundocopec #ticket-form-message .alert.alert-success small {
    line-height: 20px;
    }
    #combustiblegratistop ul.span7 {
    min-height: 0px;
    display: flex;
    justify-content: space-between;
    }
    
}

@media (max-width: 980px) {
    .context-layouts-show-promocionmundocopec #ticket-form-message .alert.alert-success {
    min-height: 200px;
    }
    
    #combustiblegratistop .span7 .row-fluid.CajaNoUser {
        /*margin-left: 30px;*/
        padding: 10px 10px;
        }
    .context-layouts-show-promocionmundocopec #ticket-form-div .control-group input {
        width: 150px;
        }
    #combustiblegratisfooter .span2 {
        text-align: right;
        }
        
    #combustiblegratisfooter .span10 a {
        margin-left: 25%;
        }
    
    .context-layouts-show-promocionmundocopec #ticket-form-div .form-actions {
        padding: 0px;
        text-align: center;
        }
        
    #combustiblegratistop li {
        margin-bottom: 5px;
        width: 31%;
        background: none;
        max-height: 50px;
        overflow: hidden;
        color: #fff;
        }        
    #combustiblegratistop li a {
        width: 100%;
        padding: 15px;
        font-size:13px;
    }
    
    #combustiblegratistop .pull-right {
        width: 100%;
        text-align: center;
    }
    #combustiblegratistop li:nth-child(2) a {
      padding-top: 15px;
    }
    #combustiblegratistop .span7{
        min-height: 0px;   
        float: none;
        margin: 0 auto;
        position: relative;
    }
    #combustiblegratistop ul.span7 {
        display: block;
        min-height: 0px;
    }
    
    }

/* Old colors: 0% with #17335c and 61% with #5885c8 */
@media (max-width: 768px) {
    .context-layouts-show-promocionmundocopec, 
    .context-layouts-show-preguntas-frecuentes-concurso, 
    .context-layouts-show-mis-boletas, 
    .context-layouts-show-contacto-concurso,
    .context-files-show-condiciones-concurso-viaje{
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#17335c+0,#5885c8+61 */
        background: #0993d6; /* Old browsers */
        background: -moz-linear-gradient(top, #0993d6 0%, #e9f6ff 61%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0993d6), color-stop(61%,#e9f6ff)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #0993d6 0%,#e9f6ff 61%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #0993d6 0%,#e9f6ff 61%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #0993d6 0%,#e9f6ff 61%); /* IE10+ */
        background: linear-gradient(to bottom, #0993d6 0%,#e9f6ff 61%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0993d6', endColorstr='#e9f6ff',GradientType=0 ); /* IE6-9 */
    }
    .context-layouts-show-promocionmundocopec #ModalCombustibleGratis {
        display: block;
        left: 0px;
        width: 100%;
    }
    /* #combustiblegratistop li:nth-child(3) a {padding-top: 4px;} */
    
    .cont-ganadores {width: 100%;margin: 0;}
    
    
    #combustiblegratisfooter { display: none; }

}


@media (max-width: 480px) {
.ap-desk{display:none} 
.ap-mob{display:block}
    #combustiblegratistop {
        background-position: 0px -150px;
    }

     #combustiblegratistop li {
        margin-bottom: 5px;
        width: 100%;
        background: none;
        min-height: 0px;
        }
        
    #combustiblegratistop li a, 
    #combustiblegratistop li:nth-child(2) a,
    #combustiblegratistop li:nth-child(3) a {
        width: 100%;
        padding: 0px;
        }
        
    
    #combustiblegratistop .span7 .row-fluid.CajaNoUser {
        margin: 0;
        width: 100%;
        padding: 10px;
        text-align: center;
        }
    
    .context-layouts-show-promocionmundocopec #ticket-form-div {
        padding: 10px 10px;
        width: 100%;
        margin: 10px 0px;
        }        
    .context-layouts-show-promocionmundocopec #ticket-form-message .alert.alert-error {
        min-height: 230px;
        }
        
    .context-layouts-show-promocionmundocopec #ticket-form-message .alert.alert-success {
        min-height: 330px;
        }
        
    .context-layouts-show-promocionmundocopec #ticket-form-div .control-group input {
        width: 100%;
        }
        
    .context-layouts-show-promocionmundocopec #ModalCombustibleGratis {
        display: block;
        width: 100%;
        height: 100%;
        left: 0px;
    }    
    .context-layouts-show-promocionmundocopec #combustiblegratistop, .context-layouts-show-preguntas-frecuentes-concurso #combustiblegratistop, .context-layouts-show-mis-boletas #combustiblegratistop, .context-files-show-condiciones-concurso-viaje #combustiblegratistop{
        padding: 40px 0px;
    }
    #combustiblegratistop .span7 > img:first-child {margin-bottom:20px;}
    }
    
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS styles go here */
        .context-layouts-show-promocionmundocopec #ticket-form-div .control-group input {
          padding: 0px;
        }
    }   
.context-layouts-show-mis-boletas table { 
  margin: 0 auto;
  border-collapse: collapse;
  font-family: Agenda-Light, sans-serif;
  font-weight: 400; 
  color: #fff;
  text-rendering: optimizeLegibility;
  border-radius: 5px; 
}
@media screen and (max-width: 900px) {
  .context-layouts-show-mis-boletas table thead { display: none; }
  .context-layouts-show-mis-boletas table tbody td,
  .context-layouts-show-mis-boletas table tfoot th { 
    display: block; padding: .6rem;
    font-size:14px;
  }
  .context-layouts-show-mis-boletas table tfoot th:first-child {
    display:none
  }
  .context-layouts-show-mis-boletas table tfoot th{
    text-align:right;
  }
  .context-layouts-show-mis-boletas table tbody tr td:first-child { 
    font-weight: bold; 
  }
    .context-layouts-show-mis-boletas table tbody td:before { 
    content: attr(data-th); 
    font-weight: bold;
    display: inline-block;
    width: 6rem;  
  }
  .context-layouts-show-mis-boletas table tbody .text-right{
    display: inline-block;
  }
  .context-layouts-show-mis-boletas table tbody tr {
    border-bottom: 2px solid;
    }
}

/* =================================
        PLANNER CAMBIOS
==================================*/  


.context-stations #page-title {
    height: 25vh;
    min-height: 220px;
    background: url("https://copec.modyocdn.com/uploads/e1b3c1cf-8097-425e-9413-5a486c66e08f/original/Planner_BG_Title.jpg");
    background-size: cover;
    background-position: 50%;
    margin-bottom: 20px;
    text-align: center;
    }
    
.context-stations #page-title .inner {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 0;
    }
    
.context-stations #page-title .inner h2 {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 50px;
    }

.context-stations .content-inner {
    background: #eef1f3;
    }

.context-stations #page-content {
    padding: 60px;
    background: url("https://copec.modyocdn.com/uploads/09489bb8-b8ee-434a-890e-ab57e600563a/original/Planner_BG_Main.jpg");
    background-size: cover;
    }
    
.context-stations #page-content .box-1 {
    text-align: center;
    }
    
.context-stations #plan-main #plan-panel .box-1 .span6:first-child {
    text-align: right;
    }
    
.context-stations #plan-main #plan-panel .box-1 .span6:last-child {
    text-align: left;
    }
    
.context-stations #plan-main #plan-panel .box-1 .span6 label {
    font-size: 30px;
    margin-bottom: 10px;
    font-weight: 300;
    }
    
.context-stations #plan-main #plan-panel .box-1 .span6:first-child label {
    margin-right: 13%;
    }
    
.context-stations #plan-main #plan-panel .box-1 .span6:last-child label {
    margin-left: 12%;
    }
    
    
.context-stations #plan-main #plan-panel .span6.vehicle-box {
    width: 100%;
    height: auto;
    margin: 20px 0;
    }
    
.context-stations #plan-main #plan-panel .span6.vehicle-box, .span6.schelude-box,
.context-stations #plan-main #plan-panel .row-fluid.box-3 {
    background: none;
    border: 0;
    padding: 0px;
    }
    
.context-stations #plan-main #plan-panel .row-fluid.box-3:before {
    content: "Datos Necesarios:";
    display: block;
    font-size: 30px;
    font-weight: 300;
    text-align: center;
    margin: 30px 0px;
    }
    
.context-stations #plan-main #plan-panel .span6.vehicle-box label:first-child {
    font-size: 30px;
    font-weight: 300;
    text-align: center;
    margin: 20px 0px;
    }  

.context-stations #page-content .box-2 .vehicle-box label:nth-child(n+2) {
    width: 200px;
    height: 150px;
    margin: 0px 6.25%;
    float: left;
    text-align: center;
    position: relative;
    padding-top: 10px;
    box-shadow: 2px 2px 4px rgba(0,0,0,.2);
    }
    
.context-stations #plan-main #plan-panel .span6.vehicle-box label {
    font-size: 20px;
    font-weight: 300;
    font-family: 'Lato', sans-serif;
    }
    
.context-stations #page-content .box-2 .vehicle-box .radio input[type="radio"] {
    position: absolute;
    margin: 0 !important;
    bottom: 10px;
    right: calc(50% - 6px);
    }
    
.context-stations #page-content .box-2 .vehicle-box label:nth-child(2) {
    background: #fff url("https://copec.modyocdn.com/uploads/9a67487b-d82b-4cac-a47b-1da5de5095ca/original/Planner_Ico_Auto_BG.png") no-repeat;
    background-size: contain;
    background-position: 50%;
    }

.context-stations #page-content .box-2 .vehicle-box label:nth-child(3) {
    background: #fff url("https://copec.modyocdn.com/uploads/339e5885-2556-42df-8162-98b763d6fb2e/original/Planner_Ico_Moto_BG.png") no-repeat;
    background-size: contain;
    background-position: 50%;
    }
    
.context-stations #page-content .box-2 .vehicle-box label:nth-child(4) {
    background: #fff url("https://copec.modyocdn.com/uploads/74ba81b2-acb5-4d30-a5ce-b9b3fcf8d151/original/Planner_Ico_Camion_BG.png") no-repeat;
    background-size: contain;
    background-position: 50%;
    }
    
.context-stations #page-content .box-2 .vehicle-box .radio input[type="radio"] {
    float: none;
    margin-right: 10px;
    }
    
.context-stations #page-content .box-3 .span4 {
    text-align: center;
    width: 200px;
    height: 150px;
    margin: 0px 6.25%;
    background: #fff;
    box-shadow: 2px 2px 4px rgba(0,0,0,.2);
    }
    
.context-stations #page-content .box-3 .span4:nth-child(n+2) label {
    margin-top: 20%;
    }
    
.context-stations #page-content .box-3 .span4.schelude-box label:first-child {
    margin-top: 7%;
    display: block;
    height: 35px;
    }
    
.context-stations #page-content .box-3 .span4.schelude-box .radio {
    width: 100%;
    border-top: 1px solid #D5D5D5;
    border-bottom: 1px solid #D5D5D5;
    padding: 15px;
    position: relative;
    margin: 0 auto;
    }
    
    
.context-stations #page-content .box-3 .span4 .input-mini {
    display: block;
    margin: 0 auto;
    text-align: center;
}

.context-stations #plan-main #plan-panel .row-fluid.box-3 label {
    font-size: 20px;
    font-weight: 300;
    font-family: 'Lato', sans-serif;
    margin-bottom: -1px;
    }
    
.context-stations #plan-main #plan-panel .row-fluid.box-3 .span4:nth-child(n+2) label {
    margin-bottom: 15px;
    }
    
.context-stations #plan-main #plan-panel .row-fluid.box-3 label.radio input[type="radio"] {
    position: absolute;
    left: 65px;
    }
    
.context-stations #page-content #plan-panel div:nth-child(4) {
    text-align: center;
    margin: 20px 0;
    }
    
.context-stations #page-content #plan-panel div:nth-child(4) .checkbox input[type="checkbox"] {
    float: none;
    }
    
.context-stations #btn-refresh {
    padding: 10px 20px;
    font-size: 18px;
    }
    
.context-stations #page-content #plan-panel .disclaimer {
    width: 80%;
    margin: 20px auto;
    }
    
.context-stations #plan-destiny-info img[src='https://copec.modyocdn.com/uploads/ab9e872b-4235-4734-8ce6-6098001ce6eb/original/img-viaje.jpg'] {
    display: none;
    }

.context-stations #plan-destiny-info {
    min-height: 0px;
    background: #fff;
    }
    
.context-stations #plan-destiny-info .plan-info-image {
    float: left;
    }
    
.context-stations #plan-destiny-info .plan-info-text {
    width: 55%;
    margin-left: 30px;
    float: left;
    }
    
#plan-result .table:first-child {
    background: #F9F9F9;
    }
    
@media (max-width: 1280px) {
    #internal.context-stations #content #page-content {
    width: 80%;
    }
    
    .context-stations #page-content .box-1 {
    margin-top: 15px;
    }
    
    .context-stations #plan-main #plan-panel .span6.vehicle-box label:first-child {
    display: none;  
    }
    
    .context-stations #plan-main #plan-panel .row-fluid.box-3 {
    border-top: 3px solid #eef1f3;
    padding-top: 10px;
    }
    
    .context-stations #plan-main #plan-panel .row-fluid.box-3:before {
    content: none; 
    }
    }

@media (max-width: 1237px) {
    .context-stations #page-content .box-2 .vehicle-box label:nth-child(n+2) {
        width: 26%;   
        margin: 0px;
    }
    
    .context-stations #page-content .box-2 .vehicle-box label:nth-child(3) {
        margin: 0 11%;
    }
    
    .context-stations #page-content .box-3 .span4 {
        width: 26%;   
        margin: 0px;
    }
    
    .context-stations #page-content .box-3 .span4:nth-child(2) {
        margin: 0 11%;    
    }
    
    }


@media (max-width: 768px) { 
    
    .context-stations #plan-main #plan-panel .box-1 .span6:first-child,
    .context-stations #plan-main #plan-panel .box-1 .span6:last-child {
        text-align: center;
    }
    
    .context-stations #page-content .box-2 .vehicle-box label:nth-child(n+2) {
        width: 30%;   
        margin: 0px;
    }
    
    .context-stations #page-content .box-2 .vehicle-box label:nth-child(3) {
        margin: 0 5%;
    }
    
    .context-stations #page-content .box-3 .span4 {
        width: 30%;   
        margin: 0px;
        float: left;
    }
    
    .context-stations #page-content .box-3 .span4:nth-child(2) {
        margin: 0 5%;    
    }
    
    } 

@media (max-width: 480px) {
    .context-stations #plan-main #plan-panel .box-1 .span6:first-child,
    .context-stations #plan-main #plan-panel .box-1 .span6:last-child {
        text-align: center;
    }
    .context-stations #plan-main #plan-panel .box-1 .span6:first-child label,
    .context-stations #plan-main #plan-panel .box-1 .span6:last-child label {
        margin: 10px 0;  
    }
    
    .context-stations #page-content .box-2 .vehicle-box label:nth-child(2),
    .context-stations #page-content .box-2 .vehicle-box label:nth-child(3),
    .context-stations #page-content .box-2 .vehicle-box label:nth-child(4) {
        margin: 10px auto;
        width: auto;
        float: none;
        background-size: contain;
        background-position: 50%;
    }
    
    .context-stations #page-content .box-3 .span4 {
        margin: 10px auto;
        width: auto;
        float: none;
        height: auto;
        padding: 10px 0px;
    }
    
    .context-stations #page-content .box-3 .span4:nth-child(2) {
        margin: 10px auto;    
    }
    
    .context-stations #page-content .box-3 .span4:nth-child(n+2) label {
        margin-top: 0;
    }
    
    }
/* EN RUTA / CALEFACCION */

.context-layouts-show-calefaccion-a-domicilio { 
    font-size: 16px; 
}

.context-layouts-show-calefaccion-a-domicilio .widget.widget-text h3 {
    color: #0c2a3f;
    margin-top: 18px;
    font-size: 24px;
}

.context-calefaccion #page-title {
    border: none;
    background: #ffffff;
    max-width: 1170px;
    margin: 2px auto;
}

.wrap-enruta {
    padding: 0px 20px 0px 20px;
    box-shadow: 0 0 3px rgba(0,0,0,.1);
    background: #FFF;
}

.enruta-wrap {
    background: url("https://copec.modyocdn.com/uploads/ed1f8828-bdcf-424c-9ac7-72ba4921c540/original/bg-calefaccion.jpg") center center;
    box-shadow: 0 0 10px rgba(0,0,0,1);
    background-size: cover;
    height: 370px;
}

.enruta-wrap.domicilio {
    background: url(https://copec.modyocdn.com/uploads/ed1f8828-bdcf-424c-9ac7-72ba4921c540/original/bg-calefaccion.jpg) no-repeat;
    background-position: 35% 50%;
    box-shadow: 0 0 10px rgba(0,0,0,1);
    background-size: cover;
}
.enruta-wrap.domicilio {
    height: 370px;
}
.enruta {
    position: relative;
}
.enruta .call-action {
    position: relative;
    top: 35px;
    width: 450px;
    float: right;
    background: rgba(255, 255, 255, 1);
    border-radius: 0 10px 10px 10px;
    height: 300px;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
}
.enruta .map {
    display: inline-block;
    background: url('https://copec.modyocdn.com/uploads/6ef9fbfe-824c-4a95-832f-c22ec189524d/original/map.png') no-repeat;
    width: 81px;
    height: 345px;
    position: absolute;
    top: -20px;
    left: -21px;
}
.enruta .call-info{
    padding: 32px 35px;
    width: auto;
}
.enruta .logo {
    display: block;
    width: 380px;
    margin: 0 auto 10px;
}

.enruta .btn-primary { 
    background: #ea2d29;
    font-weight: 500;
    display: block;
    margin: 10px 0;
}

.enruta .btn-primary span {
    font-weight: 600;
    text-decoration: underline;
}
.enruta .old-user { text-align:center;}
.enruta .call-points {
    list-style-image: url("https://copec.modyocdn.com/uploads/fd2745e2-e609-465d-b81c-da00d08b4b74/original/green-check.png");
    margin-top: 10px;
    font-size: 13px;
}

.example-tank img {
width: 140px;
}

#que-es-enruta {
    padding: 40px 0px 60px 0;
}

#como-realizar-pedido {
    background: url("https://copec.modyocdn.com/uploads/22600cd5-435e-4687-b858-094e1ea2d91e/original/pattern.png");
    padding: 40px 20px 60px 20px;
    margin: 0 -20px;
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3;
}
#cobertura-enruta {
    padding: 40px 0px 60px 0;
}

#solicitud-enruta {
    background: url("https://copec.modyocdn.com/uploads/22600cd5-435e-4687-b858-094e1ea2d91e/original/pattern.png");
    padding: 40px 20px 60px 20px;
    margin: 0 -20px;
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3;
}

#solicitud-enruta .btn-primary {
    background: #71981a;
}

span.circle-item {
    background: #ED2A1E;
    width: 100px;
    color: #FFF;
    text-align: center;
    line-height: 97px;
    font-size: 36px;
    height: 100px;
    border-radius: 50%;
    display: block;
    font-weight: 300;
}
#como-realizar-pedido span.circle-item {
    background: #00488F;
}
#cobertura-enruta span.circle-item {
    background: #14C5EC;
}

#solicitud-enruta span.circle-item {
    background: #709900;
}

.comunne_request .section,
.fuel_request .section, .comunne_request .section,
.tank_request .section {
    background: url("https://copec.modyocdn.com/uploads/c05cf866-72be-42e1-8b4e-976c30df00c1/original/logo-calefaccionadomicilio-vertical.png") no-repeat #fff;
    background-size: 250px;
    background-position: 5% 20px;
}



@media (max-width: 767px) {
    .comunne_request .section,
    .fuel_request .section, .comunne_request .section,
.tank_request .section {
        background-size: 150px;
        background-position: 25px 20px;
    }
    .enruta .call-action {
        margin: 0 auto;
        float: none;
    }

}

@media (max-width: 540px) {
    .comunne_request .section,
    .fuel_request .section, .comunne_request .section,
.tank_request .section {
        background: #fff;
    }
        .enruta .call-action {
        width: 90%;
    }
}


/* SOLICITUD ESTANQUE */



.context-layouts-show-solicitud-estanque {
   /*  background: url("https://copec.modyocdn.com/uploads/754c793e-d253-417e-a642-f3ec237a0936/original/bg-body.jpg") no-repeat #FFF;*/
   /*  background-size: 100%;*/
    font-size: 16px;
}

.context-layouts-show-solicitud-estanque .widget.widget-text h3 {
    color: #0c2a3f;
    margin-top: 27px;
    font-size: 24px;
}

#solicitud-estanque {
    background: url("https://copec.modyocdn.com/uploads/fbc14909-f3a7-48c3-89ab-07de70789add/original/bg-estanques.jpg");
    background-size: cover;
    height: 540px;
    border-bottom: 40px solid #dbdfe2;
}


#solicitud-estanque:after {
    clear: both;
    overflow: hidden;
    display: table;
    content: '';
}

#solicitud-estanque .pull-right { margin-top: 80px; margin-right: 80px; text-align: right; }
#solicitud-estanque .logo { margin-bottom: 20px; }

#solicitud-estanque .btn-primary { 
    background: #ea2d29;
    font-weight: 600;
}
#solicitud-estanque .call-action { margin-bottom: 40px; }

.estanque-img {
    margin-right: -30px;
}
.box-lines {
    background: url("https://copec.modyocdn.com/uploads/c15095cb-4c05-4b8e-bcc4-7bfdd0df1fa9/original/pattern.png");
    padding: 40px 20px;
}
#nuestros-estanques .description { margin: 20px 0; }
#nuestros-estanques {
    background: #FFF;
}

.wrap-estanques {
    padding: 20px;
    box-shadow: 0 0 3px rgba(0,0,0,.1);
    background: #FFF;
}

#como-solicitar {
    background: #34bdde;
    border-radius: 10px;
    color: #FFF;
    margin: 20px 0;
    padding: 30px;
    margin-bottom: 0;
    overflow:hidden;
}
#como-solicitar .span5,
#como-solicitar .span7 {
    padding-left: 50px;
    position: relative;
}

#como-solicitar p.step {
color: #fff;
  font-size: 13px; 
}

#como-solicitar ul.step li {
color: #fff;
  font-size: 13px; 
}

#como-solicitar ul li {
color: #fff;}

#como-solicitar ul { 
    margin-left: 10px;
    font-size: 15px; 
    color: #FFF;
    line-height: 15px;
}
#como-solicitar .btn { float: right; margin: 27px 0 0; }
#como-solicitar span.number {
    background: #156d9a;
    display: inline-block;
    position: absolute; 
    border-radius: 100px;
    left: 0; 
    top: 0;
    width: 30px;
    height: 30px;
    font-size: 17px;
    text-align: center;
    line-height: 30px;
    color: #FFF;
}
#como-solicitar h3 { 
    color: #FFF !important;
    margin: 0;
    margin-bottom: 20px;
}


#estanques {
    margin: 20px 0;
}
#estanques h3 { margin: 0; margin-bottom: 10px; }
#estanques .divider {
    background: url("https://copec.modyocdn.com/uploads/c15095cb-4c05-4b8e-bcc4-7bfdd0df1fa9/original/pattern.png");
    height: 5px;
    margin: 20px 0;
}
#estanques p { color: #156d9a; font-size: 14px; }
#estanques small { 
    font-size: 9px;
    line-height: 12px;
    display: block;
}
#estanques img { width: 150px; }
#estanques ul { margin: 0 0 0 12px; }
#estanques ul li { line-height: 13px; }


/* CALEFACCION */ 

/* ALL */ 

.context-calefaccion-show .section-action a:first-letter {
    text-transform: uppercase;
}

/* PEDIDO */ 

.context-calefaccion-show #order-first > .control-group:nth-child(n+2) {
    width: 300px;
}

.context-calefaccion-show #order-first > .control-group input {
    width: 265px;
}    
    
    
.context-calefaccion-show #order-first .control-group .label.price,
.context-calefaccion-show #order-first .control-group .label.total {
    float: right;
}

/* FORMA DE PAGO */

.context-calefaccion-show #step2 .fuel_request_payment_type select {
    width: 100%;
}

.context-calefaccion-show #step2 .fuel_request_invoice_type {
    border: solid 1px #ddd;
    padding: 0 15px 4px 15px;
    background: #f9f9f9;
    margin-bottom: 5px;
}

.context-calefaccion-show #step2 .fuel_request_invoice_type .radio.radio {
    font-size: 14px;
}

/* DESPACHO */

.context-calefaccion-show #step3 #addresses ul {
    list-style: none;
}

.context-calefaccion-show #step3 #addresses ul li {
    padding-top: 15px;
}

.context-calefaccion-show #step3 .control-group textarea {
    width: 100%;
    min-height: 100px;
}

/* FECHA DE DESPACHO */ 

.context-calefaccion-show #step4 #calendar-container ul {
    list-style: none;
    margin: 0;
}

.context-calefaccion-show #step4 #calendar-container ul li {
    float: left;
    width: 13.43%;
    padding: 10px;
    text-align: center;
    font-size: 15px;
    border: solid 1px #ddd;
    background: #f9f9f9;
}

.context-calefaccion-show #step4 #calendar-container ul li:nth-child(n+2) {
    margin-left: 1%;
}

.context-calefaccion-show #step4 #calendar-container ul li[style="background: red;"] {
    background: #CCC !important;
    opacity: 0.3;
    text-shadow: 1px 1px 0 rgba(0,0,0,.2);
}

.context-calefaccion-show #step4 #calendar-container ul li[style="background: red;"] a {
    color: #DDD;
}


.context-calefaccion-show #step4 #calendar-container ul li[style="background: red;"] a:hover {
    cursor: not-allowed;
}

.context-calefaccion-show #step4 #calendar-container ul li a {
    display: block;
    color: #333;
}

.context-calefaccion-show #step4 #calendar-container ul li a:hover, 
.context-calefaccion-show #step4 #calendar-container ul li a:focus {
    text-decoration: none;
}

.context-calefaccion-show #step4 .section-action {
    clear: both;
}

.context-calefaccion-show #step4 .section-action a,
.context-calefaccion-show #step4 .section-action input {
    margin-top: 20px;
}



/* RESUMEN */

.context-calefaccion-show #step5 .summary-table {
    width: 100%;
}

.context-calefaccion-show #step5 .summary-table tr {
    border-bottom: 1px dotted #CCC;
}


.context-calefaccion-show #step5 .summary-table tr td:nth-child(2),
.context-calefaccion-show #step5 .summary-table tr td#summary_date {
    text-align: right;
}

/* RESPONSIVE */
@media (max-width: 980px) {
    .enruta-wrap.domicilio {
        background: url(https://copec.modyocdn.com/uploads/75d40f3a-77ec-4f70-9da1-e5096898e0d2/original/bg-calefaccion_mob.jpg) no-repeat;
        background-position: 30% 50%;
        background-size: cover;
    }
    span.circle-item {
        width: 70px;
        line-height: 66px;
        font-size: 30px;
        height: 70px;
    }
    #que-es-enruta .pull-left {
        width: auto;
    }
    #que-es-enruta {
        padding: 20px;
    }
}

@media (max-width: 687px) {

    .fuel_request .step-header>span {
        font-size: 11px;
    }
    #que-es-enruta .media .media-body .media .media-body {
        display: inline-block;
        margin-top: 2em;
    }

}


@media (max-width: 540px) {
    .context-layouts-show-calefaccion-a-domicilio .widget.widget-text h3 {
        margin-top: 8px;
    }
    span.circle-item {
        width: 50px;
        line-height: 50px;
        font-size: 20px;
        height: 50px;
    }
    .fuel_request .section {
        padding-left: 0px;
    }
    
    .fuel_request .step-header>span {
        padding: 10px;
        margin-right: 15px;
        background-size: 10%;
        background-position: -5%;
        font-size: 10px;
    }
    
    .context-calefaccion-show #gasolines .controls.gas-radio {
        text-align: center;
    }

    .context-calefaccion-show .section {
        padding: 10px;
    }
    
    .context-calefaccion-show #order-first > .control-group input {
        width: 85%;
    }
    
    .context-calefaccion-show #order-first > .control-group:nth-child(n+2) {
        width: 100%;
    }
    
    
    .context-calefaccion-show #step4 #calendar-container ul li {
        width: 24%;
        margin-bottom: 10px;
    }
    
}

.context-calefaccion-show #step3 #calendar-container ul {
     margin-left: 0;
}

.context-calefaccion-show #step3 #calendar-container ul li {
    padding: 10px;
}

.context-calefaccion-show #step3 #calendar-container ul li label a {
    pointer-events: none;
}

.context-calefaccion-show #step3 #calendar-container ul li[style="background: red;"] {
    opacity: 0.6;
}

.context-calefaccion-show #step3 #calendar-container ul li[style="background: red;"] label a {
    color: #383838;
    font-style: italic;
}

.context-calefaccion-show #step3 #calendar-container ul li input[type=radio]::after, .context-calefaccion-show #step3 #calendar-container ul li input[type=radio]:checked::after {
    width: 24px;
    height: 24px;
}

.context-calefaccion-show #step3 #calendar-container ul li input[type="radio"]:checked::after {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");
    background-position: -1px 1px;
}
/* =============================================================================
    COPEC FORM LANPASS
    ===============================================================================*/

.lanpass-form-container { margin-top: 40px; margin-bottom: 70px;  }
.lanpass-form-new #content > .content-inner { padding-bottom: 0px; }
.lanpass-form-new #content { margin-bottom: -50px; }
    .horizontal-sex-lanpass .controls > .radio {
        width: 50%;
        float: left;
        margin: 0;
        padding-top: 5px;
    }

    .lanpass-form-mobile .span9 {
        margin-left: 1%;
    }

    .lanpass-form-fixed_number .span3 select.span3, .lanpass_customer_mobile_phone.span9 {
        width: 100%;
    }
    
    #lanpass_customer_fixed_number.span9 { width: 100%; }
    
.lanpass-form-rut .span4 { width: 48.717948717948715%; }

    /*.lanpass_customer_rut.span4 { width: 48.717948717948715%; }*/
    
    
    .context-lanpass-lanpass-edit .control-group.string.required.lanpass_customer_rut.span4,
    .context-lanpass-lanpass-edit .control-group.string.required.lanpass_customer_full_name.span4 {
            width: 48.5%;
    }
    .lanpass_customer_mobile_phone.span9, #lanpass_customer_fixed_number.span9 {
        width: 74%;
        margin-left: 1%;
    }
    select#lanpass_customer_fixed_code {
        margin-right: 0;
    }
    
    @media (max-width: 980px) {
    
    .context-lanpass-lanpass-edit .control-group.string.required.lanpass_customer_rut.span4, .context-lanpass-lanpass-edit .control-group.string.required.lanpass_customer_full_name.span4 {
        width: 100%;
        margin: 0;
        }
    }
        @media (max-width: 780px) {
    .lanpass_customer_mobile_phone.span9, #lanpass_customer_fixed_number.span9 {
    width: 100%;
    margin-left: 0;
    }
}   
#intro-pp {
  color: #fff;
  padding-top: 120px;
  min-height: 400px;
  font-size: 16px;
  /*background: url("https://copec.modyocdn.com/uploads/8cb8bdea-6847-4e2e-8925-e2a1db2eac29/original/bg-intro.jpg") center;*/
  /*background: url("https://copec.modyocdn.com/uploads/11dd9a49cc345c748eb49f2509f95c04/original/bg-combustibles2.jpg") center;*/
  background: url("https://copec.modyocdn.com/uploads/33a9194a-1299-4988-9f35-2650dbd8c412/original/bg-intro.jpg") center;
  background-size: cover;
  position:relative;
}
#intro-pp .texts { float: right; color:#18175e}
#intro-pp .texts h2 {width: 100%; position:relative;color:#18175e;padding-bottom: 5px;}
#intro-pp .texts h2:before {
    content: "";
    width: 100px;
    border-bottom: 1px solid #dc002c;
    display: block;
    position: absolute;
    bottom: 0;
}
#intro-pp .texts .txt_logo {float:left: width: 100px;}
#intro-pp .texts .txt_logo p {margin-bottom: 20px;display: inline-block;vertical-align: middle;width: 70%;line-height: 25px;}
#intro-pp .texts .txt_logo p i {font-size: 13px;line-height: 21px;color: #999;}
#intro-pp .texts .txt_logo img {display: inline-block;vertical-align: middle;width: 20%;margin-left: 5%;}
#intro-pp .texts .btn {
    color: #fff;
    background: #dc002c;
    padding: 10px 15px;
    font-weight: bold;
    border-radius: 0;
    border-bottom: 3px solid rgba(0,0,0,0.2);
    transition: 0.3s;
    font-size: 15px;
    height: 80px;
    min-width: 30%;
}
#intro-pp .texts .btn:hover {background:#a10b29;}

#descarga-archivos-pp {
    padding: 50px 0px;
background: rgb(221,221,221); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(221,221,221,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(221,221,221,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(221,221,221,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(221,221,221,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(221,221,221,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(221,221,221,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
#descarga-archivos-pp h2 {width: 100%; position:relative;color:#333;padding-bottom: 5px;}
#descarga-archivos-pp h2:before {
    content: "";
    width: 100px;
    border-bottom: 1px solid #dc002c;
    display: block;
    position: absolute;
    bottom: 0;
}
#descarga-archivos-pp a{width: 23%;display: inline-block;margin: 0.5%;box-shadow:  0px 0px 15px rgba(0,0,0,0.1);trasition:0.3s;vertical-align: top;}
#descarga-archivos-pp a figure {width: 100%;position: relative;margin:0;padding:0;overflow: hidden; height: 250px}
#descarga-archivos-pp a figure img {width: 100%;}
#descarga-archivos-pp a figure img.blur { -webkit-filter: blur(3px); filter: blur(3px); }
#descarga-archivos-pp a figure img.icn-desc{position: absolute;width: 70px;margin-left: -35px;margin-top: -50px;top: 50%;left: 50%;opacity: 0.2;z-index: 2;transition:0.3s;}
#descarga-archivos-pp a:hover{text-decoration:none;box-shadow:  0px 0px 15px rgba(0,0,0,0.3);}
#descarga-archivos-pp a:hover figure img.icn-desc{opacity: 0.8;transition:0.3s;}
#descarga-archivos-pp a figcaption {width: 100%;padding:5%; background:#fff; position:absolute; bottom: 0; border-bottom: 3px solid;}
#descarga-archivos-pp a figcaption h3 {margin: 0;font-size: 15px;font-weight: bold;color: #333;}


#ayuda-pp {padding: 80px 0px 100px 0px;background:#18175e}

#ayuda-pp h2 {color: #fff;text-align: center;margin-bottom:30px;}

#ayuda-pp a {
    width: 32%;
    display: inline-block;
    margin: 0.5%;
    transition: 0.3s;
    background-color: #fff;
    vertical-align: top;
}
#ayuda-pp a:hover { background-color:#dbdbdb;}
#ayuda-pp a figure {
    width: 30%;
    position: relative;
    margin: 0;
    padding: 0;
    overflow: hidden;
    float: left;
}
#ayuda-pp a figure img {width: 100%;}
#ayuda-pp a figcaption {width: 70%;padding:5%;float: left;}
#ayuda-pp a figcaption h3 {margin: 0;font-size: 28px;font-weight: bold;color: #18175e;margin-top: 10px;padding-bottom: 0;}
#ayuda-pp a figcaption h3 small {
    color: #18175e;
    display: block;
    font-weight: 300;
    font-size: 18px;
}
.modal-blanco {background:#fff !important;color: #333 !important;display:none;}
.modal-blanco h4 {
    font-weight: bold;
    margin-bottom: 5px !important;
}
.modal-blanco p {margin-bottom: 20px;font-size: 12px;text-align: justify;}
.context-layouts-show-portal-de-proveedores #content > .content-inner {padding:0;}

.noticias-proveedores {background:#dc002c;padding: 60px 0 80px 0;}
.noticias-proveedores h2 {width: 100%;position: relative;color: #fff;padding-bottom: 5px;font-weight: 300;margin-bottom: 20px;}
.noticias-proveedores h2:before {
    content: "";
    width: 100px;
    border-bottom: 1px solid #fff;
    display: block;
    position: absolute;
    bottom: 0;
}
.noticias-proveedores .list {display:flex;}
.noticias-proveedores .list li{
    border: none;
    background-color: #fff;
    width: 23%;
    margin: 0.5%;
    display: inline-block;
    vertical-align: top;
}
.noticias-proveedores .list li .cover {width: 100%;}
.noticias-proveedores .list li .cover img {border-radius: 0;width: 100%;}
.noticias-proveedores .list li .information-detail {margin: 5%;width: 90%;float: left;}
.noticias-proveedores .list li .information-detail h4 span{color: #333;font-weight: bold;font-size: 15px;margin-bottom: 15px;float: left;}
.noticias-proveedores .list li .information-detail p{color: #666;font-weight: bold;font-size: 12px;margin-bottom: 0px;float: left;}

/* .noticias-proveedores .view-more{position: absolute;right: 0;top: 0;} */
.noticias-proveedores .view-more .btn{color: #fff;background: #999;padding: 10px 35px;font-weight: bold;border-radius: 0;border-bottom: 3px solid rgba(0,0,0,0.2);transition: 0.3s;}
.noticias-proveedores .view-more .btn:hover {background: #373737}

@media (max-width: 768px){
    .context-layouts-show-portal-de-proveedores #navigation-layout li {
        float: left;
        width: 48%;
        margin: 0 1%;
        border: none;
    }
    .context-layouts-show-portal-de-proveedores #navigation-layout li a {
        padding: 3px 10px !important;
        font-size: 12px !important;
        text-align: center !important;
        border-right: none !important;
        border-bottom: none !important;
        min-height: 0px !important;
    }
    #intro-pp .texts {margin-top: 50px;}
    #descarga-archivos-pp a {
        width: 99%;
        margin:1%;
        background-color: #fff;
    }
    #descarga-archivos-pp a figure {width: 10%;float: left;}
    #descarga-archivos-pp a figure img.icn-desc {width: 40px;margin-left: -20px;margin-top: -20px;}
    #descarga-archivos-pp a figcaption {float: right;width: 90%;padding: 1%;}
    .noticias-proveedores .list {display: block;}
    .noticias-proveedores .list li {width: 99%;margin: 1%;padding: 0;}
    .noticias-proveedores .list li .cover {width: 40%;}
    .noticias-proveedores .list li .information-detail {margin: 2%;width: 56%;}
    #ayuda-pp a{width: 100%;}
    .noticias-proveedores .view-more {top: initial;bottom: -60px;right: 4%;}
}
@media (max-width: 480px){
    .context-layouts-show-portal-de-proveedores .modal.fade.in {position: fixed;}
}


#videos-proveedores {
    background-color: #fff;
    padding: 50px 0px;
}
#videos-proveedores h2 {
    position: relative;
}
#videos-proveedores h2:before {
    content: "";
    width: 100px;
    border-bottom: 1px solid #dc002c;
    display: block;
    position: absolute;
    bottom: 0;
}

#videos-proveedores img {
    width: 100%;
    max-width: 100%;
}
.context-layouts-show-portal-de-proveedores .modal.fade.in.video-proveedor {
    background: #fff;
    border: none;
    border-radius: 0;
    position: fixed;
    top: 0!important;
    bottom: initial;
}
.context-layouts-show-portal-de-proveedores .modal.video-proveedor h3 {
    margin: 0;
}

/* Large desktop */
@media (min-width: 1200px) { ... }
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { ... }
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { ... }
 
/* Landscape phones and down */
@media (max-width: 480px) { ... }

.context-layouts-show-portal-de-proveedores .video-proveedor .videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.context-layouts-show-portal-de-proveedores .video-proveedor .videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.videocontent {
    height: 298px !important;
    width: 100% !important;
   // max-width: 640px;
    margin: 0 auto;
}

.mejs__container-fullscreen {
    height: 100% !important;
}

.modal.fade.in.video-proveedor {
    z-index: 9999999;
}

#videos-proveedores .span4 a {
    position: relative;
    display: block;
}

#videos-proveedores .span4 a .play {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.63);
    transition: all 0.5s ease;
}

#videos-proveedores .span4 a .play i{
    width: 64px;
    margin: auto;
    display: block;
    font-size: 80px;
    color: #fff;
    height: 80px;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
}

#videos-proveedores .span4 a:hover .play {
    background: rgba(24, 23, 94, 0.67);
}



/* Large desktop */
@media (min-width: 1200px) { ... }
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 769px) and (max-width: 1199px) {
    #widget-f02c24 #navigation-layout li a {
        padding: 20px 0px;
        letter-spacing: 0px;
    }
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    #descarga-archivos-pp a figure {
        width: 100%;
    }
    #descarga-archivos-pp a figcaption {
        width: 100%;
    }
}
 
/* Landscape phones and down */
@media (max-width: 480px) { ... }








/* s: informate */
#informate-wrap { margin-top: 40px; }
#informate-wrap .tab-content { padding: 0; border: 0; }
#informate-wrap .nav-tabs>li { display: inline-block; float: none; margin-right: 20px; }
#informate-wrap .nav-tabs>li a:active,
#informate-wrap .nav-tabs>li a:focus { text-decoration: none; }

#actualidad-holder .sprite {
    width: 16px;
    height: 20px;
    background-position: -2px -2px;
}
#servicios-holder .sprite {
    width: 22px;
    height: 15px;
    background-position: -2px -26px;
}
#tips-holder .sprite {
    width: 13px;
    height: 20px;
    background-position: -44px -2px;
}




#informate-wrap .tips-tb.active .sprite-tips-black {
    background-position: -44px -2px;
}
#informate-wrap .servicios-tb.active .sprite-noticias-black {
    background-position: -2px -26px;
}

#informate-wrap .actualidad-tb.active .sprite-actualidad-black {
    background-position: -2px -2px;
}



#informate-wrap .sprite {
    background-image: url("https://copec.modyocdn.com/uploads/92d24ce5-2164-4d45-84e3-7d6e1528070b/original/sprite.png");
    background-repeat: no-repeat;
    display: inline-block;
    background-size: 69px;
    vertical-align: middle;
}

#informate-wrap .sprite-actualidad {
    width: 16px;
    height: 20px;
    background-position: -2px -2px;
}

#informate-wrap .sprite-actualidad-black {
    width: 16px;
    height: 20px;
    background-position: -23px -2px;
}

#informate-wrap .sprite-noticias {
    width: 22px;
    height: 15px;
    background-position: -2px -26px;
}

#informate-wrap .sprite-noticias-black {
    width: 22px;
    height: 15px;
    background-position: -28px -26px;
}

#informate-wrap .sprite-tips {
    width: 13px;
    height: 20px;
    background-position: -44px -2px;
}

#informate-wrap .sprite-tips-black {
    width: 13px;
    height: 20px;
    background-position: -54px -26px;
}




/* _________________ */


#informate-wrap .nav-tabs>li a { 
    display: block;
    border-radius: 50px;
    padding: 15px;
    width: 170px;
    text-align: center;
    font-size: 16px;
}
#informate-wrap .nav-tabs>li a:hover {
    background: #f4f4f4;
    color: #333;
}
#informate-wrap .nav-tabs>.active>a {
    background: #333;
    color: #FFF;
}
#informate-wrap .nav-tabs>.active.tips-tb>a {
    background: #00c6e9
}
#informate-wrap .nav-tabs>.active.tips-tb>a:hover {
    background: #00afce;
}

#informate-wrap .nav-tabs>.active.actualidad-tb>a {
    background: #004e97;
}
#informate-wrap .nav-tabs>.active.actualidad-tb>a:hover {
    background: #00417e;
}
#informate-wrap .call-action {
    clear: both;
    text-align: center;
    padding: 25px;
}
#informate-wrap .call-action .rounded-button {
    text-align: center;
    width: 90px;
    height: 90px;
    background: #d83f2b;
    padding: 10px;
    display: inline-block;
    color: #FFF;
    padding-top: 34px;
    border-radius: 50%;
}



#informate-wrap .nav-tabs>.active>a:hover {
    background: #222;
    color: #FFF;
}



#informate-wrap .nav-tabs { 
    border: 0; 
    list-style-image: none; 
    margin: 0; 
    list-style: none;
    margin-bottom: 40px ;
    text-align: center;
}

#informate-wrap .tab-pane:after {
    display: table;
    content: '';
    overflow: hidden;
    clear: both;
}




/* BOX INFORMATE --------------------------------------------- */

#tips-holder .box-informate:first-child span i {
    background-position: -54px -26px;
}

.box-informate:first-child a .description { float: left; width: 50%; color: #333; line-height: 1.2; }
.box-informate:first-child .description:after {
    content: '';
    height: 4px;
    top: 0;
    width: 50%;
    background: #666;
    position: absolute;
}
.box-informate:first-child .box-cover { float: left; width: 50%; height: 280px; }
.box-informate:first-child a .overlay { display: none; }
.box-informate:first-child .description .info { display: block; }
.box-informate:first-child a small { color: #666; }
.box-informate:first-child {
    float: none;
    overflow: hidden;
    width: 100%;
    margin-bottom: 4px;
}
.box-informate:first-child span { text-align: left; }
.box-informate:first-child span.btn { margin-top: 20px; display: inline-block; border-radius: 50px; background: #d83f2b; color: #FFF; padding: 10px 20px; }
.box-informate:first-child a {
    background: #FFF;
    color: #004e97;
}
.box-informate:first-child a h3 {
    color: #333 !important;
    font-size: 34px !important;
    height: auto !important;
}
#tips-holder .box-informate:first-child a h3 {
    color: #00c6e9 !important;
}
#tips-holder .box-informate a {
    background: #00c6e9 !important;
}

#tips-holder .box-informate:first-child .description:after {
    background: #00c6e9;
}

#tips-holder .box-informate:first-child a h3 {
    color: #00c6e9 !important;
}




#actualidad-holder .box-informate:first-child a h3 {
    color: #004e97 !important;
}
#actualidad-holder .box-informate a {
    background: #004e97 !important;
}

#actualidad-holder .box-informate:first-child .description:after {
    background: #004e97;
}

#actualidad-holder .box-informate:first-child a h3 {
    color: #004e97 !important;
}






.box-informate .description .info {
    display: none;
}
.box-informate {
    width: 25%;
    float: left;
    padding: 0 2px;
}
.box-informate a {
    display: block;
    background: #666;
    color: #FFF;
}
.box-informate a .overlay span.btn {
    margin-top: 40px; 
    display: inline-block; 
    border-radius: 50px; 
    background: #00c6e9; 
    color: #FFF; 
    padding: 10px 20px;
}
.box-informate a:hover .overlay {
    opacity: 1;
}

.box-informate a h3 { 
    height: 50px;
    font-size: 16px !important;
    color: #FFF !important; 
    font-weight: 600 !important;
    margin: 0 !important;
    line-height: 1.1 !important;
}

.box-informate span {
    display: block;
    text-align: center;
    margin-bottom: 10px;
}

.box-informate .box-cover img { display: block; }
.box-informate .box-cover {
    position: relative;
    overflow: hidden;
    height: 145px;
}
.box-informate .description { padding: 10px; margin: 0; position: relative; }
.box-informate .box-cover .overlay { 
    opacity: 0; 
    text-align: center;
    position: absolute; 
    background: rgba(0,0,0,.8);
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}






/* RESPONSIVE */


@media (max-width: 768px) {
    
    #informate-wrap { margin-top: 10px; }
    #informate-wrap h2 { font-size: 24px !important; color: #2d8ec8 !important }
    
    #informate-wrap .nav-tabs li:first-child { display: none; }
    #informate-wrap .nav-tabs li { width: 33.33%; margin: 0; display: block; float: left; }
    #informate-wrap .nav-tabs>li a {
        width: auto;
        font-size: 10px;
        padding: 10px;
        height: 38px;
        text-transform: uppercase;
    }
    
    .box-informate:first-child a .description {
        float: none;
        width: auto;
        margin-bottom: 10px;
    }
    .box-informate:first-child a .box-cover {
        float: none;
        width: auto;
        height: auto;
    }
    .box-informate:first-child a h3 { font-size: 24px !important; }
    
    .box-informate { width: 50%; margin-bottom: 4px; }
    .box-informate .box-cover { height: 100px;}
    .box-informate a h3 { font-size: 14px !important; }
    
    
}
/*
*/



#photo-modal form { margin: 0; padding: 0; }
#photo-modal.in { 
    top: 20px !important;
    background: #FFF;
}
.default-list .wrap-item h3 {
    text-align: left !important;
    text-transform: none; !important;
}

.modal.fade {
    top: -55%;
    z-index: -1;
}
.modal.fade.in {
    z-index: 99999;
}

.photos-travel-list {
    margin-top: 20px;
}
.photos-travel-list img {
    border: 1px solid #DDD;
    padding: 3px;
}
#uploadPhotos.in {
    display: block;
    background: #FFF;
    border: 0;
    top: 20px !important;
}

.list-facilities { margin: 0; padding: 0; list-style: none; overflow-y: auto; height: 300px; }
.list-facilities .pull-left { width: 23px; margin-right: 10px; }
.list-facilities img { height: 20px; }
.list-facilities li { 
    border-bottom: 1px dotted #DDD;
    padding: 5px;
    margin-bottom: 0;
}
.removeFacilitie { 
    float: right;
    margin-top: 8px;
    border-radius: 50%;
    padding-top: 2px;
    width: 25px;
    height: 25px;
    display: block;
    background: #EEE;
    text-align: center;
    color: #999;
}
.empty-travel {
    margin: 20px;
    text-align: center;
}
.myTravel #collapsePhotos .accordion-inner {
    padding: 20px;
    text-align: center;
}

.myTravel .accordion-group {
    border-radius: 0;
    margin: 0;
    border: 0;
}
.myTravel .accordion-inner { 
    height: 150px;
    padding: 0;
    border: 0;
    overflow: auto;
}
.myTravel .accordion-heading {
    background: #d79405;
    box-shadow: 0px 1px 0px rgba(0,0,0,.1) inset;
}
.myTravel .accordion-heading a {
    color: #FFF !important;
    font-size: 18px;
    padding: 10px 10px;
    font-weight: 600;
}
.myTravel .accordion-heading a:hover,
.myTravel .accordion-heading a:focus {
    text-decoration: none;
}

#collapseMyTravel {
    background: #FFF;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

#loading { z-index: 99999; background: #424151; position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: none; }
#loading.active { display: block;}
#loading.active.hide { display: none; }
#loading.hide { display: none; }
#loading img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0;
    display: block;
    width: 400px;
    height: 300px;
    margin: auto;
}

/*CONTENEDOR PLANIFICADOR*/

#p-wrapper {
    position: absolute;
    right: 0;
    left: 0;
    overflow: hidden;
    height: 100%;
}

#p-sidebar {
  display: none;
  width: 32%;
  background: #FFF;
  position: absolute;
  height: calc(100% - 48px);
  top: 42px;
}


.actions-page .pull-right { width: 250px; text-align: right; }
.actions-page .pull-right div { display: inline; }
#p-sidebar h3 {
    margin-bottom: 0 !important;
    font-size: 16px;
    line-height: 1;
    font-weight: 400;
}

.p-welcome .pull-left { margin-right: 10px; }
.p-welcome h6 {
  margin: 0;
  line-height: 1;
  font-size: 14px;
}
.myTravel .p-welcome {
  /*background: #485d78;*/
  background-color: #1E88DE;
  color: #FFF;
}
.myTravel .p-welcome a span { font-weight: 300; }
.myTravel .p-welcome a small { font-size: 11px; font-weight: normal}
.p-welcome .pull-left img {
  width: 35px;
  border-radius: 50%;
}
.hide-body { height: 0; overflow: hidden; }

.icon-angle-down.icon-angle-up:before {
  content: "\f106";
}
.trigger-info { display: inline-block; font-size: 24px; color: #FFF; }
.trigger-info:hover,
.trigger-info:focus { text-decoration: none; color: #FFF; }

.config-travel {
  display: inline-block; font-size: 21px; color: #a2a2a2; margin-right: 5px;
  position: absolute;
  right: 10px;
}
.config-travel:hover,
.config-travel:focus { text-decoration: none; color: #2D8ED3; }

.p-body-travel {
  /*background: #01acc8;*/
  background: #f3f3f3;
}
.p-body-travel .row-fluid {
  padding: 10px;
}
/*.collapse.in { overflow: visible;} */
#bodyMyTravel.opened-tab,
#bodyMyTravel.opened-tab .accordion-inner { overflow: visible; }

.destination-title span {     
    color: #FFF;
    font-weight: 400;
    font-size: 14px;
}
.destination-title {
    float: left;
    color: #a3f048 !important;
    margin: 0 !important;
    margin-top: 2px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    font-size: 18px !important;
}

.p-body-travel .circular-cover {
  width: 50px;
  height: 50px;
  display: block;
  background: rgba(0,0,0,.1);
  padding: 7px;
  padding-top: 12px;
  text-align: center;
  border-radius: 50%;
}

.p-body-travel h3 {
  color: #a3f048;
  margin-bottom: 0;
  font-size: 21px;
  padding-bottom: 4px;
  margin-bottom: 4px;
  border-bottom: 1px solid rgba(255,255,255,.2);
}
.p-body-travel h3 span { font-size: 14px; color: #FFF; margin: 0 6px; display: inline-block; }
.date-travel { margin-bottom: 20px; }
.date-travel ul { list-style: none; margin: 0; }
.date-travel li i { margin-right: 4px; }
.date-travel li {
  display: inline-block;
  margin-right: 20px;
  color: #FFF;
  font-size: 12px;
}
.details-travel { color: #696969; font-size: 13px; }
.details-travel .call-action { display: none; }
.details-travel dl {
  width: 100%;
  margin: 0;
  display: block;
  padding-bottom: 10px;
  margin-bottom: 5px;
  border-bottom: 1px solid rgba(0,0,0,.2);
}
.details-travel dl:after {
  clear: both;
  overflow: hidden;
  content: '';
  display: table;
}


.dropdown-combustible .dropdown-menu {
    border-radius: 0;
    left: 100%;
    margin-top: -20px;
    padding: 15px;
    margin-left: 10px;
}
.dropdown-combustible .dropdown-menu h3 {
    color: #333 !important;
    font-size: 16px !important;
}
.dropdown-combustible .dropdown-menu small { font-size: 11px; }
.dropdown-combustible .dropdown-menu h4 {
    color: #666;
    font-size: 13px;
}
.dropdown-combustible .dropdown-menu .footer-modal {
  position: static;
  margin: -15px;
  margin-top: 15px;
}
.dropdown-combustible .dropdown-menu .footer-modal a {
  color: #FFF !important;
}

.details-travel .final-price dl {
    border: 0;
    font-size: 15px;
    color: #0D47A5;
    padding-bottom: 0px;
    margin-bottom: 0;
}
.details-travel .final-price dt { font-weight: 600; }

.details-travel dt { float: left; width: 50%; margin: 0; line-height: 1.5; font-weight: 400 }
.details-travel dd { float: left; width: 50%; margin: 0; line-height: 1.5; font-weight: 600 }
.details-travel dd a { color: #2D8ED3; font-weight: 400; }
.details-travel dd.cifras-dinamicas {
    color: #0D47A2;
}

.p-btn {
  display: inline-block;
  text-align: center;
  color: #FFF;
  padding: 8px 18px;
  border: 0;
  vertical-align: top;
  font-size: 16px;
  border-radius: 3px;
}
.p-btn:hover,
.p-btn:focus {
  text-decoration: none;
  color: #FFF;
}
.p-btn-primary {
  background: #a2c126;
}
.p-btn-primary {
  background: #a2c126;
}
.p-btn-primary[disabled] {
  opacity: .3;
}
.p-btn-primary:hover,
.p-btn-primary:focus { background: #bce02c; }

.p-btn-transparent {
  background: rgba(0,0,0,.1);
}
.p-btn-transparent:hover,
.p-btn-transparent:focus {
  background: rgba(0,0,0,.3);
}

.p-btn-large {
  padding: 20px 40px;
  font-size: 21px;
}


.p-search { box-shadow: -1px 2px 3px rgba(0,0,0,.1); position: relative; margin-bottom: 10px; }
.p-search input { margin: 0; width: 100%; border: 0; box-shadow: none; border-radius: 0; padding: 20px; border-top: 1px solid #DDD;}
.p-search input:focus { outline: none; box-shadow: none; border-color: #DDD; }


.p-tabs .nav-tabs { list-style: none; }
.p-tabs .nav-tabs > li > a { display: block; opacity: .6; }
.p-tabs .nav-tabs > li > a:hover,
.p-tabs .nav-tabs > li > a:focus { background: rgba(255,255,255,.3); }
.p-tabs .nav-tabs > li.active a { background: #FFF; opacity: 1; }
.p-tabs .tab-content { padding: 0; border: 0; background: none; }



.p-tabs .nav-tabs { margin: 0; border: 0; background: #bfe734 }
.p-tabs .nav-tabs a { background: none; text-align: center; }
.p-tabs .nav-tabs img { height: 25px; }


.box-default-1 a { display: block; position: relative; overflow: hidden; }
.box-default-1 img { display: block; height: 162px; max-width: none; }
.box-default-1 figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 7px;
  color: #FFF;
  background: rgba(3,174,199,.87);
}


.box-default-1 h4 { margin: 0; font-size: 16px; }

.filter-toolbar { font-size: 12px; padding: 5px 10px; }
.filter-toolbar input[type="checkbox"] { margin: 0; margin-left: 10px; }
.filter-toolbar span strong { color: #89a625; }
.filter-toolbar:after {
  clear: both;
  content: '';
  display: table;
  overflow: hidden;
}
.filter-toolbar .dropdown { display: inline-block; margin-left: 10px; }
.filter-toolbar .dropdown > a { color: #000; font-size: 16px; }
.filter-toolbar .dropdown-menu>li>a { color: #666; }
.filter-toolbar .dropdown-menu>li>a:hover { color: #000; }




/*#p-tb-attraction ul { padding: 0 10px 10px 10px; }
#p-tb-destinations ul { padding: 0 10px 10px 10px; }
#p-tb-parks ul { padding: 0 10px 10px 10px; }
#p-tb-activity ul { padding: 0 10px 10px 10px; }*/

#p-tb-attraction ul { padding: 0; }
#p-tb-destinations ul { padding: 0; }
#p-tb-parks ul { padding: 0; }
#p-tb-activity ul { padding: 0; }

.tab-content { overflow: visible; }
.list-height { overflow: auto;}

.default-list { margin: 0; padding: 0; list-style: none;}
.default-list .wrap-item { display: block; color: #999; border-bottom: 1px solid #EEE; padding: 5px; cursor: default; }
.default-list a:hover { text-decoration: none; }
.default-list img { width: 50px; }
.default-list .pull-left { margin-right: 10px; }
.default-list p { font-size: 12px; }
.default-list h3 { color: #333; font-weight: 400; font-size: 16px; }
.default-list small { margin-top: 5px; display: block; }


.default-list .circular-cover {
  width: 25px;
  position: relative;
  z-index: 1;
  margin-top: 10px;
  height: 25px;
  background: #f2f2f2;
  display: block;
  text-align: center;
  border-radius: 50%;
}
.default-list .circular-cover i {
    position: relative;
    top: 2px;
}
.default-list h4 {
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}
.default-stations h4 { color: #03aec7; }

i.ico-info {
  background: url("https://copec-cdn.s3.amazonaws.com/uploads/b6268b43-45d9-4ff0-839b-3c2b90389e72/original/info-icon.png");
  width: 6px;
  height: 13px;
  display: inline-block;
  background-size: 12px;
  margin-top: 5px;
  background-position: -6px 0;
}
.default-list .circular-cover:hover { background: #03aec7; color: #FFF; }
.default-list .circular-cover:hover i.ico-info { background-position: 0 }


#p-body-chiletur { display: none; position: absolute; left: 32%; right: 0; bottom: 0; top: 0; }
#map {
  width: 100%;
  height: calc(100% - 42px);
  top: 42px;
}
.actions-page {
    position: absolute;
    left: 0;
    right: 0;
    padding: 7px;
    height: 42px;
    z-index: 1;
    background: #FFF;
    box-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.actions-page h3 { font-weight: 400 !important;}
.actions-page h3 p {
    display: inline;
    font-size: 14px;
    color: #333;
}
#content > .content-inner { padding: 0; }
#page-content { padding: 0; }

.info-destination.active .photos-holder {
  display: block;
}
.info-destination.active {
  width: auto;
  height: auto;
  overflow: visible;
  left: 20px;
}

.info-destination {
  overflow: hidden;
  height: 40px;
  width: 40px;
  position: absolute;
  z-index: 1;
  left: auto;
  right: 20px;
  margin-top: 50px;
  background: #FFF;
  padding: 10px;
  box-shadow: 1px 1px 2px rgba(0,0,0,.2);
}
.info-destination:after {
  overflow: hidden;
  content: '';
  display: table;
  clear: both;
}
.info-destination .photos-holder {
  width: 360px;
  display: none;
  min-height: 119px;
  position: relative;
  float: left;
}
.info-destination .photos-holder .p-btn {
  background: #bfe734;
  color: #4d5d15;
  border-radius: 0;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  position: absolute;
  right: 20px;
  bottom: 20px;
}
.info-destination .photos-holder .p-btn img { width: 25px; margin-right: 5px; }
.photos-holder .columns > li { margin-bottom: 0; overflow: hidden; }
.photos-holder .columns > li:first-child  img {
  max-width: none;
}

#tolls-prices {
      background: #FFF;
    padding: 20px;
    border-radius: 0;
    border: 0;
    width: 600px;
    margin: auto;
    left: 0;
    right: 0;
    height: 80%;
    margin-top: 20px;
}
#tolls-prices p { margin: 0; font-size: 12px; line-height: 1.1; }

.footer-modal {
  background: #f4f4f4;
  z-index: 2;
  overflow: hidden;
  padding: 10px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-top: 1px solid #DDD;
}


#combustible-config {
  background: #FFF;
  padding: 20px;
  border-radius: 0;
  border: 0;
  width: 600px;
  margin: auto;
  left: 0;
  right: 0;
  height: 300px;
  color: #333;
  margin-top: 20px;
}
#combustible-config h3 {
    background: #485d78;
    padding: 10px;
    margin: -20px;
    margin-bottom: 20px;
}
#combustible-config h3 small { font-size: 14px; color: #CCC; }
#combustible-config input { height: 44px; }


#tolls-prices .columns {
    overflow: auto;
    position: absolute;
    bottom: 60px;
    top: 60px;
    left: 20px;
    right: 20px;
}
#tolls-prices .columns > li {
  border: 1px solid #EEE; padding: 10px 
}

#tolls-prices h3 {
    background: #485d78;
    padding: 10px;
    margin: -20px;
    margin-bottom: 20px;
    color: #a3f048;
    font-weight: 600;
}
#tolls-prices h3 small {
  color: #FFF;
}
#tolls-prices h3 small span { opacity: .5; }

.photos-holder .columns li img {
  height: 119px;
  max-width: none;
}
.description-destination {
  padding-left: 380px;
}
.description-destination h2 {
  font-weight: 400;
  margin-bottom: 20px;
  color: #717171;
  font-size: 18px;
}
.description-destination h2 strong {
  color: #03aec7;
}
.description-destination h2 img {
  width: 20px;
  margin-right: 10px;
}
.minimize {
  position: absolute;
  right: 12px;
  top: 7px;
  font-size: 28px;
  color: #999;
}

/* ADD NEW ====================================================================
*/
[ng\:cloak], [ng-cloak], .ng-cloak {
    display: none !important;
}
#add-new-destination {
  z-index: 10;
  position: absolute;
  overflow: auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: url(https://copec.modyocdn.com/uploads/b9a05f7e-b1da-4d6b-9888-acf6383566cd/original/PlayaElAbanico.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  display: none;
}
#add-new-destination input[type="text"] {
    height: 40px;
    width: 100%;
    color: #FFF;
    background: rgba(255,255,255,.1);
}
#add-new-destination > .inner {
  width: 1000px;
  background: rgba(0,0,0,.5);
  margin: auto;
  margin-top: 4%;
  color: #FFF;
  text-align: center;
}

.main-travel { position: relative; }
.main-travel:after {
    content: '';
    overflow: hidden;
    clear: both;
    display: table;
}
.main-left-travel { 
    float: right; 
    width: 60%; 
    padding: 25px; 
    min-height: 400px;
}
.main-left-travel {
    padding: 25px;
}
.box-info-help {
    font-size: 11px;
    background: rgba(255,255,255,.1);
    padding: 10px;
    text-align: center;
    border-bottom: 2px solid green;
    height: 125px;
    margin-bottom: 20px;
}
.box-info-help p { line-height: 1;  }


.span3:first-child .box-info-help { border-color: #1b9cfd }
.span3:first-child .box-info-help span { background: #1b9cfd }

.span3:nth-child(2) .box-info-help { border-color: #fd4335 }
.span3:nth-child(2) .box-info-help span { background: #fd4335 }

.span3:nth-child(3) .box-info-help { border-color: #20cc50 }
.span3:nth-child(3) .box-info-help span { background: #20cc50 }

.span3:nth-child(4) .box-info-help { border-color: #9f22e3 }
.span3:nth-child(4) .box-info-help span { background: #9f22e3 }

.box-info-help span {
        width: 70px;
    height: 70px;
    background: green;
    display: block;
    position: relative;
    border-radius: 50%;
    margin: auto;
    margin-top: -33px;
    margin-bottom: 8px;
    padding: 15px;
    
}
.box-info-help span img {
    max-height: 40px;
}

.form-travel-sidebar {
    position: absolute;
    left: 0;
    /*padding: 15px;*/
    padding: 0;
    width: 38%;
    top: 0;
    bottom: 0;
    background-color: #f3f3f3;
}
#add-new-destination .form-travel-sidebar form {
    padding: 15px;
}
#add-new-destination .form-travel-sidebar title {
    background-color: #1E88DE;
}

#add-new-destination.active {
  display: block!important;
}

#add-new-destination > .inner .checkbox {
  color: #FFF;
}

#add-new-destination .title {  width: 100%; margin: auto; margin-bottom: 40px;  }
#add-new-destination .title h2 { font-weight: 300; font-size: 36px; margin-bottom: 20px; color: #FFF; }
#add-new-destination .title p { font-size: 18px; font-weight: 300;}
#add-new-destination select { 
  background: rgba(255,255,255,.2); 
  border: 1px solid rgba(255,255,255,.5); 
  height: 45px; 
  border-radius: 0; 
  box-shadow: none; 
  width: 100%;
  color: #FFF;
}
option { color: #000 !important; }
#add-new-destination > .inner label i { opacity: .6; font-size: 21px; margin-right: 5px;}
#add-new-destination > .inner label:not(.radio) { display: block; margin-bottom: 10px; text-align: left; color: #0D47A1; }
#add-new-destination > .inner .call-action {
  margin-top: 0;
}
.wrap-radios { margin-bottom: 10px; text-align: left; }
#add-new-destination > .inner .wrap-radios label {
    display: inline;
    color: #FFF;
    margin-right: 11px;
    position: relative;
    top: 3px;
    margin-left: 2px;
}

#add-new-destination .span6 { position: relative; }

.footer-promo {
  background: #FFF;
  font-size: 14px;
  color: #666;
  text-align: left;
  margin: -40px;
  margin-top: 40px;
}
.footer-promo h4 {
  color: #07a7bf;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px;
  line-height: 1;
}
.footer-promo strong {
 color: #07a7bf; 
}
.footer-promo .media-body {
  padding: 10px;
  padding-left: 0;
}
.footer-promo p { font-size: 13px; margin-bottom: 0; }
.footer-promo img {
  width: 147px;
}



/* 
  INFO WINDOW VENTANA MAP ======================================================
*/

.info-default .pull-left {
  width: 100px;
  height: 100px;
  overflow: hidden;
  border-radius: 50%;
}
.info-default .pull-left img {
  height: 100px;
  max-width: none;
}

.info-window ul{
  list-style:none;
  margin-left:0;
  overflow:hidden;
  width: 318px;
}
.info-window ul li .info-title {
  display:none;
}
.info-window ul li .info-window-cards{
margin-left:0;
}
.info-zervo{
  background:url("https://copec.modyocdn.com/uploads/c67e6640-388c-4d3c-9182-6c755634a95e/original/icon-zervo.jpg") no-repeat;
  width: 75px;
  height: 39px;
  text-indent: -300px;
  float:left;
  margin:2px;
}
.info-punto{
background:url("https://copec.modyocdn.com/uploads/ec910759-76ee-4d49-bc82-bd0682754ecc/original/icon-punto.jpg") no-repeat;
width: 75px;
height: 39px;
text-indent: -300px;
float:left;
margin:2px;
}
.info-pronto{
background:url("https://copec.modyocdn.com/uploads/9fcb6112-b130-41a8-81f1-c4bc0f600acf/original/icon-pronto.jpg") no-repeat;
width: 75px;
height: 39px;
text-indent: -300px;
float:left;
margin:2px;
}
.info-bano{
background:url("https://copec.modyocdn.com/uploads/54c82519-b123-4e81-a3d3-7f39b81e227b/original/icon-bano.jpg") no-repeat;
width: 75px;
height: 39px;
text-indent: -300px;
float:left;
margin:2px;
}
.info-cajero{
background:url("https://copec.modyocdn.com/uploads/d40f421d-cf59-486f-8024-9f1a88e8a88a/original/icon-redbanc.jpg") no-repeat;
width: 75px;
height: 39px;
text-indent: -300px;
float:left;
margin:2px;
}
.info-cpe{
background:url("https://copec.modyocdn.com/uploads/17d9343b-6b36-4f67-9ea4-0de26c15605d/original/icon-cupon.jpg") no-repeat;
width: 75px;
height: 39px;
text-indent: -300px;
float:left;
margin:2px;
}
.info-lanpass{
background:url("https://copec.modyocdn.com/uploads/e9555b7d-2f0b-4282-a299-43c65fa6b78c/original/icon-lanpass.jpg") no-repeat;
width: 75px;
height: 39px;
text-indent: -300px;
float:left;
margin:2px;
}
.info-taxi{
background:url("https://copec.modyocdn.com/uploads/dfbfbe4f-13ca-4675-93be-c2be48c89603/original/icon-taxi.jpg") no-repeat;
width: 75px;
height: 39px;
text-indent: -300px;
float:left;
margin:2px;
}
.info-tct{
background:url("https://copec.modyocdn.com/uploads/a1bb84cb-252b-4915-abd2-7cbe36a77d89/original/icon-tct.jpg") no-repeat;
width: 75px;
height: 39px;
text-indent: -300px;
float:left;
margin:2px;
}
.info-dpaso{
background:url("https://copec.modyocdn.com/uploads/b8c248b7-24aa-406b-a451-4709dc271dd8/original/icon-dpaso.jpg") no-repeat;
width: 75px;
height: 39px;
text-indent: -300px;
float:left;
margin:2px;
}
.info-lavamax{
background:url("https://copec.modyocdn.com/uploads/bf0238d3-f4e8-494d-8520-2a553b53c756/original/icon-lavamax.jpg") no-repeat;
width: 75px;
height: 39px;
text-indent: -300px;
float:left;
margin:2px;
}
.info-mobiltec{
background:url("https://copec.modyocdn.com/uploads/98d2b05a-367a-447a-a814-e2146b472251/original/icon-mobiltec.jpg") no-repeat;
width: 75px;
height: 39px;
text-indent: -300px;
float:left;
margin:2px;
}
.info-pago-click{
background:url("https://copec.modyocdn.com/uploads/4ed97df7-bda0-45b4-a056-e67780ded1aa/original/PagoClick_logo.png") no-repeat;
width: 75px;
height: 39px;
text-indent: -300px;
float:left;
margin:2px;
border:solid 1px #ccc;
}
.info-voltex{
background:url("https://copec.modyocdn.com/uploads/a1b4fabe-2e69-4140-a3e7-ef65b8f87a33/original/icon-voltex.jpg") no-repeat;
width: 75px;
height: 39px;
text-indent: -300px;
float:left;
margin:2px;
}
.info-tae{
background:url("https://copec.modyocdn.com/uploads/c9f675f9-56ff-411a-bcc8-f188e465c4b2/original/icon-tae.png") no-repeat;
width: 75px;
height: 39px;
text-indent: -300px;
float:left;
margin:2px;
}
.info-renova{
background:url("https://copec.modyocdn.com/uploads/d545775c-b554-499d-bb10-f59d911fe211/original/icon-renova.png") no-repeat;
width: 75px;
height: 39px;
text-indent: -300px;
float:left;
margin:2px;
}
.info-window-logos li{
    text-indent:-30000px;
}

.info-window-cards,.info-window-stores,.info-window-sevices{
float:left;
margin-right:3px;
overflow:hidden;
}
.info-window-cards li,.info-window-stores li,.info-window-sevices li{
margin-bottom:3px;
}
.main-inner .info-window-gas ul{
    float:left;
    width: 77px;
    font-size: 11px;
    border-right: 1px dotted #ccc;
    margin-right: 3px;
    background-color: #fff;
    height: 78px;
}
.info-window-gas ul li{
    line-height: 15px;
}
.info-window-gas ul .info-gas{
    width: 45px;
    background:url("https://copec.modyocdn.com/uploads/4ae7683d-a6a5-472e-9430-3a9aa2f85bdf/original/st-gas.jpg") no-repeat center;
    overflow: hidden;
    display: inherit;
    height: 30px;
    text-indent: -100px;
}
.info-window-gas ul .info-diesel{
    width: 45px;
    background:url("https://copec.modyocdn.com/uploads/c2e9f7d9-28e6-4831-a944-e4e6d96729c9/original/icon-diesel.jpg") no-repeat center;
    overflow: hidden;
    display: inherit;
    height: 30px;
    text-indent: -100px;
}
.info-window-gas ul .info-kerosene{
    width: 45px;
    background:url("https://copec.modyocdn.com/uploads/722d7069-e89f-49f4-8bc2-02ac63231c04/original/st-kerosene.jpg") no-repeat center;
    overflow: hidden;
    display: inherit;
    height: 30px;
    text-indent: -100px;
}
.info-window-gas ul .info-gnc{
    width: 45px;
    background:url("https://copec.modyocdn.com/uploads/8cf2f76a-b49c-4a80-acf1-2a3276089e07/original/icon-GNC.jpg") no-repeat center;
    overflow: hidden;
    display: inherit;
    height: 30px;
    text-indent: -100px;
}
.info-window-gas ul .info-glp{
    width: 45px;
    background:url("https://copec.modyocdn.com/uploads/3a1e89e8-d7bf-4ade-85d0-92283e49257c/original/icon-GLP.jpg") no-repeat center;
    overflow: hidden;
    display: inherit;
    height: 30px;
    text-indent: -100px;
}
.info-window h4{
    font-size:14px;
    color:#ec2c29;
    width: 320px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.info-window p{
  border-bottom: 1px solid #eee;
}
.info-window-gas{
  border-top: 6px solid #eee;
}

.myTravel .accordion-heading a span {
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    background: rgba(255,255,255,.8);
    float: right;
    color: #333;
    font-size: 12px !important
}


.ban-plan{
   background-color: rgba(0, 0, 0, 0.41);
    padding: 14px;
    border-radius: 5px;
    line-height: 16px;
    text-align: left;
    font-size: 12px;
    width: 80%;
    margin: auto;
}
.ban-plan .row-fluid{
    padding:0!important;
}
.esf-plan1{
    width: 50px;
    height: 50px;
    background-color: #2e98ff;
    border-radius: 50%;
    float: left;
    margin-right: 12px;
    padding: 11px;
}
.esf-plan1 img{
    width: 90%;
}
.esf-plan2{
    width: 50px;
    height: 50px;
    background-color: #ff422f;
    border-radius: 50%;
    float: left;
    margin-right: 12px;
    padding: 10px 15px 15px 14px;
}
.esf-plan2 img{
    width: 100%;
}
.esf-plan3{
    width: 50px;
    height: 50px;
    background-color: #48cc54;
    border-radius: 50%;
    float: left;
    margin-right: 12px;
    padding: 14px 9px 9px 9px;
}

.sk-fading-circle {
  display: none!important;
  width: 30px;
  height: 30px;
  position: relative;
  top: -49px;
  margin-left: 100px;
}

.sk-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.sk-fading-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #FFF;
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
          animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}
.sk-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
}
.sk-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg);
}
.sk-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.sk-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg);
}
.sk-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg);
}
.sk-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.sk-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg);
}
.sk-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg);
}
.sk-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}
.sk-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); 
}
.sk-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); 
}
.sk-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; 
}
.sk-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; 
}
.sk-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; 
}
.sk-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; 
}
.sk-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; 
}
.sk-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; 
}
.sk-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; 
}
.sk-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}
.sk-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}
.sk-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
}
.sk-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; }
}

@keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; } 
}


#travels-list { margin: 0; list-style: none; padding: 0; overflow: auto; }
#travels-list > li { float: left; }
.options { opacity: 0; position: absolute; right: 10px; top: 10px; }
.options + a { color: #FFF; }
.options .dropdown > a { color: #FFF;}
.options .dropdown > a:hover,
.options .dropdown > a:focus {
    text-decoration: none;
}
.options .dropdown-menu a,
.options .dropdown-menu a:hover,
.options .dropdown-menu a:focus {
    color: #333;
}
.box-travel .cover-travel { margin: 0 20px; }
.box-travel {
    display: block;
    width: 140px;
    padding: 15px;
    height: 177px;
    position: relative;
    color: #FFF;
    border: 1px solid transparent;
}
.box-travel:hover {
    background: rgba(255,255,255,.1);
    border-color: rgba(255,255,255,.3);
}
.box-travel:hover .options {
    opacity: 1;
}
#add-new-destination > .inner .row-fluid.items-travels { text-align: left; color: #FFF; padding: 0 20px; } 
.items-travels h3 { color: #FFF !important; margin-bottom: 10px !important; }
.information-travel { text-align: center; }

.information-travel h4 { margin: 10px 0; height: 40px; overflow: hidden; }

.travel-details { font-size: 12px; }
.travel-details p { margin: 0; line-height: 1; }
.travel-details img {
    width: 8px;
    margin-right: 3px; 
}
.title-logged h2 { margin-bottom: 0 !important; }
.title-logged { border-bottom: 1px solid rgba(255,255,255,.2); padding-bottom: 10px; }

a.add-new-travel {
    background: rgba(255,255,255,.2);
    color: #FFF;
    display: block;
    width: 100%;
    height: 220px;
    padding: 55px 20px;
    text-align: center;
}
a.add-new-travel img { width: 50px; margin: auto; margin-bottom: 10px; display: block; }
a.add-new-travel p {
    margin: 0;
    font-size: 21px;
    font-weight: 300;
    margin-top: 25px;  
} 

.actions-page .pull-left .btn {
    font-size: 12px;
    margin-right: 10px;
    padding: 4px 7px;
}
.actions-page .pull-left .btn i { margin-right: 5px; }


@media (max-width: 1374px) { 
    .p-tabs .nav-tabs>li {
        width: 11.5%;
        height: 40px;
    }
    .p-tabs .nav-tabs img { height: auto; }
    .p-tabs .nav-tabs > li > a { height: 100%; padding: 6px 10px; }
    
    .p-tabs .nav-tabs li:nth-child(2) img { width: 80%; }
}

@media (max-width: 1200px) {
    #p-sidebar { width: 400px; }
    #p-body-chiletur { left: 400px; }
}
@media (max-width: 1199px) {
    .form-travel-check-interes.columns-3 > li {
        width: 31.33% !important;
    }
}
@media (max-width: 1000px) {
    #add-new-destination > .inner {
      width: auto;
      margin: 20px;
    }
}
@media (max-width: 992px) {
    .main-left-travel {
        width: 55%;
    }
    .form-travel-sidebar {
        width: 45%;
    }
}
@media (max-width: 980px) {
    .info-destination.active .photos-holder {
        float: none;
        width: auto;
    }
    .description-destination { padding: 0; }
    .minimize { z-index: 2; }
    .info-destination .description-destination { display: none; }
    .info-destination.active .description-destination { display: block; }
}


@media (max-width: 876px) {

#add-new-destination > .inner {
    width: auto;
    margin: 20px;
}
#add-new-destination > .inner .checkbox { text-align: left; }

}

@media (max-width: 768px) {
    .dropdown-combustible .dropdown-menu {
        left: inherit;
        right: -40px;
        width: 300px;
    }
    .dropdown-combustible .dropdown-menu input, 
    .dropdown-combustible .dropdown-menu  textarea, 
    .dropdown-combustible .dropdown-menu  .uneditable-input {
        width: 100%;
    }
    #tolls-prices {
        width: 90%;
        height: 90%;
    }
    .actions-page h3 { font-size: 13px !important; text-align: left !important; }
    .actions-page h3 p {
        font-size: 11px !important;
        text-transform: none;
        display: block;
    }
    .actions-page .pull-right { width: auto; }
    
    .myTravel .accordion-heading a {
        color: #FFF !important;
        font-size: 16px;
        padding: 6px 10px;
    }
    
    .p-welcome { padding: 0; }
    
    #p-body-chiletur { left: 0; }

    #add-new-destination .error {
        position: static;
        margin-left: -168px;
    }
    .list-height { padding-bottom: 50px !important; }
    #p-tb-destinations ul { padding-bottom: 50px; }
    #footer-tabs-chiletur { 
        display: block; 
        position: fixed; bottom: 0; left: 0; right: 0; height: 60px; 
        z-index: 10;
        overflow: hidden;
        background: #333;
    }
    
    a.add-new-travel {
      height: auto;
      padding: 20px;
      text-align: center;
      margin-bottom: 20px;
    }
    .title-logged {
      border: 0;
    }

    .list-facilities .media > .pull-left { float: left; }
    .row-fluid [class*="span"] {
      min-height: 1px;
    }
    .p-body-travel .circular-cover {
      display: none;
    }
    #add-new-destination > .inner {
      padding: 20px;
    }
    #add-new-destination > .inner .row-fluid.items-travels {
      padding: 0;
    }
    
    #footer-tabs-chiletur a { 
        display: block; text-align: center;  
        float: left;
        width: 50%;
        color: #FFF;
        height: 60px;
        padding-top: 9px;
        text-transform: uppercase;
        font-size: 11px;
        text-decoration: none;
        background: rgba(0, 0, 0, 0.2);
    }
    #footer-tabs-chiletur a.active {
        background: #000;
    }
    #footer-tabs-chiletur a i { display: block; }
    
    .info-destination { display: none; }
    #p-sidebar { width: 99%; left: 1%; z-index: 2 ; }
    #p-tb-destinations .box-default-1 img { width: 100%; max-width: 100%; }
    
    .p-tabs .nav-tabs>li { height: 50px; }
    .p-tabs .nav-tabs img {     
        position: relative;
        top: 45%;
        transform: translateY(-50%);
        height: 18px;
        max-width: none;
    }
    .p-tabs .nav-tabs li:nth-child(2) img {    
        width: auto;
        height: 25px;
        max-height: none;
        max-width: none;
    }
    


    #menu-chiletur .span2 { width: 200px; }
    #add-new-destination .title p { display: none;  }
    .ban-plan .span4 { overflow: hidden; margin-bottom: 10px; }
    #add-new-destination .columns > li { margin-bottom: 10px; }
    #add-new-destination form > .row-fluid > .span6 { float: left;margin-bottom: 10px;}
    #add-new-destination > .inner .row-fluid { padding: 0; }
    #add-new-destination .columns { margin-bottom: 20px; }
    #add-new-destination > .inner label { margin-bottom: 0; }
    
    .box-info-help span {
        display: none;
    }
    
    .box-info-help p {
        margin: 0px;
    }
    
    .main-left-travel {
        float: left;
        width: 100%;
        padding: 25px;
        min-height: 400px;
        position: relative;
    }
    
    .box-info-help {
        font-size: 12px;
        background: rgba(255,255,255,.1);
        padding: 10px;
        text-align: center;
        border-bottom: 2px solid green;
        height: auto;
        margin-bottom: 20px;
    }
    
    .form-travel-sidebar {
        position: relative;
        right: 0;
        padding: 10px;
        width: 100%;
        top: 0;
        bottom: 0;
        background: #f3f3f3;
        float: left;
    }
    .actions-page .pull-right {
        position: absolute;
        right: 0;
    }
    .actions-page .pull-right {
        /*padding: 5px 10px;*/
        padding-right: 3px;
        font-size: 12px;
    }
    
    
}

@media (max-width: 580px) { 
    #add-new-destination .title h2 { font-size: 24px; }
    #add-new-destination .title { width: auto; margin-bottom: 0; }
    .ban-plan { width: auto !important; }
    
    .ban-plan .span4 { margin-bottom: 0; }
    
    .esf-plan2 img { 
        height: 25px; 
        width: auto !important;
        margin: auto !important;
        display: block !important;
    }
    
    .esf-plan1,
    .esf-plan2,
    .esf-plan3 { padding: 6px !important; width: 35px !important; height: 35px !important }
    
    .esf-plan1 + p,
    .esf-plan2 + p,
    .esf-plan3 + p { margin-top: 15px; }
    #photo-modal { top: -180%; }
}
@media (max-width: 480px) { 
    #tolls-prices .columns {
        top: 86px;
    }
}
@media (max-width: 480px) {
    #tolls-prices {
        margin-top: 140px;
    }
#add-new-destination .form-travel-sidebar form {
    padding: 15px 0;
}
.form-travel-check-interes.columns-3 > li {
    width: 48% !important;
}
.actions-page .pull-left .btn span { display: none; }
.wrap-radios .radio.inline+.radio.inline { margin-left: 0; }

#menu-chiletur .span2 img {
    width: 90px;
    margin: 5px;
}
.trigger-menu-chiletur {
    margin-top: 5px !important;
}

.actions-page .pull-right > .btn:first-child { text-indent: -999px; overflow: hidden; position: relative; width: 30px;}
.actions-page .pull-right > .btn:first-child i {    position: absolute;
    left: 1014px;
    font-size: 20px; }
    
    #p-sidebar { left: 0; width: 100%; }
    .context-layouts-show-planifica-tu-viaje #add-new-destination > .inner { padding: 15px; }

    .default-list .pull-left { float: left; }
    .default-list .pull-right { float: right; }
    
    .destination-title { font-size: 16px; line-height: 1.2; }
    
    .modal.fade.in {
        left: 0px;
        right: 0px;
        bottom: 0px;
        top: -200px !important;
        position: relative;
        display: block;
    }
    .main-left-travel { padding: 0; }
    
}

@media (max-width: 401px) { 
    .ban-plan { display: none; }
    .ban-plan + p { display: none }
    #add-new-destination form > .row-fluid > .span6 { margin-bottom: 10px;width: auto; float: none; padding: 0; }
}
@media (max-width: 360px) { 
    .form-travel-check-interes.columns-3 > li {
        width: 100% !important;
    }
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    max-width: 276px;
    padding: 1px;
    text-align: left;
    white-space: normal;
    background-color: rgba(72, 93, 120, 0.9);
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.2);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.popover.right .arrow:after {
    bottom: -10px;
    left: 1px;
    border-right-color: rgba(72,93,120,0.9);
    border-left-width: 0;
}

.popover-content {
    padding: 9px 14px;
    color: #fff;
}

.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    font-weight: bolder;
    line-height: 18px;
    background-color: rgba(117, 140, 171, 0.58);
    border-bottom: 1px solid #ebebeb;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    color: #fff;
}

button.btn.disabled {
    background: #e6e6e6;
    background-color: #637B9A;
    box-shadow: none;
    border-color: #ccc;
    color: #f4f4f4;
    border-radius: 4px 0px 0px 4px !important;
}

.cover-travel img {
    height: 65px;
    width: 100%;
    border-radius: 50%;
}






/*video planificador chiletur*/
.video-planificador {
    overflow: hidden;
    background-color: #000;
    background-image: url(https://copec.modyocdn.com/uploads/8f98715d-f4a9-41cd-8ae5-6a651d820f94/original/bg-video-planificador.png);
    background-position: center 170px;
        
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    
    background-repeat: none;
    
}

.video-planificador .video {

}

.video-planificador p {
    font-size: 21px;
    float: left;
    color: #fff;
    margin: 50px 0 0 20px;
    font-weight: bold;
}
.video-planificador a {
    margin: 0;
    background: transparent;
    background: rgba(0, 0, 0, 0.5);
    display: block;
    overflow: auto;
    padding: 0;
    border-radius: 0;
}
.video-planificador a:hover, .video-planificador a:active, .video-planificador a:focus {
    background: transparent;
    display: block;
    background: rgba(0, 0, 0, 0.3);
}

.video-planificador img {
    border: 6px solid #fff;
    float: left;
    width: 160px;
    border-radius: 0;
    margin: 12px;
}

#myModalVideoPlanificador {
    position: absolute;
    background: url(https://copec.modyocdn.com/uploads/2c4bdb03-c67a-4891-ac00-6eaf723e443b/original/bg-modal-video.jpg);
    /*left: 10%;
    right: 10%;
    top: 10%!important;
    bottom: 10%;
    width: 80%;*/
    margin-left: 0!important;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  
}

#myModalVideoPlanificador .modal-body {
    height: 560px;
    width: 50%;
    margin: auto;
    position: absolute;
    /* max-height: initial; */
    /* padding: 15px; */
    /* overflow-y: auto; */
    display: block;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    max-height: initial;
    overflow: initial;
}


#myModalVideoPlanificador .modal-header {
    border-bottom: none;
}


#myModalVideoPlanificador .modal-body {
    /*height: 560px;
    width: 60%;*/
    margin: auto;
    position: absolute;
    /* max-height: initial; */
    /* padding: 15px; */
    /* overflow-y: auto; */
    display: block;
    /*right: 20%;
    left: 20%;
    top: 0;
    bottom: 0;*/
    max-height: initial;
    overflow: initial;
}

#myModalVideoPlanificador .modal-body video {
  width: 100%    !important;
  height: auto   !important;
}

#myModalVideoPlanificador .modal-body iframe {
  height: 100%   !important;
}

#myModalVideoPlanificador h3 {
    font-size: 27px;
    text-align: center;
    font-weight: bold;
    margin: -40px 0 0 0;
}

#myModalVideoPlanificador .modal-header .close {
    color: #265f9c;
    padding: 10px;
    margin: -10px;
    opacity: 0.9;
    font-size: 30px;
}

/* Portrait tablet to landscape and desktop */

@media (min-width: 768px) and (max-width: 979px) {
    #myModalVideoPlanificador .modal-body {
        width: 100%;
    }
    .video-planificador img {
        margin: 0 auto;
        display: block;
        float: none;
    }
    
    .video-planificador {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-position: center;
    }
    .video-planificador a {
        overflow: initial;
    }
    .video-planificador p {
        margin: 10px 0 0 0;
        float: none;
    }
    .video-planificador .video {
        overflow: hidden;
        padding: 10px;
    }
    #myModalVideoPlanificador .modal-body {
        /*height: 560px;
        width: 100%;*/
        margin: auto;
        position: absolute;
        /* max-height: initial; */
        /* padding: 15px; */
        /* overflow-y: auto; */
        display: block;
        /*right: 0%;
        left: 0%;
        top: 0;
        bottom: 0;*/
        max-height: initial;
        overflow: initial;
    }

    
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    #myModalVideoPlanificador .modal-body {
        width: 100%;
    }
    
    #myModalVideoPlanificador h3 {
        margin: 0;
    }


    
    .video-planificador img {
        margin: 0 auto;
        display: block;
        float: none;
    }
    
    .video-planificador {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-position: center;
    }
    .video-planificador a {
        overflow: initial;
    }
    .video-planificador p {
        margin: 10px 0 0 0;
    }
    .video-planificador .video {
        overflow: hidden;
        padding: 10px;
    }
    #myModalVideoPlanificador .modal-body {
        /*height: 560px;
        width: 100%;*/
        margin: auto;
        position: absolute;
        /* max-height: initial; */
        /* padding: 15px; */
        /* overflow-y: auto; */
        display: block;
        /*right: 0%;
        left: 0%;
        top: 0;
        bottom: 0;*/
        max-height: initial;
        overflow: initial;
    }
}
 
/* Landscape phones and down */
@media (max-width: 480px) {


    #myModalVideoPlanificador .modal-body {
        width: 100%;
    }
    #myModalVideoPlanificador .modal-body {
        height: 237px;
        padding: initial;
        right: initial;
        left: initial;
        top: initial;
        bottom: initial;
        max-height: initial;
        overflow: initial;
    }
    
    .video-planificador img {
        margin: 0 auto;
        display: block;
        float: none;
    }
    

    .video-planificador {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-position: center;
    }
    .video-planificador a {
        overflow: initial;
    }
    .video-planificador p {
        margin: 10px 0 0 0;
    }
    .video-planificador .video {
        overflow: hidden;
        padding: 10px;
    }
    #myModalVideoPlanificador {
        height: 450px;
        overflow: hidden;
        position: absolute;
        background: url(https://copec.modyocdn.com/uploads/2c4bdb03-c67a-4891-ac00-6eaf723e443b/original/bg-modal-video.jpg);
        left: 10%;
        right: 10%;
        top: 10%!important;
        bottom: initial;
        width: 80%;
        margin-left: 0!important;
        background-attachment: fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

}






#myModalVideoPlanificador {
    right: 0;
    left: 0;
    position: absolute;
    width: 560px;
    margin-left: initial;
    margin: 0 auto!important;
    height: 680px;
    
        
}
#myModalVideoPlanificador .modal-body {
    width: 100%;
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    #myModalVideoPlanificador {
        height: auto;
        width: 90%;
        padding: 10px;
    }

    #myModalVideoPlanificador .modal-body {
        height: auto;
        position: initial;
    }
}





/* Slider */

.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding: 0;

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -45px;

    display: block;

    width: 100%;
    padding: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/* MINI */

ul { list-style-image: none!important; color: #696969;}

/* PARALLAX */

.fullscreen,
.content-a {
    width:100%;
    height:100%;
    overflow:hidden;
}

.fullscreen.overflow,
.fullscreen.overflow .content-a {
    height:auto;
    min-height:100%;
}

/* PARALLAX */


/* VIAJEROS - SNIPPET */
.filtro-blanco {
  position: relative;
  background: rgba(255, 255, 255, 0.9);
}

.viajero-featured {
  position: relative;
  width: 100%;
  text-align: center;
  padding-top: 100px;
  padding-bottom: 3em;
}

.viajero-featured:after{
    content:'';
    background:#000000a8;
    position:absolute;
    width:100%;
    height:100%;
    z-index:999;
    left:0;
    top:0;
}

.viajero-featured .container {
    position: relative;
    z-index: 999999;
}

.viajero-featured h2 {
    margin-bottom: 10px;
    font-size: 40px;
    font-weight: 300 !important;
    line-height: normal;
    letter-spacing: 2px;
    color:#fff !important;
    text-transform: uppercase;
}

.viajero-featured p {
    font-size: 20px;
    font-weight: 300;
    line-height: normal;
    color: #fff;
    display: inline-block;
}

.viajero-featured u {
    background: #f8a02b;
    display: block;
    width: 120px;
    height: 2px;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

#viajero-show {
  width: 100%;
}

#viajero-menu {
  text-align: center;
  position:relative;
  z-index:9999;
  margin-bottom:5em;
}

#viajero-menu ul {
  display: inline-block;
}

#viajero-menu .menu-icons {
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  line-height: 16px;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  width: 100%;
}

#viajero-menu .menu-icons img {
    width: 40px;
}

#viajero-menu ul.nav {
  list-style: none;
  position: relative;
  z-index: 1;
}

#viajero-menu li {
  position: relative;
  float: left;
  text-align: center;
  border-radius: 50%;
  background: transparent;
}

#viajero-menu li a {
  width: 230px;
  height: 75px;
  display: inline-block;
  opacity: 1;
}

#viajero-menu li.active a {
  opacity: 0.8;
}

/* MENU COLORES */

#viajero-menu li a.inicio {
  background-image: url('https://copec.modyocdn.com/uploads/2ddc1001-a5be-4af9-89cb-5af66e1ddca6/original/inicio-bg.png');
  background-size: cover;
  background-size: 105%;
  background-position: center center;
}

#viajero-menu li a.location {
  background-image: url('https://copec.modyocdn.com/uploads/baf23ee6-4f34-4812-acad-6d40e21346d8/original/location-bg.png');
  background-size: cover;
  background-size: 105%;
  background-position: center center;
}

#viajero-menu li a.food {
  background-image: url('https://copec.modyocdn.com/uploads/aaa1ed35-8121-4c73-962f-d472c8cddb22/original/food-bg.png');
  background-size: cover;
  background-size: 105%;
  background-position: center center;
}

#viajero-menu li a.tips {
  background-image: url('https://copec.modyocdn.com/uploads/03c680cc-ea1b-4b19-a2fb-17bbb960f776/original/tips-bg.png');
  background-size: cover;
  background-size: 105%;
  background-position: center center;
}

#viajero-menu li a.fotos {
  background-image: url('https://copec.modyocdn.com/uploads/26146676-8ef2-4c4a-8f27-090bd3154567/original/fotos-bg.png');
  background-size: cover;
  background-size: 105%;
  background-position: center center;
}

.viajero-inner.tab-content {
  overflow: hidden;
  border: none;
  padding: 0px;
  height: auto;
  margin-bottom: 100px;
}

#viajero-show .cover-box {
  background-size: cover;
  float: left;
  width: 374px;
}

#viajero-show .cover-box img {
  object-fit: cover;
  width: 380px;
  height: 280px;
  opacity: 0.8;
}

#viajero-show .viajero-inner .text-inner {
  color: #fff;
  border-left: #F74116 6px solid;
  padding: 0 0 0 3%;
  width: auto;
  margin: 0 0 0 6%;
  height: auto;
  float: left;
}

#viajero-show .viajero-inner .row {
  background-color: rgba(52, 58, 82, 0.83);
  margin-bottom: 2em;
  display: flex;
  align-items: center;
  height: auto;
}

#viajero-show .viajero-inner .tab-pane h3 {
  color: #fff;
  width: 80%;
  font-size: 20px;
  font-weight: 800;
  line-height: 25px;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  margin-bottom: 3px;
}

#viajero-show .viajero-inner .tab-pane p {
  color: #fff;
  font-size: 17px;
  font-weight: 600;
  line-height: 25px;
  width: 100%;
}

#viajero-show p {
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
}

#viajero-show #inicio .text-inner {
  width: 90%;
}


/* DESTINO */

#location .row .cover-box {
  height: 136px;
  width: 166px;
}

#location .row .cover-box img {
  background-size: cover;
  height: 136px;
  width: 166px;
}

#viajero-show #location .text-inner {
  border-left: #E9B100 6px solid;
}


/* FOOD */

#viajero-show #food .text-inner {
  border-left: #0A9F4F 6px solid;
}

#food .row .cover-box {
  height: 136px;
  width: 166px;
}

#food .row .cover-box img {
  height: 136px;
  width: 166px;
}


/* TIPS */

#viajero-show #tips .text-inner {
  border-left: #336CA6 6px solid;
}

#tips .row .cover-box {
  height: 136px;
  width: 166px;
}

#tips .row .cover-box img {
  background-size: cover;
  height: 136px;
  width: 166px;
}


/* FOTOS */

#fotos .slick-slide {
  height: 460px !important;
}

#fotos .slick-slider,
#fotos .slider-nav {
  display: block!important;
  width: 80%;
  margin: auto;
  margin-bottom: 20px;
}

#fotos .slider-nav .slick-slide {
  height: 168px !important;
  width: 180px;
  margin-left: 42px;
}

#fotos .slick-slide img {
  display: block;
  margin: auto;
}

#viajero-main .overlay-menu {
  /*background-color: rgba(0, 0, 0, 0.76);*/
  height: 140px;
  width: 100%;
  position: relative;
  bottom: 0;
}

#fotos .slick-next {
  background: url("https://copec.modyocdn.com/uploads/7d9051bb-632a-4f61-a116-d14bc722fbcd/original/next.png") no-repeat;
  background-size: 100%;
  height: 90px;
  opacity: 0.8;
  right: -40px;
}

#fotos .slick-next:before {
  content: '';
}

#fotos .slick-prev {
  background: url("https://copec.modyocdn.com/uploads/35c1126b-e1b4-4271-91af-93c2710a5cf9/original/prev.png") no-repeat;
  background-size: 100%;
  height: 90px;
  opacity: 0.8;
  left: -40px;
}

#fotos .slick-prev:before {
  content: '';
}

/* QUERY */

@media screen and (max-width: 1200px) {
  #viajero-show .cover-box {
    margin-left: 0;
  }
  #viajero-menu ul .nav {
    bottom: 50px;
    zoom: 80%;
  }
  #viajero-menu ul.nav {
    zoom: 70%;
  }
}

@media screen and (max-width: 980px) {
  #viajero-main .viajero-featured h2 {
    color: #41416D;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 800;
    line-height: normal;
    text-transform: uppercase;
    letter-spacing: 3px;
  }
  #viajero-main .viajero-featured p {
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    width: 90%;
    color: #41416D;
    display: inline-block;
  }
  #viajero-show .viajero-inner .row {
    display: block;
    align-items: initial;
  }
  #viajero-menu ul.nav {
    bottom: 0;
  }
  #inicio .row .cover-box {
    width: 100%;
    background-position-y: 11%;
  }
  #location .row .cover-box,
  #food .row .cover-box,
  #tips .row .cover-box,
  #fotos .row .cover-box {
    background-image: none!important;
    background-size: cover!important;
    height: auto!important;
    width: 100%!important;
  }
  #viajero-show .viajero-inner .tab-pane h3 {
    width: 100%;
  }
  #viajero-show #location .text-inner {
    width: 100%;
  }
  #viajero-show .viajero-inner .text-inner {
    margin: 7%;
  }
  #viajero-show .viajero-inner .tab-pane p {
    width: 80%
  }
  #fotos .slick-slider,
  #fotos .slider-nav {
    margin-bottom: 0px;
  }
  #viajero-main .overlay-menu {
    display: none;
  }
  ul#viajero-menu.nav {
    bottom: 0;
  }
  .viajero-inner.tab-content {
    margin-bottom: 50px;
  }
  #viajero-menu ul .nav {
    bottom: 50px;
    zoom: 80%;
  }
}

@media (max-width: 768px) {
  #menu-chiletur .span2 {
    width: initial;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  #menu-chiletur .trigger-menu-chiletur {
    margin-top: 0px;
  }
  #menu-chiletur .container {
    padding: 0px;
  }
}

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

  #viajero-menu ul.nav {
    list-style: none;
    position: relative;
    z-index: 1;
    left: 0px;
    width: 100%;
  }
  
  #viajero-menu li {
    position: relative;
    float: left;
    text-align: center;
    width: 100%;
    margin: -40px 0px 10px 0px;
    box-shadow: none;
  }
  #viajero-menu .menu-icons {
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    line-height: 16px;
    text-transform: uppercase;
    letter-spacing: 1.2px;
  }
  #viajero-menu .menu-icons img {
    width: 40px;
  }
  
  #fotos .slick-slide {
    height: 270px !important;
  }
  #fotos .slick-next {
    background: url("https://copec.modyocdn.com/uploads/7d9051bb-632a-4f61-a116-d14bc722fbcd/original/next.png") no-repeat;
    background-size: 100%;
    height: 90px;
    opacity: 1;
    right: -25px;
  }
  #fotos .slick-prev {
    background: url("https://copec.modyocdn.com/uploads/35c1126b-e1b4-4271-91af-93c2710a5cf9/original/prev.png") no-repeat;
    background-size: 100%;
    height: 90px;
    opacity: 1;
    left: -25px;
  }
  #viajero-show .viajero-inner .tab-pane h3,
  #food .viajero-inner .tab-pane h3,
  #tips .viajero-inner .tab-pane h3 {
    color: #fff;
    font-size: 20px;
    font-weight: 800;
    line-height: 25px;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    margin-bottom: 3px;
    text-align: left;
  }
  #viajero-show .viajero-inner .tab-pane p,
  #food .viajero-inner .tab-pane p,
  #tips .viajero-inner .tab-pane p {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    text-align: justify;
  }
  #location .row .cover-box img,
  #viajero-show .row .cover-box img,
  #food .row .cover-box img,
  #tips .row .cover-box img {
    background-size: cover;
    height: 150px;
    width: 100%;
  }
  .destacado-viajero {
    height: 380px;
  }
}



.ch-info p a {
    display: block;
    color: rgba(255, 255, 255, 1);
    text-transform: uppercase;
    font-size: 11px !important;
    font-weight: 900!important;
}
.context-layouts-show-panoramas #page-content .main-inner #page-content:nth-child(1){
    background: url(https://copec.modyocdn.com/uploads/d602386c-9b19-43ef-9d4b-eda827c24cf5/original/bg-panoramas-musica.jpg) no-repeat center top;
    background-size: cover;
    background-attachment: fixed !important;
}
.context-layouts-show-panoramas #page-content .main-inner #page-content:nth-child(2){
    background: url(https://copec.modyocdn.com/uploads/bfce35ab-46d1-4c5a-b710-86cf4ffc8907/original/bg-panoramas-coltura.jpg) no-repeat center top;
    background-size: cover;
    background-attachment: fixed !important;
}
.context-layouts-show-panoramas #page-content .main-inner #page-content:nth-child(3){
    background: url(https://copec.modyocdn.com/uploads/a1ba4537-12ca-4367-aa15-6d4ebd1f27ae/original/bg-panoramas-deporte.jpg) no-repeat center top;
    background-size: cover;
    background-attachment: fixed !important;
}
.context-layouts-show-panoramas #page-content .main-inner #page-content:nth-child(4){
    background: url(https://copec.modyocdn.com/uploads/41ddae83-a131-4114-b94f-ccf9e69fc87d/original/bg-panoramas-encuentro.jpg) no-repeat center top;
    background-size: cover;
    background-attachment: fixed !important;
}
.context-layouts-show-panoramas #page-content .main-inner #page-content:nth-child(5){
    background: url(https://copec.modyocdn.com/uploads/69dd5340-f86e-42c5-8547-6bf077731ad7/original/bg-panoramas-fc.jpg) no-repeat center top;
    background-size: cover;
    background-attachment: fixed !important;
}
.context-layouts-show-panoramas #page-content .main-inner #page-content {padding-bottom: 30px;}

.context-layouts-show-panoramas #content > .content-inner{padding:0}
.context-layouts-show-panoramas .widget {margin-top: 20px;}
.context-layouts-show-panoramas .widget h3 {color: #fff;font-weight: bold;}
.context-layouts-show-panoramas .widget h3 a{font-size: 15px;margin-left: 10px;color: #fff;}
.context-layouts-show-panoramas .widget h3 a:hover {text-decoration:underline}

.category-cultura{
    background: url(https://copec.modyocdn.com/uploads/a5c58547-304c-4e0d-9ff0-5e185be7b5ea/original/bg-chiletur-panoramas-cultura.jpg) no-repeat center top 60px;
    background-size: 100%;
}
.category-fiestas-costumbristas{
    background: url(https://copec.modyocdn.com/uploads/b82a84bc-ab42-4e09-9527-d5faf0923872/original/bg-chiletur-panoramas-fc.jpg) no-repeat center top 60px;
    background-size: 100%;
}
.category-musica{
    background: url(https://copec.modyocdn.com/uploads/aa77a44f-efce-4850-b38d-46fb51e1f072/original/bg-chiletur-panoramas-musica.jpg) no-repeat center top 60px;
    background-size: 100%;
}
.category-deporte{
    background: url(https://copec.modyocdn.com/uploads/c6667acd-401f-467c-82de-855ab2705955/original/bg-chiletur-panoramas-deporte.jpg) no-repeat center top 60px;
    background-size: 100%;
}
.category-encuentro{
    background: url(https://copec.modyocdn.com/uploads/a34878a5-6338-40b5-99eb-c4daf7958a03/original/bg-chiletur-panoramas-encuentro.jpg) no-repeat center top 60px;
    background-size: 100%;
}

.eventos .information-fluid{
    background:#fff;
}
.eventos .cover img{ width:100%;margin-bottom:20px;border-radius: 0;}
.eventos .information-fluid .cover{ width:40%;float:left;margin:0;}
.eventos .information-fluid .information-detail{
    width: 54%;
    float: right;
    color: #333;
    margin: 2%;
}
.eventos .data-event li i{
    color: #7db5ff;
    margin-right: 5px;
    font-size: 15px;
    width: 13px;
    display: inline-block;
    text-align: center;
}
.eventos .information-fluid .information-detail .data-event, .eventos .information-fluid .information-detail .description {margin: 0;width: 100%;margin-bottom: 20px;}

.context-event-list{
    background: url(https://copec.modyocdn.com/uploads/c6667acd-401f-467c-82de-855ab2705955/original/bg-chiletur-panoramas-deporte.jpg) no-repeat center top 60px;;
    background-size: 100%;
}
.eventos ul.list {}
.eventos ul.list li.item{
    display: inline-block;
    width: 23.5%;
    margin: 0.5% 0.5% 1% 0.5%;
    vertical-align: top;
    position: relative;
    border: none;
    padding: 0;
    border: #f1f1f1 1px solid;
}
.eventos ul.list li.item .cover{
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    position: relative;
    z-index:1;
    background:#313131;
}
.eventos ul.list li.item .cover img{
    width: 100%;
    height: auto;
    border-radius: 0;
    transition: 0.3s;
}
.eventos ul.list li.item:hover .cover img{
    opacity:0.2;
    transition: 0.3s;
}
.eventos ul.list li.item .information-detail{
    z-index: 2;
    position: relative;
    float: left;
    width: 100%;
}

.eventos ul.list li.item .cover-fecha{
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 10px 15px;
    color:#fff;
    background-color: #2d8ec8;
    text-align: center;
    z-index: 2;
}
.eventos ul.list li.item .cover-fecha b {
    font-weight: bold;
    display: block;
    font-size: 30px;
    margin-bottom: 5px;
}
.eventos ul.list li.item .cover-fecha span{
    display: block;
    font-size: 15px;
    line-height: 15px;
}
.eventos ul.list li.item .cover-description{
    z-index: 2;
    position: absolute;
    bottom: 0;
    padding: 20% 5% 5% 5%;
    width: 100%;
    overflow: hidden;
    display: block;  
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 1%, rgba(0,0,0,0.5) 20%, rgba(0,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(0,0,0,0)), color-stop(20%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 1%,rgba(0,0,0,0.5) 20%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) 1%,rgba(0,0,0,0.5) 20%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 1%,rgba(0,0,0,0.5) 20%,rgba(0,0,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 1%,rgba(0,0,0,0.5) 20%,rgba(0,0,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
.eventos ul.list li.item .cover-description h4 span{
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    display:block;    
}
.eventos ul.list li.item .cover-description a:hover{text-decoration:none}
.eventos ul.list li.item .cover-description h4{
    margin:0 !important;
    color:#fff;
}
.eventos ul.list li.item .cover-description h5{
    font-size: 12px;
    display:block;
    color:rgba(255,255,255,0.6);
}
.eventos ul.list li.item .information-detail .event-details {background-color: #fff;padding: 5%;margin: 0; width: 100%;}
.eventos ul.list li.item .information-detail .event-details i {color: #7db5ff;margin-right: 5px;font-size: 15px;width: 13px;display: inline-block;text-align: center;}
.eventos ul.list li.item .information-detail .event-details b {color:#000}
.eventos ul.list li.item .information-detail .widget-event-date {border: none;margin: 0;padding: 0;line-height: 22px;}
.eventos ul.list li.item .information-detail .event-address {border: none;margin: 0;padding: 0;line-height: 22px;}
.eventos ul.list li.item .information-detail .widget-event-date span {display: block;margin: 0;}
.eventos .view-more {position: absolute;top: 21px;right: 20px;}
.eventos .btn-primary {
    float: right;
    margin: 1% 1.5%;
}
.eventos .btn-primary a { color: #fff; }
.eventos-relacionados h3{color:#333}
.eventos-relacionados {margin-top:30px}

@media (max-width: 979px) {
    .eventos ul.list li.item {width: 48%;}
    .context-event-list, .category-cultura, .category-encuentro, .category-deporte, .category-musica, .category-fiestas-costumbristas {background-size: auto;}
.eventos .btn-primary {
        margin: 1% 2%;
    }
}
@media (max-width: 480px) {
    .eventos ul.list li.item {width: 99%;}
    .eventos .information-fluid .cover{width: 100%;}
    .eventos .information-fluid .cover{width: 100%;}
    .eventos .information-fluid .information-detail {width: 90%;margin: 1% 5% 5% 5%;}
}







/* BENEFICIOS */
/* stylesheet: global */
#wrap-header-beneficios {background: #244976;}

/*#wrap-header-beneficios div h2{
color: #fff;
font-size: 38px;
padding: 40px 0px;
margin-bottom: 0px;
font-weight: 700;
}*/

.header-beneficios{
background:
url("https://copec.modyocdn.com/uploads/c7b4a086-8478-4ce1-af5e-a0cf1e49dcff/original/02-header.jpg") no-repeat
center;
background-size: cover;
height: 300px;
}

.header-beneficios div h3{
color: #265f9c !important;
font-size: 21px !important;
font-weight: normal !important;
}

.texts-beneficios {
position: absolute;
top: 75px;
left: 2px;
width: 600px;
padding: 0px 25px;
border-radius: 8px;
}

/*#wrap-header-beneficios h2 {
font-weight:700;
color: #e20025;
}*/

#wrap-header-beneficios h1 {
font-weight:700;
color: #244976;
margin-top: 44px;
}

#wrap-beneficios{background: #fff;}

#wrap-beneficios .title-layout-beneficios h3 {
font-size: 35px;
font-weight: bold !important;
color: #234976;
margin-bottom: 1em;
border-bottom: 1px solid #E8E8E8;
margin-left: 1em;
margin-right: 1em;
padding-left:0;
}

#wrap-beneficios {background: #fff; }
#wrap-beneficios .container { padding-top: 3em ; padding-bottom: 3em; }

#wrap-beneficios div div aside ul{padding: 100px 30px;}

#wrap-beneficios div div aside ul li a{
font-size: 18px;
padding: 14px;
margin: 5px 0px;
color: #7b7a7a;
border-radius: 2px;
background: #f4f4f4;
}

#wrap-beneficios div div aside ul li a.active{
background: #4a7cb6 !important;
color: #fff !important;
}

#wrap-beneficios div div section{padding-right: 15px;}

#wrap-beneficios section .info-beneficios h3 {
font-size: 16px;
font-weight: normal !important;
color: #234976;
margin-bottom: 0px;
width: 76%;
font-weight: 600;
padding: 0;
margin: 0;
}

#wrap-beneficios .box-beneficios{
position: relative;
background: #f4f4f4;

}

#wrap-beneficios div div section div ul{ margin: 0 auto; }

#wrap-beneficios div div section div ul li{
list-style: none !important;
border-radius: 2px;
background: #f4f4f4 !important;
border: 2px solid #f2f2f2;
}

#wrap-beneficios .box-beneficios figure{margin: 10px;}

#wrap-beneficios .box-beneficios figure img{
height: 215px;
border-radius: 2px;
}
.info-beneficios {
background: #f2f2f2 !important;
padding: 10px;
position: relative;
min-height: 80px;
}

.cover-beneficios {
width: 250px;
height: 250px;
float:left;
margin-right:3em;
border: 2px solid #f2f2f2;
}

p.tb-item-description{
color: #7b7a7a !important;
font-size: 14px;
padding-bottom: 8px;
}

p.tb-item-discount {
font-size: 24px;
color: #fff;
font-weight: 700;
width: 64px;
height: 81px;
border-radius: 0;
position: absolute;
right: 0;
bottom: 0;
padding-left: 4px;
background: -moz-linear-gradient(0deg, #234976 50%, #4A7CB6 50%);
background: -webkit-gradient(linear, 0deg, color-stop(50%, 234976), color-stop(50%, 4A7CB6));
background: -webkit-linear-gradient(0deg, #234976 50%, #4A7CB6 50%);
background: -o-linear-gradient(0deg, #234976 50%, #4A7CB6 50%);
background: -ms-linear-gradient(0deg, #234976 50%, #4A7CB6 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1');
background: linear-gradient(0deg, #234976 50%, #4A7CB6 50%);
text-align: center;
padding-top: 5px;
top: 0;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
margin-bottom: 0;
}

p.tb-item-discount small {
font-size: 12px;
margin-top: -15px;
display: block;
}


.promotion-lanpass-show { width:1170px;}


#page-content .context-promotion .context-promotion-show .page-title-toolbar, .page-title-action { float:none;
margin-top:4em; }

/* RESPONSIVE BENEFICIOS */
@media screen and (max-width: 1200px){
#wrap-beneficios section .info-beneficios h3 { font-size: 13px; width: 70%; }
.context-layouts-show-pagoclick #navigation-layout .menu-tae li a {
padding: 20px 16px;
font-size: 13px;
}
.context-layouts-show-pagoclick #navigation-layout .menu-tae li {
width: auto;
white-space: unset;
}

.info-beneficios {
padding: 8px;
}

}
@media screen and (max-width: 1024px){
#wrap-header-beneficios .header-beneficios { height:260px; }
#wrap-beneficios .box-beneficios { width:30%; }
}
@media screen and (max-width: 980px){
.context-layouts-show-pagoclick #navigation-layout .menu-tae li a {
font-size: 11px;
padding: 20px 10px;
}
}
@media screen and (max-width: 768px){
#wrap-header-beneficios .header-beneficios { height:150px; }
#wrap-beneficios .box-beneficios { width:48%; }
#wrap-beneficios section .info-beneficios h3 { font-size: calc(9px + 0.9vw); width: 70%; }

}
@media screen and (max-width: 640px){
#wrap-header-beneficios .header-beneficios { height:120px; }
.info-beneficios { min-height: 85px; }
p.tb-item-discount { height: 85px; }
}
@media screen and (max-width: 480px){
#wrap-header-beneficios .header-beneficios { height: 120px; }
#wrap-beneficios ul { width:82%; margin:0 auto; display:block; }
#wrap-beneficios .box-beneficios { width: 100%; margin: 0 auto; display: block; margin-bottom: 23px; }
}


.data-event {
float:none;margin-top:3em;
}

#sos-2 .tab-content {
overflow:hidden;
background: #fff;
}
#sos-2 .nav-tabs>li {
font-size:14px;
}

/* PARCHE INTRO SITIOS INTERNOS */

#TCTintro,
#featured-renova,
#gnc-featured,
#glp-featured,
#top-moviltec { padding-top: 130px; }

#intro-bluemax,
#top-tae-correcto {
padding-top: 50px;
}


/**/
@media (max-width: 767px) {
#call-modal.call-modal {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: auto;
margin: 0;
border-radius: 0;
}
#call-modal.call-modal .modal-body {
padding: 0 5px;
height: auto;
}
#call-modal.call-modal #call-app-list {
position:static;
width: 100%;
}
#call-modal.call-modal #call-app-map {
position: static!important;
height: 300px;
}
#call-modal.call-modal #call-modal-bt {
display: inline-block;
position: absolute;
top: 70px;
right: 5px;
}

#modyo-session {
display: none !important;
}
}

@media (max-width: 400px) {
div.me-lanpass-widget{padding: 20px 10px !important;}
#lanpass-table thead tr th:nth-child(2),
#lanpass-table thead tr th:nth-child(4){display:grid;}
#lanpass-table thead tr {font-size: 13px !important;}
#lanpass-table tbody tr td:nth-child(2),
#lanpass-table tbody tr td:nth-child(4){display:grid; font-size: 12px !important;}
#lanpass-table tbody tr {font-size: 12px !important;}
.context-me .me-lanpass-new-card-widget {
background:url('https://copec.modyocdn.com/uploads/e90430fe-9a20-4f2b-bbd4-3565f77fe42b/original/fondo-nubes.jpg')
no-repeat;
}
}


#trabaja-nosotros-full .menuppal li {
float:none;
margin-bottom:10px;
}

#menu-sidebar h4 {
background: url("https://copec.modyocdn.com/uploads/782547f99253a712c208d71af4284f0e/original/linea-menu.jpg") no-repeat
bottom left;
color: #e73031;
font-family: 'Lato', sans-serif;
font-weight: bold;
height: auto;
text-transform: uppercase;
padding-bottom: 16px;
}

/*CARGA REGISTRADA IMAGEN SIDEBAR*/

.registered-fueling-form h1 {
font-weight: bolder;
font-size: 31.5px;
color: #333;
padding-bottom: 10px;
border-bottom: 3px solid #EEE;
margin: 40px;
margin-bottom: 10px;
}

.registered-fueling-form p {
font-family: inherit;
font-weight: normal;
line-height: 20px;
color: #222222;
margin: 0px 40px;
font-size: 16px;
}

.registered-fueling-form .checkbox-container {
display: flex;
float: left;
margin-left: 30px;
margin-top: 30px;
}

.registered-fueling-form input[type="radio"] {
margin: 4px;
}

.registered_fueling_comments textarea {
width: 100%;
}

.registered-fueling-form .white-box {
height: auto;
background-color: #fff;
padding: 30px 40px;
margin-bottom: 50px;
}

.registered-fueling-form {
background: url("https://copec.modyocdn.com/uploads/a6cab1ae-ecce-4483-a0e7-761472ec1725/original/bg-body.jpg");
background-size: cover;
}

.sidebar-cargaregistrada img {
display:none;
}

.span3.sidebar-cargaregistrada {
height: 701px;
margin-top: 25px;
background:
url("https://copec.modyocdn.com/uploads/e0e4b1b4-e3c5-4134-8120-68f461cb8d3e/original/Banner-Copec-V2-cambios-2.png")
no-repeat center;
position: relative;
border-radius: 5px;
background-size: cover;
}



.control-group.text.required.registered_fueling_comments.span12 {
margin-left: 0px;
}

@media (max-width: 979px) {

.span3.sidebar-cargaregistrada {
height: 530px;
}

}

@media (max-width: 768px) {

.registered-fueling-form .checkbox-container {

margin-left: 0px;
}

.span3.sidebar-cargaregistrada {
height: 200px;
background:
url("https://copec.modyocdn.com/uploads/fa5ca414-e1d1-4002-a648-a43a6a11540c/original/cargaregistrada-sidebar.png")
no-repeat center;
background-size: contain;
border-radius: 5px;
}

}

@media (max-width: 480px) {

.registered-fueling-form .checkbox-container {

width: 49%;

}

}

/*=======================
/CARGA REGISTRADA
========================*/

/*=======================
HIDE SIGNUP
========================*/

#modyo-session-header .tabs-signin #modyo-session-signup-tab a {
/*display: none; */
}
div#modyo-session-signup {
/* display: none;*/
}


.slide.slider-como-funciona {
    margin: 0;
    padding: 30px 30px;
    background: #0a91cc;
    height: auto;
    border-radius: 4px;
}

.slide.slider-como-funciona img {
    border: none;
}

.slide.slider-como-funciona img.imagen-top {
    margin: 0 auto 30px;
    padding: 0;
    background: #FCDA4F;
    width: 170px;
    height: 170px;
    display: block;
    border-radius: 100%;
    border: 4px solid #004867;
}

.slide.slider-como-funciona h2.title {
    text-align: center;
    color: #fff;
    font-size: 24px;   
    font-weight: 600;
}

.slide.slider-como-funciona h3.bajada {
    text-align: center;
    /*color: #C0E4FF;*/    
    color: #def1ff;
    font-size: 18px;
    text-transform: initial;  
    font-weight: 500;
}

.slide.slider-como-funciona ul {
    text-align: left;
    color: #def1ff;
    font-size: 14px;
}

.slide.slider-como-funciona ul li {
    clear: both;
    margin-bottom: 15px;
    list-style: none;
    line-height: 19px;
    display: block;
}

.slide.slider-como-funciona ul li .number {
    text-align: center;
    color: #000;
    font-size: 16px;
    background: #FCDA4F;
    width: 30px;
    height: 30px;
    float: left;
    margin-right: 20px;
    border-radius: 100%;
    line-height: 29px;
}


.slide.slider-como-funciona ul li span {
    width: 80%;
    /* text-indent: 170px; */
    float: left;
    /* word-wrap: normal; */
    /* height: 200px; */
    position: relative;
    top: 4px;
    font-size: 18px;
    /*background: red;*/
    /* display: inline-block; */
    text-align: left;
}

.slide.slider-como-funciona .carousel-indicators {
    position: relative;
    margin: 0 auto;
    top: initial;
    right: initial;
    display: block;
    width: 80px;
}


/* Large desktop */
@media (min-width: 1200px) { 
   .slider-como-funciona .carousel-inner .item {
        height: 580px;
    }
}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
    .slider-como-funciona .carousel-inner .item {
        height: auto;
    }
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
    .slider-como-funciona .carousel-inner .item {
        height: auto;
    }
}
 
/* Landscape phones and down */
@media (max-width: 480px) { 
    .slider-como-funciona .carousel-inner .item {
        height: auto;
    }
}

.slider-como-funciona .carousel-indicators {
    background: transparent;
}

.slider-como-funciona .carousel-control {
    background: transparent;
    font-size: 90px;
}

.slider-como-funciona .carousel-control.right {
    right: -5px;
    left: auto;
}

.slider-como-funciona .carousel-control.left {
    left: -5px;
    right: auto;
}




.me {
    background: #fff;
    padding: 15px;
/*    margin-top: -20px;*/
    margin-bottom: 20px;
}

.me-tabs .me-tabs-ul li.active a, .me-tabs-ul li.active a:hover, .me-tabs-ul li.active a:focus {
    background-color: #fff;
}

.context-me .me .me-requests-widget h3, .context-me .me .widget h3, .context-me .me .me-mobiltec-widget h3, .context-me .me .me-lanpass-widget h3 {
    font-size: 21px;
    margin-bottom: 10px;    
    color: #0077b5;
    border-bottom: 0px solid #CCC;
    margin: 0 0 .7em;
    padding: 0 0 .3em;
    line-height: 35px;
    font-weight: bold;
}

.context-me .me .me-requests-widget, .context-me .page-content-inner .me-requests-widget {
    margin-top: 0;
    background: none;
}

.context-me .me table thead th, .context-me .page-content-inner table thead th {
    background-color: #0B5E96;
    color: #FFF;
}

.context-me .me .me-requests-widget .description, .context-me .page-content-inner .me-requests-widget .description {
    font-size: 14px;
    line-height: 20px;
    color: #333;     
}

.context-me .me .well {
    box-shadow: none;
    border: none;
}

.context-me .me .me-lanpass-widget .register-description:before, .context-me .page-content-inner #profile-box .me-lanpass-widget .register-description:before {
    background: url(https://copec.modyocdn.com/uploads/cac50d3d-cb30-4668-8b6b-c80bf6eb76f6/original/latampass-card.png) no-repeat top left;
    /* padding-left: 230px; */
    /* margin-left: -230px; */
    width: 200px;
    height: 146px;
    content: '';
    position: initial;
    display: block;
    margin: 0 auto 20px;
    background-size: 100%;
}

.context-me .me .me-lanpass-widget, .context-me .page-content-inner #profile-box .me-lanpass-widget {
    background-image: none;
    padding: 0;
    background-color: #fff;
}

.context-me .me .me-lanpass-widget .lanpass-register, .context-me .page-content-inner #profile-box .me-lanpass-widget .lanpass-register {
    position: relative;
    padding: 40px;
    background: url(https://copec.modyocdn.com/uploads/cf1fc11b-7971-49ac-92f2-9e34e1122b00/original/copeclanpass-bg.jpg) no-repeat #fff center bottom;
}

.context-me .me .me-lanpass-widget .lanpass-register:before, .context-me .page-content-inner #profile-box .me-lanpass-widget .lanpass-register:before {
    position: absolute;
    background-color: transparent;
    background-color: rgba(0, 0, 0, 0.6);
    content: '';
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.context-me .me .me-lanpass-widget .title, .context-me .page-content-inner #profile-box .me-lanpass-widget .title {
    font-size: 21px;
    margin-bottom: 10px;    
    color: #0077b5;
    border-bottom: 0px solid #CCC;
    margin: 0;
    padding: 0 0 .3em;
    line-height: 35px;
    font-weight: normal;
}

.context-me .me .me-lanpass-widget .description, .context-me .page-content-inner #profile-box .me-lanpass-widget .description {
    font-size: 14px;
    line-height: 20px;
    color: #333;  
}

.context-me .me .me-lanpass-widget small.legend, .context-me .page-content-inner #profile-box .me-lanpass-widget small.legend {
    margin-top: 0;
    display: block;
    background: #fff;
    font-size: 14px;
    line-height: 20px;
    color: #333; 
    background: none;
}

.context-me .me .me-lanpass-widget small.legend br, .context-me .page-content-inner #profile-box .me-lanpass-widget small.legend br {
    display: none;
}

.context-me .me .me-lanpass-widget small.legend a, .context-me .page-content-inner #profile-box .me-lanpass-widget small.legend a{
    cursor: pointer;
}


.context-me .me .me-lanpass-widget #lanpass-kms, .context-me .page-content-inner #profile-box .me-lanpass-widget #lanpass-kms{
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
}


.context-me .me .me-lanpass-widget #lanpass-kms p, .context-me .page-content-inner #profile-box .me-lanpass-widget #lanpass-kms p {
    margin-bottom: 0;
}

.context-me .me .me-lanpass-widget .lanpass-register .register-description, .context-me .page-content-inner #profile-box .me-lanpass-widget .lanpass-register .register-description {
    text-align: center;
    z-index: 1;
}
.context-me .me .me-lanpass-widget .lanpass-register .register-action, .context-me .page-content-inner #profile-box .me-lanpass-widget .lanpass-register .register-action {
    z-index: 10;
    position: relative;
}
.context-me .me .me-lanpass-widget .lanpass-register .register-action a, .context-me .page-content-inner #profile-box .me-lanpass-widget .lanpass-register .register-action a {
    margin: 20px auto;
    display: block;
    width: 250px;
    position: initial;
}

.context-me .me .me-mobiltec-widget, .context-me .page-content-inner #profile-box .me-mobiltec-widget {
    padding: 0;
    background: none;
}

.context-me .media .pull-left a {
    border-radius: 100%;
    border: none;
    background-image: url ("https://copec.modyocdn.com/uploads/7b3e1eb7-951e-4d99-8cc9-c2986808d348/C100x100/dibujo_copec.jpg;")
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 100px;
    height: 100px;
 }

.context-me .media .pull-left a img {
    border-radius: 100%;
}

.context-me .media .media-body h2 .dropdown {
    display: none!important;
}

/* Large desktop */
/* @media (min-width: 1200px) {
}
*/
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { ... }
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { ... }
 
/* Landscape phones and down */
@media (max-width: 480px) { 

    .context-me .media .pull-left a {
        width: 50px;
        height: 50px;
    }
    
}

/*.context-me #sidebar .sidebar-inner h3 {
    display: none;
}*/

.context-me #sidebar .sidebar-inner .widget h3 {
    display: block;
}

#widget-407fc0 {
    display: none;
}

.context-me #sidebar .sidebar-inner .copec-profile {
    /*display: none;*/
    background-color: #fff;
    padding: 15px;
    margin-bottom: 20px;
}

.context-me #sidebar .sidebar-inner  .copec-profile h3 {
    background-size: 310px;
    background-repeat: no-repeat;
    background-image: url(https://copec.modyocdn.com/uploads/3638ea2c-ac17-46da-816a-5dd0ce3d3487/original/subtitle-2.jpg);
}




.context-me .me .widget.widget-me-pagoclick-cards .credit-cards .payment-method, .context-me .page-content-inner #profile-box .widget.widget-me-pagoclick-cards .credit-cards .payment-method {
    background-color: #f5f5f5;
}

.context-me .me .widget.widget-me-pagoclick-cards .credit-cards, .context-me .me .widget.widget-me-pagoclick-cards .click-cards, .context-me .page-content-inner #profile-box .widget.widget-me-pagoclick-cards .credit-cards, .context-me .me .widget.widget-me-pagoclick-cards .click-cards {
    width: 100%;
}

.context-me .me .widget.widget-me-pagoclick-phones .phones, .context-me .page-content-inner #profile-box .widget.widget-me-pagoclick-phones .phones{
    width: 100%;
}

.context-me .me .widget.widget-me-pagoclick-phones .phone, .context-me .page-content-inner #profile-box .widget.widget-me-pagoclick-phones .phone {
    background-color: #f5f5f5;
}

.context-me .me .widget.widget-me-pagoclick-cards .click-cards .payment-method, .context-me .page-content-inner #profile-box .widget.widget-me-pagoclick-cards .click-cards .payment-method {
    background-color: #f5f5f5;
}


/*arreglo para modal*/

.context-me .me .modal .payment-details__items th, .context-me .me .modal .payment-subtotal th, .context-me .me .modal .payment-total th {
    background-color: #fff;
    color: #005D99;
}

.context-me .page-content-inner #profile-box .modal .payment-details__items th, .context-me .page-content-inner #profile-box .modal .payment-subtotal th, .context-me .page-content-inner #profile-box .modal .payment-total th {
    background-color: #fff;
    color: #005D99;
}

.widget.widget-me-pagoclick-payments .payments-list .table-payments tbody .payment-total {
    color: #005D99;
}

/*img-header pago-click*/
.img-header.pago-click {
    /*height:150px;*/
    background-color:#f1f1f1;
    width: 100%;
    border: none;
    margin-bottom: 20px;
    /*background-image: url("https://copec.modyocdn.com/uploads/296debd3-1dfe-45e2-87c3-e0a42366af9a/original/img-header-pago-click.jpg");
    background-repeat: no-repeat;
    background-position: right top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-size: 100%;*/
}

.img-header.mobiltec {
    /*height:150px;*/
    background-color:#f1f1f1;
    width: 100%;
    border: none;
    margin-bottom: 20px;
    background-image: url("https://copec.modyocdn.com/uploads/fec8751b-988e-4493-850e-bbb51f09e645/original/2017_12_04-Banner-Copec-3-2.jpg");
    background-repeat: no-repeat;
    background-position: right top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.img-header.calefaccion {
    /*height:150px;*/
    background-color:#f1f1f1;
    width: 100%;
    border: none;
    margin-bottom: 20px;
    /*background-image: url("https://copec.modyocdn.com/uploads/57b19a2b-e978-43c3-a408-e951d57f2c6c/original/imgs-header-calefaccion.jpg");
    background-repeat: no-repeat;
    background-position: right top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;*/
}

.img-header.lanpass {
    /*height:150px;*/
    background-color:#f1f1f1;
    width: 100%;
    border: none;
    margin-bottom: 20px;
    /*background-image: url("https://copec.modyocdn.com/uploads/116371b5-d84b-4158-8b5b-c34e8b900e6c/original/imgs-header-lanpass.jpg");
    background-repeat: no-repeat;
    background-position: left top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;*/
}


.context-me .me .lanpass-activation, .context-me .page-content-inner #profile-box .lanpass-activation {
    margin-top: 0;
    padding: 0;
}

.context-me .me .lanpass-activation .activation-description, .context-me .page-content-inner #profile-box .lanpass-activation .activation-description {
    color:#000;
    padding: 0;
}








/*menus contents tabs pagoclick me-lanpass me-mobiltec*/
ul.menu-to-pagoclick, ul#me-lanpass, ul#me-mobiltec  {
    padding: 0;
    margin: 0 0 20px 0;
}

ul.menu-to-pagoclick li, ul#me-lanpass li, ul#me-mobiltec li {
    list-style: none;
    display: inline-block;
    border-right: 1px solid #2d8ec8;
    padding-right: 10px;
    margin-right: 10px;
}

ul.menu-to-pagoclick li:last-child, ul#me-lanpass li:last-child, ul#me-mobiltec li:last-child {
    border-right: none;
}

/* Large desktop */
@media (min-width: 1200px) { ... }
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
    ul.menu-to-pagoclick li, ul#me-lanpass li, ul#me-mobiltec li { 
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #2d8ec8;
    }
    ul.menu-to-pagoclick li a, ul#me-lanpass li a, ul#me-mobiltec li a { 
       padding: 10px 0;
       display: block;
    }
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
    ul.menu-to-pagoclick li, ul#me-lanpass li, ul#me-mobiltec li { 
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #2d8ec8;
    }
    ul.menu-to-pagoclick li a, ul#me-lanpass li a, ul#me-mobiltec li a { 
       padding: 10px 0;
       display: block;
    }
}
 
/* Landscape phones and down */
@media (max-width: 480px) { 
    ul.menu-to-pagoclick li, ul#me-lanpass li, ul#me-mobiltec li { 
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #2d8ec8;
    }
    ul.menu-to-pagoclick li a, ul#me-lanpass li a, ul#me-mobiltec li a { 
       padding: 10px 0;
       display: block;
    }
}

/*estilo para tabs v smartphone*/

/* No greater than 680px, no less than 481px */
@media (max-width:680px) and (min-width:481px) {
    ul.me-tabs-ul li {
        display: block;
        width: 100%;
        float: none;
    }
    ul.me-tabs-ul li a {
        display: block;
        padding: 15px;
    }
}

@media (max-width: 480px) {
    ul.me-tabs-ul li {
        display: block;
        width: 100%;
    }
    ul.me-tabs-ul li a {
        display: block;
        padding: 15px;
    }
}

/*me H3*/
.me h3 {
    text-align: left;
    text-transform: none;
}
, .context-me .page-content-inner #profile-box h3 {
    text-align: left;
    text-transform: none;
}


/*download-app*/

.download-app {
    display: block;
    overflow: auto;
    margin-bottom: 10px;
}
.download-app a:first-child {
    float: left;
}
.download-app a:last-child {
    float: right;
}
.download-app {
    width: 300px;
    margin-bottom: 20px;
}
.download-app a{
    width: 140px;
}

/* Large desktop */
@media (min-width: 1200px) { 
    .download-app {
        width: 300px;
        margin-bottom: 20px;
    }
    .download-app a{
        width: 140px;
    }
}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
    .download-app {
        width: 300px;
        margin-bottom: 20px;
    }
    .download-app a{
        width: 140px;
    }
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
    .download-app {
        width: 300px;
        margin-bottom: 10px;
    }
    .download-app a{
        width: 140px;
    }
    
}

@media (max-width: 480px) {
    .download-app {
        overflow: auto;
    }
    .download-app a:first-child {
        float: left;
    }
    .download-app a:last-child {
        float: right;
    }
    .download-app {
        width: 300px;
        margin-bottom: 10px;
    }
    .download-app a{
        width: 140px;
    }
}

/*css table-payments*/
.widget.widget-me-pagoclick-payments .payments-list {
    overflow-x: auto;
}
.widget.widget-me-pagoclick-payments#widget-75a5c0 .payments-list .table-payments tbody .payment-address {
    width: 86%!important;
}

.widget.widget-me-pagoclick-payments .payments-list .table-payments tbody .payment-address {
    width: 86%!important;
}

.context-me .me .me-lanpass-widget #lanpass-kms, .context-me .page-content-inner #profile-box .me-lanpass-widget #lanpass-kms {
    padding: 0px;
    margin-bottom: 20px;
    background-color: #fff;
}
#lanpass-kms .pagination {
    margin: 0 0 5px 0;
}
#lanpass-kms-filter form {
    margin: 0 0 5px;
}
.context-me .me #lanpass-table thead th, .context-me .page-content-inner #profile-box #lanpass-table thead th {
    font-size: 16px;
    font-weight: normal;
    padding: 10px 20px;
    background-color: #0B5E96;
    color: #FFF;
}
.context-me .me #lanpass-table thead, .context-me .page-content-inner #profile-box #lanpass-table thead {
    color: #FFF;
    border-bottom: 4px solid #E0E0E0;
}
.context-me .me #lanpass-table tbody td, .context-me .page-content-inner #profile-box #lanpass-table tbody td{
    padding: 16px 20px;
    vertical-align: middle;
}
.context-me .me #lanpass-table tfoot td, .context-me .page-content-inner #profile-box #lanpass-table tfoot td{
    padding: 16px 20px;
    vertical-align: middle;
}







.context-me .page-content-inner #profile-box {
    background: #fff;
    padding: 15px;
    margin-bottom: 20px;
}

/*
@media (min-width: 1200px) {
    .context-me .page-content-inner .row-fluid {
        width: 1170px!important;
    }
}

.context-me .page-content-inner .row-fluid {
    width: 940px;
}

@media (max-width: 979px) and (min-width: 768px) {
    .context-me .page-content-inner .row-fluid {
        width: 760px;
    }
}

@media (max-width: 768px) {
    .context-me .page-content-inner .row-fluid {
        padding: 0 20px;
    }
}


*/


.context-me .page-content-inner #profile-box h3 {
    font-size: 21px;
    margin-bottom: 10px;
    color: #0077b5;
    border-bottom: 0px solid #CCC;
    margin: 0 0 .7em;
    padding: 0 0 .3em;
    line-height: 35px;
    font-weight: bold;
}


.context-me .page-content-inner #profile-box .calefaccion-info .row-fluid.container {
    width: 100%!important;
}


.context-me .me table thead th, .context-me .page-content-inner table thead th {
    background-color: #0B5E96;
    color: #FFF;
}



.context-me .me .me-lanpass-widget .register-description:before, .context-me .page-content-inner #profile-box .me-lanpass-widget .register-description:before {
    height: 156px;
}

/* Large desktop */
@media (min-width: 1200px) { ... }
 
.calefaccion-info .pull-right {
    margin-bottom: 15px;
}
#calefaccion-filter form .row-fluid {
    padding: 0;
    margin-top: 0;
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    .calefaccion-info .pull-right {
        margin-bottom: 15px;
    }
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
    .calefaccion-info .pull-right {
        margin-bottom: 15px;
    }
    #widget-46ad48 .row-fluid .span6 .btn-primary {
        margin-top: -51px; 
    }
}
 
/* Landscape phones and down */
@media (max-width: 480px) { 
    .action.span4 {
        width: 100%;
    }
    .calefaccion-info .pull-right {
        width: 100%;
    }
    .calefaccion-info .pull-right a {
        width: 100%;
    }
    #widget-46ad48 .row-fluid .span6 .btn-primary {
        margin-top: -15px; 
    }
    
    .me-lanpass-widget .lanpass-register .register-action a {
        width: 100%;
    }
    .context-me .lanpass-register .register-description:before {
        background-size: 77%;
    }
    .context-me .me .me-lanpass-widget .register-description:before, .context-me .page-content-inner #profile-box .me-lanpass-widget .register-description:before {
        background-size: 76%;
        width: 100%;
        background-position: center;
        margin: 0 0 20px 0;
        display: block;
        padding: 0;
        height: 130px;
    }
    
    .context-me .me .me-lanpass-widget .lanpass-register .register-action a, .context-me .me .me-lanpass-widget .lanpass-register .register-action a {
        width: 100%;
    }

}



/* Large desktop */
@media (min-width: 1200px) { ... }
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { ... }
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { ... }
 
/* Landscape phones and down */
@media (max-width: 480px) {
    #calefaccion-filter form .row-fluid {
        padding: 0;
        margin-top: -4px;
    }
    #modo-de-uso .pasos {
        width: 100%;
        margin: 0 0 10px 0;
        height: auto;
        padding: 10px;   
    }
    #modo-de-uso .pasos ul li {
        display: inline-block;
        float: none;
        margin: 0 auto;
    }
    #modo-de-uso .pasos ul li {
        display: inline-block;
        float: left;   
    }
    #modo-de-uso .pasos ul li:last-child {
        display: none;   
    }
}

    




/*nuevos arreglos para mejorar LATAMPASS*/

.context-me .me .me-lanpass-widget .lanpass-register {
    padding: 0;
}
.context-me .me .me-lanpass-widget .register-description:before {
    width: 300px;
    margin: 0 auto;
    height: 177px;
    background-size: 100%;
    display: block;
}

.context-me #myModalBannerMundoCopecLatamPass {
    display: none;
}
.context-me .me-lanpass-widget h3 {
    display: none;
}
.context-me ul#me-lanpass {
    padding: 0;
    margin: 20px auto;
    display: block;
}
.context-me .me .me-lanpass-widget .lanpass-register {
    background: none;
}
.context-me .me .me-lanpass-widget .lanpass-register:before {
    background-color: #fff;
}

.context-me .register-action .btn {
    background-color: #0D47A1;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    padding: 14px;
    margin-top: 19px;
    margin-bottom: 20px;
    background-repeat: no-repeat;
    background-position: 274px center;
    background-image: url("https://copec.modyocdn.com/uploads/cf8ae97a-80e3-4e74-bc4e-80ee60f3f1b9/original/ic_arrow_forward_black.svg");
}

.context-me .me .me-lanpass-widget .lanpass-register .register-action a {
    width: 300px;
    box-shadow: 0 0 2px 0 rgba(0,0,0,0.12), 0 2px 2px 0 rgba(0,0,0,0.24);}
}
.me-lanpass-widget .btn-group {
    margin: 0 auto;
    display: block;
    width: 300px;
}
.me-lanpass-widget .btn-group a {

    font-size: 14px;
    text-transform: none;
    color: #fff;
    padding: 14px;
    margin-top: 19px;
    margin-bottom: 20px;
    background-repeat: no-repeat;
    background-position: 274px center;
    float: left;
    border-radius: 3px;
    text-align: center;
    box-shadow: 0 0 2px 0 rgba(0,0,0,0.12), 0 2px 2px 0 rgba(0,0,0,0.24);
    background-image: url("https://copec.modyocdn.com/uploads/cf8ae97a-80e3-4e74-bc4e-80ee60f3f1b9/original/ic_arrow_forward_black.svg");    
}

.me-lanpass-widget .btn-group {
    width: 300px;
    margin: 0 auto;
    display: block;
    overflow: hidden;
}
.me-lanpass-widget .btn-group a {
    width: 190px;
}
.me-lanpass-widget .btn-group a:hover {
    text-decoration: none;
}
.me-lanpass-widget .btn-group .third-btn {
    border: 2px solid #0D47A1;
    background-color: #fff;
    color: #0D47A1;
    margin-right: 15px;
}
.me-lanpass-widget .btn-group .sencond-btn {
    background-color: #0091EA;
    color: #fff;
    float: right;
}
.context-me .me .me-lanpass-widget .lanpass-register .register-description {
    height: 146px;
    overflow: hidden;
}
.context-me .me .me-lanpass-widget .lanpass-register {
    padding-bottom: 0;
}
.context-me #top {
    height: 125px;
    background: url(https://copec.modyocdn.com/uploads/4f53e7b7-1332-4bdd-8770-76da2b2f673b/original/me_banner_newtotemv3.jpg) no-repeat;
    background-size: cover;
    padding: 15px 0;
}
.context-me #page-content {
    clear: both;
    padding: 0;
}

    
.me-lanpass-widget .btn-group .third-btn {
    width: 140px;
}
.me-lanpass-widget .btn-group .sencond-btn {
    width: 140px;
}
.context-me .me .me-lanpass-widget .register-description img {
    display: block;
    margin: -40px auto;
    vertical-align: top;
    padding: 0;
    max-width: 300px;
    width: 100%;
    float: none;
}
.context-me .me .me-lanpass-widget .lanpass-register .register-description {
    height: 190px;
    overflow: hidden;
    margin-bottom: 20px;
    margin-top: 0px;
}

.context-me ul#me-lanpass {
    width: 560px;
}
@media (max-width: 768px) {
    .context-me ul#me-lanpass {
        width: 100%;
    }
    .context-me .me .me-lanpass-widget .register-description img {
        display: block;
        margin: -80px auto;
        vertical-align: top;
        padding: 0;
        max-width: 300px;
        width: 100%;
        float: none;
    }

    .context-me .me-tabs {
        padding: 0;
        margin: 0;
    }
    .me-tabs-ul {
        height: 52px;
        margin: 0;
        padding: 0;
        display: inline-block;
        position: relative;
        white-space: nowrap;
        overflow-y: hidden; 
        overflow-x: auto;       
        width: 100%;
    }
    ul.me-tabs-ul li {
        width: auto;
        display: inline-block;
        float: none;
    }
    .context-me .me {
        padding: 20px;
    }
    .context-me .me .me-lanpass-widget .lanpass-register {
        padding: 0;
    }
    .context-me .me .me-lanpass-widget .lanpass-register .register-action a {
        width: 100%;
    }
    .me-lanpass-widget .btn-group {
        width: 100%;
    }
    .me-lanpass-widget .btn-group a {
        width: 100%;
        margin: 0;
    }
    .me-lanpass-widget .btn-group .sencond-btn {
        float: none;
        display: block;
        overflow: hidden;
    }
    .context-me .me .me-lanpass-widget .lanpass-register .register-description {
        height: 190px;
        overflow: auto;
        margin-bottom: 20px;
        margin-top: 0px;
    }
    .me-lanpass-widget .btn-group .third-btn {
        margin-right: 0;
        margin-bottom: 15px;
    }
    .me-lanpass-widget .btn-group .second-btn {
        background-image: none;
    }
    .context-me .register-action .btn {
        background-position: 97% center;
    }

    .context-me .me .me-lanpass-widget .register-description:before {
        width: auto;
        height: auto;
        margin: 0;
        background-size: 90%;
        background-position: top center;

    }
    .me-lanpass-widget .btn-group .sencond-btn {
        background-image: none;
    }
    .context-me #top {
        padding: 15px 0 0 0;
    }
    #regis {
        margin-left: 0px;
    }
    .context-me #top .container:first-child {
        display: none;
    }
    div.me-lanpass-widget {
        padding: 0!important;
    }
    .context-me #top {
        padding: 0;
        margin: 0 10px -3px 10px;
        background: transparent;
        height: auto;
    }
    
    .me-lanpass-widget .btn-group .third-btn {
        width: 100%;
    }
    .me-lanpass-widget .btn-group .sencond-btn {
        width: 100%;
    }
    ul.me-tabs-ul li a {
        padding: 15px 40px;
    }
}


.context-me #page-content .container #main {
    padding: 0 0px;
}

.me-tabs .me-tabs-ul li.active a, .me-tabs-ul li.active a:hover, .me-tabs-ul li.active a:focus {
    background-color: transparent;
    border-bottom: 4px solid #2962FF;
    color: #2962FF;
    text-decoration: none;
}
.me-tabs-ul li a {
    padding: 15px 25px;
    color: #333;
    font-size: 16px;
    background: transparent;
    border-radius: 0;
}
ul.me-tabs-ul li a {
    display: block;
    padding: 15px 10px;
}

.context-me .me .me-lanpass-widget .register-description:before {
    display: none;
}
.context-me .me .me-lanpass-widget .lanpass-register .register-description {
    overflow: inherit;
    position: position;
}
.context-me .me .me-lanpass-widget .register-description img {
    position: absolute;
    display: block;
    margin: 0 auto;
    vertical-align: top;
    padding: 0;
    max-width: 300px;
    width: 100%;
    float: none;
    top: 0;
    left: 0;
    right: 0;
}

.me-lanpass-widget .btn-group a {
    height: 50px;
    margin-top: 0;
}



@media (max-width: 320px) {
    .context-me .me .me-lanpass-widget .lanpass-register .register-description {
        height: 164px; 
    }
}


.me-tabs .me-tabs-ul li.active a, .me-tabs-ul li.active a:hover, .me-tabs-ul li.active a:focus {
    background-color: #fff;
    border-bottom: 4px solid #2962FF;
    color: #2962FF;
}

ul.me-tabs-ul li a {
    display: block;
    padding: 15px 40px;
    background: #bcc1ca;
    color: #fff;
}


.context-me-you .lanpass-info .title {
    color: #333;
    font-size: 18px;
}





.context-me .page-content-inner #profile-box .me-lanpass-widget .lanpass-register {
    background: none;
}
.context-me .me .me-lanpass-widget .lanpass-register:before, .context-me .page-content-inner #profile-box .me-lanpass-widget .lanpass-register:before {
    background: #fff;
}
.context-me .me .me-lanpass-widget .register-description:before, .context-me .page-content-inner #profile-box .me-lanpass-widget .register-description:before {
    background: none; 
    display: none;
}
.context-me .page-content-inner #profile-box .me-lanpass-widget .lanpass-register .register-description {
    font-size: 0;
}







/* Large desktop */
@media (min-width: 1200px) { ... }
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { ... }
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { ... }
 
/* Landscape phones and down */
@media (max-width: 480px) { 

    #copec-lanpass-tabs li {
        width: 100%;
    }
}


/* Large desktop */
@media (min-width: 1200px) { ... }
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
    footer {
        text-align: center;   
    }
    footer .row-fluid {
        width: 100%;
    }
    footer .row-fluid .span8 {
        width: 100%;
    }
    footer .row-fluid .span4 {
        width: 100%;
    }
    footer .row-fluid .span4 .social-networks {
        width: 248px;
        margin: 20px auto;
        display: block;
        float: none;
        overflow: hidden;
    }
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
    footer {
        text-align: center;   
    }
    footer .row-fluid {
        width: 100%;
    }
    footer .row-fluid .span8 {
        width: 100%;
    }
    footer .row-fluid .span4 {
        width: 100%;
    }
    footer .row-fluid .span4 .social-networks {
        width: 248px;
        margin: 20px auto;
        display: block;
        float: none;
        overflow: hidden;
    } 
}
 
/* Landscape phones and down */
@media (max-width: 480px) { 
    footer {
        text-align: center;   
    }
    footer .row-fluid {
        width: 100%;
    }
    footer .row-fluid .span8 {
        width: 100%;
    }
    footer .row-fluid .span4 {
        width: 100%;
    }
    footer .row-fluid .span4 .social-networks {
        width: 248px;
        margin: 20px auto;
        display: block;
        float: none;
        overflow: hidden;
    }
}




/*


.context-me .alert {
    max-width: none;
    margin: initial;
    font-size: initial;
    color: initial;
    border-radius: initial;
    border: initial;
    background: initial;
    background-position: initial;
    padding: initial;
    padding-left: initial;
}



.context-me .alert {
    padding: 20px;
    border: none;
    border-radius:none;
    text-align: center;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #FFEB3B;
    z-index: 1;
}
.context-me .alert button.close {
    color: #000;
    text-shadow: none;
    opacity: 0.9;
}




.context-me .alert.alert-error {
    background-color: #F44336;
    color: #fff;
}
.context-me .alert.alert-error button.close{
    color: #fff;
    text-shadow: none;
    opacity: 0.9;
}



.context-me .alert.alert-success {
    background-color: #009688;
    color: #fff;
}
.context-me .alert.alert-success button.close{
    color: #fff;
    text-shadow: none;
    opacity: 0.9;
}




.context-me .alert.alert-info {
    background-color: #03A9F4;
    color: #fff;
}
.context-me .alert.alert-info button.close{
    color: #fff;
    text-shadow: none;
    opacity: 0.9;
}





*/
#flash-messages .flash-message.alert.alert-error
{
    overflow: hidden;
    position: fixed;
    width: 100%;
    max-width: 800px;
    bottom: 0;
    border-radius: 0;
    left: 0;
    right: 0;
}
@media (max-width: 767px) {
#flash-messages .flash-message.alert.alert-error
{
    width: 100%;
    max-width: 100%;
}
}

/*=================
PATCH ALERT
=================*/
/*position: absolute */
div#flash-messages {
position: fixed;
right: 0;
z-index: 9999999999;
width: 100%;
}
div#flash-messages .flash-message.alert {
max-width: 800px;
margin: 0 auto;
font-size: 18px;
padding: 25px 25px 30px 25px;
opacity: 0.96;
}
div#flash-messages .flash-message.alert .close {
right: -10px;
top: -18px;
}
div#flash-messages .flash-message.alert .message:before {
font-size: 40px;
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
padding: 0 20px 0 0;
}
div#flash-messages .flash-message.alert .message:before {
content: '\F071';
}
div#flash-messages .flash-message.alert.alert-error .message:before {
content: '\F057';
}
div#flash-messages .flash-message.alert.alert-success .message:before {
content: '\F058';
}

/*=======================
/LANDING PAGE CAMPAÑA CHILETURISTA
========================*/
/*layout*/

body.context-layouts-show-chileturistas .wrapper-chiletur, body.context-layouts-show-chileturistas #wrapper-chiletur, body.context-layouts-show-chileturistas #menu-chiletur, body.context-layouts-show-chileturistas footer {
    display: none;
}

/*end layout*/


body.context-layouts-show-chileturistas {
    font-size: 16px;
    margin-top: 0;
}

.context-layouts-show-chileturistas .section {
    padding: 110px 0;
}

.context-layouts-show-chileturistas .section h2, .context-layouts-show-chileturistas .section h3 {
    text-align: center;
    margin-bottom: 0px;
}


/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .context-layouts-show-chileturistas .section h2, .context-layouts-show-chileturistas .section h3, .footer-chileturistas p {
        padding-left: 20px;
        padding-right: 20px;
        
    }
}


.context-layouts-show-chileturistas .section h3 {
    text-transform: initial;
}

.context-layouts-show-chileturistas .widget.widget-text h2 {
    font-weight: 900;
}








/*menuChileturista*/
.context-layouts-show-chileturistas #menuChileturista {
    top: 15px;
    right: 15px;
    left: 15px;
    border-radius: 5px;
    background-color: transparent;
}

.context-layouts-show-chileturistas #menuChileturista li a {
    color: #fff;
}

.context-layouts-show-chileturistas #menuChileturista.navbar-fixed-top.scrolling .navbar-inner li a {
    color: #000;
}

.context-layouts-show-chileturistas #menuChileturista.navbar-fixed-top .normal {
    display: none;
}

.context-layouts-show-chileturistas #menuChileturista.navbar-fixed-top.scrolling .normal {
    display: block;
}

.context-layouts-show-chileturistas #menuChileturista.navbar-fixed-top .white {
    display: block;
}

.context-layouts-show-chileturistas #menuChileturista.navbar-fixed-top.scrolling .white {
    display: none;
}

.context-layouts-show-chileturistas #menuChileturista.navbar .nav>li:last-child {
    border: none;
}

.context-layouts-show-chileturistas #menuChileturista.navbar-fixed-top .navbar-inner {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.context-layouts-show-chileturistas #menuChileturista.scrolling {
    background-color: #fff;
}

.context-layouts-show-chileturistas #menuChileturista.navbar-fixed-top.scrolling {
    -webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 10px rgba(0,0,0,0.1);
    box-shadow: 0 1px 10px rgba(0,0,0,0.1);
}   

.navbar .brand {
    padding: 16px 10px 10px;
    margin-left: 0;
}

.context-layouts-show-chileturistas #menuChileturista .brand img {
    width: 137px;
}

.context-layouts-show-chileturistas #menuChileturista.navbar .nav>li {
    padding: 0;
}

.context-layouts-show-chileturistas #menuChileturista.navbar .nav>li a {
    padding: 17px 20px;
    margin: 0;
    border-bottom: none;
}

.context-layouts-show-chileturistas #menuChileturista.navbar .tickets {
    background:#EB5E50;
    color: #fff;
    text-tranform: initial;
    border-right: none;
    float: right;
    padding: 20px 20px;
}

.context-layouts-show-chileturistas #menuChileturista.navbar .tickets img {
    margin-right: 10px;
}

.context-layouts-show-chileturistas #menuChileturista.navbar .container{
    padding-right: 0;
}

/* Large desktop */
@media (min-width: 1200px) {
    
    .context-layouts-show-chileturistas #menuChileturista-mobile {
        display: none;
    }
}



/*ocultando elemenos que no sirven en esta vista*/
.context-layouts-show-chileturistas #sidr, .context-layouts-show-chileturistas #registro, .context-layouts-show-chileturistas header, .context-layouts-show-chileturistas #responsive-menu-chiletur, .context-layouts-show-chileturistas .wrapper-chiletur , .context-layouts-show-chileturistas #menu-chiletur {
    display: none;
}



/* Portrait tablet to landscape and desktop */
@media (min-width: 979px) and (max-width: 980px) {
    .context-layouts-show-chileturistas #menuChileturista {
        display: none;
    }
    .context-layouts-show-chileturistas #menuChileturista-mobile {
        display: none;
    }
}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 979px) and (max-width: 1200px) {
    .context-layouts-show-chileturistas #menuChileturista-mobile {
        display: none;
    }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    
    .context-layouts-show-chileturistas #menuChileturista {
        display: none;
    }
    .context-layouts-show-chileturistas #menuChileturista-mobile {
        z-index: 100;
        position: fixed;
        display: block;
        top: 0;
        left: 0;
        right: 0;
    }
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    
    .context-layouts-show-chileturistas #menuChileturista {
        display: none;
    }
    .context-layouts-show-chileturistas #menuChileturista-mobile {
        z-index: 100;
        position: fixed;
        display: block;
        top: 0;
        left: 0;
        right: 0;
    }
    
}
 
/* Landscape phones and down */
@media (max-width: 480px) {
    
    .context-layouts-show-chileturistas #menuChileturista {
        display: none;
    }
    
    
}



.context-layouts-show-chileturistas #menuChileturista-mobile nav {
  height: 40px;
  width: 100%;
  background-color: #333;
  color: #eee;
}
.context-layouts-show-chileturistas #menuChileturista-mobile nav ul {
  padding: 0;
  margin: 0;
}
.context-layouts-show-chileturistas #menuChileturista-mobile nav li {
  display: inline;
  float: left;
}
.context-layouts-show-chileturistas #menuChileturista-mobile nav a {
  display: inline-block;
  width: 100px;
  text-align: center;
  text-decoration: none;
  padding: 10px 0;
  color: #eee;
  text-decoration: none;
}
.context-layouts-show-chileturistas #menuChileturista-mobile nav li:hover {
  background-color: #444;
}
.context-layouts-show-chileturistas #menuChileturista-mobile nav a#openup {
  display: none;
}

@media screen and (max-width: 979px) {
  .context-layouts-show-chileturistas #menuChileturista-mobile h1 {
    font-size: 2.8em;
  }

.context-layouts-show-chileturistas #menuChileturista-mobile  nav {
    height: auto;
    border-bottom: 0;
  }
  .context-layouts-show-chileturistas #menuChileturista-mobile nav ul {
    display: none;
    height: auto;
  }
.context-layouts-show-chileturistas #menuChileturista-mobile nav li {
    width: 100%;
    float: left;
    position: relative;
  }
  .context-layouts-show-chileturistas #menuChileturista-mobile nav a {
    text-align: left;
    width: 100%;
    text-indent: 25px;
    background: #333;
    border-bottom: 1px solid #555;
  }
  .context-layouts-show-chileturistas #menuChileturista-mobile nav a:hover {
    background: #444;
  }
  .context-layouts-show-chileturistas #menuChileturista-mobile nav a#openup:after {
    content: "|||";
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    /* IE 9 */
    -webkit-transform: rotate(-90deg);
    /* Safari and Chrome */
    width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
    right: 5px;
    top: 20px;
  }
  .context-layouts-show-chileturistas #menuChileturista-mobile nav a#openup {
    display: block;
    background-color: #333;
    width: 100%;
    position: relative;
  }
}
.context-layouts-show-chileturistas #menuChileturista-mobile .cf:before, .context-layouts-show-chileturistas #menuChileturista-mobile .cf:after {
  content: "";
  display: table;
}

.context-layouts-show-chileturistas #menuChileturista-mobile .cf:after {
  clear: both;
}

.context-layouts-show-chileturistas #menuChileturista-mobile .cf {
  zoom: 1;
}

/* For IE 6/7 (trigger hasLayout) */

.context-layouts-show-chileturistas #menuChileturista-mobile .cf #openup img {
    width: 100px;
    margin: 0 15px 0 15px;
    display: block;
    float: left;
}

@media screen and (max-width: 979px) {
    .context-layouts-show-chileturistas #menuChileturista-mobile .cf #openup img.normal {
        display: none;
    }  
    .context-layouts-show-chileturistas #menuChileturista-mobile nav, .context-layouts-show-chileturistas #menuChileturista-mobile .cf #openup, .context-layouts-show-chileturistas #menuChileturista-mobile nav a {
        background-color: transparent;
        background: transparent;
        border-bottom: none;
        overflow: hidden;
    }  
    .context-layouts-show-chileturistas #menuChileturista-mobile.scrolling .cf #openup {        
        background-color: #fff;
        background: #fff;
        border-bottom: none;
        overflow: hidden;
        
    }     
    .context-layouts-show-chileturistas #menuChileturista-mobile.scrolling .cf #openup img.white {
        display: none;
    }   
    .context-layouts-show-chileturistas #menuChileturista-mobile.scrolling .cf #openup img.normal {
        display: block;
    } 
        

}

.context-layouts-show-chileturistas #menuChileturista-mobile.scrolling .cf {
    background-color: #fff;
}
.context-layouts-show-chileturistas #menuChileturista-mobile.scrolling .cf li a {
    color: #000;
}

.context-layouts-show-chileturistas #menuChileturista-mobile.scrolling .cf li a:hover {
    background-color: #EB5E50;
    color: #fff;
    border-none;
}
.context-layouts-show-chileturistas #menuChileturista-mobile.scrolling .cf li:hover {
    background-color: transparent;
}

.context-layouts-show-chileturistas #menuChileturista-mobile.scrolling nav a#openup:after {
    color: #EB5E50;
    top: 32px;
}

.context-layouts-show-chileturistas #menuChileturista-mobile.scrolling nav a#openup:after:hover {
    color: #EB5E50;
    background-color: #fff;
}
.context-layouts-show-chileturistas #menuChileturista-mobile nav a#openup:after {
    color: #fff;
    top: 32px;
}

.context-layouts-show-chileturistas #menuChileturista-mobile nav a#openup:after:hover {
    color: #EB5E50;
    background-color: #fff;
}

.context-layouts-show-chileturistas #menuChileturista-mobile {
  background-color: transparent;
  background-color: rgba(0, 0, 0, 0.8);
}

.context-layouts-show-chileturistas #menuChileturista-mobile .tickets {
    background:#EB5E50;
    color: #fff;
    text-tranform: initial;
    border-right: none;
    float: right;
    padding: 20px 20px;
}

.context-layouts-show-chileturistas #menuChileturista-mobile .cf #openup .tickets img {
    margin-right: 10px;
    margin-left: 0;
    width: 20px;
    display: inline-block;
}

.context-layouts-show-chileturistas #menuChileturista-mobile .cf #openup .tickets {
    background: #EB5E50;
    float: left;
    padding: 10px 10px;
    border-radius: 6px;
    width: auto;
}

.context-layouts-show-chileturistas #menuChileturista-mobile .cf #openup .tickets .title {
    float: left;
}

.context-layouts-show-chileturistas #menuChileturista-mobile .cf #openup .tickets .quantity {
    float: left;
    text-indent: initial;
}


@media (min-width: 1200px) { ... }
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 980px) and (max-width: 1199px) {
    .context-layouts-show-chileturistas #menuChileturista.navbar .nav>li a {
        padding: 17px 14px;
    }
}









/*inicio*/
.context-layouts-show-chileturistas #inicio {
    background-color: #000;
    padding: 250px 0;
    background-image: url("https://copec.modyocdn.com/uploads/54bcbf80-657b-4d4f-98cc-ad524a9fa1df/original/bg-inicio.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center bottom;
    
    
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;

  
}

.context-layouts-show-chileturistas #inicio:before {
    content: "";
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute;
}




.context-layouts-show-chileturistas #inicio .tarjeta {
    width: 200px;
    position: relative;
    margin: 0 auto;
    display: block;
} 


/* Large desktop */
@media (min-width: 1200px) {

    .context-layouts-show-chileturistas #inicio .tarjeta {
        width: 200px;
        position: relative;
        margin: 0 auto;
        display: block;
    } 

}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { ... }
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { ... }
 
/* Landscape phones and down */
@media (max-width: 480px) { ... }







.context-layouts-show-chileturistas #inicio .logo {
    margin: 0 auto 40px;
    display: block;
}

.context-layouts-show-chileturistas #inicio h2, #inicio h3 {
    color: #fff;
    font-weight: 400;
}

.context-layouts-show-chileturistas #inicio h2 {
    margin-bottom: 0;
}


.context-layouts-show-chileturistas #inicio h3 {
    margin-bottom: 20px;
}


.context-layouts-show-chileturistas #inicio .btns {
    margin: 0 auto;
    display: block;
    width: 350px;
}

.context-layouts-show-chileturistas #inicio .btns a.btn {
    background: #EB5E50;
    margin-right: 15px;
    display: block;
    width: 167px;
    float: left;
    color: #fff;
    font-size: 16px;
    padding: 15px;
    border-radius: 26px;
}

.context-layouts-show-chileturistas #inicio .btns a.btn:hover {
    background: #c7473a;
}

.context-layouts-show-chileturistas #inicio .btns a.btn:last-child {
    float: right; 
    margin-right: 0;
}   

/* Large desktop */
@media (min-width: 1200px) { ... }
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { ... }
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

    .context-layouts-show-chileturistas #inicio .btns {
        margin: 0 auto;
        display: block;
        width: 80%;
    }

    
}
 
/* Landscape phones and down */
@media (max-width: 480px) { 
    /*.context-layouts-show-chileturistas #inicio {
        padding: 50px 0;
    }*/
    .context-layouts-show-chileturistas #inicio {
        padding: 90px 0px 10px 0px;
    }
    .context-layouts-show-chileturistas #inicio .logo {
        margin: 0 auto 40px;
        display: block;
        width: 250px;
    }
    
    .context-layouts-show-chileturistas #inicio .btns a.btn {
        margin: 0 auto 10px;
        display: block;
        width: 100%;
        clear: both;
    }

}













/*como-funciona*/
.context-layouts-show-chileturistas #how-work {
    background-color: #000;
    padding: 180px 0;
    background-image: url("https://copec.modyocdn.com/uploads/abf5ec21-4e50-4fd8-85cd-1ca05016d488/original/cielo-est-serv.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center bottom;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
    
}

.context-layouts-show-chileturistas #how-work:before {
    content: "";
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute;
}

.context-layouts-show-chileturistas #how-work h2, #how-work h3 {
    color: #fff;
    font-weight: 400;
}

.context-layouts-show-chileturistas #how-work .content {
    margin-top: 40px;    
    margin-bottom: 40px;
    width: 100%;
    float: none;    
    overflow: hidden;
}

.context-layouts-show-chileturistas #how-work .explanation img {
    border-radius: 100%;
    /*padding: 25px;
    height: 200px;
    width: 200px;*/
    margin: 0 auto;
    display: block;
}

.context-layouts-show-chileturistas #how-work .explanation img.one {
    background: #000;
}

.context-layouts-show-chileturistas #how-work .explanation img.two {
    background: #000;
}

.context-layouts-show-chileturistas #how-work .explanation img.three {
    background: #000;
}

.context-layouts-show-chileturistas #how-work .explanation img.four {
    background: #000;
}

.context-layouts-show-chileturistas #how-work .explanation p {
    text-align: center;
    margin: 15px 0;
    font-size: 16px;
    color: #fff;
}











/*awards*/
.context-layouts-show-chileturistas #awards {
    background-color: #000;
    background-image: url("https://copec.modyocdn.com/uploads/7c565a83-220b-4636-add5-5789e9f20755/original/bg-awards.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    
    
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
}



.context-layouts-show-chileturistas #awards:before {
    content: "";
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute;
}


.context-layouts-show-chileturistas #awards h2, .context-layouts-show-chileturistas #awards h3 {
    color: #fff;
    font-weight: 400;
}

.context-layouts-show-chileturistas #awards .award {
    text-align: center;
    color: #fff;
}

.context-layouts-show-chileturistas #awards .award {
  position: relative;
  /*width: 50%;*/
  background: #000;
  margin: 40px 0;
}


.context-layouts-show-chileturistas #awards .award:nth-child(1) {
    background-image: url("https://copec.modyocdn.com/uploads/558a8032-a7c1-463a-93e6-7b229f6c1369/original/bg-awards1.png");
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.context-layouts-show-chileturistas #awards .award:nth-child(2) {
    background-image: url("https://copec.modyocdn.com/uploads/684d747a-c83d-42aa-8375-0ba88bfc44f1/original/bg-awards2.png");
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  
}


.context-layouts-show-chileturistas #awards .award:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.context-layouts-show-chileturistas #awards .award .content {
    margin: auto;
    position: absolute;
    width: 100%;
    height: 187px;
    top: 0;
    bottom: 0;
}

/* Large desktop */
@media (min-width: 1200px) { ... }
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { ... }
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { ... }
 
/* Landscape phones and down */
@media (max-width: 480px) {
    .context-layouts-show-chileturistas #awards .award:first-child .content {
        height: 288px;
    }
}


.context-layouts-show-chileturistas #awards .award .content div:nth-child(1) {
    font-size: 32px;
    line-height: 40px;
}

.context-layouts-show-chileturistas #awards .award .content div:nth-child(2) {
    font-size: 68px;
    font-weight: 900;
    line-height: 61px;
    margin: 20px 0;
}

.context-layouts-show-chileturistas #awards .award .content div:nth-child(3) {
    font-size: 38.5px;
    line-height: 40px;
}

.context-layouts-show-chileturistas #awards .award .content ul {
    margin-top: 20px;
}

.context-layouts-show-chileturistas #awards .award .content ul li{
    color: #fff;
    list-style: none;
}



/* Large desktop */
@media (min-width: 1200px) {
    
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    
    .context-layouts-show-chileturistas #awards .award .content div:nth-child(2) {
        font-size: 55px;
        margin: 0;
    }
    
    .context-layouts-show-chileturistas #awards .award .content div:nth-child(3) {
        font-size: 35.5px;
        line-height: 40px;
    }


}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .context-layouts-show-chileturistas #awards .award .content div:nth-child(2) {
        font-size: 65px;
        margin: 10px 0;
    }
    
}
 
/* Landscape phones and down */
@media (max-width: 480px) {
    .context-layouts-show-chileturistas #awards .award .content div:nth-child(2) {
        font-size: 45px;
        margin: 0;
    }
}










/*tickets*/
.context-layouts-show-chileturistas #tickets {
    background-color: #000;
    background-image: url("https://copec.modyocdn.com/uploads/43ecf1ea-e29e-4c54-95c3-c04ff4f4ec68/original/bg-tickets.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    
    
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
}



.context-layouts-show-chileturistas #tickets:before {
    content: "";
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute;
}

.context-layouts-show-chileturistas #tickets h2, #tickets h3 {
    color: #fff;
    font-weight: 400;
}

.context-layouts-show-chileturistas #tickets p {
    text-align: center;
    color: #fff;
}

.context-layouts-show-chileturistas #tickets .accordion {
    margin-top: 40px;
}

.context-layouts-show-chileturistas #tickets .accordion-heading a {
    color: #EB5E50;
    font-size: 16px;
}

.context-layouts-show-chileturistas #tickets .accordion-heading .accordion-toggle {
    padding: 15px 15px;
    color: #fff;
}

.context-layouts-show-chileturistas #tickets .accordion-heading {
    border-top: 2px;
    background-image: url(https://copec.modyocdn.com/uploads/dd34f642-906a-4818-b669-06f2aa56efaf/original/Triangle_2.png);
    background-position: right 20px;
    background-repeat: no-repeat;
    background-size: 20px;
    #background-color: rgba(235, 94, 80, 0.0);
    background-color: rgba(72, 69, 69, 0.2);
}

.context-layouts-show-chileturistas #tickets .accordion-inner {
    padding: 20px 15px;
    border-top: 1px solid #EB5E50;
    /*background-color: #EB5E50;*/
    #background-color: rgba(235, 94, 80, 0.5);
    background-color: rgba(235, 94, 80, 0.4);
    color: #fff;
    font-size: 16px;
}


.context-layouts-show-chileturistas #tickets .accordion-inner .tickets {
    clear: both;
    display: block;
}

.context-layouts-show-chileturistas #tickets .accordion-inner .tickets img {
    margin-right: 10px;
}
.context-layouts-show-chileturistas #tickets .accordion-inner .tickets .puntos {
    color: #f9c7c2;
}




/*.context-layouts-show-chileturistas #tickets .accordion-heading {
    position: relative;
}

.context-layouts-show-chileturistas #tickets .accordion-heading:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #EB5E50;
    position: absolute;
    top: 24px;
    right: 14px;
}*/






/*ranking*/
.context-layouts-show-chileturistas #ranking {
    background-color: #000;
    /*padding: 310px 0;*/
    padding: 180px 0;
    background-image: url("https://copec.modyocdn.com/uploads/abf5ec21-4e50-4fd8-85cd-1ca05016d488/original/cielo-est-serv.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center bottom;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
    
}

.context-layouts-show-chileturistas #ranking:before {
    content: "";
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute;
}
.context-layouts-show-chileturistas #ranking h2, .context-layouts-show-chileturistas #ranking h3 {
    color: #fff;
    font-weight: 400;
}

.context-layouts-show-chileturistas #ranking .top {
    margin: 40px 0 0 0;
    overflow: hidden;
}

.context-layouts-show-chileturistas #ranking .competitor {
    text-align: center;
    color: #fff;
}

.context-layouts-show-chileturistas #ranking .competitor img.avatar {
    border-radius: 100%;
    width: 190px;
    background-image: url(https://copec.modyocdn.com/uploads/aac79254-d3f1-45c0-8eff-24635f1c3c8a/original/avatar.png);
    background-position: center;
    background-repeat: none;
    height: 190px;
    background-size: 100%;
    border: 6px solid #fff;
}

.context-layouts-show-chileturistas #ranking .competitor .name {
    margin: 20px 0 15px 0;
    font-weight: bold;
}

.context-layouts-show-chileturistas #ranking table.table {
    margin-top: 40px;
    border-radius: 4px;
}

.context-layouts-show-chileturistas #ranking .table thead tr th {
    background-color: #D34537;
    color: #fff;
}

.context-layouts-show-chileturistas #ranking .table tbody tr:nth-child(1) td, .context-layouts-show-chileturistas #ranking .table tbody tr:nth-child(2) td {
    background-color: #EB5E50;
    color: #fff;
}



.context-layouts-show-chileturistas #ranking .table tbody tr td {
    background-color: #013388;
    color: #fff;
}

.context-layouts-show-chileturistas #ranking p {
    text-align: center;
    color: #fff;
}

.context-layouts-show-chileturistas #ranking .top .competitor:first-child img.avatar, .context-layouts-show-chileturistas #ranking .top .competitor:last-child img.avatar {
    width: 100px;
    height: 100px;
    margin-top: 50px;
    border: 4px solid #c1c1c1;
}

/* Large desktop */
@media (min-width: 1200px) {
    
}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

    .context-layouts-show-chileturistas #ranking .top .span4  {
        width: 33.3%;
        float: left;
    }
    
    .context-layouts-show-chileturistas #ranking .competitor img.avatar {
        width: 90px;
        height: 90px;
    }

    .context-layouts-show-chileturistas #ranking .top .competitor:first-child img.avatar, .context-layouts-show-chileturistas #ranking .top .competitor:last-child img.avatar {
        width: 80px;
        height: 80px;
        margin-top: 20px;
        border: 2px solid #fff;
    }
    
}
 
/* Landscape phones and down */
@media (max-width: 480px) {   
    
}








/*finalist*/
.context-layouts-show-chileturistas #finalist {
    background-color: #000;
    background-image: url("https://copec.modyocdn.com/uploads/fe5c76a6-abfb-4f3e-9bd7-6002e89ec401/original/bg-finalist.jpg");
    
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: right center;
    
    
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
}



.context-layouts-show-chileturistas #finalist:before {
    content: "";
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute;
}


.context-layouts-show-chileturistas #finalist h2, .context-layouts-show-chileturistas #finalist h3 {
    color: #fff;
    font-weight: 400;
}

.context-layouts-show-chileturistas #finalist  .content .winners {
    overflow: hidden;
    margin: 0 0 40px 0;
    color: #fff;
}
.context-layouts-show-chileturistas #finalist .content {
    margin: 40px 0;
    width: 100%;
}

.context-layouts-show-chileturistas #finalist .winner img {
    float: left;
    width: 50px;
    margin-right: 15px;
    border-radius: 50%;
}

.context-layouts-show-chileturistas #finalist .winner .month {
    font-weight: bold;
    color: #fff;
}


.context-layouts-show-chileturistas #finalist .winner .name {
    /*font-weight: bold;*/
    color: #fff;
}

#finalist p {
    color: #fff;
    text-align: center;
}

/* Large desktop */
@media (min-width: 1200px) {
    
}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

    .context-layouts-show-chileturistas #finalist  .content .winners {
        margin-bottom: 0;
    }
    .context-layouts-show-chileturistas #finalist .span4.winner {
        overflow: hidden;
        clear: both;
        width: 100%;
        margin-bottom: 10px;
    }
    
}
 
/* Landscape phones and down */
@media (max-width: 480px) {   


    
}










/*bases-legales*/
.context-layouts-show-chileturistas #bases-legales {
    background-color: #000;
    background-image:url("https://copec.modyocdn.com/uploads/d442514c-db35-4fde-a65b-55628bb2101e/original/bg-bases-legales.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;

    background-position: center top;
    
    
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
}



.context-layouts-show-chileturistas #bases-legales:before {
    content: "";
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute;
}

.context-layouts-show-chileturistas #bases-legales h2, #bases-legales h3 {
    color: #fff;
    font-weight: 400;
}

.context-layouts-show-chileturistas #bases-legales a.btn.pdf {
    color: #fff;
    background: red;
    width: 180px;
    margin: 40px auto;
    display: block;
    text-transform: uppercase;
    border-radius: 26px;
}

.context-layouts-show-chileturistas #bases-legales a.btn.pdf:hover {
    background: #da0101;
}

.context-layouts-show-chileturistas #bases-legales a.btn.pdf img {
    margin-left: 15px;
    width: 30px;
}

.context-layouts-show-chileturistas #bases-legales a.btn.pdf span {
    position: relative;
    top: 2px;
}

/*footer dentro de bases legales*/
.context-layouts-show-chileturistas .footer-chileturistas img.logo {
    width: 150px;
    margin: 20px auto 40px;
    display: block;
}

.context-layouts-show-chileturistas .footer-chileturistas ul.social {
    width: 300px;
    margin: 40px auto 40px;
    display: block;
}

.context-layouts-show-chileturistas .footer-chileturistas ul.social li {
    width: 50px;
    display: inline-block;
    margin-right: 20px;
}
.context-layouts-show-chileturistas .footer-chileturistas ul.social li:last-child {
    margin-right: 0;
}

.context-layouts-show-chileturistas .footer-chileturistas ul.social li a {
    
}

.context-layouts-show-chileturistas .footer-chileturistas {
    color: #fff;
    text-align: center;
    margin-top: 200px;
}

.context-layouts-show-chileturistas .footer-chileturistas p {
    color: #fff;
    text-align: center;
}

.context-layouts-show-chileturistas .footer-chileturistas a {
    color: #fff;
    text-align: center;
}











.context-layouts-show-chileturistas .section h2, .section h3, .context-layouts-show-chileturistas #bases-legales a.btn.pdf, .context-layouts-show-chileturistas #bases-legales a.btn.pdf, .context-layouts-show-chileturistas #bases-legales a.btn.pdf, .context-layouts-show-chileturistas #inicio .btns, .context-layouts-show-chileturistas #inicio .logo, .context-layouts-show-chileturistas .footer-chileturistas {
    z-index: 3;
    position: relative;
}













/*owl carrousel*/


/* 
 *     Core Owl Carousel CSS File
 *    v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

.owl-carousel img {
    margin: 0 auto;
    display: block;
}


.owl-carousel p {
    text-align: center;
    font-size: 18px;
    margin-top: 20px;
}





.owl-carousel .owl-item {
    padding-right: 20px;
}
/*.owl-carousel .owl-item:last-child {
    padding-right: 0;
}*/

/* Large desktop */
@media (min-width: 1200px) {
    .container {
    width: 1170px!important;
    }
    .owl-carousel .owl-item {
        padding-right: 20px;
    }
    /*.owl-carousel .owl-item:last-child {
        padding-right: 0;
    }*/
}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    .owl-carousel .owl-item {
        padding-right: 20px;
    }
    /*.owl-carousel .owl-item:last-child {
        padding-right: 0;
    }*/
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .owl-carousel .owl-item {
        padding-right: 20px;
    }
}
 
/* Landscape phones and down */
@media (max-width: 480px) {}

.owl-carousel .owl-item {

}

.owl-theme .owl-controls .owl-page span {
    background: white;
}

.owl-carousel img {
    padding: 20px;
    margin: 0 auto;
    display: block;
}











/*btn share*/
/**
 * CONTENTS
 *
 * #Introduction........Naming conventions used throughout the code.
 *
 * #SETTINGS
 * Variables............Globally-available variables and config.
 *
 * #TOOLS
 * Mixins...............Useful mixins.
 *
 * #GENERIC
 * Demo styles..........Styles for demo only (consider removing these).
 *
 * #BASE
 * Raw styles...........The very basic component wrapper.
 * Modifiers............The basic styles dependant on component placement.
 * Debuggers............The basic styles dependant on component placement.
 *
 * #BUTTONS
 * Base..................Wrapping and constraining every button.
 * Modifiers.............Styles that depends on state and settings.
 * Animations............Main animations of the component.
 * Debuggers.............Styles for development.
 *
 * #LABELS
 * Base..................Wrapping and constraining every label.
 * Modifiers.............Styles that depends on state and settings.
 * Debuggers.............Styles for development.
 *
 * #DEVELOPMENT
 * In development........These styles are in development and not yet finalised
 * Debuggers.............Helper styles and flags for development.
 */
/*------------------------------------*\
    #Introduction
\*------------------------------------*/
/**
 * The code AND the comments use naming conventions to refer to each part of
 * the UI put in place by this component. If you see that somewhere they are
 * not followed please consider a Pull Request. The naming conventions are:
 *
 * "Component" : the widget itself as a whole. This is the last time it will be
 *               called anything different than "component". So, stay away from
 *               "widget", "button" or anything else when referring to the
 *               Component in general.
 *
 * "Main Button" : the button that is always in view. Hovering or clicking on it
 *                 will reveal the child buttons.
 *
 * "Child buttons" : if you've read the previous point you know what they are.
 *                   Did you read the previous point? :)
 *
 * "Label(s)" : the tooltip that fades in when hovering over a button.

/*------------------------------------*\
    #SETTINGS | Variables
\*------------------------------------*/
/**
 * These variables are the default styles that serve as fallback and can be
 * easily customised at compile time.
 * Consider overriding them in your own style sheets rather than editing them
 * here. Refer to the docs for more info.
 */
/* COLORS ----------------------------*/
/* EFFECTS ---------------------------*/
/* SPEEDS ----------------------------*/
/* SIZES -----------------------------*/
/* SPACING ---------------------------*/
/* OTHER VARIABLES -------------------*/
/*------------------------------------*\
    #BASE | Raw styles
\*------------------------------------*/
/**
 * The very core styling of the button.
 * These styles are shared by every instance of the button.
 * Styles placed here should NOT care about placement in the screen,
 * options chosen by the user or state of the button.
 */
.mfb-component--tl, .mfb-component--tr, .mfb-component--bl, .mfb-component--br {
  box-sizing: border-box;
  margin: 25px;
  position: fixed;
  white-space: nowrap;
  z-index: 30;
  padding-left: 0;
  list-style: none; }
  .mfb-component--tl *, .mfb-component--tr *, .mfb-component--bl *, .mfb-component--br *, .mfb-component--tl *:before, .mfb-component--tr *:before, .mfb-component--bl *:before, .mfb-component--br *:before, .mfb-component--tl *:after, .mfb-component--tr *:after, .mfb-component--bl *:after, .mfb-component--br *:after {
    box-sizing: inherit; }

/*------------------------------------*\
    #BASE | Modifiers
\*------------------------------------*/
/**
 * These styles depends on the placement of the button.
 * Styles can be:
 * 1. Top-left:  modified by the " --tl " suffix.
 * 2. Top-right: modified by the " --tr " suffix.
 * 3. Bottom-left:  modified by the " --bl " suffix.
 * 4. Bottom-right: modified by the " --br " suffix.
 */
.mfb-component--tl {
  left: 0;
  top: 0; }

.mfb-component--tr {
  right: 0;
  top: 0; }

.mfb-component--bl {
  left: 0;
  bottom: 0; }

.mfb-component--br {
  right: 0;
  bottom: 0; }

/*------------------------------------*\
    #BUTTONS | Base
\*------------------------------------*/
.mfb-component__button--main, .mfb-component__button--child {
  background-color: #E40A5D;
  display: inline-block;
  position: relative;
  border: none;
  border-radius: 50%;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
  cursor: pointer;
  outline: none;
  padding: 0;
  position: relative;
  -webkit-user-drag: none;
  color: #f1f1f1; }

/**
 * This is the unordered list for the list items that contain
 * the child buttons.
 *
 */
.mfb-component__list {
  list-style: none;
  margin: 0;
  padding: 0; }
  .mfb-component__list > li {
    display: block;
    position: absolute;
    top: 0;
    right: 1px;
    padding: 10px 0;
    margin: -10px 0; }

/**
 * These are the basic styles for all the icons inside the main button
 */
.mfb-component__icon, .mfb-component__main-icon--active,
.mfb-component__main-icon--resting, .mfb-component__child-icon {
  position: absolute;
  font-size: 18px;
  text-align: center;
  line-height: 56px;
  width: 100%; }

.mfb-component__wrap {
  padding: 25px;
  margin: -25px; }

[data-mfb-toggle="hover"]:hover .mfb-component__icon, [data-mfb-toggle="hover"]:hover .mfb-component__main-icon--active,
[data-mfb-toggle="hover"]:hover .mfb-component__main-icon--resting, [data-mfb-toggle="hover"]:hover .mfb-component__child-icon,
[data-mfb-state="open"] .mfb-component__icon,
[data-mfb-state="open"] .mfb-component__main-icon--active,
[data-mfb-state="open"] .mfb-component__main-icon--resting,
[data-mfb-state="open"] .mfb-component__child-icon {
  -webkit-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg); }

/*------------------------------------*\
    #BUTTONS | Modifiers
\*------------------------------------*/
.mfb-component__button--main {
  height: 56px;
  width: 56px;
  z-index: 20; }

.mfb-component__button--child {
  height: 56px;
  width: 56px; }

.mfb-component__main-icon--active,
.mfb-component__main-icon--resting {
  -webkit-transform: scale(1) rotate(360deg);
  transform: scale(1) rotate(360deg);
  -webkit-transition: -webkit-transform 150ms cubic-bezier(0.4, 0, 1, 1);
  transition: transform 150ms cubic-bezier(0.4, 0, 1, 1); }

.mfb-component__child-icon,
.mfb-component__child-icon {
  line-height: 56px;
  font-size: 18px; }

.mfb-component__main-icon--active {
  opacity: 0; }

[data-mfb-toggle="hover"]:hover .mfb-component__main-icon,
[data-mfb-state="open"] .mfb-component__main-icon {
  -webkit-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg); }
[data-mfb-toggle="hover"]:hover .mfb-component__main-icon--resting,
[data-mfb-state="open"] .mfb-component__main-icon--resting {
  opacity: 0;
  position: absolute !important; }
[data-mfb-toggle="hover"]:hover .mfb-component__main-icon--active,
[data-mfb-state="open"] .mfb-component__main-icon--active {
  opacity: 1; }

/*------------------------------------*\
    #BUTTONS | Animations
\*------------------------------------*/
/**
 * SLIDE IN + FADE
 * When hovering the main button, the child buttons slide out from beneath
 * the main button while transitioning from transparent to opaque.
 *
 */
.mfb-component--tl.mfb-slidein .mfb-component__list li,
.mfb-component--tr.mfb-slidein .mfb-component__list li {
  opacity: 0;
  transition: all 0.5s; }
.mfb-component--tl.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li, .mfb-component--tl.mfb-slidein[data-mfb-state="open"] .mfb-component__list li,
.mfb-component--tr.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li,
.mfb-component--tr.mfb-slidein[data-mfb-state="open"] .mfb-component__list li {
  opacity: 1; }
.mfb-component--tl.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1), .mfb-component--tl.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(1),
.mfb-component--tr.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1),
.mfb-component--tr.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(1) {
  -webkit-transform: translateY(70px);
  transform: translateY(70px); }
.mfb-component--tl.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2), .mfb-component--tl.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(2),
.mfb-component--tr.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2),
.mfb-component--tr.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(2) {
  -webkit-transform: translateY(140px);
  transform: translateY(140px); }
.mfb-component--tl.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3), .mfb-component--tl.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(3),
.mfb-component--tr.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3),
.mfb-component--tr.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(3) {
  -webkit-transform: translateY(210px);
  transform: translateY(210px); }
.mfb-component--tl.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4), .mfb-component--tl.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(4),
.mfb-component--tr.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4),
.mfb-component--tr.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(4) {
  -webkit-transform: translateY(280px);
  transform: translateY(280px); }

.mfb-component--bl.mfb-slidein .mfb-component__list li,
.mfb-component--br.mfb-slidein .mfb-component__list li {
  opacity: 0;
  transition: all 0.5s; }
.mfb-component--bl.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li, .mfb-component--bl.mfb-slidein[data-mfb-state="open"] .mfb-component__list li,
.mfb-component--br.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li,
.mfb-component--br.mfb-slidein[data-mfb-state="open"] .mfb-component__list li {
  opacity: 1; }
.mfb-component--bl.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1), .mfb-component--bl.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(1),
.mfb-component--br.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1),
.mfb-component--br.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(1) {
  -webkit-transform: translateY(-70px);
  transform: translateY(-70px); }
.mfb-component--bl.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2), .mfb-component--bl.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(2),
.mfb-component--br.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2),
.mfb-component--br.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(2) {
  -webkit-transform: translateY(-140px);
  transform: translateY(-140px); }
.mfb-component--bl.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3), .mfb-component--bl.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(3),
.mfb-component--br.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3),
.mfb-component--br.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(3) {
  -webkit-transform: translateY(-210px);
  transform: translateY(-210px); }
.mfb-component--bl.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4), .mfb-component--bl.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(4),
.mfb-component--br.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4),
.mfb-component--br.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(4) {
  -webkit-transform: translateY(-280px);
  transform: translateY(-280px); }

/**
 * SLIDE IN SPRING
 * Same as slide-in but with a springy animation.
 *
 */
.mfb-component--tl.mfb-slidein-spring .mfb-component__list li,
.mfb-component--tr.mfb-slidein-spring .mfb-component__list li {
  opacity: 0;
  transition: all 0.5s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
.mfb-component--tl.mfb-slidein-spring .mfb-component__list li:nth-child(1),
.mfb-component--tr.mfb-slidein-spring .mfb-component__list li:nth-child(1) {
  transition-delay: 0.05s; }
.mfb-component--tl.mfb-slidein-spring .mfb-component__list li:nth-child(2),
.mfb-component--tr.mfb-slidein-spring .mfb-component__list li:nth-child(2) {
  transition-delay: 0.1s; }
.mfb-component--tl.mfb-slidein-spring .mfb-component__list li:nth-child(3),
.mfb-component--tr.mfb-slidein-spring .mfb-component__list li:nth-child(3) {
  transition-delay: 0.15s; }
.mfb-component--tl.mfb-slidein-spring .mfb-component__list li:nth-child(4),
.mfb-component--tr.mfb-slidein-spring .mfb-component__list li:nth-child(4) {
  transition-delay: 0.2s; }
.mfb-component--tl.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li, .mfb-component--tl.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li,
.mfb-component--tr.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li,
.mfb-component--tr.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li {
  opacity: 1; }
.mfb-component--tl.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1), .mfb-component--tl.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(1),
.mfb-component--tr.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1),
.mfb-component--tr.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(1) {
  transition-delay: 0.05s;
  -webkit-transform: translateY(70px);
  transform: translateY(70px); }
.mfb-component--tl.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2), .mfb-component--tl.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(2),
.mfb-component--tr.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2),
.mfb-component--tr.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(2) {
  transition-delay: 0.1s;
  -webkit-transform: translateY(140px);
  transform: translateY(140px); }
.mfb-component--tl.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3), .mfb-component--tl.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(3),
.mfb-component--tr.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3),
.mfb-component--tr.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(3) {
  transition-delay: 0.15s;
  -webkit-transform: translateY(210px);
  transform: translateY(210px); }
.mfb-component--tl.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4), .mfb-component--tl.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(4),
.mfb-component--tr.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4),
.mfb-component--tr.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(4) {
  transition-delay: 0.2s;
  -webkit-transform: translateY(280px);
  transform: translateY(280px); }

.mfb-component--bl.mfb-slidein-spring .mfb-component__list li,
.mfb-component--br.mfb-slidein-spring .mfb-component__list li {
  opacity: 0;
  transition: all 0.5s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
.mfb-component--bl.mfb-slidein-spring .mfb-component__list li:nth-child(1),
.mfb-component--br.mfb-slidein-spring .mfb-component__list li:nth-child(1) {
  transition-delay: 0.05s; }
.mfb-component--bl.mfb-slidein-spring .mfb-component__list li:nth-child(2),
.mfb-component--br.mfb-slidein-spring .mfb-component__list li:nth-child(2) {
  transition-delay: 0.1s; }
.mfb-component--bl.mfb-slidein-spring .mfb-component__list li:nth-child(3),
.mfb-component--br.mfb-slidein-spring .mfb-component__list li:nth-child(3) {
  transition-delay: 0.15s; }
.mfb-component--bl.mfb-slidein-spring .mfb-component__list li:nth-child(4),
.mfb-component--br.mfb-slidein-spring .mfb-component__list li:nth-child(4) {
  transition-delay: 0.2s; }
.mfb-component--bl.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li, .mfb-component--bl.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li,
.mfb-component--br.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li,
.mfb-component--br.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li {
  opacity: 1; }
.mfb-component--bl.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1), .mfb-component--bl.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(1),
.mfb-component--br.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1),
.mfb-component--br.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(1) {
  transition-delay: 0.05s;
  -webkit-transform: translateY(-70px);
  transform: translateY(-70px); }
.mfb-component--bl.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2), .mfb-component--bl.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(2),
.mfb-component--br.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2),
.mfb-component--br.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(2) {
  transition-delay: 0.1s;
  -webkit-transform: translateY(-140px);
  transform: translateY(-140px); }
.mfb-component--bl.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3), .mfb-component--bl.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(3),
.mfb-component--br.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3),
.mfb-component--br.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(3) {
  transition-delay: 0.15s;
  -webkit-transform: translateY(-210px);
  transform: translateY(-210px); }
.mfb-component--bl.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4), .mfb-component--bl.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(4),
.mfb-component--br.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4),
.mfb-component--br.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(4) {
  transition-delay: 0.2s;
  -webkit-transform: translateY(-280px);
  transform: translateY(-280px); }

/**
 * ZOOM-IN
 * When hovering the main button, the child buttons grow
 * from zero to normal size.
 *
 */
.mfb-component--tl.mfb-zoomin .mfb-component__list li,
.mfb-component--tr.mfb-zoomin .mfb-component__list li {
  -webkit-transform: scale(0);
  transform: scale(0); }
.mfb-component--tl.mfb-zoomin .mfb-component__list li:nth-child(1),
.mfb-component--tr.mfb-zoomin .mfb-component__list li:nth-child(1) {
  -webkit-transform: translateY(70px) scale(0);
  transform: translateY(70px) scale(0);
  transition: all 0.5s;
  transition-delay: 0.15s; }
.mfb-component--tl.mfb-zoomin .mfb-component__list li:nth-child(2),
.mfb-component--tr.mfb-zoomin .mfb-component__list li:nth-child(2) {
  -webkit-transform: translateY(140px) scale(0);
  transform: translateY(140px) scale(0);
  transition: all 0.5s;
  transition-delay: 0.1s; }
.mfb-component--tl.mfb-zoomin .mfb-component__list li:nth-child(3),
.mfb-component--tr.mfb-zoomin .mfb-component__list li:nth-child(3) {
  -webkit-transform: translateY(210px) scale(0);
  transform: translateY(210px) scale(0);
  transition: all 0.5s;
  transition-delay: 0.05s; }
.mfb-component--tl.mfb-zoomin .mfb-component__list li:nth-child(4),
.mfb-component--tr.mfb-zoomin .mfb-component__list li:nth-child(4) {
  -webkit-transform: translateY(280px) scale(0);
  transform: translateY(280px) scale(0);
  transition: all 0.5s;
  transition-delay: 0s; }
.mfb-component--tl.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1), .mfb-component--tl.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(1),
.mfb-component--tr.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1),
.mfb-component--tr.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(1) {
  -webkit-transform: translateY(70px) scale(1);
  transform: translateY(70px) scale(1);
  transition-delay: 0.05s; }
.mfb-component--tl.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2), .mfb-component--tl.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(2),
.mfb-component--tr.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2),
.mfb-component--tr.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(2) {
  -webkit-transform: translateY(140px) scale(1);
  transform: translateY(140px) scale(1);
  transition-delay: 0.1s; }
.mfb-component--tl.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3), .mfb-component--tl.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(3),
.mfb-component--tr.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3),
.mfb-component--tr.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(3) {
  -webkit-transform: translateY(210px) scale(1);
  transform: translateY(210px) scale(1);
  transition-delay: 0.15s; }
.mfb-component--tl.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4), .mfb-component--tl.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(4),
.mfb-component--tr.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4),
.mfb-component--tr.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(4) {
  -webkit-transform: translateY(280px) scale(1);
  transform: translateY(280px) scale(1);
  transition-delay: 0.2s; }

.mfb-component--bl.mfb-zoomin .mfb-component__list li,
.mfb-component--br.mfb-zoomin .mfb-component__list li {
  -webkit-transform: scale(0);
  transform: scale(0); }
.mfb-component--bl.mfb-zoomin .mfb-component__list li:nth-child(1),
.mfb-component--br.mfb-zoomin .mfb-component__list li:nth-child(1) {
  -webkit-transform: translateY(-70px) scale(0);
  transform: translateY(-70px) scale(0);
  transition: all 0.5s;
  transition-delay: 0.15s; }
.mfb-component--bl.mfb-zoomin .mfb-component__list li:nth-child(2),
.mfb-component--br.mfb-zoomin .mfb-component__list li:nth-child(2) {
  -webkit-transform: translateY(-140px) scale(0);
  transform: translateY(-140px) scale(0);
  transition: all 0.5s;
  transition-delay: 0.1s; }
.mfb-component--bl.mfb-zoomin .mfb-component__list li:nth-child(3),
.mfb-component--br.mfb-zoomin .mfb-component__list li:nth-child(3) {
  -webkit-transform: translateY(-210px) scale(0);
  transform: translateY(-210px) scale(0);
  transition: all 0.5s;
  transition-delay: 0.05s; }
.mfb-component--bl.mfb-zoomin .mfb-component__list li:nth-child(4),
.mfb-component--br.mfb-zoomin .mfb-component__list li:nth-child(4) {
  -webkit-transform: translateY(-280px) scale(0);
  transform: translateY(-280px) scale(0);
  transition: all 0.5s;
  transition-delay: 0s; }
.mfb-component--bl.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1), .mfb-component--bl.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(1),
.mfb-component--br.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1),
.mfb-component--br.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(1) {
  -webkit-transform: translateY(-70px) scale(1);
  transform: translateY(-70px) scale(1);
  transition-delay: 0.05s; }
.mfb-component--bl.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2), .mfb-component--bl.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(2),
.mfb-component--br.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2),
.mfb-component--br.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(2) {
  -webkit-transform: translateY(-140px) scale(1);
  transform: translateY(-140px) scale(1);
  transition-delay: 0.1s; }
.mfb-component--bl.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3), .mfb-component--bl.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(3),
.mfb-component--br.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3),
.mfb-component--br.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(3) {
  -webkit-transform: translateY(-210px) scale(1);
  transform: translateY(-210px) scale(1);
  transition-delay: 0.15s; }
.mfb-component--bl.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4), .mfb-component--bl.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(4),
.mfb-component--br.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4),
.mfb-component--br.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(4) {
  -webkit-transform: translateY(-280px) scale(1);
  transform: translateY(-280px) scale(1);
  transition-delay: 0.2s; }

/**
 * FOUNTAIN
 * When hovering the main button the child buttons
 * jump into view from outside the viewport
 */
.mfb-component--tl.mfb-fountain .mfb-component__list li,
.mfb-component--tr.mfb-fountain .mfb-component__list li {
  -webkit-transform: scale(0);
  transform: scale(0); }
.mfb-component--tl.mfb-fountain .mfb-component__list li:nth-child(1),
.mfb-component--tr.mfb-fountain .mfb-component__list li:nth-child(1) {
  -webkit-transform: translateY(-70px) scale(0);
  transform: translateY(-70px) scale(0);
  transition: all 0.5s;
  transition-delay: 0.15s; }
.mfb-component--tl.mfb-fountain .mfb-component__list li:nth-child(2),
.mfb-component--tr.mfb-fountain .mfb-component__list li:nth-child(2) {
  -webkit-transform: translateY(-140px) scale(0);
  transform: translateY(-140px) scale(0);
  transition: all 0.5s;
  transition-delay: 0.1s; }
.mfb-component--tl.mfb-fountain .mfb-component__list li:nth-child(3),
.mfb-component--tr.mfb-fountain .mfb-component__list li:nth-child(3) {
  -webkit-transform: translateY(-210px) scale(0);
  transform: translateY(-210px) scale(0);
  transition: all 0.5s;
  transition-delay: 0.05s; }
.mfb-component--tl.mfb-fountain .mfb-component__list li:nth-child(4),
.mfb-component--tr.mfb-fountain .mfb-component__list li:nth-child(4) {
  -webkit-transform: translateY(-280px) scale(0);
  transform: translateY(-280px) scale(0);
  transition: all 0.5s;
  transition-delay: 0s; }
.mfb-component--tl.mfb-fountain[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1), .mfb-component--tl.mfb-fountain[data-mfb-state="open"] .mfb-component__list li:nth-child(1),
.mfb-component--tr.mfb-fountain[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1),
.mfb-component--tr.mfb-fountain[data-mfb-state="open"] .mfb-component__list li:nth-child(1) {
  -webkit-transform: translateY(70px) scale(1);
  transform: translateY(70px) scale(1);
  transition-delay: 0.05s; }
.mfb-component--tl.mfb-fountain[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2), .mfb-component--tl.mfb-fountain[data-mfb-state="open"] .mfb-component__list li:nth-child(2),
.mfb-component--tr.mfb-fountain[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2),
.mfb-component--tr.mfb-fountain[data-mfb-state="open"] .mfb-component__list li:nth-child(2) {
  -webkit-transform: translateY(140px) scale(1);
  transform: translateY(140px) scale(1);
  transition-delay: 0.1s; }
.mfb-component--tl.mfb-fountain[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3), .mfb-component--tl.mfb-fountain[data-mfb-state="open"] .mfb-component__list li:nth-child(3),
.mfb-component--tr.mfb-fountain[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3),
.mfb-component--tr.mfb-fountain[data-mfb-state="open"] .mfb-component__list li:nth-child(3) {
  -webkit-transform: translateY(210px) scale(1);
  transform: translateY(210px) scale(1);
  transition-delay: 0.15s; }
.mfb-component--tl.mfb-fountain[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4), .mfb-component--tl.mfb-fountain[data-mfb-state="open"] .mfb-component__list li:nth-child(4),
.mfb-component--tr.mfb-fountain[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4),
.mfb-component--tr.mfb-fountain[data-mfb-state="open"] .mfb-component__list li:nth-child(4) {
  -webkit-transform: translateY(280px) scale(1);
  transform: translateY(280px) scale(1);
  transition-delay: 0.2s; }

.mfb-component--bl.mfb-fountain .mfb-component__list li,
.mfb-component--br.mfb-fountain .mfb-component__list li {
  -webkit-transform: scale(0);
  transform: scale(0); }
.mfb-component--bl.mfb-fountain .mfb-component__list li:nth-child(1),
.mfb-component--br.mfb-fountain .mfb-component__list li:nth-child(1) {
  -webkit-transform: translateY(70px) scale(0);
  transform: translateY(70px) scale(0);
  transition: all 0.5s;
  transition-delay: 0.15s; }
.mfb-component--bl.mfb-fountain .mfb-component__list li:nth-child(2),
.mfb-component--br.mfb-fountain .mfb-component__list li:nth-child(2) {
  -webkit-transform: translateY(140px) scale(0);
  transform: translateY(140px) scale(0);
  transition: all 0.5s;
  transition-delay: 0.1s; }
.mfb-component--bl.mfb-fountain .mfb-component__list li:nth-child(3),
.mfb-component--br.mfb-fountain .mfb-component__list li:nth-child(3) {
  -webkit-transform: translateY(210px) scale(0);
  transform: translateY(210px) scale(0);
  transition: all 0.5s;
  transition-delay: 0.05s; }
.mfb-component--bl.mfb-fountain .mfb-component__list li:nth-child(4),
.mfb-component--br.mfb-fountain .mfb-component__list li:nth-child(4) {
  -webkit-transform: translateY(280px) scale(0);
  transform: translateY(280px) scale(0);
  transition: all 0.5s;
  transition-delay: 0s; }
.mfb-component--bl.mfb-fountain[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1), .mfb-component--bl.mfb-fountain[data-mfb-state="open"] .mfb-component__list li:nth-child(1),
.mfb-component--br.mfb-fountain[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1),
.mfb-component--br.mfb-fountain[data-mfb-state="open"] .mfb-component__list li:nth-child(1) {
  -webkit-transform: translateY(-70px) scale(1);
  transform: translateY(-70px) scale(1);
  transition-delay: 0.05s; }
.mfb-component--bl.mfb-fountain[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2), .mfb-component--bl.mfb-fountain[data-mfb-state="open"] .mfb-component__list li:nth-child(2),
.mfb-component--br.mfb-fountain[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2),
.mfb-component--br.mfb-fountain[data-mfb-state="open"] .mfb-component__list li:nth-child(2) {
  -webkit-transform: translateY(-140px) scale(1);
  transform: translateY(-140px) scale(1);
  transition-delay: 0.1s; }
.mfb-component--bl.mfb-fountain[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3), .mfb-component--bl.mfb-fountain[data-mfb-state="open"] .mfb-component__list li:nth-child(3),
.mfb-component--br.mfb-fountain[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3),
.mfb-component--br.mfb-fountain[data-mfb-state="open"] .mfb-component__list li:nth-child(3) {
  -webkit-transform: translateY(-210px) scale(1);
  transform: translateY(-210px) scale(1);
  transition-delay: 0.15s; }
.mfb-component--bl.mfb-fountain[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4), .mfb-component--bl.mfb-fountain[data-mfb-state="open"] .mfb-component__list li:nth-child(4),
.mfb-component--br.mfb-fountain[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4),
.mfb-component--br.mfb-fountain[data-mfb-state="open"] .mfb-component__list li:nth-child(4) {
  -webkit-transform: translateY(-280px) scale(1);
  transform: translateY(-280px) scale(1);
  transition-delay: 0.2s; }

/*------------------------------------*\
    #LABELS | base
\*------------------------------------*/
/**
 * These are the labels associated to each button,
 * exposed only when hovering the related button.
 * They are called labels but are in fact data-attributes of
 * each button (an anchor tag).
 */
[data-mfb-label]:after {
  content: attr(data-mfb-label);
  opacity: 0;
  transition: all 0.5s;
  background: rgba(0, 0, 0, 0.4);
  padding: 4px 10px;
  border-radius: 3px;
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
  font-weight: normal;
  pointer-events: none;
  line-height: normal;
  position: absolute;
  top: 50%;
  margin-top: -11px;
  transition: all 0.5s; }

[data-mfb-toggle="hover"] [data-mfb-label]:hover:after,
[data-mfb-state="open"] [data-mfb-label]:after {
  content: attr(data-mfb-label);
  opacity: 1;
  transition: all 0.3s; }

/*------------------------------------*\
    #LABELS | Modifiers
\*------------------------------------*/
.mfb-component--br [data-mfb-label]:after, .mfb-component--tr [data-mfb-label]:after {
  content: attr(data-mfb-label);
  right: 70px; }

.mfb-component--br .mfb-component__list [data-mfb-label]:after, .mfb-component--tr .mfb-component__list [data-mfb-label]:after {
  content: attr(data-mfb-label);
  right: 70px; }

.mfb-component--tl [data-mfb-label]:after, .mfb-component--bl [data-mfb-label]:after {
  content: attr(data-mfb-label);
  left: 70px; }

.mfb-component--tl .mfb-component__list [data-mfb-label]:after, .mfb-component--bl .mfb-component__list [data-mfb-label]:after {
  content: attr(data-mfb-label);
  left: 70px; }

/*------------------------------------*\
    #DEVELOPMENT | In development
\*------------------------------------*/
/**
 * This part is where unfinished code should stay.
 * When a feature is ready(sh) move these styles to their proper place.
 */
/*------------------------------------*\
    #DEVELOPMENT | Debuggers
\*------------------------------------*/
/**
 * These are mainly helpers for development. They do not have to end up
 * in production but it's handy to keep them when developing.
 */
/**
 * Apply this class to the html tag when developing the slide-in button
 */

/*# sourceMappingURL=mfb.css.map */


.mfb-component__button--child {
    height: 45px;
    width: 45px;
    background: transparent;
}

.mfb-component__button--main {
    height: 46px;
    width: 46px;
    z-index: 20;
}

.mfb-component__icon, .mfb-component__main-icon--active, .mfb-component__main-icon--resting, .mfb-component__child-icon {
    position: absolute;
    font-size: 18px;
    text-align: center;
    line-height: 42px;
    width: 100%;
}

.mfb-component__button--main, .mfb-component__button--child {
    background: transparent;
}


/*
*     Owl Carousel Owl Demo Theme 
*	v1.3.3
*/

.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(AjaxLoader.gif) no-repeat center center
}


#how-work .customNavigation {
    display: none;
}


.owl-carousel p {
    color: #fff;
}




/*arreglo tarjeta mas btns ingresa y registrate*/
.tarjetaBtns {
    margin: 0 auto;
    width: 390px;
    display: block;
    position: relative;
    z-index: 10;
    overflow: hidden;
    
}

.tarjetaBtns a {
    float: left;
    width: 242px;
    display: inline-block;
}
 
.tarjetaBtns a {
    color: #fff;
}
 
.tarjetaBtns a:hover {
    color: #fff;
}
   
    
.tarjetaBtns img {
    float: left;
    width: 132px;
    margin-right: 15px;
}
    
.tarjetaBtns a.btn.uno {
    line-height: 29px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    font-size: 24px;
    padding: 11px 11px 11px 11px;
    #background: #2155ca;
    background: #eb5e50;
    color: #fff;
}

 
.tarjetaBtns a.btn.uno:hover {
    background: #b5291b;
    /*background: #1D3E88;*/
    color: #fff;
}

.tarjetaBtns a.btn.dos {
    border-top-right-radius: 0; 
    border-top-left-radius: 0; 
    border-bottom-right-radius: 10px; 
    border-bottom-left-radius: 10px; 
    /*text-decoration: underline;*/
    background: #908887;
    /*background: #1D3E88;*/
}
.tarjetaBtns a.btn.dos:hover {
    /*background: #908887;*/
    background: #675e5d;
}
 
/* Landscape phones and down */
@media (max-width: 480px) {
    .tarjetaBtns {
        width: 100%;
        padding: 15px;
        overflow: hidden;
    }
    .tarjetaBtns img {
        width: 200px;
        margin: 0 auto;
        display: block;
        float: none;
    }
    .tarjetaBtns a.btn {
        width: 100%;
    }
    .tarjetaBtns a.btn.uno {
        margin-top: 15px;
        padding-bottom: 11px;
    }
}



/*=======================
/LANDING PAGE taxi amigo
========================*/
/*
*/



.context-layouts-show-en-mantencion .modal-backdrop {
background-color: transparent;
}
#myModalBannerMundoCopecLatamPass {
border-radius: 0;
top: 12%!important;
height: 140px;
display: block;
background: white;
border: none;
}
#myModalBannerMundoCopecLatamPass .modal-header {
border-bottom: none;
}
#myModalBannerMundoCopecLatamPass .modal-header .close {
border-bottom: none;
}

#myModalBannerMundoCopecLatamPass .modal-header .close {
font-size: 30px;
color: #000;
opacity: 0.9;
text-shadow: none;
}
#myModalBannerMundoCopecLatamPass .img-tarjeta {
width: 120px;
float: left;
}
#myModalBannerMundoCopecLatamPass p {
margin-left: 15px;
width: 360px;
display: inline-block;
float: left;
font-size: 16px;
color: #000;
margin-top: 18px;
}


/* Large desktop */
@media (max-width: 1200px) {
.span3.sidebar-cargaregistrada {
display: none;
}
.registered-fueling-form .span9 {
margin: 0 auto;
display: inline-block;
width: 100%;
}
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { ... }

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
#myModalBannerMundoCopecLatamPass .img-tarjeta {
width: 30%;
float: left;
}
#myModalBannerMundoCopecLatamPass p {
width: 60%;
float: left;
}
#myModalBannerMundoCopecLatamPass {
position: fixed;
}
.span3.sidebar-cargaregistrada {
display: block;
}
}
/* Landscape phones and down */
@media (max-width: 480px) {
#myModalBannerMundoCopecLatamPass p {
margin-left: 15px;
font-size: 13px;
margin-top: -6px;
margin-bottom: 0;
}
#myModalBannerMundoCopecLatamPass {
height: 110px;
}
}
/* Landscape phones and down */
@media (min-width: 400px) and (max-width: 480px) {
#myModalBannerMundoCopecLatamPass p {
margin-top: 1px;
margin-bottom: 0;
}
}

/*arreglo lavamax*/
#myPronto #btn-tiendas {
bottom: 100px;
top: 170px;
}
/* Large desktop */
@media (min-width: 1200px) {
#myPronto #btn-tiendas {
bottom: 100px;
top: 260px;
}
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
#myPronto #btn-tiendas {
width: 390px;
bottom: 200px;
top: 100px;
right: 0;
left: 0;
margin: auto;
}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
#myPronto #btn-tiendas {
width: 360px;
bottom: 100px;
top: 100px;
right: 0;
left: 0;
margin: auto;
}
}

/* Landscape phones and down */
@media (max-width: 480px) {
#myPronto #btn-tiendas {
width: 360px;
bottom: 100px;
top: 100px;
right: 0;
left: 0;
margin: auto;
}
}
#myPronto {
margin:0!important;

}
#myPronto .carousel-inner {
overflow: hidden;
position: relative;
}

.tiendas-slide .item {
background-position: top!important;
/* height:600px !important;*/
}
.tiendas-slide .item.uno {
background-image: url("https://copec.modyocdn.com/uploads/75851315-cb27-4ea4-a620-96088fe4ea2b/original/slider01.jpg");
background-position: top!important;
}
.tiendas-slide .item.dos {
background-image:
url("https://copec.modyocdn.com/uploads/70c34acc-e7f4-4e29-a888-95958c21e058/original/slider-automatico.jpg");
background-position: top!important;

}
.tiendas-slide .item.tres {
background-image: url("https://copec.modyocdn.com/uploads/97db6ece-8ebd-49af-afb7-2ccb9d56a996/original/slider03.jpg");
background-position: top!important;

}
.tiendas-slide .item.cuatro {
background-image: url("https://copec.modyocdn.com/uploads/1732cd2b-ba8b-403b-a697-b07fd6b8730d/original/slider02.jpg");
background-position: top!important;

}

.tiendas-slide.carousel-fade .carousel-inner .item {
-webkit-transition-property: opacity;
transition-property: opacity;
}
.tiendas-slide.carousel-fade .carousel-inner .item,
.tiendas-slide.carousel-fade .carousel-inner .active.left,
.tiendas-slide.carousel-fade .carousel-inner .active.right {
opacity: 0;
}
.tiendas-slide.carousel-fade .carousel-inner .active,
.tiendas-slide.carousel-fade .carousel-inner .next.left,
.tiendas-slide.carousel-fade .carousel-inner .prev.right {
opacity: 1;
}
.tiendas-slide.carousel-fade .carousel-inner .next,
.tiendas-slide.carousel-fade .carousel-inner .prev,
.tiendas-slide.carousel-fade .carousel-inner .active.left,
.tiendas-slide.carousel-fade .carousel-inner .active.right {
/*left: 0;*/
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.tiendas-slide.carousel-fade .carousel-control {
z-index: 2;
}

/*estructura vista de contenidos*/
body.context-contact {
background-color: #f1f1f1;
}
.well.content-view {
border-radius: 0;
background: #fff;
padding: 15px;
margin: 20px 0;
box-shadow: inset 0 0 0;
border: none;
}
.well.content-view h1 {
padding-bottom: 15px;
font-size: 38.5px;
margin-bottom: 15px;
border-bottom: 1px solid #c1c1c1;
}
.orders-panel label {
margin-right: 10px;
}
#orders_table {

}
#orders_table.table tbody th, #orders_table.table tbody td {
background-color: transparent!important;
}
#orders_table.table thead tr th {
background-color: #0B5E96;
color: #FFF;
}
#orders_table.table tbody tr:nth-child(odd) {
background-color:#f9f9f9;
}
.orders-table {
overflow: hidden;
}
/*.context-contact #orders_table .collapse {
display:none;
}
.context-contact #orders_table .collapse.in {
display:block;
}
*/
#orders_table.table-hover tbody tr:hover > td, #orders_table.table-hover tbody tr:hover > th {
background-color: #f5f5f5;
}
.context-contact #orders_table .collapse {
background-color: #fff;
width: 50%;
}
.context-contact #orders_table .collapse.in {
padding: 20px 0;
}
#orders_table .hiddenRow table.table thead tr th {
background-color: #3597da!important;
color: #FFF;
font-size: 14px!important;
}
#orders_table .hiddenRow table.table tbody td {
width: 50%;
}
#orders_table .accordion-toggle {
position: relative;
}
/*#orders_table .accordion-toggle.collapsed:after {
content: "\f078";
font-family: FontAwesome;
position: absolute;
margin-top: 10px;
right: 25px;
}*/
/*#orders_table .accordion-toggle:before {
content: "\f077";
font-family: FontAwesome;
position: absolute;
margin-top: 10px;
right: 25px;
}*/
#orders_table .accordion-toggle:after {
content: "\f078";
font-family: FontAwesome;
position: absolute;
margin-top: 10px;
right: 25px;
}
/* Large desktop */
@media (min-width: 1200px) { ... }

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { ... }

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
.context-contact #orders_table .collapse {
background-color: #fff;
width: 90%;
}
#orders_table .accordion-toggle:after {
content: "\f078";
font-family: FontAwesome;
position: absolute;
margin-top: -2px;
right: 46px;
}
}

/* Landscape phones and down */
@media (max-width: 370px) {
.orders-table .content-inner {
overflow-x: scroll;
}
}

body.context-layouts-show-promocionlatampass #content, body.context-layouts-show-gracias #content {
    background-image: url(https://copec.modyocdn.com/uploads/68d0c8d7-c104-4ed5-9030-9f6171bc9600/original/fondo_3x.jpg);
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: cover;
}

/*#widget-f6926d {
    background-color: rgba(0, 0, 0, 0.9);
}*/

body.context-layouts-show-promocionlatampass .page-content-inner h2 {
    text-align: center;
    display: none;
}

body.context-layouts-show-promocionlatampass .page-content-inner .form-description {
    text-align: center;
    display: none;
}


body.context-layouts-show-promocionlatampass #page-content form {
    background-image: none;
    background-color: #fff;
}

body.context-layouts-show-promocionlatampass #page-content .form-actions {
    padding: 19px 0px 0;
    margin-top: 20px;
    margin-bottom: 0;
    background-color: #fff;
    border-top: 1px solid #e5e5e5;
}



body.context-layouts-show-promocionlatampass #page-content .page-content-inner {
    margin: 0 auto;
    display: block;
}

body.context-layouts-show-promocionlatampass #page-content h3, #home.context-layouts-show-lanpass-actualiza #page-content p {
    text-align: center;
}

body.context-layouts-show-promocionlatampass #page-content h3 {
    font-size: 30px;
    color: #fff;
    margin-bottom: 0;
    font-weight: bold;
    text-transform: uppercase;
}

body.context-layouts-show-promocionlatampass #page-content label {
    text-transform: uppercase;
    color: #000;
    text-align: center;
}

body.context-layouts-show-promocionlatampass #page-content p {
    font-size: 16px;  
    color: #fff;  
    text-transform: initial;
}

body#home.context-layouts-show-promocionlatampass #page-content {
    padding: 30px 0;
}

body.context-layouts-show-promocionlatampass #page-content #form-3 li {
    list-style: none;
    /*float: left;*/
}

body.context-layouts-show-promocionlatampass #page-content #form-3 li:nth-child(1) .subform-list{
    float: right;
    width: 48%;
}

body.context-layouts-show-promocionlatampass #page-content #form-3 li:nth-child(1) .subform-list input {
    width: 100%;
}

body.context-layouts-show-promocionlatampass #page-content #form-3 li:nth-child(3) {
    margin: -30px 0 0 0px;
    width: 48%;
    float: right;
}

body.context-layouts-show-promocionlatampass #page-content #form-3 li:nth-child(3) .subform-list {
    width: 100%;
}

body.context-layouts-show-promocionlatampass #page-content #form-3 li:nth-child(3) .subform-list input {
    width: 100%;
    float: right;
}





body.context-layouts-show-promocionlatampass #page-content #form-3 li:nth-child(5) {
    margin: -30px 0 0 0px;
    width: 48%;
    float: right;
}

body.context-layouts-show-promocionlatampass #page-content #form-3 li:nth-child(5) .subform-list {
    width: 100%;
}

body.context-layouts-show-promocionlatampass #page-content #form-3 li:nth-child(5) .subform-list input {
    width: 100%;
    float: right;
}

/*
body.context-layouts-show-promocionlatampass #page-content #form-3 li:nth-child(5) {
    margin: -30px 0 0 0px;
    width: 50%;
    float: left;
}

body.context-layouts-show-promocionlatampass #page-content #form-3 li:nth-child(5) .subform-list {
    width: 100%;
}*/

body.context-layouts-show-promocionlatampass #page-content #form-3 li:nth-child(6) {
    width: 100%;
    margin-bottom: 20px;
    display: inline-block;
}

body.context-layouts-show-promocionlatampass #page-content #form-3 li:nth-child(6) .subform-list {
    width: 100%;
}
body.context-layouts-show-promocionlatampass #page-content #form-3 li:nth-child(6) .subform-list input {
    width: 100%;
}

body.context-layouts-show-promocionlatampass #page-content #form-3 li:nth-child(7) {
    clear: both;
}

body.context-layouts-show-promocionlatampass #page-content #form-3 .control-group:nth-child(7) label {
  margin-bottom: 20px;  
}

body.context-layouts-show-promocionlatampass #page-content ul {
    margin: 0;
    padding: 0;
}

body.context-layouts-show-promocionlatampass #page-content {
    text-transform: uppercase;
    color: #000;
}

body.context-layouts-show-promocionlatampass .subform-list input[type=checkbox] {
    top: 0px;
    width: 20px;
    float: left;
    position: relative;
}

body.context-layouts-show-promocionlatampass #page-content #form-3 .control-group:nth-child(1) label {
    display: inline-block;
    padding-left: 29px;
}

body.context-layouts-show-promocionlatampass #form-3 .control-group:nth-child(3) label {
    display: inline-block;
    padding-left: 0px;
}

body.context-layouts-show-promocionlatampass #page-content #form-3 .control-group:nth-child(5) label {
    display: inline-block;
    padding-left: 0px;
}

body.context-layouts-show-promocionlatampass #page-content #form-3 .control-group:nth-child(2) {
    clear: both;
}

body.context-layouts-show-promocionlatampass #page-content #form-3 li:nth-child(7) ul.subform-list li:nth-child(3) {
    margin: 0;
}

body.context-layouts-show-promocionlatampass .form-personal-info .control-group:nth-child(2) input {
    float: right;
}

body.context-layouts-show-promocionlatampass .form-personal-info .control-group:nth-child(2) label {
    /*margin-left: 38px;*/
}

body.context-layouts-show-promocionlatampass #page-content #form-3 .subform-list {
    width: 48%;
}

body.context-layouts-show-promocionlatampass #page-content #form-3 .subform-list input {
    width: 100%;
}


body.context-layouts-show-promocionlatampass #page-content #form-3 .control-group:nth-child(7) .subform-list label {
    padding: 0;
    clear: both;
    display: initial;
}


body.context-layouts-show-promocionlatampass #page-content #form-3 .control-group:nth-child(7) .subform-list li:nth-child(3) {
    padding: 0;
    clear: both;
    display: initial;
    float: none;
}

body.context-layouts-show-promocionlatampass #page-content #form-3 .control-group:nth-child(7) .subform-list input {
    width: 25px;
}

/* Large desktop */
@media (min-width: 1200px) {
    body.context-layouts-show-promocionlatampass #page-content .page-content-inner {
        margin: 0 auto;
        display: block;
        max-width: 516px;
        min-width: auto;
    }
    body.context-layouts-show-promocionlatampass #page-content .page-content-inner form {
        padding: 15px;
    }
}
 
 
 
body.context-layouts-show-promocionlatampass .form-personal-info .control-group {
    width: 48%;
    float: left;
} 
body.context-layouts-show-promocionlatampass .form-personal-info .control-group:nth-child(2) {
    float: right;
}

body.context-layouts-show-promocionlatampass .form-personal-info .control-group input {
    width: 100%;
}

body.context-layouts-show-promocionlatampass .subform-list {
    width: 50%;
    float: left;
}

body.context-layouts-show-promocionlatampass .subform-list input {
    width: 90%;
}




body.context-layouts-show-promocionlatampass  #page-content .page-content-inner {
    margin: 0 auto;
    display: block;
    max-width: 516px;
    min-width: auto;
}
body.context-layouts-show-promocionlatampass #page-content .page-content-inner form {
    padding: 15px;
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {

    body.context-layouts-show-promocionlatampass #page-content .page-content-inner {
        margin: 0 auto;
        display: block;
        max-width: 516px;
        min-width: auto;
    }
    body.context-layouts-show-promocionlatampass #page-content .page-content-inner form {
        padding: 15px;
    }
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
    body.context-layouts-show-promocionlatampass #page-content .page-content-inner {
        margin: 0 auto;
        display: block;
        max-width: 100%;
        min-width: auto;
    }
    body.context-layouts-show-promocionlatampass #page-content .page-content-inner form {
        padding: 15px;
    }
}
 
/* Landscape phones and down */
@media (max-width: 480px) {

    body.context-layouts-show-promocionlatampass #page-content .page-content-inner {
        margin: 0 auto;
        display: block;
        max-width: 100%;
        min-width: auto;
    }
    body.context-layouts-show-promocionlatampass #page-content .page-content-inner form {
        padding: 15px;
    }
    
    body.context-layouts-show-promocionlatampass .form-personal-info .control-group {
        width: 100%;
    }
    
    body.context-layouts-show-promocionlatampass #page-content #form-3 .control-group:nth-child(1) label {
        display: inline-block;
        padding-left: 0;
    }
    body.context-layouts-show-promocionlatampass #page-content #form-3 li:nth-child(1) .subform-list {
        float: right;
        width: 100%;
    }
    body.context-layouts-show-promocionlatampass #page-content #form-3 .subform-list {
        width: 100%;
    }
    body.context-layouts-show-promocionlatampass #page-content #form-3 li:nth-child(3) {
        margin: 0;
        width: 100%;
        float: right;
    }
    body.context-layouts-show-promocionlatampass #page-content #form-3 li:nth-child(5) {
        margin: 0;
        width: 100%;
        float: right;
    }

}



/*GRACIAS*/
#home.context-layouts-show-lanpass-actualiza-gracias #page-content {
    margin: 0!important;
    background-image: url(https://copec.modyocdn.com/uploads/4d9b89a2-677c-43b1-9ed6-17d51f5a9b54/original/bg-2xacumula3.jpg);
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: cover;
}
    
#home.context-layouts-show-lanpass-actualiza-gracias #page-content #thanks-lanpass {
    background-image: none;
    background: rgba(27, 47, 104, 0.82);
    color: #000;
    border: 0;
    padding: 20px;
    box-shadow: 0px 1px 3px 0px #333;
}


#home.context-layouts-show-lanpass-actualiza-gracias #page-content #thanks-lanpass h3 {
    color: #fff!important;
    border-color: #fff!important;
}

#home.context-layouts-show-lanpass-actualiza-gracias #page-content #thanks-lanpass h4 {
    color: #fff!important;
}

#widget-cb2db8 {
    display: none;
}

/*#home.context-layouts-show-lanpass-actualiza-gracias #page-content {
    background: #fff;
    padding-top: 20px;
    margin-bottom: 20px;
}*/

#thanks-lanpass h3 {
    font-size: 24px;
    color: #000!important;
    text-transform: uppercase;
    font-weight: 400;
    text-align: center;
    border-top: 2px solid #000!important;
    border-bottom: 2px solid #000!important;
    padding: 5px 0;
    margin-bottom: 40px;
}


#thanks-lanpass h4 {
    font-size: 20px;
    color: #000!important;
    text-transform: uppercase;
    font-weight: 400;
    text-align: center;
    padding: 5px 0;
    margin-bottom: 10px;
}


/**/
body.context-layouts-show-promocionlatampass .content-inner {
    margin: 0 auto;
    display: block;
    max-width: 750px;
    min-width: auto;
}
body.context-layouts-show-promocionlatampass .content-inner form {
    padding: 15px;
}

/* Large desktop */
@media (min-width: 1200px) {
    body.context-layouts-show-promocionlatampass .content-inner {
        margin: 0 auto;
        display: block;
        max-width: 770px;
        min-width: auto;
    }
    body.context-layouts-show-promocionlatampass .content-inner form {
        padding: 15px;
    }
}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    body.context-layouts-show-promocionlatampass .content-inner {
        margin: 0 auto;
        display: block;
        max-width: 80%;
        min-width: auto;
    }
    body.context-layouts-show-promocionlatampass .content-inner form {
        padding: 15px;
    }
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .context-layouts-show-promocionlatampass .content-inner {
        margin: 0 auto;
        display: block;
        max-width: 80%;
        min-width: auto;
    }
    body.context-layouts-show-promocionlatampass .content-inner form {
        padding: 15px;
    }
}
 
/* Landscape phones and down */
@media (max-width: 480px) {
    body.context-layouts-show-promocionlatampass .content-inner {
        margin: 0 auto;
        display: block;
        max-width: 90%;
        min-width: auto;
    }
    body.context-layouts-show-promocionlatampass .content-inner form {
        padding: 15px;
    }
}


body.context-layouts-show-promocionlatampass #content {
    background-color: #f1f1f1;
}

/*body.context-layouts-show-promocionlatampass #content .content-inner {
    background-color: #fff;
}*/




body.context-layouts-show-promocionlatampass #content #widget-aa4c45 p {
    font-size: 20px;
    color: #000;
    text-transform: initial;
    font-weight: 400;
    text-align: center;
    padding: 5px 0;
    margin-bottom: 10px;
}

/*body.context-layouts-show-promocionlatampass #content .content-inner {   
    width: 700px;
    margin: auto;
    margin-bottom: 0;
    position: relative;
    padding: 60px;
    border: 20px solid #FFF;
    position: relative;
    height: 400px;

}*/

body.context-layouts-show-promocionlatampass #content .content-inner .btn {
    background: #2d8ec8;
    color: #FFF;
    filter: none;
    margin: 0 auto;
    display: block;
    width: 190px;
}

/* Large desktop */
@media (min-width: 1200px) { ... }
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { ... }
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    body.context-layouts-show-promocionlatampass #content .content-inner {
        padding: 0 20px;
    }
}
 
/* Landscape phones and down */
@media (max-width: 480px) {
    body.context-layouts-show-promocionlatampass #content .content-inner {
        padding: 0 0px;
    }
}







body.context-layouts-show-promocionlatampass #page-content .page-content-inner {
    background-color: #fff;    
    padding: 20px 0;
}

body.context-layouts-show-promocionlatampass #page-content .page-content-inner form {
    padding: 15px;
}

body.context-layouts-show-promocionlatampass #page-content .page-content-inner form .form-actions {
    background-color: #fff;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}
body.context-layouts-show-promocionlatampass #page-content .page-content-inner h2 {
    text-align: center;
}

body.context-layouts-show-promocionlatampass #page-content .page-content-inner .form-description p {
    text-align: center;
}

body.context-layouts-show-promocionlatampass .users-form-response-form li {
    list-style: none;
}

body.context-layouts-show-promocionlatampass #form-6 li.control-group {
    float: none;
    padding-left: 0;
    width: 100%;
}

body.context-layouts-show-promocionlatampass #form-6 ul.subform-list {
    margin: 0;
    width: 100%;
}

body.context-layouts-show-promocionlatampass li.control-group label {
    color: #000;
}

body.context-layouts-show-promocionlatampass #form-6 li.control-group:nth-child(1) label:after {
    color: #9e9e9e;
    font-style: italic;
    font-size: 10px;
.}

/*body.context-layouts-show-promocionlatampass #form-6 ul.subform-list li:nth-child(1) {
    display: none;
}*/
body.context-layouts-show-promocionlatampass #form-6 ul.subform-list li:nth-child(2) {
    margin: 0;
}

body.context-layouts-show-promocionlatampass #form-6 ul.subform-list li:nth-child(2) input {
    width: 100%;
}



/* Large desktop */
@media (min-width: 1200px) {

    body.context-layouts-show-promocionlatampass .page-content-inner {
        margin: 0 auto;
        display: block;
        max-width: 770px;
        min-width: auto;
    }
    body.context-layouts-show-promocionlatampass .page-content-inner form {
        padding: 15px;
    }

}

body.context-layouts-show-promocionlatampass .page-content-inner {
    margin: 0 auto;
    display: block;
    max-width: 770px;
    min-width: auto;
}
body.context-layouts-show-promocionlatampass .page-content-inner form {
    padding: 15px;
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    body.context-layouts-show-promocionlatampass .page-content-inner {
        margin: 0 auto;
        display: block;
        max-width: 770px;
        min-width: auto;
    }
    body.context-layouts-show-promocionlatampass .page-content-inner form {
        padding: 15px;
    }
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    body.context-layouts-show-promocionlatampass #content .content-inner {
        padding: 0px 20px;
    }
    body.context-layouts-show-promocionlatampass .page-content-inner {
        margin: 0 auto;
        display: block;
        max-width: 80%;
        min-width: auto;
    }
    body.context-layouts-show-promocionlatampass .page-content-inner form {
        padding: 15px;
    }
    
    body.context-layouts-show-promocionlatampass .page-content-inner form .control-group {
        width: 100%;
    }
    
    body.context-layouts-show-promocionlatampass .page-content-inner form #form-6 {
        margin: 0;
        padding: 0;
    }
    
    body.context-layouts-show-promocionlatampass .page-content-inner form #form-6 li {
        margin: 0;
        padding: 0;
        width: 100%;
    }
    body.context-layouts-show-promocionlatampass .page-content-inner h2 {
        padding: 0 20px;
    }
    body.context-layouts-show-promocionlatampass .page-content-inner p {
        padding: 0 20px;
    }
    
}
body.context-layouts-show-promocionlatampass #page-content img, body.context-layouts-show-lanpass-actualiza-gracias img, body.context-layouts-show-gracias img {
    margin: 0 auto;
    display: block;
}
/* Landscape phones and down */
@media (max-width: 480px) {
    body.context-layouts-show-promocionlatampass #content .content-inner {
        padding: 0 0px;
    }
    body.context-layouts-show-promocionlatampass .page-content-inner {
        margin: 0 auto;
        display: block;
        max-width: 90%;
        min-width: auto;
    }
    body.context-layouts-show-promocionlatampass .page-content-inner form {
        padding: 15px;
    }
    body.context-layouts-show-promocionlatampass #page-content img, body.context-layouts-show-lanpass-actualiza-gracias img, body.context-layouts-show-gracias img {
        margin: 0 auto;
        display: block;
        width: 100%;
    }
}




body.context-layouts-show-promocionlatampass #page-content .form-personal-info {
    display: none;
}

body.context-layouts-show-promocionlatampass #page-content .form-body .users-form-response-form > li:last-child {
 display: none;
}

body.context-layouts-show-promocionlatampass #page-content .form-body ul li {
    list-style: none;
}

body.context-layouts-show-promocionlatampass #page-content ul {
    margin: 0 auto;
    padding: 0;
    display: block;
    float: none;
    width: 100%;
}

body.context-layouts-show-promocionlatampass #page-content ul .subform-list input {
    width: 100%;
    height: 40px;
}

body.context-layouts-show-promocionlatampass #page-content .form-actions {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    background-color: #fff;
    border-top: none;
}

body.context-layouts-show-promocionlatampass #page-content .form-actions .btn {
    width: 100%;
}




/*#home.context-layouts-show-lanpass-actualiza-gracias #page-content {
    background: lightblue;
    padding-top: 20px;
    margin-bottom: -50px;
}*/
#thanks-lanpass h3 {
    font-size: 24px;
    color: #FFF;
    text-transform: uppercase;
    font-weight: 400;
    text-align: center;
    border-top: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
    padding: 5px 0;
    margin-bottom: 40px;
}
.lanpassimg {
    width: 300px;
    display: none;
    margin: auto;
    margin-bottom: 100px;
}
#thanks-lanpass h4 {
    font-size: 20px;
    color: #FFF;
    text-transform: uppercase;
    font-weight: 400;
    text-align: center;
    padding: 5px 0;
    margin-bottom: 10px;
}
#thanks-lanpass {
    width: 700px;
    margin: auto;
    margin-bottom: 20px;
    position: relative;
    padding: 60px;
    border: 20px solid #FFF;
    position: relative;
    height:400px;
        background: white;
}
.corner {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100px;
}

@media (max-width: 700px) {
    
    #thanks-lanpass { 
        width: auto;
        padding: 30px;
    }
    #thanks-lanpass h4 { 
        font-size: 18px;    
    }
    .lanpassimg {
        width: 200px;
        display: block;
        margin: auto;
        margin-bottom: 100px;
    }
    #thanks-lanpass h3 {
        font-size: 21px;
    }
    
}


.context-layouts-show-gracias #page-content { 
    padding-top: 20px!important;
    margin-bottom: 0;
}

body#home.context-layouts-show-lanpass-actualiza-gracias #page-content { 
    padding-top: 30px;
}

body#home.context-layouts-show-lanpass-actualiza-gracias #page-content .main-inner {
    width: 90%;
    margin: 0 auto;
}

body.context-layouts-show-lanpass-actualiza-gracias #thanks-lanpass {
    margin: 30px auto;
    padding: 30px 0;
    display: block;
    max-width: 516px;
    min-width: auto;
    height: auto;    
}

body.context-layouts-show-lanpass-actualiza-gracias .page-content-inner {
    margin: 0;
}

body.context-layouts-show-promocionlatampass .page-content-inner {
    margin-left: 0;
    margin-right: 0;
}

@media (max-width: 480px) {
    #home.context-layouts-show-lanpass-actualiza-gracias #page-content #thanks-lanpass img {
        width: 60px;
    }

    body.context-layouts-show-gracias #thanks-lanpass img {
        width: 60px;
    }
    
    
}


body.context-layouts-show-gracias .page-content {
    padding-top: 30px;
    padding-bottom: 30px;
}


body.context-layouts-show-gracias #sessioned-user .spinner {
    text-align: center;
    font-size: 24px;
    padding: 20px 0;
    color: white;
}

body.context-layouts-show-gracias #thanks-lanpass {
    margin: 30px auto;
    padding: 20px;
    display: block;
    max-width: 516px;
    min-width: auto;
    height: auto;   
    border: none;
}

#home.context-layouts-show-gracias #page-content #thanks-lanpass {
    background-image: none;
    background: rgba(27, 47, 104, 0.82);
    color: #000;
    border: 0;
    padding: 20px;
    box-shadow: 0px 1px 3px 0px #333;
}

#home.context-layouts-show-gracias #page-content #thanks-lanpass h3 {
    color: #fff!important;
    border-color: #fff!important;
}

#home.context-layouts-show-gracias #page-content #thanks-lanpass h4 {
    color: #fff!important;
}

#home.context-layouts-show-gracias #page-content #thanks-lanpass .btn-primary {
    width: 200px;
    margin: 0 auto;
}

body#home.context-layouts-show-gracias #page-content .main-inner {
    width: 90%;
    margin: 0 auto;
}

.context-layouts-show-promocionlatampass .rut-error {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
    width: 100%;
    
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: block;
    
}

.context-layouts-show-promocionlatampass .btn-link {
    width: 170px;
    display: block;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    cursor: pointer;
    border-color: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    text-decoration: underline;
}

.invalid input:required:invalid,
.invalid select:required:invalid,
.invalid textarea:required:invalid {
  border-color: #e9322d;
  -webkit-box-shadow: 0 0 6px #f8b9b7;
  -moz-box-shadow: 0 0 6px #f8b9b7;
  box-shadow: 0 0 6px #f8b9b7;
}

/* Large desktop */
@media (min-width: 1200px) { ... }
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    .context-layouts-show-llamanos .llamanos-form .datosCheckbox {
        white-space: nowrap;
    }
}
 
 


.context-layouts-show-llamanos .llamanos-form .datosCheckbox {
    position: relative;
    top: 21px;
}
.context-layouts-show-llamanos .llamanos-form .datosCheckbox .checkbox-container {
    display: inline-block;
    margin-right: 10px;
}
.context-layouts-show-llamanos .llamanos-form .datosCheckbox .checkbox-container input[type="radio"] {
    display: inline-block;
    margin-right: 5px;
}
.context-layouts-show-llamanos .llamanos-form .datosCheckbox .checkbox-container label {
    position: relative;
    display: inline-block;
    margin-bottom: 0;
    top: 3px;
}





/* Landscape phone to portrait tablet */
@media (max-width: 767px) {    
    .context-layouts-show-llamanos #llamenos-layout .span9 {
        margin: 15px 0;
        padding: 20px;
    }
    .context-layouts-show-llamanos #llamenos-layout .row-fluid:nth-child(2) {
        position: relative;
    }
    .context-layouts-show-llamanos #llamenos-layout .row-fluid:nth-child(2) .span10 {
        width: 75%;
    }
    .context-layouts-show-llamanos #llamenos-layout .row-fluid:nth-child(2) .span2 {
        width: 20%;
        position: absolute;
        top: 0;
        right: 0;
    }
    .context-layouts-show-llamanos .llamanos-form .datosCheckbox {
        position: relative;
        top: 0;
    }

}
 
/* Landscape phones and down */
@media (max-width: 480px) { ... }

.context-layouts-show-llamanos {
    background: url(https://copec.modyocdn.com/uploads/a6cab1ae-ecce-4483-a0e7-761472ec1725/original/bg-body.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}









.context-layouts-show-eldatochileturista .tips-chiletur {
    margin: 0;
    padding: 0;
    color: #fff;
}

.context-layouts-show-eldatochileturista #responsive-menu-chiletur, .context-layouts-show-eldatochileturista .wrapper-chiletur, .context-layouts-show-eldatochileturista #menu-chiletur, .context-layouts-show-eldatochileturista footer  {
    display: none!important;
}

.context-layouts-show-eldatochileturista {
  background: url(https://copec.modyocdn.com/uploads/22226a14-da3d-4666-ac6d-0fbb5aa1ff28/original/bg-tips.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.context-layouts-show-eldatochileturista { 
    text-align: center;
    color: #fff;
}

.context-layouts-show-eldatochileturista .widget.widget-text h2 {
    line-height: 50px;
}

.context-layouts-show-eldatochileturista .widget.widget-text h2, .context-layouts-show-eldatochileturista .widget.widget-text h3 { 
    color: #fff;
}

.context-layouts-show-eldatochileturista a.link {
    clear: both;
    display: block;
    color: #fff;
    text-decoration: underline;
    padding: 20px; 
}

.context-layouts-show-eldatochileturista .card {
    margin: 0 auto;
    display: block;
    width: 150px;
}

.context-layouts-show-eldatochileturista .btn-cta {
    margin: 50px auto;
    display: block;
}

.context-layouts-show-eldatochileturista .logo {
    margin: 0 auto;
    display: block;
    width: 316px;
}

.context-layouts-show-eldatochileturista .well{
    box-shadow: none;
    border-radius: 0;
    border: none;
    background: #fff;
}

.context-layouts-show-eldatochileturista .call-to-action {
    margin:0;
    
}

.context-layouts-show-eldatochileturista .page-content-inner h2 {
    display: none;
}

.context-layouts-show-eldatochileturista .page-content-inner .form-description {
    display: none;
}

.context-layouts-show-eldatochileturista .page-content-inner .form-body ul {
    margin: 0;
    padding: 0;
}

.context-layouts-show-eldatochileturista .page-content-inner .form-body ul li {
    list-style: none;
}


.context-layouts-show-eldatochileturista .page-content-inner label {
    text-align: left;
    color: #000;
}

.context-layouts-show-eldatochileturista .page-content-inner input[type="text"] {
    width: 100%;
}

.context-layouts-show-eldatochileturista .page-content-inner input[type="email"] {
    width: 100%;
}

.context-layouts-show-eldatochileturista .page-content-inner textarea {
    width: 100%;
    min-height: 150px;
}

.context-layouts-show-eldatochileturista .page-content-inner select {
    width: 100%;
    background-color: #fff;
    border: 1px solid #ccc;
}

.context-layouts-show-eldatochileturista .menu-btn {
    float: right;
}

.context-layouts-show-eldatochileturista .call-to-action {
    margin: 50px 0;
}

.context-layouts-show-eldatochileturista .page-content-inner input {
    box-shadow: none;
}


/* Large desktop */
@media (min-width: 1200px) {
    .context-layouts-show-eldatochileturista .logo {
        width: 316px;
    }
    .context-layouts-show-eldatochileturista .widget.widget-text h2 {
        font-size: 50px;
    }
    .context-layouts-show-eldatochileturista .widget.widget-text h3 {
        font-size: 24px;
    }
    .context-layouts-show-eldatochileturista .btn-cta {
        width: 66px;
        margin: 50px auto;
    }
    .context-layouts-show-eldatochileturista #widget-a50743 .container {
        width: 880px!important;
    }
    .context-layouts-show-eldatochileturista .inner {
        margin: 50px 0;
    }


}

 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { ... }
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .context-layouts-show-eldatochileturista .menu-btn {
        top: 20px;
        position: absolute;
        right: 20px;
    }


}
 
/* Landscape phones and down */
@media (max-width: 480px) { ... }

.cmn-t-pulse {
  animation: pulse 1s ease infinite;
  /* transition: transform 0.2s; */
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

.context-layouts-show-eldatochileturista ul.nav li.dropdown:hover>ul.dropdown-menu {
    position: absolute;
    right: 0;
    left: initial;
    border-radius: 0;
    margin: -3px 0 0;
}

.context-layouts-show-eldatochileturista ul.nav li.dropdown:hover>ul.dropdown-menu li {
    text-align: left;
}

.context-layouts-show-eldatochileturista ul.nav li.dropdown:hover>ul.dropdown-menu li a:hover {
    background: #f1f1f1;
    color: #666;
}



/* Large desktop */
@media (min-width: 1200px) { ... }
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { ... }
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .tips-chiletur .nav {
        margin-top: -23px;
    }    
    .context-layouts-show-eldatochileturista .call-to-action {
        margin: 30px 0;
    }
    .context-layouts-show-eldatochileturista .widget.widget-text h2 {
        line-height: 33px;
    }
    .context-layouts-show-eldatochileturista .widget.widget-text h3 {
        line-height: 22px;
    }
    .context-layouts-show-eldatochileturista .btn-cta {
        margin: 31px auto;
    }

    .context-layouts-show-eldatochileturista .form-actions .inner .btn {
        width: 100%;
    }

}
 
/* Landscape phones and down */
@media (max-width: 480px) { ... }


.context-layouts-show-eldatochileturista #widget-403889 {
    background-color: rgba(0, 0, 0, 0.6);
    overflow-x: hidden;
}


.context-layouts-show-eldatochileturista .form-actions {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    background-color: #fff;
    border-top: none;
}

.context-layouts-show-eldatochileturista .form-actions .inner {
    margin: 0;
}

.context-layouts-show-eldatochileturista .form-actions .inner .btn {
    float: right;
}



.context-layouts-show-eldatochileturista .form-actions .inner .btn.btnAdd {
    margin-right: 10px;
    float: initial;
}
.context-layouts-show-eldatochileturista .form-actions .inner .btn {
    float: initial;
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .context-layouts-show-eldatochileturista .form-actions .inner .btn.btnAdd {
        width: 100%;
        margin-right: 0;
        float: initial;
        margin-bottom: 10px;
    }
    .context-layouts-show-eldatochileturista .form-actions .inner .btn {
        width: 100%;
        margin-right: 0;
        float: initial;
    }
}

.context-layouts-show-eldatochileturista.form-body li:nth-child(7):before {
    content:'Ingresa un Segundo dato';
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 40px;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
    text-align: left;
}

.form-body li:nth-child(11):before {
    content:'Ingresa un Tercer dato';
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 40px;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
    text-align: left;
}




/**GRACIAS**/

.context-layouts-show-gracias-por-el-dato {
  background: url(https://copec.modyocdn.com/uploads/22226a14-da3d-4666-ac6d-0fbb5aa1ff28/original/bg-tips.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    
}


.context-layouts-show-gracias-por-el-dato .tips-chiletur {
    margin: 30px 0;
    min-height: 241px;
    padding: 20px;
}


.context-layouts-show-gracias-por-el-dato .logo {
    width: 316px;    
    margin: 0 auto;
    display: block;
}


.context-layouts-show-gracias-por-el-dato .call-to-action {
    margin: 40px 0;
}

.context-layouts-show-gracias-por-el-dato .wrapper-chiletur {
    background: #f1f1f1;
}

.context-layouts-show-gracias-por-el-dato #widget-628689 {
    background-color: rgba(0, 0, 0, 0.6);
    overflow-x: hidden;
}
.context-layouts-show-eldatochileturista #widget-a50743 {
    background-color: rgba(0, 0, 0, 0.6);
    /*overflow-x: hidden;*/
}


#sessioned-user h3, #sessioned-user h4 {
    text-align: center;
}


@media (min-width: 1200px) {
    .context-layouts-show-gracias-por-el-dato .widget.widget-text h2 {
        font-size: 50px;
    }
}

.context-layouts-show-gracias-por-el-dato .call-to-action {
    margin: 100px 0;
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .context-layouts-show-gracias-por-el-dato .call-to-action {
        margin: 30px 0;
    }
    .context-layouts-show-gracias-por-el-dato .tips-chiletur {
        margin: 0 0;
        min-height: 241px;
        padding: 0px;
    }

}


.context-layouts-show-gracias-por-el-dato .widget.widget-text h2 {
    color: #fff;
}
.context-layouts-show-gracias-por-el-dato .widget.widget-text h3 {
    color: #fff;
    font-size: 24px;
}

.context-layouts-show-gracias-por-el-dato .widget.widget-text h4 {
    color: #fff;
    font-size: 24px;
    font-weight: 300;
    line-height: 30px;
}

.context-layouts-show-gracias-por-el-dato .widget.widget-text h4 a {
    color: #fff;
}

.context-layouts-show-gracias-por-el-dato .widget.widget-text h4 a .btn-primary {
    clear: both;
    display: block;
    margin: 20px auto;
    width: 200px;
    font-size: 16px;
    font-weight: 400;
}








/**GRACIAS**/

.context-layouts-show-gracias-dato-chileturista {
  background: url(https://copec.modyocdn.com/uploads/22226a14-da3d-4666-ac6d-0fbb5aa1ff28/original/bg-tips.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    
}


.context-layouts-show-gracias-dato-chileturista .tips-chiletur {
    margin: 30px 0;
    min-height: 241px;
    padding: 20px;
}


.context-layouts-show-gracias-dato-chileturista .logo {
    width: 316px;    
    margin: 0 auto;
    display: block;
}


.context-layouts-show-gracias-dato-chileturista .call-to-action {
    margin: 40px 0;
}

.context-layouts-show-gracias-dato-chileturista .wrapper-chiletur {
    background: #f1f1f1;
}

.context-layouts-show-gracias-dato-chileturista #widget-628689 {
    background-color: rgba(0, 0, 0, 0.6);
    overflow-x: hidden;
}
.context-layouts-show-eldatochileturista #widget-a50743 {
    background-color: rgba(0, 0, 0, 0.6);
    /*overflow-x: hidden;*/
}

.context-layouts-show-gracias-dato-chileturista #widget-abcdd2 {
    background-color: rgba(0, 0, 0, 0.6);
    overflow-x: hidden;
}


#sessioned-user h3, #sessioned-user h4 {
    text-align: center;
}

.context-layouts-show-gracias-dato-chileturista #thanks-lanpass {
    background-color: transparent;
    margin: 0 auto;
    padding: 0;
    border: none;
}


.context-layouts-show-gracias-dato-chileturista #thanks-lanpass h3, .context-layouts-show-gracias-dato-chileturista #thanks-lanpass h4  { 
    color: #fff!important;
    margin: 0;
    border: none!important;
}

@media (min-width: 1200px) {
    .context-layouts-show-gracias-dato-chileturista .widget.widget-text h2 {
        font-size: 50px;
    }
}

.context-layouts-show-gracias-dato-chileturista .call-to-action {
    margin: 100px 0;
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .context-layouts-show-gracias-dato-chileturista .call-to-action {
        margin: 30px 0;
    }
    .context-layouts-show-gracias-dato-chileturista .tips-chiletur {
        margin: 0 0;
        min-height: 241px;
        padding: 0px;
    }

}


.context-layouts-show-gracias-dato-chileturista .widget.widget-text h2 {
    color: #fff;
}
.context-layouts-show-gracias-dato-chileturista .widget.widget-text h3 {
    color: #fff;
    font-size: 24px;
}

.context-layouts-show-gracias-dato-chileturista .widget.widget-text h4 {
    color: #fff;
    font-size: 24px;
    font-weight: 300;
    line-height: 30px;
}

.context-layouts-show-gracias-dato-chileturista .widget.widget-text h4 a {
    color: #fff;
}

.context-layouts-show-gracias-dato-chileturista .widget.widget-text h4 a .btn-primary {
    clear: both;
    display: block;
    margin: 20px auto;
    width: 200px;
    font-size: 16px;
    font-weight: 400;
}



@media (min-width: 1200px) {
    #widget-403889 .container {
        width: 810px!important;    
    }
    #widget-628689 .container {
        width: 810px!important;    
    }
}


/*
html body.context-layouts-show-eldatochileturista div:nth-child(2) {
    height: initial!important;
}
*/









.context-products-show #new-description .pull-left a img {
    padding-top: 3px;
    width: 20px;
    float: left;
    max-height: 240px;
    margin-right: 6px;
}

.context-products-show #new-description .pull-left img {
    margin-right: 6px;
    
}

.context-products-show #new-description .pull-left {
    width: 100%;
}
.context-products-show #new-description .pull-left a {
    width: 100%;
    float: left;
    text-align: left;
}

.context-products-show #new-description .pull-left a span {
    float: left;
    margin-top: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90%;
}


.context-products-show #new-description .columns-2 > li a span {
    float: left;
    margin-top: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90%;
        
}


/* Large desktop */
@media (min-width: 1200px) { ... }
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { ... }
 
/* Landscape phone to portrait tablet */
@media (max-width: 1199px) {
    .context-products-show #new-description .pull-left {
        width: 100%;
    }
    .context-products-show #new-description .pull-left a {
        width: 100%;
        float: left;
        text-align: left;
    }
    #new-description .columns-2 > li, #new-description .columns-4 > li {
        width: 100%;
    }
}
 
/* Landscape phones and down */
@media (max-width: 480px) {
    .context-products-show #new-description .pull-left a span {
        width: 88%;
    }
    .context-products-show #new-description .columns-2 > li a span {
        width: 88%;
    }
}











.context-layouts-show-llamanos-copec, .context-layouts-show-llamanos-copec-gracias {
    background: url(https://copec.modyocdn.com/uploads/a6cab1ae-ecce-4483-a0e7-761472ec1725/original/bg-body.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.context-layouts-show-llamanos-copec input[type="email"] {
    width: 100%;
}

@media (max-width: 767px) {
    .context-layouts-show-llamanos-copec #llamenos-layout .span9 {
        margin: 15px 0;
        padding: 20px;
    }
    .context-layouts-show-llamanos-copec input[type="email"] {
        width: 100%;
    }
}


@media (max-width: 480px) {
    .context-layouts-show-llamanos-copec, .context-layouts-show-llamanos-copec-gracias {
        background: url(https://copec.modyocdn.com/uploads/a6cab1ae-ecce-4483-a0e7-761472ec1725/original/bg-body.jpg);
        background-size: cover;
        background-position: bottom center;
    }
}

#modyo-8e4b23e8-cb8a-46fe-83a9-ff800ccde886 ul {
    margin: 0;
    padding: 0;
}

#modyo-8e4b23e8-cb8a-46fe-83a9-ff800ccde886 ul li {
    list-style: none;
}

#modyo-8e4b23e8-cb8a-46fe-83a9-ff800ccde886 h2 {
    display: none;
}

#modyo-8e4b23e8-cb8a-46fe-83a9-ff800ccde886 .form-description {
    display: none;
}



#modyo-8e4b23e8-cb8a-46fe-83a9-ff800ccde886 .form-actions {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    background-color: #fff;
    border-top: none;
}

.context-layouts-show-llamanos-copec .form-body #form-12 li:nth-child(1) .subform-list li {
    display: inline-block;
}














/* Large desktop */
@media (min-width: 1200px) {
header {
z-index: 300;
}
}
@media (min-width: 980px) {
header {
z-index: 300;
}
}




/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

.context-promotion-show .information-fluid .information-detail {
display: block;
overflow: hidden;
clear: both;
}


}


#canal-industrial {
    font-size: 16px;      
}

#canal-industrial #inicio {
    height: 90%;
    text-align: center;
    background: url(https://copec.modyocdn.com/uploads/6971da24-c86c-465b-9b2d-9474950644de/original/canalindustrial4.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
    height: 680px;
    
    
    
    background-position:center;
    transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    

}
#canal-industrial #inicio:before {
    background-color: rgba(0, 0, 0, 0.50);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content:'';
}

#canal-industrial #inicio .call-to-action {
    position: absolute;
    z-index: 10;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 104px;
}
#canal-industrial #inicio .call-to-action h1 {
    color:#fff;
    font-size: 70px;
}

#canal-industrial #inicio .call-to-action h2 {
    color:#fff;
    font-size: 50px;
}

#canal-industrial #inicio .call-to-action .play {
    margin: 0 auto;
    display: block;
}

#canal-industrial #inicio .arrow-down {
    margin: 0 auto;
    display: block;
    position: absolute;
    right: 0;
    bottom: 20px;
    left: 0;
    z-index: 10;
}

#canal-industrial .resize {
    transform: scale(1.1);
}
#canal-industrial .resize .call-to-action, .resize .arrow-down { 
    transform: none!important;
}

@-webkit-keyframes fadeOut {
    0% {opacity: 1;}
    100% {opacity: 0;}
}
 
@keyframes fadeOut {
    0% {opacity: 1;}
    100% {opacity: 0;}
}

#canal-industrial .owl-carousel .owl-item.owl-animated-in.fadeIn {   
    margin: 0;
}

/*hide elements*/
 body.context-layouts-show-canal-industrial-nuevo #registro, body.context-layouts-show-canal-industrial-nuevo header {
    display: none;
}







@media (max-width: 480px) {
    #canal-industrial #inicio {
        height: 520px;
    }
    #canal-industrial #inicio .call-to-action h1 {
        font-size: 40px;
    line-height: 40px;
    }
    #canal-industrial #inicio .call-to-action h2 {
        line-height: 25px;
        font-size: 26px;
    }

}








/*SERVICIO*/
#canal-industrial #servicio .container, #canal-industrial #servicio .container-fluid  {
    background-color: #fff;
}

#canal-industrial #servicio .container-fluid .row-fluid {
    background-color: #0D47A1;
}

#canal-industrial #servicio .container h2, #canal-industrial #servicio .container-fluid h2 {
    color: #fff;
}

#canal-industrial #servicio .container p, #canal-industrial #servicio .container-fluid p {
    color: #fff;
}


#canal-industrial #nosotros img, #canal-industrial #servicio img {
    width: 100%;
}




#canal-industrial #servicio .btn img {
    width: auto;
}

 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    #canal-industrial #servicio .span6 {
        padding-left: 0!important;
        padding-right: 0!important;
    }
    #canal-industrial .resize {
        transform: none;
    }
    
}
 
@media (max-width: 480px) {
    #canal-industrial .owl-carousel.owl-drag .owl-item {
        height: 640px;
        top: 0;
    }
}



#canal-industrial .btn-primary {
    border-radius: 23px;
    height: 42px;
    line-height: 30px;
    min-width: 100px;
    font-size: 14px;
    text-transform: uppercase;
}


#canal-industrial .section h2 {
    color: #0D47A1;
    font-size: 41px;
    margin-top: 80px;
    margin-bottom: 40px;
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    #canal-industrial .section h2 {
        font-size: 31px;
    }
}

#canal-industrial .section h2:after {
    width: 58px;
    height: 3px;
    background-color: #D52B1E;
    content: '';
    display: block;
    position: absolute;
    margin-top: 5px;
}

#canal-industrial ul li {
    font-size: 16px;    
    color: #fff;
    line-height: 26px;
}



#canal-industrial .btn-pdf {
    border-radius: 23px;
    height: 42px;
    line-height: 30px;
    min-width: 100px;
    font-size: 14px;
    text-transform: uppercase;
    background-color: #E53935;
}


#canal-industrial .btn-pdf img {
    margin-right: 10px;
}

#canal-industrial .btn-primary a {
    color: #fff;
}


#canal-industrial #nosotros .container-fluid .row-fluid .span6:nth-child(1) {
    padding: 0 20px!important;
}

@media (max-width: 767px) {  
    #canal-industrial .span6 {
        width: 100%!important;
    }
}




/* -------------------------------- 

1. Auto-Hiding Navigation - Simple

-------------------------------- */
.cd-auto-hide-header {
  font-size: 16px;
  position: fixed;
  z-index: 200;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background-color: #0055BB;
  /* Force Hardware Acceleration */
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  will-change: transform;
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s;
}
.cd-auto-hide-header::after {
  clear: both;
  content: "";
  display: block;
}
.cd-auto-hide-header.is-hidden {
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
}
@media only screen and (min-width: 1024px) {
  .cd-auto-hide-header {
    height: 56px;
  }
}

.cd-auto-hide-header .logo,
.cd-auto-hide-header .nav-trigger {
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.cd-auto-hide-header .logo {
  left: 5%;
}
.cd-auto-hide-header .logo a, .cd-auto-hide-header .logo img {
  display: block;
}

.cd-auto-hide-header .nav-trigger {
  /* vertically align its content */
  display: table;
  height: 100%;
  padding: 0 1em;
  text-transform: uppercase;
  color: #25283D;
  font-weight: bold;
  right: 0;
  border-left: none;
}
.cd-auto-hide-header .nav-trigger span {
  /* vertically align inside parent element */
  display: table-cell;
  vertical-align: middle;
}
.cd-auto-hide-header .nav-trigger em, .cd-auto-hide-header .nav-trigger em::after, .cd-auto-hide-header .nav-trigger em::before {
  /* this is the menu icon */
  display: block;
  position: relative;
  height: 2px;
  width: 22px;
  background-color: #25283D;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.cd-auto-hide-header .nav-trigger em {
  /* this is the menu central line */
  margin: 13px auto 14px;
  -webkit-transition: background-color .2s;
  transition: background-color .2s;
}
.cd-auto-hide-header .nav-trigger em::before, .cd-auto-hide-header .nav-trigger em::after {
  position: absolute;
  content: '';
  left: 0;
  -webkit-transition: -webkit-transform .2s;
  transition: -webkit-transform .2s;
  transition: transform .2s;
  transition: transform .2s, -webkit-transform .2s;
}
.cd-auto-hide-header .nav-trigger em::before {
  /* this is the menu icon top line */
  -webkit-transform: translateY(-6px);
      -ms-transform: translateY(-6px);
          transform: translateY(-6px);
}
.cd-auto-hide-header .nav-trigger em::after {
  /* this is the menu icon bottom line */
  -webkit-transform: translateY(6px);
      -ms-transform: translateY(6px);
          transform: translateY(6px);
}
@media only screen and (min-width: 1024px) {
  .cd-auto-hide-header .nav-trigger {
    display: none;
  }
}

.cd-auto-hide-header.nav-open .nav-trigger em {
  /* transform menu icon into a 'X' icon */
  background-color: rgba(255, 255, 255, 0);
}
.cd-auto-hide-header.nav-open .nav-trigger em::before {
  /* rotate top line */
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.cd-auto-hide-header.nav-open .nav-trigger em::after {
  /* rotate bottom line */
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.cd-primary-nav {
  display: inline-block;
  float: right;
  height: 100%;
  padding-right: 5%;
}
.cd-primary-nav > ul {
  position: absolute;
  z-index: 2;
  top: 60px;
  left: 0;
  width: 100%;
  background-color: #ffffff;
  display: none;
  box-shadow: 0 14px 20px rgba(0, 0, 0, 0.2);
}
.cd-primary-nav > ul a {
  /* target primary-nav links */
  display: block;
  height: 50px;
  line-height: 50px;
  padding-left: 5%;
  color: #25283D;
  border-top: 1px solid #f2f2f2;
}
.cd-primary-nav > ul a:hover, .cd-primary-nav > ul a.active {
  color: #8F3985;
}
@media only screen and (min-width: 1024px) {
  .cd-primary-nav {
    /* vertically align its content */
    display: table;
  }
  .cd-primary-nav > ul {
    /* vertically align inside parent element */
    display: table-cell;
    vertical-align: middle;
    /* reset mobile style */
    position: relative;
    width: auto;
    top: 0;
    padding: 0;
    background-color: transparent;
    box-shadow: none;
  }
  .cd-primary-nav > ul::after {
    clear: both;
    content: "";
    display: block;
  }
  .cd-primary-nav > ul li {
    display: inline-block;
    float: left;
    margin-right: 1.5em;
    font-size: 16px;
  }
  .cd-primary-nav > ul li:last-of-type {
    margin-right: 0;
  }
  .cd-primary-nav > ul a {
    /* reset mobile style */
    height: auto;
    line-height: normal;
    padding: 0;
    border: none;
  }
}

.nav-open .cd-primary-nav ul,
.cd-primary-nav ul:target {
  /* 
      show primary nav - mobile only 
      :target is used to show navigation on no-js devices
  */
  display: block;
}
@media only screen and (min-width: 1024px) {
  .nav-open .cd-primary-nav ul,
  .cd-primary-nav ul:target {
    display: table-cell;
  }
}

/* -------------------------------- 

2. Auto-Hiding Navigation - with Sub Nav

-------------------------------- */
.cd-secondary-nav {
  position: relative;
  z-index: 1;
  clear: both;
  width: 100%;
  height: 50px;
  background-color: #25283D;
  /* Force Hardware Acceleration */
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  will-change: transform;
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s;
}
.cd-secondary-nav::after {
  /* gradient on the right - to indicate it's possible to scroll */
  content: '';
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 100%;
  width: 35px;
  background: transparent;
  background: -webkit-linear-gradient(right, #25283D, rgba(37, 40, 61, 0));
  background: linear-gradient(to left, #25283D, rgba(37, 40, 61, 0));
  pointer-events: none;
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
}
.cd-secondary-nav.nav-end::after {
  opacity: 0;
}
.cd-secondary-nav ul, .cd-secondary-nav li, .cd-secondary-nav a {
  height: 100%;
}
.cd-secondary-nav ul {
  /* enables a flex context for all its direct children */
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 5%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.cd-secondary-nav ul::after {
  clear: both;
  content: "";
  display: block;
}
.cd-secondary-nav li {
  display: inline-block;
  float: left;
  /* do not shrink - elements float on the right of the element */
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.cd-secondary-nav li:last-of-type {
  padding-right: 20px;
}
.cd-secondary-nav a {
  display: block;
  color: #ffffff;
  opacity: .6;
  line-height: 50px;
  padding: 0 1em;
}
.cd-secondary-nav a:hover, .cd-secondary-nav a.active {
  opacity: 1;
}
@media only screen and (min-width: 1024px) {
  .cd-secondary-nav {
    height: 70px;
    overflow: visible;
  }
  .cd-secondary-nav ul {
    /* reset mobile style */
    display: block;
    text-align: center;
  }
  .cd-secondary-nav li {
    /* reset mobile style */
    float: none;
    -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
            flex-shrink: 1;
  }
  .cd-secondary-nav a {
    line-height: 70px;
  }
  .cd-secondary-nav a.active {
    box-shadow: inset 0 -3px #8F3985;
  }
}

/* -------------------------------- 

3. Auto-Hiding Navigation - with Sub Nav + Hero Image

-------------------------------- */
.cd-secondary-nav.fixed {
  position: fixed;
  top: 60px;
}
.cd-secondary-nav.slide-up {
  -webkit-transform: translateY(-60px);
      -ms-transform: translateY(-60px);
          transform: translateY(-60px);
}
@media only screen and (min-width: 1024px) {
  .cd-secondary-nav.fixed {
    top: 80px;
    /* fixes a bug where nav and subnab move with a slight delay */
    box-shadow: 0 -6px 0 #25283D;
  }
  .cd-secondary-nav.slide-up {
    -webkit-transform: translateY(-80px);
        -ms-transform: translateY(-80px);
            transform: translateY(-80px);
  }
}

/* -------------------------------- 

Main content

-------------------------------- */
.cd-main-content {
  padding: 60px 5% 2em;
  overflow: hidden;
}
.cd-main-content.sub-nav {
  /* to be used if there is sub nav */
  padding-top: 110px;
}
.cd-main-content.sub-nav-hero {
  /* to be used if there is hero image + subnav */
  padding-top: 0;
}
.cd-main-content.sub-nav-hero.secondary-nav-fixed {
  margin-top: 50px;
}
.cd-main-content p {
  max-width: 1024px;
  line-height: 1.6;
  margin: 2em auto;
  font-family: "David Libre", serif;
  color: #a5a8a9;
}
@media only screen and (min-width: 1024px) {
  .cd-main-content {
    padding-top: 80px;
  }
  .cd-main-content.sub-nav {
    padding-top: 150px;
  }
  .cd-main-content.sub-nav-hero.secondary-nav-fixed {
    margin-top: 70px;
  }
  .cd-main-content p {
    font-size: 2.4rem;
  }
}

/*
	adjust the positioning of in-page links
	http://nicolasgallagher.com/jump-links-and-viewport-positioning/
*/
.cd-main-content.sub-nav :target::before,
.cd-main-content.sub-nav-hero :target::before {
  display: block;
  content: "";
  margin-top: -50px;
  height: 50px;
  visibility: hidden;
}
@media only screen and (min-width: 1024px) {
  .cd-main-content.sub-nav :target::before,
  .cd-main-content.sub-nav-hero :target::before {
    margin-top: -70px;
    height: 70px;
  }
}

/* -------------------------------- 

Intro Section

-------------------------------- */
.cd-hero {
  /* vertically align its content */
  display: table;
  width: 100%;
  margin-top: 60px;
  height: 300px;
  background: url(../img/cd-hero-background.jpg) no-repeat center center;
  background-size: cover;
}
.cd-hero .cd-hero-content {
  /* vertically align inside parent element */
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .cd-hero {
    height: 400px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-hero {
    height: 600px;
    margin-top: 80px;
  }
}

/*custom*/

.cd-primary-nav {
    display: block;
    width: 100%;
    padding: 0;
}

.cd-primary-nav .tab-content {
    border: none;
    padding: 20px;
}

.cd-primary-nav .nav-tabs {
    border-bottom: none;
    display: table;
    margin: 0 auto;
    overflow-y: scroll;
    white-space: nowrap;
}

#canal-industrial .tab-content {
    border: none;
    padding: 0;
}

#cd-navigation .nav-tabs li a {
    color: #fff;
    cursor: default;
    border: 2px solid rgba(255, 255, 255, 0.25);
    background: transparent;
    border-radius: 20px;
    padding: 5px 10px;
}

#cd-navigation .nav-tabs li a:hover {
    cursor: pointer;
}
#cd-navigation .nav-tabs>.active>a {
    color: #0055BB;
    cursor: default;
    border: 2px solid #fff;
    background: #fff;
    border-radius: 20px;
    padding: 5px 10px;
}

#cd-navigation .OneLevel {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    background-color: #0055BB;
    overflow-x: scroll;
}

#cd-navigation .SecondLevel {
    background-color: #4D4E4C;
    padding-left: 0;
    margin-top: 0;
    overflow-x: overlay;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    
}
#cd-navigation .SecondLevel li:nth-child(1), #cd-navigation .ThirdLevel li:nth-child(1){
    margin-left: 20px;
}
#cd-navigation .ThirdLevel {
    background-color: #7b7b7b; 
    padding-left: 0;
    padding-right: 0;
    margin-top: 0;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
    overflow-x: overlay;
    padding-top: 0;
    padding-bottom: 0;
}
    
#cd-navigation .SecondLevel li {
    padding-top: 10px;
    padding-bottom: 10px;
    float: none;
    text-align: center;
}    

#cd-navigation .ThirdLevel li {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
    float: none;
}

.cd-primary-nav > ul {
    display: block;
    vertical-align: middle;
    position: relative;
    width: auto;
    top: 0;
    padding: 0;
    background-color: transparent;
    box-shadow: none;
    margin: 0;
}

.cd-auto-hide-header.is-hidden {
    height: 106px;    
}

/* Large desktop */
@media (min-width: 1200px) { ... }

@media (max-width: 1023px) {
    .cd-auto-hide-header #cd-navigation {
        display: none;
    } 
    .cd-auto-hide-header.nav-open #cd-navigation {
        display: block;
    }    
}

@media (min-width: 980px) and (max-width: 1023px) {
    .cd-auto-hide-header { 
        background-color: #0055BB;
    }
    .cd-primary-nav {
        background-color: #0055BB;
    }
    #cd-navigation .OneLevel {
        margin-top: 60px;
    }    
    #cd-navigation .SecondLevel li {
        display: inline-block;
    }    
    .cd-primary-nav > ul a {
        height: 40px;
        line-height: 25px;
    }
    .cd-primary-nav .nav-tabs {
        white-space: nowrap; 
        display: block;   
    }
    .cd-auto-hide-header.is-hidden {
        height: 240px;    
    }
    
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    .cd-auto-hide-header { 
        background-color: #0055BB;
    }
    .cd-primary-nav {
        background-color: #0055BB;
    }
    #cd-navigation .OneLevel {
        margin-top: 60px;
    }    
    #cd-navigation .SecondLevel li {
        display: inline-block;
    }    
    .cd-primary-nav > ul a {
        height: 40px;
        line-height: 25px;
    }
    .cd-primary-nav .nav-tabs {
        white-space: nowrap; 
        display: block;   
    }
    .cd-auto-hide-header.nav-open.is-hidden {
        height: 180px;    
    }
 }


/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .cd-auto-hide-header { 
        background-color: #0055BB;
    }
    .cd-primary-nav {
        background-color: #0055BB;
    }
    #cd-navigation .OneLevel {
        margin-top: 60px;
    }    
    #cd-navigation .SecondLevel li {
        display: inline-block;
    }    
    .cd-primary-nav > ul a {
        height: 40px;
        line-height: 25px;
    }
    .cd-primary-nav .nav-tabs {
        white-space: nowrap; 
        display: block;   
    }
    .cd-auto-hide-header.nav-open.is-hidden {
        height: 180px;    
    }
    #canal-industrial #servicio .span6:nth-child(2) {
        padding-left: 20px!important;
        padding-right: 20px!important;    
    }
    #canal-industrial .btn-pdf {
        padding-left: 10px;
        margin-bottom: 20px;
        padding-right: 10px; 
        width: 100%;  
    }
    #canal-industrial .btn-pdf img {
        margin-right: 5px;
    }

}
 
/* Landscape phones and down */
@media (max-width: 480px) { ... } 
    
.cd-auto-hide-header .nav-trigger em, .cd-auto-hide-header .nav-trigger em::after, .cd-auto-hide-header .nav-trigger em::before {
    background-color: #fff;
}  

.cd-auto-hide-header .nav-trigger span {
    color: #fff;
}
    
.cd-auto-hide-header .nav-trigger:focus {
    text-decoration: none;  
}  

#nosotros .container-fluid #nosotros .container-fluid {
    padding: 0;    
}

#nosotros .container-fluid #servicio .container-fluid {
    padding: 0;    
}

#canal-industrial #nosotros #servicio .container-fluid .row-fluid .span6:nth-child(1) {
    padding: 0 0px!important;
}

#ServiciosWeb #myTab.nav-tabs>li a {
    color: #555;
    margin: 0;
    background-color: #f1f1f1;
}

#ServiciosWeb #myTab.nav-tabs>.active>a {
    color: #fff;
    background: #0d47a1;
}

/* Large desktop */
@media (min-width: 1200px) { ... }
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { ... }
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    #ServiciosWeb h2 {
        padding-left: 20px;
        padding-right: 20px;
    }
    #ServiciosWeb .tab-pane h2 {
        padding-left: 0;
        padding-right: 0;
        margin-top: 32px;
    }
    #ServiciosWeb #myTab {
        padding: 0 20px;
        border: none;
        overflow-x: scroll;
        white-space: nowrap;
    }
    #ServiciosWeb #myTab li {
        display: inline-block;
        float: none;
    }
    
    #canal-industrial .table-content {
        padding-left: 20px;
        padding-right: 20px;    
    }

}
 
/* Landscape phones and down */
@media (max-width: 480px) { ... }


#PedidosWeb #nosotros ul li {
    color: #000;
}


#canal-industrial .table {
    margin-bottom: 60px;
}

#canal-industrial .table i{
    text-align: center;
    display: block;
}
    

@media only screen and (max-width: 992px) {
#canal-industrial table.responsive-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    display: block;
    position: relative;
    /* sort out borders */
}
#canal-industrial table.responsive-table td:empty:before {
    content: '\00a0';
  }
#canal-industrial table.responsive-table th,
#canal-industrial table.responsive-table td {
    margin: 0;
    vertical-align: top;
  }
#canal-industrial table.responsive-table th {
    text-align: left;
  }
#canal-industrial table.responsive-table thead {
    display: block;
    float: left;
  }
#canal-industrial table.responsive-table thead tr {
    display: block;
    padding: 0 0 0 0;
  }
#canal-industrial table.responsive-table thead tr th::before {
    content: "\00a0";
  }
#canal-industrial table.responsive-table tbody {
    display: block;
    width: auto;
    position: relative;
    overflow-x: auto;
    white-space: nowrap;
  }
#canal-industrial table.responsive-table tbody tr {
    display: inline-block;
    vertical-align: top;
  }
#canal-industrial table.responsive-table th {
    display: block;
    text-align: right;
  }
#canal-industrial table.responsive-table td {
    display: block;
    min-height: 1.25em;
    text-align: left;
  }
#canal-industrial table.responsive-table tr {
    padding: 0 10px;
  }
#canal-industrial table.responsive-table thead {
    border: 0;
    border-right: 1px solid #d0d0d0;
  }
#canal-industrial table.responsive-table.bordered th {
    border-bottom: 0;
    border-left: 0;
  }
#canal-industrial table.responsive-table.bordered td {
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
  }
#canal-industrial table.responsive-table.bordered tr {
    border: 0;
  }
#canal-industrial table.responsive-table.bordered tbody tr {
    border-right: 1px solid #d0d0d0;
  }
  
  
    #myModalVideoLaboratorio, #myModalVideoTornadoClean {
        box-shadow: none;
        padding: 0;
        background: transparent;
        border: none;
        top: 0!important;
        position: fixed;
    }
    #myModalVideoLaboratorio .modal-header, #myModalVideoTornadoClean .modal-header {
        padding: 19px 13px;
    }
    
    #canal-industrial .table {
        overflow-x: scroll;
        margin-bottom: 60px;
        overflow-y: hidden;
        width: 100%;
        display: block;
    }
    
    .section.contentExtra {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .section.contentExtra p {
        color: #000;
    }
    
    #canal-industrial .section.contentExtra ul li {
        color: #000;
    }

}        
    
#canal-industrial .video {
    position: relative;    
    background-color: #000;
    margin-top: 34px;
}      
    
#canal-industrial .icon-play {
    width: 73px;
    height: 87px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    font-size: 90px;
    margin: auto;
    display: block;
    color: #fff;
    z-index: 10;
}     
    
#canal-industrial .video img {
    opacity: 0.5;    
}   
    
#canal-industrial .video a {
    background-color: transparent;
    margin: 0;
    padding: 0;
}

#myModalVideoLaboratorio, #myModalVideoTornadoClean, #myModalVideoMicroDiesel {
    box-shadow: none;
    padding: 0;
    background: transparent;
    border: none;
}

#myModalVideoLaboratorio .modal-header, #myModalVideoTornadoClean .modal-header, #myModalVideoMicroDiesel .modal-header {
    padding: 19px 0;
    border-bottom: none;
    height: 64px;
}

#myModalVideoLaboratorio .modal-header .close, #myModalVideoTornadoClean .modal-header .close, #myModalVideoMicroDiesel .modal-header .close {
    color: #fff;
    opacity: 0.9;
    margin-top: 2px;
    font-size: 30px;
}



/* YouTube Responsive CSS */

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0; 
    overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



    
#canal-industrial #TornadoClean .section:nth-child(3) {
    margin: 0; 
    padding: 0 20px;
    color: #000;
}
    
#canal-industrial #TornadoClean .section:nth-child(3) ul {
    color: #000;
}

#canal-industrial #TornadoClean .section:nth-child(3) ul li {
    margin: 0; 
    padding: 0;
    color: #000;
}

#canal-industrial #DieselFull .section ul li {
    font-size: 16px;
    color: #000;
    line-height: 26px;
}

#canal-industrial #DieselFull #servicio .section ul li {
    font-size: 16px;
    color: #fff;
    line-height: 26px;
}

 



#canal-industrial #Consumos .section h2, #canal-industrial #PedidosWeb .section h2, #canal-industrial #PagoenLinea .section h2, #canal-industrial #InformesdeLaboratio .section h2 {
    font-size: 31px;
}

#canal-industrial #ServiciosWeb {
    padding-bottom: 30px;    
}


    

.section.contentExtra p {
    color: #000;
}

#canal-industrial .section.contentExtra ul li {
    color: #000;
}


.cd-auto-hide-header .logo img {
    height: auto;
    width: 100px;
}

/*
#canal-industrial #ServiciosWeb #Consumos {
    display: block;
}*/





/*@media (max-width: 767px) {
    #call-modal.mobiltec-modal #call-modal-bt {
        display: block!important;
        position: fixed;
        top: initial;
        left: 0;
        right: 0;
        width: 100%;
        padding: 16px 0;
        bottom: 0;
    }
    #call-modal.mobiltec-modal .modal-body {
        padding: 0;
        height: 100%;
        max-height: 100%;
        min-height: 100%;
    }

}*/

@media (max-width: 767px) {
    #call-modal.mobiltec-modal .modal-footer {
        height: 90px;
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
    }
    #call-modal.mobiltec-modal #call-modal-bt {
        position: absolute;
        top: 40px;
        right: 0;
        left: 0;
        width: 100%;
        padding: 16px 0;
        border-radius: 0;
    }
    #call-modal.mobiltec-modal .modal-body {
        padding: 0;
        height: 100%;
        position: relative;
        overflow-y: hidden;
        min-height: 100%;
    }
    
    #call-modal.mobiltec-modal #call-app-list {
        z-index: 10;
        position: absolute;
        width: 100%;
        height: auto;
        bottom: 27px;
        left: 0;
        border-radius: 0;
        border: none;
        top: initial;
        max-height: 120px;
        overflow-y: scroll;
        bottom: 154px;
    
    }
    
    #call-modal.mobiltec-modal {
        z-index: 9999999;
    }
}





/*#modyo-session form.simple_form li .span6 {
    width: 100%;
    margin: 0;
}*/

#modyo-session .form-signup li:nth-child(2) .row-fluid.step-name {
    margin: 0;
}

#modyo-session div.user_phone, #modyo-session div.user_birth_at, #modyo-session div.user_sex {
    display: none;
}

#modyo-session .form-signup li:nth-child(3) .row-fluid.step-name .span6 {
    width: 100%;
    margin: 0;
}

#modyo-session .form-signup li:nth-child(5) .row-fluid.step-name .span6 {
    margin-bottom: 0;
}

#modyo-session .form-signup li:nth-child(5) .row-fluid.step-name .span6 .user_password_confirmation {
    margin-bottom: -15px;
}

#modyo-session .form-signup li:nth-child(6) .row-fluid.step-name .span6 {
    margin-bottom: 15px;
    width: 100%;
    margin-left:0;

}

#modyo-session form.simple_form li label {
    font-weight: bold;
}

#modyo-session form.simple_form li input, select {
    margin: 0;
    height: 42px;
}

#modyo-session .wrap-tabs {
    margin-top: 40px;
}

#modyo-session .form-signup .control-group.email.required.user_email {
    margin-bottom: 15px;
}
/*
#modyo-session #modyo-session-signup .form-actions {
    margin: -1em!important;
    margin-top: 0!important;
    border-radius: 0 0 4px 4px!important;
    padding: 0!important;
    background-color: transparent!important;
    border-top: none!important;
    overflow: hidden;
}

#modyo-session #modyo-session-signup .form-actions .btn {
    width: 100%;
    display: block;
    padding: 10px 0;
    font-weight: bold;
    font-size: 16px;
}
*/
#modyo-session .user_birth_at #user_birth_at_3i {
    float: left;
    display: inline-block;
    margin: 0 20px 0 0; 
    width: 30%;
}

#modyo-session .user_birth_at #user_birth_at_2i {
    float: left;
    display: inline-block;
    margin: 0 20px 0 0; 
    width: 30%;
}

#modyo-session .user_birth_at #user_birth_at_1i {
    float: left;
    display: inline-block;
    margin: 0 0; 
    width: 30%;
}

#modyo-session #modyo-session-signup #user_sex {
    margin-bottom: -15px;
    width: 100%!important;
}

#modyo-session #modyo-session-signup select {
    width: 30.6%!important;
    background-color: #fff;
    border: 1px solid #ccc;
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    #modyo-session #modyo-session-signup select {
        width: 100%!important;
        background-color: #fff;
        border: 1px solid #ccc;
        margin-bottom: 15px!important;
    }

    #modyo-session form.simple_form li .span6 {
        width: 100%;
        margin: 0;
    }

   #modyo-session .form-signup li:nth-child(5) .row-fluid.step-name .span6 {
       margin-bottom: 15px; 
   }
   
   
   #modyo-session .user_birth_at #user_birth_at_1i {
     margin-bottom: 0!important;
   }
   
   
   #modyo-session #modyo-session-signup #user_sex {
     margin-bottom: -15px!important;
   }



}

#modyo-session .wrap-singin {
    overflow-y: hidden;
}

#modyo-session.active .wrap-tabs {
    overflow-y: hidden;
}


#modyo-session .wrap-singin {
    overflow-y: scroll;
    z-index: 999999;
}

body.noScroll {
    overflow: hidden;    
}







.sideOnboardingLogin {
  display: none;  
}
.sideOnboardingRegister {
  display: none;  
}
.sideOnboardingLoginRegister {
  display: none;  
}

@media (max-width: 767px) {
    .sideOnboardingLoginRegister {
      display: block;  
    }
    
  .sideOnboardingLoginRegister {
      width: 300px;
      background: url(https://copec.modyocdn.com/uploads/1afa7359-730c-44fa-9327-5e4eb640845c/original/bg-recuperar-cuenta-1.jpg) no-repeat center center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      position: absolute;
      top: -53px;
      left: -352px;
      bottom: 0;
      color: #fff;
      padding: 20px;
      font-size: 16px;
      display: block;
      bottom: -12px;
  }
  .sideOnboardingLoginRegister .logo {
    height: 29px;
    background: url(https://copec.modyocdn.com/uploads/bcd45bf3-f030-4526-ae46-80c356df5cbf/original/logo-copec-white.svg) no-repeat;
    margin: 40px auto;
    padding: 0;
    Width: 250px;
    display: block;
    background-position: center;
  }
  .sideOnboardingLoginRegister p {
    margin: 0 0 40px 0;
    padding: 0;
    font-weight: bolder;
    font-size: 18px;
    text-align: center;
  }
  .sideOnboardingLoginRegister ul { 
    margin: 0;
    padding: 0;
  }

  .sideOnboardingLoginRegister ul li { 
    margin: 0;
    padding: 0;
    list-style: none;
    color: #fff;
    margin-bottom: 15px;
    font-size: 15px;
    clear: both;
  }
  .sideOnboardingLoginRegister ul li span { 
    margin: 0;
    padding: 0;
    line-height: 40px;
    font-size: 15px;
  }
/*  .sideOnboardingLoginRegister ul li i {
    width: 40px;
    background: #fff;
    float: left;
    height: 50px;
    margin-right: 10px;
    font-size: 24px;
    height: 40px;
    color: #002867;
    text-align: center;
    line-height: 41px;
    margin-bottom: 20px;
    border-radius: 30px;
  }*/
  .sideOnboardingLoginRegister ul li:nth-child(2) i {
    /*margin-right: 9px;*/
    font-size: 36px;
  }

  .sideOnboardingLoginRegister ul li:nth-child(3) i {
    /*margin-right: 10px;*/
  }

  .sideOnboardingLoginRegister ul li:nth-child(4) i {
    /*margin-right: 9px;*/
    font-size: 28px;
  }

}

/* Landscape phone to portrait tablet */
@media (min-width: 927px) {
  .sideOnboardingLogin {
      width: 300px;
      background: url(https://copec.modyocdn.com/uploads/1afa7359-730c-44fa-9327-5e4eb640845c/original/bg-recuperar-cuenta-1.jpg) no-repeat center center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      position: absolute;
      top: -53px;
      left: -352px;
      bottom: 0;
      color: #fff;
      padding: 20px;
      font-size: 16px;
      display: block;
      bottom: -12px;
  }
  .sideOnboardingLogin .logo {
    height: 29px;
    background: url(https://copec.modyocdn.com/uploads/bcd45bf3-f030-4526-ae46-80c356df5cbf/original/logo-copec-white.svg) no-repeat;
    margin: 40px auto;
    padding: 0;
    Width: 250px;
    display: block;
    background-position: center;
  }
  .sideOnboardingLogin p {
    margin: 0 0 20px 0;
    padding: 0;
    font-weight: bolder;
    font-size: 18px;
  }
  .sideOnboardingLogin ul { 
    margin: 0;
    padding: 0;
  }
  .sideOnboardingLogin ul li { 
    margin: 0;
    padding: 0;
    list-style: none;
    color: #fff;
    margin-bottom: 15px;
  }

  .sideOnboardingRegister {
      width: 300px;
      background: url(https://copec.modyocdn.com/uploads/1afa7359-730c-44fa-9327-5e4eb640845c/original/bg-recuperar-cuenta-1.jpg) no-repeat center center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      position: absolute;
      top: -53px;
      left: -352px;
      bottom: 0;
      color: #fff;
      padding: 20px;
      font-size: 16px;
      display: block;
      bottom: -12px;
  }
  .sideOnboardingRegister .logo {
    height: 29px;
    background: url(https://copec.modyocdn.com/uploads/bcd45bf3-f030-4526-ae46-80c356df5cbf/original/logo-copec-white.svg) no-repeat;
    margin: 40px auto;
    padding: 0;
    Width: 250px;
    display: block;
    background-position: center;
  }
  /*.sideOnboardingRegister p {
    margin: 0 0 40px 0;
    padding: 0;
    font-weight: bolder;
    font-size: 18px;
    text-align: center;
  }*/
  .sideOnboardingRegister ul { 
    margin: 0;
    padding: 0;
  }

  .sideOnboardingLogin ul li i {
    float: left;
    /* display: inline-block; */
    /* padding-bottom: 100px; */
    height: 50px;
    margin-right: 15px;
    font-size: 24px;
  }
/*  .sideOnboardingRegister ul li { 
    margin: 0;
    padding: 0;
    list-style: none;
    color: #fff;
    margin-bottom: 15px;
    font-size: 15px;
    clear: both;
  }*/
  /*.sideOnboardingRegister ul li span { 
    margin: 0;
    padding: 0;
    line-height: 40px;
    font-size: 15px;
  }*/
  #modyo-session-signup {
    position: relative;
  }
  #modyo-session.active .wrap-tabs {
    overflow-y: initial;
    border-radius: 0;
  }
  #modyo-session .tabs-signin {
    width: 560px;
    position: relative;
    float: right;
  }
  #modyo-session .wrap-tabs {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: auto;
    max-width: 900px;
    top: 20px;
    background: white;
    color: #666;
    padding: 1em;
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    border-radius: 4px;
    display: none;
  }
  #modyo-session-signup {
    width: 560px;
    position: relative;
    float: right;
  }
  #modyo-session-login {
    width: 560px;
    position: relative;
    float: right;
  }
  #modyo-session-reset-password {
    width: 560px;
    position: relative;
    float: right;
  }
  #modyo-session .wrap-tabs .form-wide {
      padding: 1em;
      min-height: 170px;
  }
  #modyo-session .form-login .user_session_email {
    margin-bottom: 15px;
  }

  #modyo-session .modyo-tabs li {
    width: 50%;
    float: left;
    display: block;
    text-align: center;
  }
  #modyo-session .tabs-signin button.close {
      right: 10px;
      top: -4px;
  }
  .sideOnboardingRegister ul li i {
    width: 40px;
    background: #fff;
    float: left;
    /* display: inline-block; */
    /* padding-bottom: 100px; */
    height: 50px;
    margin-right: 10px;
    font-size: 24px;
    height: 40px;
    color: #002867;
    text-align: center;
    line-height: 41px;
    margin-bottom: 20px;
    border-radius: 30px;
  }
  .sideOnboardingRegister ul li:nth-child(2) i {
    margin-right: 9px;
    font-size: 36px;
  }

  .sideOnboardingRegister ul li:nth-child(3) i {
    margin-right: 10px;
  }

  .sideOnboardingRegister ul li:nth-child(4) i {
    margin-right: 9px;
    font-size: 28px;
  }


}

#modyo-session {
    font-family: 'Lato', sans-serif;
}


/*
#modyo-session-signup .simple_form.user label:before {
    content: '*';
    font-size: 14px;
    font-weight: bold;
    color: red;
}
*/


#modyo-session abbr[title] {
    text-decoration: none;
    color: red;
    margin-left: 0!important;
    border: 0;
}











/* Landscape phone to portrait tablet */
@media (max-width: 927px) {
  .sideOnboardingLogin {
      width: 100%;
      background: url(https://copec.modyocdn.com/uploads/1afa7359-730c-44fa-9327-5e4eb640845c/original/bg-recuperar-cuenta-1.jpg) no-repeat center center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      color: #fff;
      padding: 0;
      font-size: 16px;
      display: block;
      bottom: 0;
  }
  .sideOnboardingLogin .logo {
    height: 29px;
    background: url(https://copec.modyocdn.com/uploads/bcd45bf3-f030-4526-ae46-80c356df5cbf/original/logo-copec-white.svg) no-repeat;
    margin: 40px auto;
    padding: 0;
    Width: 250px;
    display: block;
    background-position: center;
  }
  .sideOnboardingLogin p {
    margin: 0 0 20px 0;
    padding: 30px;
    font-weight: bolder;
    font-size: 18px;
  }
  .sideOnboardingLogin ul { 
    margin: 0;
    padding: 0;
  }
  .sideOnboardingLogin ul li { 
    margin: 0;
    padding: 0;
    list-style: none;
    color: #fff;
    margin-bottom: 15px;
  }

  .sideOnboardingRegister {
      width: 100%;
      background: url(https://copec.modyocdn.com/uploads/1afa7359-730c-44fa-9327-5e4eb640845c/original/bg-recuperar-cuenta-1.jpg) no-repeat center center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      position: absolute;
      top: o;
      left: 0;
      bottom: 0;
      color: #fff;
      padding: 0;
      font-size: 16px;
      display: block;
      bottom: 0;
  }
  .sideOnboardingRegister .logo {
    height: 29px;
    background: url(https://copec.modyocdn.com/uploads/bcd45bf3-f030-4526-ae46-80c356df5cbf/original/logo-copec-white.svg) no-repeat;
    margin: 40px auto 0;
    padding: 0;
    Width: 250px;
    display: block;
    background-position: center;
  }
  .sideOnboardingRegister p {
    margin: 0 0 0 0;
    padding: 10px 30px;
    font-weight: bolder;
    font-size: 18px;
    text-align: center;
  }
  #modyo-session .sideOnboardingRegister ul { 
    margin: 0;
    padding: 0 20px;
  }

  .sideOnboardingLogin ul li i {
    float: left;
    /* display: inline-block; */
    /* padding-bottom: 100px; */
    height: 50px;
    margin-right: 15px;
    font-size: 24px;
  }
  .sideOnboardingRegister ul li { 
    height: 130px;
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    color: #fff;
    margin-bottom: 0;
    font-size: 15px;
    clear: both;
    width: 50%;
    float: initial;
    display: inline-block;
  }
  .sideOnboardingRegister ul li span { 
    margin: 0;
    padding: 0 4px;
    line-height: 20px;
    font-size: 13px;
    text-align: center;
    display: block;
  }
  #modyo-session-signup {
    position: relative;
  }
  #modyo-session.active .wrap-tabs {
    overflow-y: initial;
    border-radius: 0;
  }
  #modyo-session .tabs-signin {
    width: 100%;
    position: relative;
    float: right;
  }
  #modyo-session .wrap-tabs {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: auto;
    max-width: 100%;
    top: 0;
    background: white;
    color: #666;
    padding: 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    border-radius: 0;
    display: none;
  }
  #modyo-session-signup {
    width: 100%;
    position: initial;
    float: initial;
  }
  #modyo-session-login {
    width: 100%;
    position: initial;
    float: initial;
  }
  #modyo-session-reset-password {
    width: 100%;
    position: relative;
    float: right;
  }
  #modyo-session .wrap-tabs .form-wide {
      padding: 1em;
      min-height: 170px;
  }
  #modyo-session .form-login .user_session_email {
    margin-bottom: 15px;
  }

  #modyo-session .modyo-tabs li {
    width: 50%;
    float: left;
    display: block;
    text-align: center;
  }
  #modyo-session .tabs-signin button.close {
      right: 10px;
      top: -4px;
  }
  .sideOnboardingRegister ul li i {
    width: 50px;
    background: #fff;
    float: initial;
    /* display: inline-block; */
    /* padding-bottom: 100px; */
    height: 50px;
    margin-right: 10px;
    font-size: 28px;
    height: 50px;
    color: #002867;
    text-align: center;
    line-height: 51px;
    margin-bottom: 20px;
    border-radius: 30px;
    display: block;
    margin: 0 auto 20px;
  }
  .sideOnboardingRegister ul li:nth-child(2) i {
    /*margin-right: 9px;*/
    font-size: 36px;
  }

  .sideOnboardingRegister ul li:nth-child(3) i {
    /*margin-right: 10px;*/
  }

  .sideOnboardingRegister ul li:nth-child(4) i {
    /*margin-right: 9px;*/
    font-size: 28px;
  }

    #modyo-session .tabs-signin {
        width: initial!important;
        position: initial!important;
        float: initial!important;
        bottom: initial!important;
        z-index: initial!important;
    }
    

}


#modyo-session .btnSkip {
    padding: 16px 0px;
    border-radius: 43px;
    height: 13px;
    line-height: 15px;
    min-width: 90%;
    max-width: 300px;
    font-size: 14px;
    text-transform: uppercase;
    background-color: #fff;
    border: none;
    color: #0D47A1;
    width: 90%;
    display: block;
    margin: 0 auto;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
}

#modyo-session .btnSkip:hover {
  background-color: #C9DFFF;
  border-color: #C9DFFF;
  color: #0D47A1;
}

.sideOnboardingRegister.hidden-desktop.hide {
    display: none!important;
}




@media (min-width: 928px) and (max-width: 979px) {
    .sideOnboardingLogin {
        display: block!important;    
    }
    .sideOnboardingRegister {
        display: none!important;    
    }    
}

@media (min-width: 767px) and (max-width: 927px) {
    .sideOnboardingLogin {
        display: block!important;    
    }
    .sideOnboardingRegister {
        display: none!important;    
    }    
}



@media (max-width: 927px) {
    .sideOnboardingRegister.hidden-desktop ul li i {
        width: 50px;
        background: #fff;
        float: initial;
        height: 50px;
        font-size: 28px;
        height: 50px;
        color: #002867;
        text-align: center;
        line-height: 51px;
        border-radius: 30px;
        display: block;
        margin: 0 auto 20px;
    }
    .sideOnboardingRegister.hidden-desktop ul li span {
        margin: 0;
        padding: 0;
        line-height: 20px;
        font-size: 13px;
    }
    .sideOnboardingRegister.hidden-desktop ul li:nth-child(2) i {
        margin: 0 auto 20px;
    }
    .sideOnboardingRegister.hidden-desktop ul li:nth-child(3) i {
        margin: 0 auto 20px;
    }
    .sideOnboardingRegister.hidden-desktop ul li:nth-child(4) i {
        margin: 0 auto 20px;
    }
    .sideOnboardingRegister.hidden-desktop p {
        margin: 0 0 0px 0;
        padding: 30px;
        font-weight: bolder;
        font-size: 18px;
        text-align: center;
    }
    .sideOnboardingRegister.hidden-desktop .logo {
        margin: 40px auto 0px;
    }
    
    #modyo-session-signup.modyo-tabs-panel .sideOnboardingRegister {
        display: none!important;
    }
    #modyo-session .tabs-signin {
        margin-top: 13px;
    }
    #modyo-session .tabs-signin button.close {
        right: 10px;
        top: 6px;
        font-size: 24px;
    }
    
    #modyo-session-reset-password .sideOnboardingLogin {
        display: none;
    }
    
    #modyo-session #modyo-session-header .wrap-singin .wrap-tabs .tabs-signin button.close {
        right: 10px;
        top: 6px;
        font-size: 24px;
    }



}













.carousel-fade .carousel-inner .item {
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  transform: translate3d(0, 0, 0);
  width: 100%;
}
.carousel-fade .carousel-control {
  z-index: 2;
}




.context-copec-recover_account .wizard {
  margin: 20px auto 0;    
}

.context-copec-recover_account .wizard .nav-tabs {
  width: 243px;
  position: relative;
  margin: 0 auto;
  margin-bottom: 0;
  border-bottom-color: #e0e0e0;
  display: block;
}

.context-copec-recover_account .wizard .nav-tabs > li {
  margin-right: 3px;
}

.context-copec-recover_account .wizard > div.wizard-inner {
  position: relative;
}

.context-copec-recover_account.context-copec #page-title h2 {
  color: #0D47A1;
  font-size: 41px;
  margin-top: 80px;
  margin-bottom: 40px;
  font-weight: 300;
  max-width: 500px;
  background: #fff;
  position: relative;
  margin: 0 auto;
  padding: 20px 0 20px 20px;
  text-align: left;
  padding: 20px 20px;
}

.context-copec-recover_account .connecting-line {
  height: 2px;
  background: #e0e0e0;
  position: absolute;
  width: 160px;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 50%;
  display: block;
  z-index: 1;
}

.context-copec-recover_account .wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .context-copec-recover_account .wizard .nav-tabs > li.active > a:focus {
  color: #555555;
  cursor: default;
  border: 0;
  border-bottom-color: transparent;
}

.context-copec-recover_account span.round-tab {
  width: 30px;
  height: 30px;
  line-height: 44px;
  display: inline-block;
  border-radius: 100px;
  background: #fff;
  border: 2px solid #e0e0e0;
  z-index: 2;
  position: absolute;
  left: 0;
  text-align: center;
  font-size: 25px;
}
.context-copec-recover_account span.round-tab i{
  color:#555555;
}
.context-copec-recover_account .wizard li.active span.round-tab {
  background: #2962FF;
  border: 2px solid #2962FF;
    
}
.context-copec-recover_account .wizard li.active span.round-tab i{
  color: #fff;
}

.context-copec-recover_account span.round-tab:hover {
  color: #333;
  border: 2px solid #333;
}

.context-copec-recover_account .wizard .nav-tabs > li {
  width: 50px;
  position: relative;
}

.context-copec-recover_account .wizard li:after {
  content: " ";
  position: absolute;
  left: 46%;
  opacity: 0;
  margin: 0 auto;
  bottom: 0px;
  border: 5px solid transparent;
  border-bottom-color: #5bc0de;
  transition: 0.1s ease-in-out;
}

.context-copec-recover_account .wizard li.active:after {
  content: " ";
  position: absolute;
  left: 0;
  right: 0;
  opacity: 1;
  margin: 0 auto;
  bottom: 0px;
  border: 10px solid transparent;
  width: 10px;
  border-bottom-color: #2962FF;
}

.context-copec-recover_account .wizard .nav-tabs > li a {
  width: 30px;
  height: 30px;
  margin: 20px auto;
  border-radius: 100%;
  padding: 0;
  position: relative;
}

.context-copec-recover_account .wizard .nav-tabs > li a:hover {
  background: transparent;
}

.context-copec-recover_account .wizard .tab-pane {
  position: relative;
  padding-top: 0;
}

.context-copec-recover_account .wizard h3 {
  margin-top: 0;
}

.context-copec-recover_account .wizard .tab-content {
  border: none;    
  background: #fff;
  padding: 20px 0;
  font-size: 16px;
}

.context-copec-recover_account  {
    background: #e0e0e0;
}

.context-copec-recover_account .main-inner {
  background: #fff;
  padding: 15px;
  margin-bottom: 20px;
}


.context-copec-recover_account.context-copec #page-title h2 {
  font-size: 21px;
  color: #0077b5;
  border-bottom: 0px solid #CCC;
  margin: 20px 0 20px 0;
  padding: 0;
  line-height: 35px;
  font-weight: bold;
  text-align: left;
}

.context-copec-recover_account.context-copec .main-inner p, .context-copec-recover_account.context-copec .main-inner h3 {
  font-size: 16px;
  font-weight: normal;
}

/* Large desktop */
@media (min-width: 1200px) { ... }
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { ... }

.context-copec-recover_account .wizard .tab-content {
  width: 360px;
  border: none;
  background: #fff;
  padding: 20px 0;
  font-size: 16px;
  margin: 0 auto;
  display: block;
}


.context-copec-recover_account .wizard .nav-tabs > li {
  margin-right: 14px;
}

.context-copec-recover_account .connecting-line {
  left: -20px;
}

.context-copec-recover_account .connecting-line {
  height: 2px;
  background: #e0e0e0;
  position: absolute;
  width: 200px;
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  .context-copec-recover_account .connecting-line {
    width: 160px;
    left: 0;
  }
  .context-copec-recover_account .wizard .tab-content {
    width: 100%;
  }

  .context-copec-recover_account .wizard {
    width: 100%;
    height: auto !important;
  }
  
  .context-copec-recover_account span.round-tab {
    font-size: 16px;
    width: 30px;
    height: 30px;
    line-height: 26px;
  }
  
  .context-copec-recover_account .wizard .nav-tabs > li a {
    width: 30px;
    height: 30px;
    line-height: 26px;
  }
    
  .context-copec-recover_account .wizard .nav-tabs {
    width: 230px;
    position: relative;
    margin: 0 auto;
    margin-bottom: 0;
    border-bottom-color: #e0e0e0;
    display: block;
  }
  
  .context-copec-recover_account .wizard .nav-tabs > li {
    margin-right: 3px;
  }
  
  .context-copec-recover_account .connecting-line {
    left: 0;
  }
  .context-copec-recover_account.context-copec .main-inner h3 {
    text-align: left;
  }
  .context-copec-recover_account.context-copec #page-title h2 {
    color: #0D47A1;
    font-size: 31px;
    margin-top: 80px;
    margin-bottom: 40px;
    font-weight: 300;
    max-width: 500px;
    background: #fff;
    position: relative;
    margin: 0 auto;
    padding: 20px 20px;
  }

}
 
/* Landscape phones and down */
@media (max-width: 480px) { ... }


.context-copec-recover_account .wizard #recover-form input, .context-copec-recover_account .wizard #recover-form .btn {
  width: 100%;
  margin-bottom: 10px;
}

.context-copec-recover_account .wizard #recover-form #render {
  width: 100%;
  margin-bottom: 10px;
  color: #000;
  text-decoration: underline;
  border: none;
  background: transparent;
}

.context-copec-recover_account .wizard #step2 input, .context-copec-recover_account .wizard #step2 .btn {
  width: 100%;
  margin-bottom: 10px;
}
.context-copec-recover_account .wizard #step2 .btn {
  margin-top: 0;
}

.context-copec-recover_account .wizard #step2 input {
  margin-top: 20px;
}

.context-copec-recover_account .wizard #step2 #recordar {
  margin-top: 0;
  width: 100%;
  margin-bottom: 10px;
  color: #000;
  text-decoration: underline;
  border: none;
  background: transparent;
}

.context-copec-recover_account .wizard #step3 input, .context-copec-recover_account .wizard #step3 select { 
  width: 100%;
}

.context-copec-recover_account .wizard #step3 br { 
  display: none;
}

.context-copec-recover_account .wizard .nav-tabs > li:last-child {
  margin: 0;
}

.context-copec-recover_account.context-copec .main-inner h3 {
  text-align: left;
}

.context-copec-recover_account .main-inner {
  max-width: 500px;
  background: #fff;
  padding: 15px;
  margin-bottom: 20px;
  margin: 0 auto;
}

.context-copec-recover_account.context-copec #page-title h2 {
  color: #0D47A1;
  font-size: 41px;
  margin-top: 80px;
  margin-bottom: 40px;
  font-weight: 300;
  max-width: 500px;
  background: #fff;
  position: relative;
  margin: 0 auto;
  padding: 20px 20px;
}
.context-copec-recover_account.context-copec #page-title h2:after {
  width: 58px;
  height: 3px;
  background-color: #D52B1E;
  content: '';
  display: block;
  position: absolute;
  margin-top: 5px;
}

.context-copec-recover_account #page-content {
  padding: 72px 0;
}

.context-copec-recover_account .nav-tabs>.active>a {
  color: #fff;
  cursor: default;
  border: 0;
  background: #fff;
}

.context-copec-recover_account #titleText {
  margin-bottom: 1px;
  text-align: left;
  font-weight: bold;
  color: #000;
}

.context-copec-recover_account .btn-primary {
  border-radius: 23px;
  height: 42px;
  line-height: 30px;
  min-width: 100px;
  font-size: 14px;
  text-transform: uppercase;
  background-color: #0D47A1;
}

.context-copec-recover_account .btn-primary:hover {
  background-color: #022A69;
}

.context-copec-recover_account span.round-tab {
  font-size: 16px;
  line-height: 26px;
}    

.context-copec-recover_account {
  background-image: url("https://copec.modyocdn.com/uploads/afcaab0f-2555-4ac6-8053-efc41a987626/original/bg-recuperar-cuenta.png");
    
}

.context-copec-recover_account textarea, input[type="text"], .context-copec-recover_account input[type="password"], input[type="datetime"], .context-copec-recover_account input[type="datetime-local"], .context-copec-recover_account input[type="date"], .context-copec-recover_account input[type="month"], .context-copec-recover_account input[type="time"], .context-copec-recover_account input[type="week"], .context-copec-recover_account input[type="number"], .context-copec-recover_account input[type="email"], .context-copec-recover_account input[type="url"], .context-copec-recover_account input[type="search"], .context-copec-recover_account input[type="tel"], .context-copec-recover_account input[type="color"], .context-copec-recover_account .uneditable-input {
   height: 42px;
   border-color: #979797;
}

.context-copec-recover_account #step1 form {
    margin: 0;
}

.context-copec-recover_account .wizard .tab-content {
    padding: 20px 0 0;
}

@media (max-width: 767px) {
    .context-copec-recover_account.context-copec #page-title h2 {
        font-size: 31px;
    }
}


.context-copec-recover_account select {
    width: 220px;
    background-color: #fff;
    border: 1px solid #979797;
    height: 42px;
}


.context-copec-recover_account.context-copec #page-title h2 {
    font-size: 28px;
    padding: 20px 16px 9px;
}



.context-copec-recover_account .wizard .nav-tabs > li a {
    width: 40px;
    height: 40px;
    
}

.context-copec-recover_account span.round-tab {
    font-size: 20px;
    line-height: 34px;
    width: 40px;
    height: 40px;
}

#step3 .simple_form.new_copec_case a.btn.btn-primary.btn-large {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 31px;
    right: 10px;
    min-width: 30px;
}

#step3 .simple_form.new_copec_case a.btn.btn-primary.btn-large i{
    line-height: 19px;
    display: block;
    float: none;
    margin: 0;
    text-align: center;
    padding: 0;
    margin-left: -5px;
} 

.context-copec-recover_account .wizard #step3 select {
    margin-bottom: 15px;
    width: 100%;
}

.context-copec-recover_account .wizard {
    margin: 0px auto 0;
}



.context-copec-recover_account #help-serial.modal.fade.in {
    background: transparent;
    box-shadow: none;
    border: none;
}

.context-copec-recover_account #help-serial.modal.fade.in .modal-header {
    padding: 0px 0px;
    border-bottom: none;
    height: 34px;
}

.context-copec-recover_account #help-serial.modal.fade.in .modal-body {
    padding: 0;
}

.context-copec-recover_account #help-serial.modal.fade.in .modal-header .close {
    margin-top: 2px;
    color: #fff;
    opacity: 1;
    font-size: 30px;
}

@media (max-width: 767px) {
    .context-copec-recover_account #help-serial.modal.fade.in {
        top: 0 !important;
        position: fixed;
    }    
}

@media (max-width: 480px){
    #step3 .simple_form.new_copec_case a.btn.btn-primary.btn-large {
        top: 51px;
    }    
    .context-copec-recover_account #help-serial.modal.fade.in .modal-header {
        padding: 0px 20px;
        height: 51px;
    }
}

.context-copec-recover_account .wizard .tab-content {
    padding: 20px;
    border: 1px solid #979797;
    border-radius: 4px;
}

#step3 .simple_form.new_copec_case a.btn.btn-primary.btn-large {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50px;
    right: 10px;
    min-width: 30px;
    color: #555;
    text-transform: uppercase;
    background-color: transparent;
    font-size: 22px;
}

.context-copec-recover_account .wizard .nav-tabs {
    border-bottom-color: #fff;
}


.context-copec-recover_account span.round-tab {
    font-size: 26px;
    line-height: 44px;
    width: 50px;
    height: 50px;
}
.context-copec-recover_account .wizard .nav-tabs > li a {
    width: 50px;
    height: 50px;
}

@media (max-width: 767px) {
    .context-copec-recover_account .wizard .nav-tabs > li {
        margin-right: 9px;
    } 
}


.context-copec-recover_account .wizard .tab-content {
    width: 100%;
}

@media (min-width: 767px) {
    #step3 .simple_form.new_copec_case a.btn.btn-primary.btn-large {
        width: 30px;
        height: 30px;
        position: absolute;
        top: 31px;
        right: 10px;
        min-width: 30px;
        color: #555;
        text-transform: uppercase;
        background-color: transparent;
        font-size: 22px;
    }
}


#agenda-layout h2, .context-contact-car-edit h2 {
  color: #0D47A1;
  font-size: 41px;
  margin-top: 80px;
  margin-bottom: 40px;
  font-weight: 300;
  max-width: 500px;
  background: #fff;
  position: relative;
  margin: 0;
  padding: 0 0 20px 0;
}

#agenda-layout h2:after, .context-contact-car-edit h2:after {
  width: 58px;
  height: 3px;
  background-color: #D52B1E;
  content: '';
  display: block;
  position: absolute;
  margin-top: 5px;
}

.context-contact-car-edit .content-inner .container .title-section .inner small {
    font-size: 16px;
}


.context-contact-car-edit #main-wrapper .container:nth-child(1) {
    padding: 20px;
    margin: 20px auto;
    min-height: 500px;
}

#agenda-layout {    
    min-height: 500px;
}

.context-contact-car-edit #main-wrapper .actions a.consultar-hora {
    background: #fff;
    border: 2px solid #0D47A1;
    color: #0D47A1;
    text-shadow: none;
    margin-bottom: 0;
}

@media (max-width: 767px) {

    
    #agenda-layout h2, .context-contact-car-edit h2 {
        font-size: 31px;
        padding: 0 0 20px 0;
        text-align: left;
    }
    .context-contact-car-edit #main-wrapper .container:nth-child(1) {
        margin: 20px;
        padding: 20px 20px;
    }
    
        
    .context-contact-car-edit td:before {
        font-size: 16px;
        font-weight: 400;
        left: 20px;
    }
    .context-contact-car-edit #main-wrapper .actions a.consultar-hora {
        background: #fff;
        border: 2px solid #0D47A1;
        color: #0D47A1;
        text-shadow: none;
        margin-bottom: 10px;
    }


}

.context-contact-car-edit #main-wrapper {
    padding: 0;
}

.context-contact-car-edit #main-wrapper .form-actions {
    background: #fff;
    border-bottom: none;
    border-radius: 5px;
    margin-right: 5px;
    margin-left: 5px;
    padding: 20px 0;
    text-align: left;
    margin: 0;
    border-top: none;
    padding-bottom: 0;
}


.context-contact-car-edit #content {
    background-image: none; 
    background-size: cover;
}

.context-contact-car-edit #main-wrapper input[type="text"] {
    width: 100%;
    height: 42px;
    border-color: #979797;
    text-transform: initial;
    margin: 0;
}


.context-contact-car-edit #main-wrapper .select2-container .select2-choice {
    height: 42px;
    line-height: 42px;
    width: 100%;
    border-color: #979797;
    box-shadow: none;
    margin: 0;
    background-image: none;
}

.context-contact-car-edit #main-wrapper .form-wide {
    margin-bottom: 0;
    padding-left: 0;
}

.context-contact-car-edit .select2-container .select2-choice .select2-arrow b {
    display: block;
    width: 100%;
    height: 100%;
    background: url(select2.png) no-repeat 0 8px;
}

.context-contact-car-edit #main-wrapper .select2-container {
    margin-bottom: 0;
    width: 100%;
}

.context-contact-car-edit .select2-container .select2-choice .select2-arrow {
    background: #fff;
    border:none;
}

.context-contact-car-edit .btn-primary {
    border-radius: 23px;
    height: 42px;
    line-height: 30px;
    min-width: 100px;
    font-size: 14px;
    text-transform: uppercase;
    background-color: #0D47A1;
    font-weight: normal;
}

.context-contact-car-edit #main-wrapper .form-wide .btn-large {
    font-weight: normal;
    margin-top: 0;
}

.context-contact-car-edit .btn-primary:hover {
    background-color: #022A69;
}

.context-contact-car-edit #main-wrapper .actions {
    margin-top: 0;
    text-align: center;
}

.context-contact-car-edit #main-wrapper .actions a {
    border-radius: 23px;
    height: 42px;
    line-height: 30px;
    min-width: 100px;
    font-size: 14px;
    text-transform: uppercase;
    background-color: #0D47A1;
    font-weight: normal;
}

.context-contact-car-edit #main-wrapper span i {
    background: transparent;
    padding: 14px 20px;
    border-radius: 0 3px 3px 0;
    position: absolute;
    right: 0;
    top: 0;
}


.context-contact-car-edit #main-wrapper table .actions a {
    border-radius: 0;
    min-width: 100px;
    font-size: 14px;
    text-transform: uppercase;
    background-color: transparent;
    font-weight: normal;
    padding: 0;
    line-height: 15px;
    height: 17px;
    text-align: left;
}


.context-contact-car-edit #main-wrapper .actions .btn-large {
    border-radius: 23px;
    height: 42px;
    line-height: 3px;
    min-width: 100px;
    font-size: 14px;
    text-transform: uppercase;
    background-color: #0D47A1;
    font-weight: normal;
}

.context-contact-car-edit #main-wrapper #cars_table tr td {
    text-align: left;
    margin-left: 102px;
}



.context-contact-car-edit #main-wrapper .container:nth-child(1) {
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}


#agenda-layout {
   box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
    padding: 20px;
    margin: 20px auto;
   background: #fff;
}


#agenda-layout {
    width: 940px;
}


#agenda-layout #ifrm {
    width: 100%;
    height: 520px;
    border: 0;
    margin-left: 0;
}

@media (min-width: 1200px) {
    #agenda-layout {
        width: 1170px!important;
    }

}


@media (max-width: 979px) and (min-width: 768px) {
    #agenda-layout {
        width: 760px;
    }
    

}

@media (max-width: 768px) {
    #agenda-layout {
        padding: 20px 0;
        width: auto;
        margin: 20px;
    }
    #agenda-layout .container {
        padding: 0 20px;
    }
    #agenda-layout .span3, #agenda-layout h5 {
        width: 100%;
    }
    
    #agenda-layout iframe {
        overflow-x: scroll;
    }
    
    #agenda-layout #ifrm {
        width: 700px;
    }
    
    #agenda-layout .header {
        overflow-x: scroll;
    }

    

}

#agenda-layout h5 {
    width: 100%;
    font-size: 16px;
    font-weight: normal;
}


#agenda-layout #form input[type="text"], #agenda-layout #form select {
    width: 100%;
    height: 42px;
    border-color: #979797;
    text-transform: initial;
    margin: 0;
}

#agenda-layout #form .control-group .span3 {
    margin: 0 20px 10px 0;
}

#agenda-layout #form .control-group .span3:last-child {
    display: none;
}

#agenda-layout #form .control-group .span2 {
    margin: 0;
}

#agenda-layout #form label {
    margin-bottom: 1px;
    text-align: left;
    font-weight: bold;
    color: #000;
}

#agenda-layout .container {
    width: auto!important;
}

.box-places .create {
    border: none;
    margin-top: 10px;
    background: transparent;
    box-shadow: none;
    text-decoration: underline;
}
.box-places .create span {
    display: none;
}

@media (min-width: 768px) {
    .context-contact-car-edit #main-wrapper #cars_table tr td {
        text-align: center;
    }
    .context-contact-car-edit #main-wrapper table .actions a {
        text-align: center;
    }
}

@media (min-width: 480px) {
    
    .context-contact-car-edit #main-wrapper #cars_table tr td {
        text-align: center;
    }
    .context-contact-car-edit #main-wrapper table .actions a {
        text-align: center;
    }    
}













.context-layouts-show-lub #myModalLub.modal.fade.in {
    background: transparent;
    box-shadow: none;
    border: none;
    max-width: 320px;
    margin: auto;
    left: 0;
    right: 0;
    top: 0!important;
    bottom: 0;
    display: block!important;
    height: 235px;
}

.context-layouts-show-lub #myModalLub.modal.fade.in .modal-header {
    padding: 0px 0px;
    border-bottom: none;
    height: auto;
    color: #fff;
    text-align: center;
}

.context-layouts-show-lub #myModalLub.modal.fade.in .modal-header h3 {
    color: #fff;
    text-align: center;
    font-weight: 500;
    padding: 40px 0 20px 0;
    margin: 0;
    
}

.context-layouts-show-lub #myModalLub.modal.fade.in .modal-body {
    padding: 0 0;
}

.context-layouts-show-lub #myModalLub.modal.fade.in .modal-body a {
    width: 100%;
    margin-bottom: 15px;
}

.context-layouts-show-lub #myModalLub.modal.fade.in .modal-header .close {
    margin-top: 2px;
    color: #fff;
    opacity: 1;
    font-size: 30px;
}


@media (max-width: 767px) {
    .context-layouts-show-lub #myModalLub.modal.fade.in {
        top: 0 !important;
        position: fixed;
        max-width: auto;
    }    
    .context-layouts-show-lub #myModalLub.modal.fade.in .modal-body {
        padding: 0 20px;
    }
}

@media (max-width: 480px){  
    .context-layouts-show-lub #myModalLub.modal.fade.in .modal-header {
        padding: 0px 20px;
        height: auto;
    }
}

.context-layouts-show-lub #myModalLub.modal.fade.in .btn-primary {
  border-radius: 23px;
  height: 42px;
  line-height: 30px;
  min-width: 100px;
  font-size: 14px;
  text-transform: uppercase;
  background-color: #0D47A1;
}

.context-layouts-show-lub #myModalLub.modal.fade.in .btn-primary:hover {
  background-color: #2962FF;
}

.context-layouts-show-lub #myModalLub.modal.fade.in a.btn-primary:nth-child(2) {
  border-radius: 23px;
  height: 42px;
  line-height: 30px;
  min-width: 100px;
  font-size: 14px;
  text-transform: uppercase;
  background-color: transparent;
  border: 2px solid #ddd;
  color: #ddd;
}

.context-layouts-show-lub #myModalLub.modal.fade.in a.btn-primary:nth-child(2):hover {
  background-color: #fff;
  border-color: #fff;
  color: #0D47A1;
}

/*#modyo-session form.simple_form li .span6 {
    width: 100%;
    margin: 0;
}*/

#modyo-session .form-signup li:nth-child(2) .row-fluid.step-name {
    margin: 0;
}

#modyo-session div.user_phone, #modyo-session div.user_birth_at, #modyo-session div.user_sex {
    display: none;
}

#modyo-session .form-signup li:nth-child(3) .row-fluid.step-name .span6 {
    width: 100%;
    margin: 0;
}

#modyo-session .form-signup li:nth-child(5) .row-fluid.step-name .span6 {
    margin-bottom: 0;
}

#modyo-session .form-signup li:nth-child(5) .row-fluid.step-name .span6 .user_password_confirmation {
    margin-bottom: -15px;
}

#modyo-session .form-signup li:nth-child(6) .row-fluid.step-name .span6 {
    margin-bottom: 15px;
    width: 100%;
    margin-left:0;

}

#modyo-session form.simple_form li label {
    font-weight: bold;
}

#modyo-session form.simple_form li input, select {
    margin: 0;
    height: 42px;
}

#modyo-session .wrap-tabs {
    margin-top: 40px;
}

#modyo-session .form-signup .control-group.email.required.user_email {
    margin-bottom: 15px;
}
/*
#modyo-session #modyo-session-signup .form-actions {
    margin: -1em!important;
    margin-top: 0!important;
    border-radius: 0 0 4px 4px!important;
    padding: 0!important;
    background-color: transparent!important;
    border-top: none!important;
    overflow: hidden;
}

#modyo-session #modyo-session-signup .form-actions .btn {
    width: 100%;
    display: block;
    padding: 10px 0;
    font-weight: bold;
    font-size: 16px;
}
*/
#modyo-session .user_birth_at #user_birth_at_3i {
    float: left;
    display: inline-block;
    margin: 0 20px 0 0; 
    width: 30%;
}

#modyo-session .user_birth_at #user_birth_at_2i {
    float: left;
    display: inline-block;
    margin: 0 20px 0 0; 
    width: 30%;
}

#modyo-session .user_birth_at #user_birth_at_1i {
    float: left;
    display: inline-block;
    margin: 0 0; 
    width: 30%;
}

#modyo-session #modyo-session-signup #user_sex {
    margin-bottom: -15px;
    width: 100%!important;
}

#modyo-session #modyo-session-signup select {
    width: 30.6%!important;
    background-color: #fff;
    border: 1px solid #ccc;
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    #modyo-session #modyo-session-signup select {
        width: 100%!important;
        background-color: #fff;
        border: 1px solid #ccc;
        margin-bottom: 15px!important;
    }

    #modyo-session form.simple_form li .span6 {
        width: 100%;
        margin: 0;
    }

   #modyo-session .form-signup li:nth-child(5) .row-fluid.step-name .span6 {
       margin-bottom: 15px; 
   }
   
   
   #modyo-session .user_birth_at #user_birth_at_1i {
     margin-bottom: 0!important;
   }
   
   
   #modyo-session #modyo-session-signup #user_sex {
     margin-bottom: -15px!important;
   }



}

#modyo-session .wrap-singin {
    overflow-y: hidden;
}

#modyo-session.active .wrap-tabs {
    overflow-y: hidden;
}


#modyo-session .wrap-singin {
    overflow-y: scroll;
    z-index: 999999;
}

body.noScroll {
    overflow: hidden;    
}







.sideOnboardingLogin {
  display: none;  
}
.sideOnboardingRegister {
  display: none;  
}
.sideOnboardingLoginRegister {
  display: none;  
}

@media (max-width: 767px) {
    .sideOnboardingLoginRegister {
      display: block;  
    }
    
  .sideOnboardingLoginRegister {
      width: 300px;
      background: url(https://copec.modyocdn.com/uploads/1afa7359-730c-44fa-9327-5e4eb640845c/original/bg-recuperar-cuenta-1.jpg) no-repeat center center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      position: absolute;
      top: -53px;
      left: -352px;
      bottom: 0;
      color: #fff;
      padding: 20px;
      font-size: 16px;
      display: block;
      bottom: -12px;
  }
  .sideOnboardingLoginRegister .logo {
    height: 29px;
    background: url(https://copec.modyocdn.com/uploads/bcd45bf3-f030-4526-ae46-80c356df5cbf/original/logo-copec-white.svg) no-repeat;
    margin: 40px auto;
    padding: 0;
    Width: 250px;
    display: block;
    background-position: center;
  }
  .sideOnboardingLoginRegister p {
    margin: 0 0 40px 0;
    padding: 0;
    font-weight: bolder;
    font-size: 18px;
    text-align: center;
  }
  .sideOnboardingLoginRegister ul { 
    margin: 0;
    padding: 0;
  }

  .sideOnboardingLoginRegister ul li { 
    margin: 0;
    padding: 0;
    list-style: none;
    color: #fff;
    margin-bottom: 15px;
    font-size: 15px;
    clear: both;
  }
  .sideOnboardingLoginRegister ul li span { 
    margin: 0;
    padding: 0;
    line-height: 40px;
    font-size: 15px;
  }
  .sideOnboardingLoginRegister ul li i {
    width: 40px;
    background: #fff;
    float: left;
    /* display: inline-block; */
    /* padding-bottom: 100px; */
    height: 50px;
    margin-right: 10px;
    font-size: 24px;
    height: 40px;
    color: #002867;
    text-align: center;
    line-height: 41px;
    margin-bottom: 20px;
    border-radius: 30px;
  }
  .sideOnboardingLoginRegister ul li:nth-child(2) i {
    margin-right: 9px;
    font-size: 36px;
  }

  .sideOnboardingLoginRegister ul li:nth-child(3) i {
    margin-right: 10px;
  }

  .sideOnboardingLoginRegister ul li:nth-child(4) i {
    margin-right: 9px;
    font-size: 28px;
  }

}

/* Landscape phone to portrait tablet */
@media (min-width: 927px) {
  .sideOnboardingLogin {
      width: 300px;
      background: url(https://copec.modyocdn.com/uploads/1afa7359-730c-44fa-9327-5e4eb640845c/original/bg-recuperar-cuenta-1.jpg) no-repeat center center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      position: absolute;
      top: -53px;
      left: -352px;
      bottom: 0;
      color: #fff;
      padding: 20px;
      font-size: 16px;
      display: block;
      bottom: -12px;
  }
  .sideOnboardingLogin .logo {
    height: 29px;
    background: url(https://copec.modyocdn.com/uploads/bcd45bf3-f030-4526-ae46-80c356df5cbf/original/logo-copec-white.svg) no-repeat;
    margin: 40px auto;
    padding: 0;
    Width: 250px;
    display: block;
    background-position: center;
  }
  .sideOnboardingLogin p {
    margin: 0 0 20px 0;
    padding: 0;
    font-weight: bolder;
    font-size: 18px;
  }
  .sideOnboardingLogin ul { 
    margin: 0;
    padding: 0;
  }
  .sideOnboardingLogin ul li { 
    margin: 0;
    padding: 0;
    list-style: none;
    color: #fff;
    margin-bottom: 15px;
  }

  .sideOnboardingRegister {
      width: 300px;
      background: url(https://copec.modyocdn.com/uploads/1afa7359-730c-44fa-9327-5e4eb640845c/original/bg-recuperar-cuenta-1.jpg) no-repeat center center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      position: absolute;
      top: -53px;
      left: -352px;
      bottom: 0;
      color: #fff;
      padding: 20px;
      font-size: 16px;
      display: block;
      bottom: -12px;
  }
  .sideOnboardingRegister .logo {
    height: 29px;
    background: url(https://copec.modyocdn.com/uploads/bcd45bf3-f030-4526-ae46-80c356df5cbf/original/logo-copec-white.svg) no-repeat;
    margin: 40px auto;
    padding: 0;
    Width: 250px;
    display: block;
    background-position: center;
  }
  .sideOnboardingRegister p {
    margin: 0 0 40px 0;
    padding: 0;
    font-weight: bolder;
    font-size: 18px;
    text-align: center;
  }
  .sideOnboardingRegister ul { 
    margin: 0;
    padding: 0;
  }

  .sideOnboardingLogin ul li i {
    float: left;
    /* display: inline-block; */
    /* padding-bottom: 100px; */
    height: 50px;
    margin-right: 15px;
    font-size: 24px;
  }
  .sideOnboardingRegister ul li { 
    margin: 0;
    padding: 0;
    list-style: none;
    color: #fff;
    margin-bottom: 15px;
    font-size: 15px;
    clear: both;
  }
  .sideOnboardingRegister ul li span { 
    margin: 0;
    padding: 0;
    line-height: 40px;
    font-size: 15px;
  }
  #modyo-session-signup {
    position: relative;
  }
  #modyo-session.active .wrap-tabs {
    overflow-y: initial;
    border-radius: 0;
  }
  #modyo-session .tabs-signin {
    width: 560px;
    position: relative;
    float: right;
  }
  #modyo-session .wrap-tabs {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: auto;
    max-width: 900px;
    top: 20px;
    background: white;
    color: #666;
    padding: 1em;
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    border-radius: 4px;
    display: none;
  }
  #modyo-session-signup {
    width: 560px;
    position: relative;
    float: right;
  }
  #modyo-session-login {
    width: 560px;
    position: relative;
    float: right;
  }
  #modyo-session-reset-password {
    width: 560px;
    position: relative;
    float: right;
  }
  #modyo-session .wrap-tabs .form-wide {
      padding: 1em;
      min-height: 170px;
  }
  #modyo-session .form-login .user_session_email {
    margin-bottom: 15px;
  }

  #modyo-session .modyo-tabs li {
    width: 50%;
    float: left;
    display: block;
    text-align: center;
  }
  #modyo-session .tabs-signin button.close {
      right: 10px;
      top: -4px;
  }
  .sideOnboardingRegister ul li i {
    width: 40px;
    background: #fff;
    float: left;
    /* display: inline-block; */
    /* padding-bottom: 100px; */
    height: 50px;
    margin-right: 10px;
    font-size: 24px;
    height: 40px;
    color: #002867;
    text-align: center;
    line-height: 41px;
    margin-bottom: 20px;
    border-radius: 30px;
  }
  .sideOnboardingRegister ul li:nth-child(2) i {
    margin-right: 9px;
    font-size: 36px;
  }

  .sideOnboardingRegister ul li:nth-child(3) i {
    margin-right: 10px;
  }

  .sideOnboardingRegister ul li:nth-child(4) i {
    margin-right: 9px;
    font-size: 28px;
  }


}

#modyo-session {
    font-family: 'Lato', sans-serif;
}


/*
#modyo-session-signup .simple_form.user label:before {
    content: '*';
    font-size: 14px;
    font-weight: bold;
    color: red;
}
*/


#modyo-session abbr[title] {
    text-decoration: none;
    color: red;
    margin-left: 0!important;
    border: 0;
}











/* Landscape phone to portrait tablet */
@media (max-width: 927px) {
  .sideOnboardingLogin {
      width: 100%;
      background: url(https://copec.modyocdn.com/uploads/1afa7359-730c-44fa-9327-5e4eb640845c/original/bg-recuperar-cuenta-1.jpg) no-repeat center center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      color: #fff;
      padding: 0;
      font-size: 16px;
      display: block;
      bottom: 0;
  }
  .sideOnboardingLogin .logo {
    height: 29px;
    background: url(https://copec.modyocdn.com/uploads/bcd45bf3-f030-4526-ae46-80c356df5cbf/original/logo-copec-white.svg) no-repeat;
    margin: 40px auto;
    padding: 0;
    Width: 250px;
    display: block;
    background-position: center;
  }
  .sideOnboardingLogin p {
    margin: 0 0 20px 0;
    padding: 30px;
    font-weight: bolder;
    font-size: 18px;
  }
  .sideOnboardingLogin ul { 
    margin: 0;
    padding: 0;
  }
  .sideOnboardingLogin ul li { 
    margin: 0;
    padding: 0;
    list-style: none;
    color: #fff;
    margin-bottom: 15px;
  }

  .sideOnboardingRegister {
      width: 100%;
      background: url(https://copec.modyocdn.com/uploads/1afa7359-730c-44fa-9327-5e4eb640845c/original/bg-recuperar-cuenta-1.jpg) no-repeat center center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      color: #fff;
      padding: 0;
      font-size: 16px;
      display: block;
      bottom: 0;
  }
  .sideOnboardingRegister .logo {
    height: 29px;
    background: url(https://copec.modyocdn.com/uploads/bcd45bf3-f030-4526-ae46-80c356df5cbf/original/logo-copec-white.svg) no-repeat;
    margin: 40px auto;
    padding: 0;
    Width: 250px;
    display: block;
    background-position: center;
  }
  .sideOnboardingRegister p {
    margin: 0 0 40px 0;
    padding: 30px;
    font-weight: bolder;
    font-size: 18px;
    text-align: center;
  }
  .sideOnboardingRegister ul { 
    margin: 0;
    padding: 0;
  }

  .sideOnboardingLogin ul li i {
    float: left;
    /* display: inline-block; */
    /* padding-bottom: 100px; */
    height: 50px;
    margin-right: 15px;
    font-size: 24px;
  }
  .sideOnboardingRegister ul li { 
    margin: 0;
    padding: 0;
    list-style: none;
    color: #fff;
    margin-bottom: 15px;
    font-size: 15px;
    clear: both;
  }
  .sideOnboardingRegister ul li span { 
    margin: 0;
    padding: 0;
    line-height: 40px;
    font-size: 15px;
  }
  #modyo-session-signup {
    position: relative;
  }
  #modyo-session.active .wrap-tabs {
    overflow-y: initial;
    border-radius: 0;
  }
  #modyo-session .tabs-signin {
    width: 100%;
    position: relative;
    float: right;
  }
  #modyo-session .wrap-tabs {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: auto;
    max-width: 100%;
    top: 0;
    background: white;
    color: #666;
    padding: 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    border-radius: 0;
    display: none;
  }
  #modyo-session-signup {
    width: 100%;
    position: initial;
    float: initial;
  }
  #modyo-session-login {
    width: 100%;
    position: initial;
    float: initial;
  }
  #modyo-session-reset-password {
    width: 100%;
    position: relative;
    float: right;
  }
  #modyo-session .wrap-tabs .form-wide {
      padding: 1em;
      min-height: 170px;
  }
  #modyo-session .form-login .user_session_email {
    margin-bottom: 15px;
  }

  #modyo-session .modyo-tabs li {
    width: 50%;
    float: left;
    display: block;
    text-align: center;
  }
  #modyo-session .tabs-signin button.close {
      right: 10px;
      top: -4px;
  }
  .sideOnboardingRegister ul li i {
    width: 40px;
    background: #fff;
    float: left;
    /* display: inline-block; */
    /* padding-bottom: 100px; */
    height: 50px;
    margin-right: 10px;
    font-size: 24px;
    height: 40px;
    color: #002867;
    text-align: center;
    line-height: 41px;
    margin-bottom: 20px;
    border-radius: 30px;
  }
  .sideOnboardingRegister ul li:nth-child(2) i {
    margin-right: 9px;
    font-size: 36px;
  }

  .sideOnboardingRegister ul li:nth-child(3) i {
    margin-right: 10px;
  }

  .sideOnboardingRegister ul li:nth-child(4) i {
    margin-right: 9px;
    font-size: 28px;
  }


  #modyo-session .tabs-signin {
      width: 100%;
      position: absolute;
      float: initial;
      bottom: 0;
      z-index: 999999;
  }




}
/*****************/
/* La cosa vieja */
/*****************/
.context-lanpass #content {
  background: url(https://copec.modyocdn.com/uploads/1afa7359-730c-44fa-9327-5e4eb640845c/original/bg-recuperar-cuenta-1.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.context-lanpass #content .main-inner {
    margin-bottom: 20px;
}
.context-lanpass #content .main-inner form {
    margin: 0;
}
.context-lanpass #content .main-inner form .address-ul {
    margin: 0;
}
.context-lanpass #content .main-inner form .form-actions {
    margin-bottom: 0;
} 
.context-lanpass #content .main-inner form .address-ul .address {
    float: left;
    width: 90%;
}
.context-lanpass #content .main-inner form .address-ul .address .address-li {
    display: none;
}
.context-lanpass #content .main-inner form .address-ul input[type="radio"] {
    display: inline-block;
    float: left;
    margin-right: 15px;
    width: 20px;
}
.context-lanpass #content .main-inner form ul.address-ul li.saved-address {
    margin-bottom: 10px;
    padding: 10px 10px;
    border-bottom: 1px solid #000;
}
/*
.context-lanpass #content .main-inner form ul.address-ul .btn {
    margin-top: 20px;
    position: absolute;
    top: 0;
    right: 20px;
}*/
.context-lanpass #content .main-inner {
    position: relative;
}
.context-lanpass ul.address-ul li.saved-address {
    overflow: hidden;
    clear: both;
    height: auto;
    margin-bottom: 10px;
    padding: 10px 10px;
    border-bottom: 1px solid #000;
    list-style-type: none;
    max-height: auto;
}
.context-lanpass .btn-primary {
  border-radius: 23px;
  height: 42px;
  line-height: 30px;
  min-width: 100px;
  font-size: 14px;
  text-transform: uppercase;
  background-color: #0D47A1;
}
.context-lanpass .btn-primary:hover {
  background-color: #022A69;
}
.context-lanpass legend:after {
  width: 58px;
  height: 3px;
  background-color: #D52B1E;
  content: '';
  display: block;
  position: absolute;
  margin-top: 5px;
}
.context-lanpass legend {
    color: #0D47A1;
    font-size: 31px;
    margin-top: 80px;
    margin-bottom: 40px;
    font-weight: 300;
    max-width: initial;
    background: transparent;
    position: relative;
    margin: 0 auto 30px;
    padding: 0px 0px;
    border: none;
}
@media (max-width: 767px) {
    .context-lanpass legend {
        font-size: 31px;
    }
    .context-lanpass #content .main-inner form .address-ul .address {
        float: left;
        width: 80%;
    }
    .context-lanpass #page-content {
        margin-bottom: 0;
    }
}
.context-lanpass label {
    font-weight: bold;
}
.context-lanpass #content .main-inner form .address-ul .address .icon-trash {
    margin-right: 6px;
}
.context-lanpass legend:nth-child(1) .btn {
    display: none;
}
.context-lanpass legend:nth-child(2) .btn {
    display: block;
    float: right;
}
.modal.fade.in#nuevaDireccionModal {
    left: 0;
    margin: 0 auto;
    width: 900px;
    max-width: 900px;
    z-index: 99999;
    display: block;
    right: 0;
    background: #fff;
    border: none;
}
#nuevaDireccionModal h4 {
    color: #000;
    margin: 10px 0;
}
#nuevaDireccionModal label {
    color: #000;
    display: block;
    margin-bottom: 5px;
}
#nuevaDireccionModal li {
    width: 100%;
    margin-left: 0;
}
#nuevaDireccionModal .modal-body {
    max-height: 610px;
}
#nuevaDireccionModalBtn {
    float: right;
    margin-top: -61px;
    position: relative;
}
@media (max-width: 767px) {
        
    #nuevaDireccionModal #nuevaDireccionModalBtn {
        float: right;  
        margin-top: 0;  
        position: relative;
    }
    .modal.fade.in#nuevaDireccionModal {
        width: 100%;
        max-width: 900px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        top: 0 !important;
        position: fixed;
        display: block;
        overflow-y: scroll;
    }
    
    #nuevaDireccionModal .modal-body {
        position: relative;
        max-height: initial;
        padding: 15px;
        overflow-y: hidden;
    }
    #nuevaDireccionModal #map-holder {
        height: 230px;
    }
    
    
    #nuevaDireccionModal .span8 {
        width: 100%;
    }
    
    #nuevaDireccionModal .span4 {
        width: 100%;
        margin-left: 0;
    }
    #addresses .control-group {
        clear: both;
    }
    #nuevaDireccionModalBtn {
        margin-bottom: 20px;
        float: left;
        margin-top: 0;
        position: relative;
        display: block;
        clear: both;    
        z-index: 1111;
    }
}
#nuevaDireccionModal .modal-body .span6 .span6 {
    width: 100%;    
}
.copec-user-panel {
    color: #000;
}
.lanpass-contact-panel.step-panel .span7 {
    width: 100%;
}
.lanpass-contact-panel.step-panel .span5 {
    display: none;
}
.lanpass-contact-panel #addresses .control-group h3 {
    color: #0D47A1;
    font-size: 31px;
    margin-top: 80px;
    margin-bottom: 40px;
    font-weight: 300;
    max-width: initial;
    background: transparent;
    position: relative;
    margin: 0 auto 30px;
    padding: 0px 0px;
    border: none;
}
.lanpass-contact-panel #addresses .control-group h3:after {
  width: 58px;
  height: 3px;
  background-color: #D52B1E;
  content: '';
  display: block;
  position: absolute;
  margin-top: 5px;
}
.lanpass-dispatch-panel .well {
    padding: 0px 0 20px 0;
    background-color: #fff;
    border: none;
    box-shadow: none;
}
.lanpass-contact-panel .span7 .row-fluid {
    font-size: 16px;
    margin-bottom: 20px;
}
.simple_form.edit_copec_customer .copec-user-panel .hidden {
    display: none;
}
 
@media (max-width: 767px) {
.lanpass-contact-panel #nuevaDireccionModalBtn {
        margin-top: 20px;
        position: relative;
        z-index: 111111;
        float: left;
        bottom: initial;
    }
}
.lanpass-contact-panel #addresses .control-group h3 {
    width: 70%;
    float: left;
}
.copec-user-panel.copec-form-group .copec-form-names ul {
    margin: 0 0 20px 0;
    padding: 0;
    list-style: none;
    float: left;
}
.copec-form-names a {
    margin: 0 0 0 20px;
}
@media (min-width: 767px) {
    .copec-form-birth-at .controls select {
        width: 30%;   
        margin-right: 5px;
    }
    .copec-form-birth-at .controls select:last-child {
        margin-right: 0;  
    }
    .mobile-phone .span8 {
        width: 60%;   
        margin-right: 0;   
    }
    #addresses legend {
        margin-top: 31px;
        float: left;
        width: 70%;
    }
    
    .lanpass-contact-panel #addresses .control-group {
        position: relative;
    }
    
    .lanpass-contact-panel #addresses .control-group #nuevaDireccionModalBtn {
        margin: 0;
        float: right;
        right: 7px;
        position: absolute;
        top: 41px;
        bottom: initial;
    }
    
}
@media (max-width: 767px) {
    .copec-form-birth-at .controls select {
        margin-bottom: 15px;    
    }
}
#addresses .control-group .controls {
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.copec-form-sex .radio {
    padding-top: 12px;
}
.mobile-phone input[type="text"] {
    border-color: #cccccc;
}
#addresses p {
    clear: both;   
}
.copec-form-names .row {
    margin-left: 0;
}
.copec-form-names .row .span4 input[type="text"] {
    width: 100%;
    border-color: #cccccc;
}
.copec-form-names {
    position: relative;    
}
.copec-form-names a {
    color: #fff;
    border-radius: 23px;
    height: 42px;
    line-height: 20px;
    min-width: 100px;
    font-size: 14px;
    text-transform: uppercase;
    background-color: #0D47A1;
    padding: 12px 14px;
    margin: 0;
    float: right;
    right: 7px;
    position: absolute;
    top: 41px;
    bottom: initial;
    
}
.copec-form-names a:hover {
    text-decoration: none;
    line-height: 20px;
    color: #fff;
    background-color: #022A69;
    
}
@media (min-width: 767px) {
    .copec-form-names a {
        margin-top: -31px;
    }    
}
@media (max-width: 767px) {
    .copec-form-names a {
        left: 0;
        margin-top: 28px;
        float: left;
        right: initial;
    }  
    .copec-form-names .row {
        margin-left: 0;
        margin-top: 57px;
    }
}
.modal.fade.in#nuevaDireccionModal {
    z-index: 999999;    
}
.context-lanpass #modyo-session.logged {
    display: none!important;    
}
.copec-form-names .row .span4.mobile-phone input:nth-child(2){
    width: 68%;
    margin-left: 10px;
    float: right;
}
@media (max-width: 767px) {
    .copec-form-names .row .span4.mobile-phone input:nth-child(2){
        width: 100%;
    }
    .copec-form-names fieldset .row {
        margin-left: 0;
        margin-top: 56px;
    }
    .copec-form-names fieldset .row:last-child {
        margin-left: 0;
        margin-top: 0;
    }
    .copec-form-names .mobile-phone .span3 {
        width: 23.404255319148934%; 
        float: left;
    }
    .copec-form-names .mobile-phone .span8 {
        width: 72%;      
        margin-left: 10px;
        float: right;
    }
    #nuevaDireccionModal {
        border-radius: 0;
    }
    #nuevaDireccionModal .modal-header .close {
        font-size: 30px;
        margin: -4px -10px;
    }
    
}
#addresses .alert {
  clear: both;
  padding: 50px 10px;
  background: #f1f1f1;
  border: none;
  text-shadow: none;
  color: #000;
  font-size: 16px;
  text-align: center;
}
abbr[title="required"] {
    color: #b12704;
    font-weight: 600;
    border: 0;
    text-decoration: none;
}

.ico.ico-logo-footer {
background-size: 119px;
width: 119px;
height: 29px;
background-position: -119px 0;
background-image:
url(https://copec.modyocdn.com/uploads/dc6292a9-86b2-49d2-9bdc-562facf42eba/original/copec_logo_footer.png);
}

.context-copec-copec-edit #content {
    background: url(https://copec.modyocdn.com/uploads/1afa7359-730c-44fa-9327-5e4eb640845c/original/bg-recuperar-cuenta-1.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

@media (min-width: 767px) {
    .context-copec-copec-edit #addresses legend {
        margin-top: 31px;
        float: initial;
        width: 100%;
    }
}

.context-copec-copec-edit ul.address-ul li.saved-address {
    clear: both;
}

.context-copec-copec-edit ul.address-ul li.saved-address input[type="radio"] {
    float: left;
    margin-right: 10px;
    margin-left: 3px;
}

.context-copec-copec-edit ul.address-ul li.saved-address .address {
    width: 90%;
    float: left;
}

.context-copec-copec-edit #modyo-session {
    display:none!important;    
}

@media (min-width: 767px) {
    .context-copec-copec-edit ul.address-ul li.saved-address {
        padding-bottom: 10px;
        border-bottom: 1px solid #c1c1c1;
        margin-bottom: 10px;
        clear: both;
        height: auto;
        overflow: hidden;
    }
}
    .context-copec-copec-edit ul.address-ul {
        margin: 0;
    }
    .context-copec-copec-edit ul.address-ul li.saved-address {
        padding-bottom: 10px;
        border-bottom: 1px solid #c1c1c1;
        margin-bottom: 10px;
        clear: both;
        height: auto;
        overflow: hidden;
    }


.context-copec-copec-edit .copec-form ul {
    margin:0;
}
.context-copec-copec-edit .copec-form li {
    list-style: none;
    line-height: 20px;
}



.context-copec-copec-edit #page-title h2 {
    margin: 20px 0;
    font-weight: 100;
    font-size: 39px;
    color: white;
    padding: 27px 0;
}


.context-copec-copec-edit legend {
    color: #0D47A1;
    font-size: 31px;
    margin-top: 80px;
    margin-bottom: 40px;
    font-weight: 300;
    max-width: initial;
    background: transparent;
    position: relative;
    margin: 0 auto 30px;
    padding: 0px 0px;
    border: none;
}

.context-copec-copec-edit legend:after {
    width: 58px;
    height: 3px;
    background-color: #D52B1E;
    content: '';
    display: block;
    position: absolute;
    margin-top: 5px;
}

.context-copec-copec-edit .btn-primary {
    border-radius: 23px;
    height: 42px;
    line-height: 30px;
    min-width: 100px;
    font-size: 14px;
    text-transform: uppercase;
    background-color: #0D47A1;
}


.context-copec-copec-edit .btn-primary:hover {
    background-color: #022A69;
}


.context-copec-copec-edit .main-inner {
    margin-bottom: 20px;
}

.context-copec-copec-edit #main {
    margin-bottom: 20px;
}


.context-copec-copec-edit #nuevaDireccionModal form {
    margin: 0 0 0;
}



body #modyo-session.logged {
bottom: -160px;
}

#customer-notifications-container {
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
    padding: 20px;
    margin: 20px auto;
    background: #fff;
}

#customer-notifications-container legend {
    color: #0D47A1;
    font-size: 41px;
    margin-top: 80px;
    margin-bottom: 40px;
    font-weight: 300;
    max-width: 500px;
    background: #fff;
    position: relative;
    margin: 0;
    padding: 0 0 20px 0;
    border-bottom: none;
}

#customer-notifications-container legend:after {
    width: 58px;
    height: 3px;
    background-color: #D52B1E;
    content: '';
    display: block;
    position: absolute;
    margin-top: 5px;
}

#customer-notifications-container label {
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
}

#customer-notifications-container ul {
    margin: 0;
    padding: 0;
}

#customer-notifications-container ul li {
    list-style: none;
}

#customer-notifications-container .btn-primary {
    border-radius: 23px;
    height: 42px;
    line-height: 30px;
    min-width: 100px;
    font-size: 14px;
    text-transform: uppercase;
    background-color: #0D47A1;
    font-weight: normal;
}

#customer-notifications-container .btn-primary:hover {
    background-color: #022A69;
}

#customer-notifications-container .help-block {
    font-size: 16px;
    margin-left: 19px;
    font-weight: normal;
}

#notifications {
    background: #f1f1f1;
}

#notifications .main-inner {
    padding: 0;
}

#notifications p {
    font-size: 16px;
    color: #000;
}

@media (max-width: 767px) {
    #notifications legend {
        font-size: 31px;
        padding: 0 0 20px 0;
        text-align: left;
    }
}

@font-face {
    font-family: 'Gotham Rounded';
    src: url('https://copec.modyocdn.com/uploads/59de75df-be0b-4018-afb4-6ee0f9a01a1b/original/GothamRounded-MediumItalic.eot');
  src: url('https://copec.modyocdn.com/uploads/59de75df-be0b-4018-afb4-6ee0f9a01a1b/original/GothamRounded-MediumItalic.eot?#iefix') format('embedded-opentype'),
    url('https://copec.modyocdn.com/uploads/8b0a3d9a-9dfa-4d06-9093-2c1b16197d6a/original/GothamRounded-MediumItalic.woff2') format('woff2'),
    url('https://copec.modyocdn.com/uploads/705c87e5-a0a2-4a3c-a735-e09f3da0cd63/original/GothamRounded-MediumItalic.woff') format('woff'),
    url('https://copec.modyocdn.com/uploads/83158707-3dc4-49cd-a0e1-b967766e823c/original/GothamRounded-MediumItalic.ttf') format('truetype'),
    url('https://copec.modyocdn.com/uploads/efbecc72-5d69-4104-add5-711f0fa0e847/original/GothamRounded-MediumItalic.svg#GothamRounded-MediumItalic') format('svg');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Gotham Rounded';
  src: url('https://copec.modyocdn.com/uploads/81eabb2b-0f12-40cb-bc98-476ce2128ae2/original/GothamRounded-Light.eot');
  src: url('https://copec.modyocdn.com/uploads/81eabb2b-0f12-40cb-bc98-476ce2128ae2/original/GothamRounded-Light.eot?#iefix') format('embedded-opentype'),
    url('https://copec.modyocdn.com/uploads/f045547d-9097-4033-ab2c-2bc2787c0c39/original/GothamRounded-Light.woff2') format('woff2'),
    url('https://copec.modyocdn.com/uploads/60edaee8-62c6-4070-a43c-137a1b4ac26a/original/GothamRounded-Light.woff') format('woff'),
    url('https://copec.modyocdn.com/uploads/5d5bb7e8-77ad-43fc-b6f7-114d178495d7/original/GothamRounded-Light.ttf') format('truetype'),
    url('https://copec.modyocdn.com/uploads/e54d8fe2-a6d5-4e49-925f-a0da5b81aca5/original/GothamRounded-Light.svg#GothamRounded-Light') format('svg');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham';
  src: url('https://copec.modyocdn.com/uploads/04253dd6-320a-4073-aa8f-7499ee6999a4/original/Gotham-Bold.eot');
  src: url('https://copec.modyocdn.com/uploads/04253dd6-320a-4073-aa8f-7499ee6999a4/original/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
    url('https://copec.modyocdn.com/uploads/deecdc63-be98-4754-9bf9-add9ba4a7f07/original/Gotham-Bold.woff') format('woff2'),
    url('https://copec.modyocdn.com/uploads/deecdc63-be98-4754-9bf9-add9ba4a7f07/original/Gotham-Bold.woff') format('woff'),
    url('https://copec.modyocdn.com/uploads/6134ea34-6bfa-4112-98f6-79b1335faeac/original/Gotham-Bold.ttf') format('truetype'),
    url('https://copec.modyocdn.com/uploads/a4526a1a-f279-4770-9e97-f957c752be4a/original/Gotham-Bold.svg#Gotham-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham Rounded Book';
  src: url('https://copec.modyocdn.com/uploads/f0c7a29a-66da-4245-9fe0-ac004f15a845/original/GothamRounded-Book.eot');
  src: url('https://copec.modyocdn.com/uploads/f0c7a29a-66da-4245-9fe0-ac004f15a845/original/GothamRounded-Book.eot?#iefix') format('embedded-opentype'),
    url('https://copec.modyocdn.com/uploads/9fa898b9-6c9a-41e5-96b4-ee6ddd266d14/original/GothamRounded-Book.woff2') format('woff2'),
    url('https://copec.modyocdn.com/uploads/9269f028-28b4-49f3-be17-2eed9b78271b/original/GothamRounded-Book.woff') format('woff'),
    url('https://copec.modyocdn.com/uploads/ef38fa6c-f801-4151-8cc9-eb9b2283aaed/original/GothamRounded-Book.ttf') format('truetype'),
    url('https://copec.modyocdn.com/uploads/8d087960-850b-45d6-a0d8-ff19e059ae4f/original/GothamRounded-Book.svg#GothamRounded-Book') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham Rounded';
  src: url('https://copec.modyocdn.com/uploads/26d3bb10-2fd7-4d7f-9259-5289b2b748c1/original/GothamRounded-Medium.eot');
  src: url('https://copec.modyocdn.com/uploads/26d3bb10-2fd7-4d7f-9259-5289b2b748c1/original/GothamRounded-Medium.eot?#iefix') format('embedded-opentype'),
    url('https://copec.modyocdn.com/uploads/0748b4b2-0239-4083-976c-9ff28d1fa8d2/original/GothamRounded-LightItalic.woff2') format('woff2'),
    url('https://copec.modyocdn.com/uploads/77b59946-cb05-40c3-a701-772b76078def/original/GothamRounded-Medium.woff') format('woff'),
    url('https://copec.modyocdn.com/uploads/a04bcdb4-d822-4589-b4db-912751593d66/original/GothamRounded-Medium.ttf') format('truetype'),
    url('https://copec.modyocdn.com/uploads/ae60a133-c738-48d3-a597-58b4bd678e9a/original/GothamRounded-Medium.svg#GothamRounded-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham Rounded';
  src: url('https://copec.modyocdn.com/uploads/3557a74c-236a-4f58-b001-a92e5a75fa92/original/GothamRounded-LightItalic.eot');
  src: url('https://copec.modyocdn.com/uploads/3557a74c-236a-4f58-b001-a92e5a75fa92/original/GothamRounded-LightItalic.eot?#iefix') format('embedded-opentype'),
    url('https://copec.modyocdn.com/uploads/0748b4b2-0239-4083-976c-9ff28d1fa8d2/original/GothamRounded-LightItalic.woff2') format('woff2'),
    url('https://copec.modyocdn.com/uploads/123bcf0f-2815-4792-bc1d-4153cfa81149/original/GothamRounded-LightItalic.woff') format('woff'),
    url('https://copec.modyocdn.com/uploads/c4d23eaf-91ca-48d6-bdc1-c938453919bf/original/GothamRounded-LightItalic.ttf') format('truetype'),
    url('https://copec.modyocdn.com/uploads/124bd5a3-c677-40b1-b0e2-6a16a70dfdac/original/GothamRounded-LightItalic.svg#GothamRounded-LightItalic') format('svg');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Gotham Rounded';
  src: url('https://copec.modyocdn.com/uploads/a85e99f0-2240-4f1d-8f7c-95e61893afd2/original/GothamRounded-BoldItalic.eot');
  src: url('https://copec.modyocdn.com/uploads/a85e99f0-2240-4f1d-8f7c-95e61893afd2/original/GothamRounded-BoldItalic.eot?#iefix') format('embedded-opentype'),
    url('https://copec.modyocdn.com/uploads/47864149-db07-422b-97e8-43b2f768afbe/original/GothamRounded-Bold.woff2') format('woff2'),
    url('https://copec.modyocdn.com/uploads/314b511e-f22e-4e65-b7d0-259abcaba12e/original/GothamRounded-BoldItalic.woff') format('woff'),
    url('https://copec.modyocdn.com/uploads/098a5b1f-060e-4046-96a9-441f62b8ffcd/original/GothamRounded-BoldItalic.ttf') format('truetype'),
    url('https://copec.modyocdn.com/uploads/37fe08f2-ea9b-4e0f-a337-338db391f8b9/original/GothamRounded-BoldItalic.svg#GothamRounded-BoldItalic') format('svg');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Gotham Rounded';
  src: url('https://copec.modyocdn.com/uploads/099db7e9-141b-4d94-adf0-a72fecb24839/original/GothamRounded-Bold.eot');
  src: url('https://copec.modyocdn.com/uploads/099db7e9-141b-4d94-adf0-a72fecb24839/original/GothamRounded-Bold.eot?#iefix') format('embedded-opentype'),
    url('https://copec.modyocdn.com/uploads/47864149-db07-422b-97e8-43b2f768afbe/original/GothamRounded-Bold.woff2') format('woff2'),
    url('https://copec.modyocdn.com/uploads/048b285c-1013-486c-b305-5ea3c1fff895/original/GothamRounded-Bold.woff') format('woff'),
    url('https://copec.modyocdn.com/uploads/46c4bc9e-8b9b-423c-bf61-eb17126c96b7/original/GothamRounded-Bold.ttf') format('truetype'),
    url('https://copec.modyocdn.com/uploads/e49418b8-0530-4da8-8a23-d6bbe9432bee/original/GothamRounded-Bold.svg#GothamRounded-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham Rounded Book';
  src: url('https://copec.modyocdn.com/uploads/12f8e6f9-bc3c-46ea-8dfb-5b70a5c8fdab/original/GothamRounded-BookItalic.eot');
  src: url('https://copec.modyocdn.com/uploads/12f8e6f9-bc3c-46ea-8dfb-5b70a5c8fdab/original/GothamRounded-BookItalic.eot?#iefix') format('embedded-opentype'),
    url('https://copec.modyocdn.com/uploads/4adfaa74-e167-482e-9991-9b08ae99dedf/original/GothamRounded-BookItalic.woff2') format('woff2'),
    url('https://copec.modyocdn.com/uploads/0b464e9b-e948-4d09-ba25-357d188820b3/original/GothamRounded-BookItalic.woff') format('woff'),
    url('https://copec.modyocdn.com/uploads/d258ccae-eeab-4c52-a8fd-3190facd3d5f/original/GothamRounded-BookItalic.ttf') format('truetype'),
    url('https://copec.modyocdn.com/uploads/3cb7d7e9-0bf7-44f5-a724-00bd3f151bee/original/GothamRounded-BookItalic.svg#GothamRounded-BookItalic') format('svg');
  font-weight: normal;
  font-style: italic;
}

.context-videos-show .video-container {
    position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.context-videos-show .video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#myModalDiagrama {
    position: fixed;
    top: 10%;
    left: 0;
    z-index: 1050;
    right: 0;
    width: 100%;
    margin-left: 0;
    height: 100%;
    background-color: transparent;
}

#myModalDiagrama .close {
    color:#fff;
    opacity: 1;
    font-size: 30px;
    line-height: 50px;
}


#myModalDiagrama iframe {
    height: 100%;
    width: 100%;
    height: 90%;
}

#myModalDiagrama .modal-body {
    min-height: 100%;
    position: relative;
    max-height: 100%;
    padding: 15px;
    overflow-y: auto;
    height: 100%;
}

#myModalDiagrama .modal-content {
    height: 100%;
}


#myModalDiagrama .modal-dialog {
    height: 100%;
}

@media (max-width: 480px) {
    #myModalDiagrama {
        top: 0px !important;
    }
}



#intro-pp .btns {
    margin-top: 20px;
}




/* Large desktop */
@media (min-width: 1200px) { ... }
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
    #intro-pp .texts {
        width: 80%;
    }
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    #intro-pp .btns a.btn {
        width: 100%;
        margin-bottom: 10px;
        display: block;
        height: auto;
    }
    
}
 
/* Landscape phones and down */
@media (max-width: 480px) { ... }
/*arreglo de novedades y eventos*/
.filtro-blanco {
    margin-top: -72px;    
}

.filtro-blanco .view-more a {
    background: #2d8ec8;
    color: #fff;
}



@media (min-width: 1200px) {
    .cont-eventos-chiletur {
        margin-top: -388px;
    }
}
.filtro-blanco {
    background: transparent;
}

.destination-city {
    padding-top: 90px;
}


.page-title-with-action.eventos h1 {
    color: #fff!important;
}
/* FE DE ERRATAS*/
.context-layouts-show-fe-de-erratas #sidebar .sidebar-inner .widget-small h3 {
    border-bottom: 1px solid #ccc !important;
    height: 44px;
    background: none;
    /* color: #666 !important; */
    font-family: 'Nunito', sans-serif;
    font-weight: bold;
    color: #173E88 !important;
}
.context-layouts-show-fe-de-erratas #sidebar .container.CTtxtBloque {
        margin: 2em auto;
}
.context-layouts-show-fe-de-erratas .btnCTguia {
    width: 265px;
    display: inline-block;
    margin-left: 20px;
    border-radius: 5px;
}
.context-layouts-show-fe-de-erratas #sidebar .container.CTtxtBloque p {
    display: inline-block;
}
.context-layouts-show-fe-de-erratas #sidebar .container.CTtxtBloque br {
	display: none;
}
.context-layouts-show-fe-de-erratas #sidebar .container.CTtxtBloque p br {
    display: block;
}
.context-layouts-show-fe-de-erratas .list.test li.post {
	    border-bottom: 1px solid #dadada;
    display: flex;
    flex-wrap: wrap;
}
.context-layouts-show-fe-de-erratas .list.test .cover {
	    margin: 0;
    padding: 0;
    width: 40%;
    max-width: inherit;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    height: 195px;
}
.context-layouts-show-fe-de-erratas  .list.test .information-detail {
	    width: 55%;
    display: inline-block;
    margin-left: 30px;
}
.context-layouts-show-fe-de-erratas .information-detail h4 a {
    color: #5E5E5E;
    display: block;
    line-height: 32px;
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
}
.context-layouts-show-fe-de-erratas .information-detail .description p img {
    display: none;
}

/* MEDIA & POST LIST */

.context-media.context-media-list #page-title,
.context-posts.context-posts-list #page-title { padding: 1.3em 0 2.5em 0; }
#internal.context-media.context-media-list .content-inner #page-title h2,
#internal.context-posts.context-posts-list .content-inner #page-title h2 { width: 100%; }
.context-posts.context-posts-list #content .list .cover,
.context-media.context-media-list #content .list .cover {
    float: left;
    max-height: 220px;
    overflow: hidden;
    border-radius: 3px;
}
   .context-layouts-show-clientes-industriales [id$=_panel] {
        margin: 0px!important;
    }
    .context-layouts-show-clientes-industriales table.CustomWidget tbody tr {
        float: left!important;
    }
   .context-layouts-show-clientes-industriales table.CustomWidget tbody tr {
        float: left!important;
        padding: 0 25px!important;
    }
   .context-layouts-show-clientes-industriales #applicationContent button#btn_iniciar_solicitud {
        padding: 0 19px!important;
        border: 0!important;
    }
    
.context-layouts-show-format-test .widget.widget-text h3:after,
.context-layouts-show-format-test .widget.widget-text h4:after {
    height: 2px;
    width: 33px;
    background-color: #0076bd;
    content: '';
    top: 0;
    bottom: 0;
    position: relative;
    display: block;
}
.context-layouts-show-format-test .widget.widget-text h4:after {
    background-color: #0076bd;
}
.context-layouts-show-format-test .widget.widget-text h1 {
    font-weight: 400;
    color: #2b4d90;
    padding: .5em 0;
    font-size: 37px;
}
.context-layouts-show-format-test .widget.widget-text h2 {
    font-weight: 300;
    color: #0076bd;
    padding: 0;
    margin: 0 0 .3em 0;
    font-size: 30px;
}
.context-layouts-show-format-test .widget.widget-text h3 {
    font-size: 20px;
    line-height: 27px;
    padding: .5em 0 0 0;
    color: #0076bd;
    font-weight: 500;
    margin: 0;
}
.context-layouts-show-format-test .widget.widget-text h4 {
    font-size: 20px;
    line-height: 27px;
    padding: .5em 0 0 0;
    color: #0076bd;
    font-weight: 500;
    margin: 0;
}
.context-layouts-show-format-test .widget.widget-text h5 {
    background: #f3f3f3;
    border-left: #0076bd solid 7px;
    padding: 1em 2em;
    margin: 0;
    color: #757575;
    font-weight: 400;
    text-align: justify;
    font-size: 16px;
}
.context-layouts-show-format-test .widget.widget-text p {
    font-size: 15px;
    font-weight: 400;
    color: #757575;
}
.context-layouts-show-format-test .widget.widget-text li {
    line-height: 20px;
    color: #1a4186;
    font-size: 16px;
    font-weight: 400;
}
.context-layouts-show-format-test .widget.widget-text ol li:before {
    content: counter(item);
    counter-increment: item;
    color: #5b76a5;
    background: transparent;
    border: #5b76a5 1px solid;
    border-radius: 50%;
    padding: 0 6px;
    text-align: center;
    display: inline-block;
    margin: 1em 1em 0 0;
    margin-left: -5%;
    font-size: 12px;
    font-weight: 500;
}
.context-layouts-show-format-test .widget.widget-text ol {
    counter-reset: item;
    margin-left: 5%;
}
.context-layouts-show-format-test .widget.widget-text ol li {
    display: block;
}
.context-layouts-show-format-test .accordion-heading a {
    display: block;
    padding: 15px;
    font-size: 17px;
    color: #0076bd;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
    border-left: 7px solid #dadada;
}
.context-layouts-show-format-test .accordion-heading a.open {
    border-left: 7px solid #0076bd;
    -webkit-transition: border 500ms ease-out;
    -moz-transition: border 500ms ease-out;
    -o-transition: border 500ms ease-out;
    transition: border 500ms ease-out;
}
.accordion-heading {
    border-top: 0;
    background: none;
    background-color: #f3f3f3;
}
.accordion-heading a:before {
    float: right !important;
    font-family: FontAwesome;
    content: "\f078";
    padding-right: 5px;
    color: #0076bd;
}
.accordion-heading > a.open:before {
    float: right !important;
    content: "\f077";
}
.accordion-inner {
    padding: 9px 15px;
    background: #fff;
    margin-top: .1em;
    border: 1px solid #f3f3f3;
}
.accordion-group {
    margin-bottom: 6px;
    border: 0;
}

/*context-posts-show*/

/* SIDEBAR NOTICIAS */




#home.context-layouts-show-noticias .destination-city { display: none; }
#home.context-layouts-show-noticias .destination-park { display: none; }

#internal .destination-city { display: none; }
#internal .destination-park { display: none; }
#internal .sidebar-destinos { display: none; }
#internal .sidebar-chiletur { display: none; }
.context-layouts .sidebar-destinos { display: none; }
.context-layouts .sidebar-chiletur { display: none; }


#internal.category-chiletur .sidebar-chiletur { display: block; }
#home.context-layouts-show-noticias .sidebar-destinos { display: block; margin-bottom: 3em; }
#internal.category-chiletur .sidebar-destinos { display: block; }






/* SIDEBAR DESTINOS - PARQUES */
.sidebar-destinos .cover-img {
    width: 100%;
    float: left;
}

.sidebar-destinos .description {
    height: 100%;
    width: 100%;
    position: absolute;
    padding: 1em;
    margin: 0;
}
.sidebar-destinos .item .description small {
    font-style: normal!important;
    text-transform: uppercase;
    color: #fff;
    padding: 1px 10px;
    display: inline-block;
    margin-bottom: 5px;
    font-size: 10px;
    background: #019db6;
    position: absolute;
}

.sidebar-destinos .item .description small.Zona.Norte {
    background: #f6b000;
}
.sidebar-destinos .item .description small.Zona.Centro {
    background: #01b462;
}
.sidebar-destinos .item .description small.Zona.Sur {
    background: #0079be;
}
 .sidebar-destinos .item .description .cont-txt {
    position: relative;
    height: 100%;
}
 .sidebar-destinos .item .description .cont-txt h3 {
    position: absolute;
    bottom: 0;
    padding: 10px;
    background: #ffffffd4;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.2px;
    color: #135577;
}
.sidebar-destinos .item h3 {
    font-size: 15px;
}
.sidebar-destinos .item {
    display: inline-block;
    height: auto;
    background: white;
    border: 1px solid #e4e4e4;
    margin: 0;
    position: relative;
    width: 100%;
    max-width: 100%;
}
.sidebar-destinos {
    list-style: none;
    margin: 0;
    background: #f9f9f9;
    padding: 15px 10px;
    border: 1px solid #e4e4e4;
    margin-top: 1em;
}
 .sidebar-destinos ul {
    list-style: none;
    margin: 0;
}
.sidebar-destinos h3.title {
    border-left: 4px solid #1565C0;
    padding-left: 15px;
    height: auto;
    background: none;
    color: #1565C0!important;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
    margin-bottom: 25px;
    display: inline-block;
    line-height: normal;
}
.context-posts-show #sidebar .sidebar-chiletur .planifica-banner .view-more {
    display: table-cell;
    background: #fff;
    float: unset;
    padding: 7px 20px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.5px;
    cursor: pointer;
    width: 65%;
    text-align: center;
    transition: .3s ease;
    margin-top: 10px;
    font-size: 12px;
}
#sidebar .sidebar-chiletur .planifica-banner {
    height: 240px;
    width: 100%;
    background: url('https://copec.modyocdn.com/uploads/c251e014-5700-4281-a239-3678b444ce54/original/banner.jpg') no-repeat center;
    background-size: cover;
    margin: 2em 0;
    display: inline-block;
}
.planifica-banner h2 {
    text-transform: uppercase;
    font-size: 27px;
    letter-spacing: 1px;
    color: #fff;
    padding: .5em 0;
    line-height: 34px;
    text-shadow: #17709e 0 0 20px;
}
.planifica-banner div {
    display: table;
}
.planifica-banner div .banner-content {    
    vertical-align: middle;
    display: table-cell;
    height: 240px;
    text-align: center;
    width: 100%;
    max-width: 100%;
}
#sidebar .promociones .list, #sidebar .sidebar-chiletur .list { padding: 0; }


#sidebar .sidebar-chiletur .view-more.all {
    width: 100%;
    margin-top: 1em;
}
.context-layouts-show-noticias .view-more.all .btn,
#sidebar .sidebar-chiletur .view-more.all .btn { 
    background: #0077b5;
    width: 100%;
    border-radius: 0;
    padding: 1em 1.7em;
    text-transform: uppercase;
    font-weight: 600;
    display: inline-block;
    transition: .2s ease;
    color: #fff;
}
.context-layouts-show-noticias .view-more.all .btn:hover,
#sidebar .sidebar-chiletur .view-more.all .btn:hover {
    background: #005582;
    transition: .2s ease;
}
.category-chiletur.context-posts-show #sidebar .sidebar-chiletur li .media-body h4 a {
    color: #fff!important;
}

.category-chiletur.context-posts-show #main .description strong {
    font-size: 16px;
}
.context-layouts-show-noticias #home-wrap-second .noticias-chiletur .post .view-more i,
.category-chiletur.context-posts-show #sidebar .sidebar-chiletur .media-body .view-more i {
    font-size: 12px;
}
.context-layouts-show-noticias #sidebar .promociones .media-body .view-more .btn,
.context-layouts-show-noticias #home-wrap-second .noticias-chiletur .post .view-more .btn,
.category-chiletur.context-posts-show #sidebar .sidebar-chiletur .media-body .view-more .btn {
    color: #fff;
    background: transparent;
    padding: 0;
    margin-right: 6px;
    line-height: 0;
    font-size: 12px;
    letter-spacing: .5px;
}
.context-layouts-show-noticias #sidebar .promociones h4 a {
    color: #fff!important;
    font-size: 14px;
}
.context-layouts-show-noticias #sidebar .promociones h4 {
    padding: 10px;
}
.context-layouts-show-noticias #sidebar .promociones h4 {
    position: relative!important;
    background: #005caa!important;
    padding: .8em 1.3em;
}
.context-layouts-show-noticias #sidebar .promociones h4,
.category-chiletur.context-posts-show #sidebar .sidebar-chiletur .media-body {
    margin: 0;
    position: absolute;
    width: 100%;
    bottom: 0;
    color: #fff;
    background: rgba(28, 45, 64, 0.68);
}
.context-layouts-show-noticias #home-wrap-second .noticias-chiletur .post .view-more i {
    color: #fff;
}
.context-layouts-show-noticias #home-wrap-second .noticias-chiletur .post .view-more {
    margin-top: 0!important;
    border: solid 1px #00aced;
}
.context-layouts-show-noticias #home-wrap-second .noticias-chiletur .post .view-more:hover,
.category-chiletur.context-posts-show #sidebar .sidebar-chiletur .media-body .view-more:hover {
    background: #fff;
    transition: .3s ease;
}
.context-layouts-show-noticias #home-wrap-second .noticias-chiletur .post .view-more:hover {
    border: solid 1px #00aced;
}
.context-layouts-show-noticias #home-wrap-second .noticias-chiletur .post .view-more:hover>.btn,
.context-layouts-show-noticias #home-wrap-second .noticias-chiletur .post .view-more:hover>i,
.category-chiletur.context-posts-show #sidebar .sidebar-chiletur .media-body .view-more:hover>.btn,
.category-chiletur.context-posts-show #sidebar .sidebar-chiletur .media-body .view-more:hover>i {
    color: #00aced;
}
.category-chiletur.context-posts-show #sidebar .sidebar-chiletur .media-body .view-more i {
    margin-bottom: 1px;
}
.context-layouts-show-noticias #home-wrap-second .noticias-chiletur .information-inner .description {
    min-height: 90px;
}
.context-layouts-show-noticias #home-wrap-second .noticias-chiletur .post .view-more,
.category-chiletur.context-posts-show #sidebar .sidebar-chiletur .media-body .view-more {
    float: right;
    display: block;
    background: #00aced;
    padding: .5em 1.3em;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.5px;
    cursor: pointer;
    text-align: center;
    transition: .3s ease;
    margin-top: 10px;
    color: #fff;
}
.category-chiletur.context-posts-show #sidebar .sidebar-chiletur .media-body .description {
    padding: 10px 15px;
    margin: 0;
    display: inline-block;
}
.category-chiletur.context-posts-show #sidebar .sidebar-chiletur .media-body .description h4 {
    text-transform: inherit;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 5px;
}
.category-chiletur.context-posts-show #main .description h2,
.category-chiletur.context-posts-show #main .description h3,
.category-chiletur.context-posts-show #main .description h4 {
    margin: 10px 0;
    padding: 0;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
}
.category-chiletur.context-posts-show #main .description h1 {
    color: #0D47A1;
    font-size: 37px;
    font-weight: 500;
    margin: 0;
}
.category-chiletur.context-posts-show #main .description h2 {
    line-height: 33px;
    /* font-style: italic; */
    /* color: #0D47A1; */
    
    color: rgba(0, 0, 0, .8);
    font-size: 24px;
    margin: 30px 0px;
}
.category-chiletur.context-posts-show #main .description h3 {
    color: #1976D2;
    font-size: 21px;
}
.category-chiletur.context-posts-show #main .description h4 {
    color: #0D47A1;
    font-size: 18px;
    background: initial;
    padding: 0;
    margin: 10px 0;
    float: none;
    max-width: initial;
}
.category-chiletur.context-posts-show #main .description h5 {
    background: #f3f3f3;
    border-left: #0076bd solid 7px;
    padding: 1em 2em;
    margin: 0;
    color: #757575;
    font-weight: 400;
    text-align: justify;
    font-size: 16px;
}
.category-chiletur.context-posts-show #main .description h6 {
    margin: 10px 0;
    padding: 15px 25px;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    background: #f9f9f9;
    border: 1px solid #e4e4e4;
}
.category-chiletur.context-posts-show #main .description h6 a,
.category-chiletur.context-posts-show #main .description h6 p,
.category-chiletur.context-posts-show #main .description h6 .adress,
.category-chiletur.context-posts-show #main .description h6 .phone,
.category-chiletur.context-posts-show #main .description h6 .mail,
.category-chiletur.context-posts-show #main .description h6 .currency,
.category-chiletur.context-posts-show #main .description h6 .food-type,
.category-chiletur.context-posts-show #main .description h6 .calendar,
.category-chiletur.context-posts-show #main .description h6 .lodging-star,
.category-chiletur.context-posts-show #main .description h6 .web,
.category-chiletur.context-posts-show #main .description h6 .currency-wrap p {
    margin: 0;
    color: #6D6D6C;
    font-size: 13px;
}
.category-chiletur.context-posts-show #main .description p.currency i,
.category-chiletur.context-posts-show #main .description p.adress i,
.category-chiletur.context-posts-show #main .description p.phone i,
.category-chiletur.context-posts-show #main .description p.food-type i,
.category-chiletur.context-posts-show #main .description p.currency i,
.category-chiletur.context-posts-show #main .description p.currency strong,
.category-chiletur.context-posts-show #main .description p.calendar i,
.category-chiletur.context-posts-show #main .description p.web i,
.category-chiletur.context-posts-show #main .description p.mail i,
.category-chiletur.context-posts-show #main .description p.lodging-star i,
.category-chiletur.context-posts-show #main .description p.person i,
.category-chiletur.context-posts-show #main .description .adress .icon-map-marker {
    padding-right: 10px;
    color: #2d8ec8;
}
.category-chiletur.context-posts-show #main .description h6 .currency-wrap {
    margin-top: .5em;
    color: #1a4186;
}
.category-chiletur.context-posts-show .description p {
    font-size: 16px;
    line-height: 28px;
    color: #666;
    text-align: left!important;
    font-weight: 400;
    margin-bottom: 30px;
}
.category-chiletur.context-posts-show #main .description .quote {
    margin-bottom: 30px;
    font-weight: 400;
    font-style: italic;
    font-size: 28px;
    color: rgba(0, 0, 0, .6);
    line-height: 40px;
}
.category-chiletur.context-posts-show .description .iconTitle {
    margin-bottom: 10px;
    font-size: 16px;
}
.category-chiletur.context-posts-show .description .iconTitle i {
    margin-right: 10px;
}
.category-chiletur.context-posts-show .description small {
    font-size: 12px;
    font-style: italic;
    font-weight: 700;
}
.category-chiletur.context-posts-show .description small.caption {
    margin-bottom: 50px;
    text-align: center;
    display: block;
    font-size: 16px;
    color: rgba(0, 0, 0, .8);
    margin-top: 0px;
}
.category-chiletur.context-posts-show #main,
.category-chiletur.context-posts-show #sidebar {
    /*width: 100%;*/
    
    margin-top: 40px;
    margin-bottom: 40px;
}
.category-chiletur.context-posts-show #sidebar {
    padding-top: 0;
    padding-left: 30px;
    background: transparent;
    padding-right: 0;
    margin-top: 40px;
}
.category-chiletur.context-posts-show #main {
    /*width: auto;
    max-width: 740px;
    padding-left: 20px;
    padding-right: 20px;*/
    
    margin-top: 40px;
    margin-bottom: 40px;
    /*display: block;
    float: none;*/
}
.category-chiletur.context-posts-show .accordion-heading .accordion-toggle:hover,
.category-chiletur.context-posts-show .accordion-heading .accordion-toggle:active,
.category-chiletur.context-posts-show .accordion-heading .accordion-toggle:focus {
    text-decoration: none;
}
.category-chiletur .accordion-heading a:before {
    float: right !important;
    font-family: FontAwesome;
    content: "\f078";
    padding-right: 5px;
    color: #0076bd;
    padding-top: 11px;
}
.category-chiletur.context-posts-show #sidebar .widget-small {
    overflow: hidden;
}
.context-layouts-show-noticias #sidebar .widget-small {
    margin-bottom: 0;
    padding: 0;
    margin-top: 21px;
}
.context-layouts-show-noticias #sidebar .sidebar-inner .widget-small h3 {
    margin-bottom: 20px!important;
}
.context-layouts-show-noticias #sidebar .sidebar-inner .widget-small h3,
.category-chiletur.context-posts-show #sidebar .widget-small h3 {
    border-left: 4px solid #1565C0;
    padding-left: 15px;
    height: 44px;
    background: none;
    color: #1565C0!important;
    line-height: 45px;
    font-size: 25px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
    margin-bottom: 25px;
    border-bottom: 0!important;
}
.category-chiletur.context-posts-show #sidebar .media>.pull-left {
    overflow: hidden;
    height: 275px;
    float: none;
    width: 110%!important;
}
.category-chiletur.context-posts-show #sidebar .media-body {
    margin-top: 15px;
}
/*
.context-posts-show #sidebar .list li {
    margin: 20px;
    border-bottom: 0px solid #ccc;
    margin: 0 0 20px;
    padding: 0 0 0px;
    width: 31.623931623931625%;
    margin-left: 2.564102564102564%;
}
*/
.category-chiletur #sidebar li:last-child,
.context-layouts-show-noticias #sidebar li:last-child {
    margin-bottom: 0;
}
.context-layouts-show-noticias #sidebar li,
.category-chiletur #sidebar li{
    width: 100%;
    float: none;
    margin-bottom: 15px;
    position: relative;
}
/*
.context-posts-show #sidebar li .media-body {
    position: absolute;
    bottom: 15px;
    left: 15px;
    right: 15px;
    text-align: left;
    background: rgba(255, 255, 255, 0.84);
    overflow: hidden;
    padding: 5px 10px 5px 10px;
    clear: both;
}*/

.category-chiletur.context-posts-show #sidebar li .media-body h4 {
    margin: 0;
    font-size: 16px;
    color: #000;
    font-weight: 600;
}
.category-chiletur.context-posts-show #sidebar li .media-body h4 a {
    color: #000;
    display: block;
    /* Fallback for non-webkit */
    
    display: -webkit-box;
    height: $font-size*$line-height*$lines-to-show;
    /* Fallback for non-webkit */
    
    margin: 0 auto;
    line-height: 1.4;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 800;
}
.category-chiletur.context-posts-show #sidebar .media-body a {
    color: #1565C0;
}
/*
.context-posts-show #main .description img {
    width: 1200px;
    position: absolute;
    left: 0;
}
*/
/* Large desktop */

@media (max-width: 1200px) {
    .category-chiletur.context-posts-show #sidebar li {
        height: 250px;
    }
    .category-chiletur.context-posts-show #sidebar .sidebar-destinos li .cover-img {
        height: 250px;
    }
    .category-chiletur.context-posts-show #sidebar .sidebar-destinos .item,
    .category-chiletur.context-posts-show #sidebar .sidebar-destinos li .cover-img img {
        width: 100%;
        height: 100%;
    }
    .category-chiletur.context-posts-show #sidebar .sidebar-chiletur .media>.pull-left a img {
        max-width: 200%;
    }
}
/* Portrait tablet to landscape and desktop */

@media (max-width: 979px) {
    .context-layouts-show-noticias #home-wrap-second .noticias-chiletur li.post {
        width: 100%;
        margin-left: 0!important;
    }
    .context-layouts-show-noticias #home-wrap-second .noticias-chiletur li.post:nth-child(2) {
        margin-left: 0;
    }
    .context-layouts-show-noticias .post .cover .img-cover {
            width: 100%;
    }
    .context-layouts-show-noticias #home-wrap-second .noticias-chiletur .post .cover {
        width: 100%;
    }
    .context-layouts-show-noticias #home-wrap-second .noticias-chiletur .post .information-inner h4 {
        min-height: 50px;
    }
}
@media (min-width: 767px) {
    .category-chiletur .social-share {
        position: fixed;
        /* top: 110px; */
        
        right: 20px;
        width: 37px;
        bottom: 20px;
        height: 240px;
        z-index: 9999999999999;
    }
    .category-chiletur.context-posts-show .item-share {
        position: fixed;
        top: 0;
        right: 10px;
        width: 47px;
        text-align: center;
        bottom: 0;
        height: 23%;
        margin: auto;
        border: none;
        background: rgba(255, 255, 255, 0.81);
    }
    .category-chiletur.context-posts-show .item-share span.st_facebook_large,
    .category-chiletur.context-posts-show .item-share span.st_twitter_large,
    .category-chiletur.context-posts-show .item-share span.st_linkedin_large,
    .category-chiletur.context-posts-show .item-share span.st_plusone_large {
        height: 42px;
        display: block;
    }
    .category-chiletur.context-posts-show .item-share span.st_plusone_large div:first-child {
        bottom: 0!important;
    }
}
/* Landscape phone to portrait tablet */

@media (max-width: 767px) {
    .context-layouts-show-noticias #sidebar #widget-17ccc3 img,
    .context-layouts-show-noticias #sidebar .promociones li>a img,
    .context-layouts-show-noticias #sidebar .sidebar-destinos ul li img {
        width: 100%;
    }
    .category-chiletur.context-posts-show #sidebar .list li {
        width: 100%;
        float: none;
        margin-left: 0;
    }
    .category-chiletur.context-posts-show #main {
        padding-left: 0px;
        padding-right: 0px;
        margin-bottom: 0;
    }
    .category-chiletur.context-posts-show .description p {
        font-size: 16px;
        line-height: 24px;
    }
    .category-chiletur.context-posts-show #main .description h1 {
        font-size: 30px;
        font-weight: 800;
        margin: 30px 0px;
    }
    .category-chiletur.context-posts-show #main .description h2 {
        font-size: 23px;
        margin: 30px 0px;
        line-height: 28px;
    }
    .category-chiletur.context-posts-show #main .description h3 {
        font-size: 19px;
    }
    .category-chiletur.context-posts-show #main .description h4 {
        color: #0D47A1;
        font-size: 18px;
        background: initial;
        padding: 0;
        margin: 10px 0;
        float: none;
        max-width: initial;
    }
    .category-chiletur.context-posts-show #main .accordion-heading .accordion-toggle h3 {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .category-chiletur.context-posts-show #sidebar {
        padding-top: 0;
        /* border-left: 1px solid #c1c1c1; */
        
        padding-left: 0;
        background: #fff;
        padding-right: 0;
        margin-top: 0;
    }
    .category-chiletur .social-share .item-share {
        margin-top: 0;
        padding-top: 0;
        border-top: none;
        margin-bottom: 0;
        
    }
    .category-chiletur.context-posts-show #sidebar .sidebar-chiletur .media>.pull-left a img {
        width: 100%;
        height: auto!important;
    }    
}
/* Landscape phones and down */

@media (max-width: 568px) {     
.context-media-list .information-fluid .information-detail {
        width: 100%;
        padding-top: 1em;
    }
    .context-media.context-media-list #content .list .cover {
        width: 100%;
    }
    .context-posts-list .information-fluid .information-detail {
        width: 100%;
        padding-top: 1em;
    }
    .context-posts.context-posts-list #content .list .cover {
        width: 100%;
    }

}

/* fin responsive */





.category-chiletur hr.separateContent {
    margin: 30px 0;
    border-color: #c1c1c1;
    display: block;
    border-top: none;
}
.category-chiletur.context-posts-show .accordion {
    margin-top: 30px;
    margin-bottom: 30px;
}
/*fixed sidebar*/
/*.context-posts-show #sidebar {
    overflow: hidden;
    position: relative;
    padding-top: 76px;
    padding-left: 30px;
    background: transparent;
    padding-right: 30px;
    margin-top: 0;
    top: 0;
    right: 0;
    width: auto;
    max-width: 310px;
    width: 100%;
}

.context-posts-show #sidebar .sidebar-inner {
    width: auto;
    background: #f9f9f9;
    position: fixed;
    max-width: 310px;
    padding: 20px;
}*/
.context-layouts-show-noticias #sidebar .promociones li>a img {
    height: auto;
    transition: all 1s;
}
.category-chiletur.context-posts-show #sidebar .sidebar-chiletur .media>.pull-left a img {
    transition: all 1s;
    height: 100%;
}
.context-layouts-show-noticias #sidebar .promociones li:hover>a img,
.category-chiletur.context-posts-show #sidebar .sidebar-chiletur li:hover .media>.pull-left a img {
    transform: scale(1.3);
}
.category-chiletur.context-posts-show #sidebar sidebar-chiletur .banner {
    margin-bottom: 30px;
    overflow: hidden;
    height: 200px;
}
.category-chiletur.context-posts-show #sidebar .sidebar-chiletur .banner img {
    margin-bottom: 40px;
    overflow: hidden;
    transition: all 1s;
}
.category-chiletur.context-posts-show #sidebar .sidebar-chiletur .banner img:hover {
    transform: scale(1.3);
    cursor: pointer;
}
.category-chiletur.context-posts-show #sidebar .widget.widget-media.widget-small.sidebar-chiletur {
    margin-bottom: 0;
    padding-bottom: 0;
}
.category-chiletur.context-posts-show #main .sidebar-chiletur .description ul,
.category-chiletur.context-posts-show #main .sidebar-chiletur .description ol {
    font-size: 16px;
    line-height: 28px;
    color: rgba(0, 0, 0, .8);
    text-align: left!important;
    font-weight: 300;
    margin-bottom: 30px;
}
.category-chiletur.context-posts-show #main .description ol {
    counter-reset: item;
    margin-left: 5%;
}
.category-chiletur.context-posts-show #main .description ol li {
    display: block;
}
.category-chiletur.context-posts-show #main .description ol li:before {
    content: counter(item);
    counter-increment: item;
    color: #5b76a5;
    background: transparent;
    border: #5b76a5 1px solid;
    border-radius: 100%;
    text-align: center;
    display: inline-block;
    margin: 1em 1em 0 0;
    margin-left: -5%;
    font-size: 12px;
    font-weight: 500;
    height: auto;
    width: 1.9em;
    position: relative;
}
.category-chiletur.context-posts-show #main .description li {
    line-height: 20px;
    color: #666;
    font-size: 16px;
    font-weight: 400;
    list-style: none;
}
.category-chiletur.context-posts-show #main .description ul li {
    line-height: 23px;
    font-weight: 400;
}
.category-chiletur.context-posts-show #main .description ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.category-chiletur.context-posts-show #main .description ul li {
    padding-left: 1.5em;
}
.category-chiletur.context-posts-show #main .description ul li::before {
    content: "• ";
    color: #0D47A1;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}
.category-chiletur.context-posts-show #main .videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    
    padding-top: 25px;
    height: 0;
    margin-bottom: 30px;
}
.category-chiletur.context-posts-show #main .videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.category-chiletur.context-posts-show #main .well {
    color: rgba(0, 0, 0, .8);
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f3f3f3;
    border: none;
    border-left: 4px solid #1E88E5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 0;
    box-shadow: none;
}
.category-chiletur.context-posts-show #main .well.globalNote h4 {
    margin-top: 0;
}
.category-chiletur.context-posts-show #main .well.globalNote ul {
    margin-bottom: 0;
}
.category-chiletur.context-posts-show #main .well.globalNote li {
    color: rgba(0, 0, 0, .8);
}
.category-chiletur.context-posts-show #main .well.globalNote li a {
    color: rgba(0, 0, 0, .8);
}
/*Destinos y parques relacionados*/

/*DESTINOS*/

.context-layouts-show-destinos #widget-8b1184,
.context-layouts-show-destinos #widget-7a2ea9,
.context-layouts-show-destinos #widget-a87301 {
    background: #1e6bb3;
}
.context-layouts-show-destinos #ShareDiv {
    background: #2388DE;
}
.context-layouts-show-destinos #ShareDiv ul {
    border-bottom: 0;
}
#DestinosMenu ul li:hover {
    background-color: #fff;
    transition: all .2s ease;
}
#DestinosMenu ul li:hover>a p {
    color: #2388DE;
}
#DestinosMenu .menu-line {
    width: 100%;
    text-align: center;
}
.destinos-iconCircle {
    background: rgba(0, 0, 0, 0.2);
    height: 32px;
    width: 32px;
    border-radius: 50%;
    padding: 4px;
    display: inline-block;
    margin: 9px;
    text-align: center;
}
.destinos-iconCircle img {
    max-width: 18px;
    max-height: 18px;
}
.destinos-iconCircle-title {
    float: none;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    padding: 0px;
    background: #2388DE;
    display: inline-block;
}
.destinos-iconCircle-title img {
    max-height: 28px;
    max-width: 28px;
    margin-top: -10px;
}
.destinos-iconCircle-title.atractivos img {
    max-height: 22px;
    max-width: 28px;
    margin-top: -12px;
}
.category-chiletur.context-posts-show #sidebar .destinosRelacionados h2 {
    border-bottom: none;
    border-left: 4px solid #1565C0;
    padding-left: 15px;
    height: 44px;
    background: none;
    color: #1565C0!important;
    line-height: 45px;
    font-size: 19px;
    font-weight: bold;
    color: #888;
    margin-bottom: 10px;
    padding-bottom: 0px;
    /*position: absolute;
    top:15px;
    left:15px;
    right:15px;*/
}
.category-chiletur.context-posts-show #sidebar .parquesNacionales h2 {
    border-bottom: none;
    border-left: 4px solid #1565C0;
    padding-left: 15px;
    height: 44px;
    background: none;
    line-height: 45px;
    font-size: 19px;
    font-weight: bold;
    color: #888;
    margin-bottom: 10px;
    padding-bottom: 0px;
    /*position: absolute;
    top:15px;
    left:15px;
    right:15px;*/
}
.category-chiletur .destinosRelacionados,
.category-chiletur .parquesNacionales {
    margin-bottom: 30px;
}
.category-chiletur.context-posts-show #sidebar .teaser {
    position: relative;
    overflow: hidden;
    height: 200px;
    transition: all 1s;
    margin-bottom: 30px;
}
.category-chiletur.context-posts-show #sidebar .teaser img {
    transition: all 1s;
}
.category-chiletur.context-posts-show #sidebar .teaser:hover img {
    transform: scale(1.3);
    cursor: pointer;
}
.category-chiletur.context-posts-show #sidebar .caption:hover {
    cursor: pointer;
}
.category-chiletur.context-posts-show #sidebar .tag {
    text-align: center;
    color: #fff;
    padding: 5px 15px;
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 1;
}
.category-chiletur.context-posts-show #sidebar .tag.norte {
    background-color: #e4af25;
}
.category-chiletur.context-posts-show #sidebar .tag.centro {
    background-color: #2ab467;
}
.category-chiletur.context-posts-show #sidebar .tag.sur {
    background-color: #4378ba;
}
.category-chiletur.context-posts-show #sidebar .caption {
    text-align: center;
    color: #000;
    padding: 5px 15px;
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
}
.category-chiletur.context-posts-show #sidebar .caption h3 {
    display: inline-block;
    text-align: left;
    background: rgba(255, 255, 255, 0.84);
    /* overflow: hidden; */
    
    margin: 0;
    padding: 5px 10px;
    float: left;
}
.category-chiletur.context-posts-show #sidebar .caption p {
    text-align: left;
    background: rgba(255, 255, 255, 0.84);
    overflow: hidden;
    padding: 5px 10px 5px 10px;
    clear: both;
    display: block;
    /* Fallback for non-webkit */
    
    display: -webkit-box;
    height: $font-size*$line-height*$lines-to-show;
    /* Fallback for non-webkit */
    
    margin: 0 auto;
    line-height: 1.4;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
body.category-chiletur.context-posts-show #sidebar .destinosRelacionados h2 {
    color: #1565C0;
    border-left: 4px solid #1565C0;
}
body.category-chiletur.context-posts-show #sidebar .parquesNacionales h2 {
    color: #2E7D32;
    border-left: 4px solid #2E7D32;
}
.category-chiletur.context-posts-show #main .description .accordion-heading .accordion-toggle h3 {
    font-weight: normal;
    font-size: 18px;
}
/*arreglo de novedades y eventos*/

.filtro-blanco {
    margin-top: -72px;
}
.filtro-blanco .view-more a {
    background: #2d8ec8;
    color: #fff;
}
/*planificador experiment*/
/*videobg*/
/*
.context-layouts-show-planificador .videobg {
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

.context-layouts-show-planificador #p-wrapper {
    z-index: 999999;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
}
.context-layouts-show-planificador #add-new-destination > .inner {
    width: 1000px;
    background: rgba(0,0,0,.5);
    margin: auto;
    margin-top: 4%;
    color: #FFF;
    text-align: center;
    z-index: 999999;
    top: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}
*/

@media (max-width: 992px) {
    .destinos-iconCircle {
        margin-right: 4px;
    }
    #ShareDiv li p {
        font-size: 12px;
    }
   .context-layouts-show-destinos-de-chile #DestinosMenu iconCircle {
       margin-right: 0;
    }
    .context-layouts-show-destinos-de-chile #DestinosMenu ul li {
       width: 100%;
       text-align: left;
    }
    #DestinosMenu .menu-line {
        text-align: left;
    }
}
@media (max-width: 768px) {
    .destinos-iconCircle {
        margin-right: 15px;
    }
    .context-layouts-show-zona-norte #ShareDivNorte li a,
    .context-layouts-show-zona-sur #ShareDiv li a,
    .context-layouts-show-zona-centro #ShareDiv li a {
        text-align: left;
    }
    #widget-1d70b1 {
        padding-top: 20px;
    }
}




#noticias-zonas{
    background:#fff;
    padding:3em 0;
}

#noticias-zonas h2 {
    text-align:center;
    text-transform: uppercase;
    color: #2388de;
}

#noticias-zonas li {
    float: left;
    width: 31.3%;
    margin: 1%;
    position:relative;
    border:none;
    box-shadow: 0px 0px 38px -4px #00000024;
    -webkit-transition:0.5s;
}

.item-zonas:after {
    content: '';
    display: block;
    width: 0;
    height: 3px;
    background: #2388de;
    transition: width .3s;
    position: absolute;
    bottom: 0;
}
.item-zonas:hover:after {
  width:100%;
}

.cover-zonas {
    width: 100%;
    min-height: 100%;
}

.img-cover-zonas {
    width:100%;
    min-height:175px;
    display:block;
    background-position:center center;
}
#noticias-zonas .information-detail {
    background: #fff;
    min-height: 130px;
    padding:1.5em;
}

#noticias-zonas .information-detail h4 a {
    color:#000;
}

.tag-zona {
    position: absolute;
    background: #2388de;
    padding: 5px 16px;
    font-weight: 700;
    color: #ffffff;
    font-size: 12px;
}

.btnMoreNews {
    color: #fff;
    font-style: normal;
    font-size: 13px;
    font-weight: bold;
    display: inline-block !important;
    margin-bottom: 20px;
    padding: 12px 20px;
    border-radius: 0;
    background: #56BBDA;
    text-transform: uppercase;
}
.logoCopec {
    height: 32px;
    float: left;
    width: 160px;
    display: inline-block;
    margin: 8px 0;
}

.logoCopec img {
    width: 100%;
    max-width: 100%;
}

/* Large desktop */
@media (min-width: 1200px) { ... }
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
    .logoCopec {
        margin: 0;
    }
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .logoCopec {
        margin: 2px 0;
    }
}
 
/* Landscape phones and down */
@media (max-width: 480px) { ... }
.date-container-promotions ul.data-event li {
    padding: 0;
    margin-bottom: 2em;
    background: #eee !important;
    border: none;
    float: left;
    margin-right: 20px;
}



.date-container-promotions ul.data-event li p {
    float: left;
    padding: 0 24px;
    margin-top: 18px;
}

.date-container-promotions ul.data-event li i {
    padding: 0;
    background: #024b81 !important;
    border: none;
    float: left;
    color: #fff;
    font-size: 22px;
    padding: 17px;
}
@media (max-width: 768px) {
    .context-stations .displayNone {
        display: none!important;    
    }
    .context-stations .displayBlock {
        display: block!important;    
    }
    .context-stations.context-stations-index #main {
        opacity: initial;
        position: initial;
        left: initial;
        padding: 0;
        border: none;
        padding: 0;
        background: #FFF;
    }
    .context-stations #menu-stations {
        width: 100%;
        background: #fff;
        color: #000;
        box-shadow: 0 0 150px 15px rgba(0,0,0,.9);
        height: initial;
        background-image: none;
        bottom: 0;
        position: fixed;
        padding-top: 20px;
        z-index: 999999;
        top: 0;
    }
    .context-stations #menu-stations .stations-filters {
        height: initial;
        margin: 0;
        padding: 0;
    }
    .context-stations #menu-stations .stations-filters .container {
        margin-top: 0; 
        padding-bottom: 20px;
    }
    .context-stations #menu-stations .stations-filters-group li .checkbox span {
        height: 26px;
        padding: 0px 0 0 10px!important;
        width: 69px;
        position: relative;
        float: left;
        padding-left: 18px;
        font-size: 0;
        color: #666;
        box-sizing: content-box;
        line-height: 11px;
        background-size: 61px!important;
        background-position: 20px -2px !important;
        border: 1px solid #dadada;
        border-radius: 4px;
    }  

    .context-stations .stations-filters-group li .checkbox .filter-punto {
        background-position: initial;
    }
    .context-stations #menu-stations h5 {
        padding: 0;
        background: none;
        font-size: 16px;
        margin-top: 10px;
        color: #000;
    }
    .context-stations .stations-filters-group {
        display: inline-block;
        border: none;
        padding: 0;
        margin: 0;
    }
    .context-stations #menu-stations h4 {
        font-size: 18px;
        background: none;
        color: #000;
        margin: 0;
        padding: 0;
        font-weight: bold;
    }
    .context-stations #menu-stations h5 {
        color: #666;
    }
    .context-stations #menu-stations p {
        color: #666;
        font-size: 16px;
        line-height: 18px;
        margin: 0;
    }
    .context-stations footer {
        display: none;
    }
    .context-stations .sidr.left {
        top: -240px;
        left: initial;
        right: initial;
    }
    body.FiltersStations {
        left: 0!important;
            
    }
    body.FiltersStations.context-stations .sidr.left {
        top: 0px;
    }
    .context-stations #modyo-session.logged.open {
        right: 0;
        bottom: -2px;
    }
    .context-stations #modyo-session.logged {
        bottom: -158px!important;
        right: 0;
    }
    .context-stations #modyo-session {
        display: none!important;
    }
    .context-stations #simple-stations {
        margin-bottom: 0;
        margin-left: 0;
        position: absolute;
        bottom: 0;
        width: 40px;
        height: 40px;
        left: 0;
        z-index: 999;
        top: initial;
    }
    .context-stations #bt-my-location {
        position: absolute;
        margin: auto;
        margin-bottom: 20px;
        float: none;
        width: 160px;
        display: block;
        text-align: center;
        margin-top: -10px;
        bottom: 10px;
        z-index: 999;
        width: 40px;
        height: 40px;
        font-size: 0;
        padding: 0;
        right: 10px;
    }
    .context-stations #comunas_select select {
        border-radius: 0;
    }
    .context-stations #region_select select {
        border-radius: 0;
        border: none;
        border-bottom: 1px solid #c1c1c1;
    }
    .context-stations .stations-serch-head #region_select {
        padding: 0;
    }
    .context-stations .stations-serch-head .span4:nth-child(2) {
        padding: 0;
    }
    .context-stations .station-map-body {
        padding: 0;
    }
    .context-stations .stations-serch-head {
        border-color: #fff;
        border-bottom: none;
    }
    .context-stations #comunas_select select[disabled], select[readonly] {
        background-color: #fff;
        border-radius: 0;
    }
    body.context-stations .map-holder {
       height: 201px!important;
    }
    .context-stations #list_of_stations {
        position: fixed;
        display: block;
        top: initial;
        bottom: 0;
        right: 0;
        left: 0;
        overflow: scroll;
    }
    body.context-stations #simple-stations {
        margin-bottom: initial;
        margin-left: initial;
        position: absolute;
        bottom: 0;
        width: 28px;
        height: 28px;
        left: initial;
        z-index: 9;
        top: 93px;
        right: 10px;
        background-color: #fff;
        border-radius: 4px;
        font-size: 10px;
        padding: 10px;
    }
    body.context-stations #simple-stations i {
        font-size: 19px;
        margin-top: -5px;
        display: block;
        margin-left: -3px;
        color: #000;
    }
    body.context-stations #bt-my-location {
        position: absolute;
        margin: auto;
        margin-bottom: 20px;
        display: block;
        text-align: center;
        margin-top: -10px;
        bottom: initial;
        z-index: 999;
        width: 28px;
        height: 28px;
        font-size: 0;
        padding: 0;
        right: 10px;
        top: 136px;
        border-radius: 4px;
        background: #fff;
    }
    body.context-stations #bt-my-location img {
        width: 18px;
        margin-top: 5px;
    }
    body.context-stations .detail {
        position: absolute;
        margin: auto;
        margin-bottom: 20px;
        display: block;
        text-align: center;
        margin-top: -10px;
        bottom: initial;
        z-index: 999;
        width: 28px;
        height: 28px;
        font-size: 0;
        padding: 0;
        right: 10px;
        top: 169px;
        border-radius: 4px;
        background: #fff;
    }
    body.context-stations .detail i {
        margin-top: 5px;
        font-size: 19px;
        color: #000;
        display: block;
    }
    .context-stations #list_of_stations {
        position: relative;
    }
    #internal.context-stations-index #sidebar {
        height: 300px;
        overflow: scroll;
    }
    #internal.context-stations-index #sidebar .stations-list-ul {
        height: auto;
    }
    body.context-stations .info-window-gas {
        border-top: 1px solid #c1c1c1;
    }
    .stations-serch-head .visible-phone {
        position: relative;    
    }
    .context-stations #sidebar {
        background: #fff;
    }
    #menu-stations .close {
        position: absolute;
        font-size: 30px;
        top: -14px;
        right: 6px;   
    }
        .stations-filters-group input[type=checkbox]:checked + span:before {
        content: " ";
        background-repeat: no-repeat;
        background-image: url(https://copec.modyocdn.com/uploads/3c960926-611d-433c-b27c-13ac702866d2/original/tick-sign.png);
        background-size: 13px;
        background-position: 4px 8px;    
    }
    .context-stations .stations-filters-group span:before {
        content: "";
        display: inline-block;
        width: 70px;
        height: 29px;
        position: absolute;
        top: 0px;
        left: 0;
        background-color: transparent;
        box-sizing: border-box;
        border: none;
        border-radius: 3px;
        text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
        font-size: 12px;
        color: #999;
        text-align: left;
        line-height: 28px;
    }
    .context-stations .stations-filters-group li .checkbox {
        height: 27px;
        float: left;
        margin: 0 10px 8px 0px;
        padding: 0;
        overflow: initial;
    }
}



#myModalDetail {
    border-radius: 0;
    background-color: #fff;
    color: #fff;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0!important;
    position: absolute;
    display: block;
    height: 290px;
}

#myModalDetail .modal-header {
    padding: 9px 15px;
    border-bottom: none;
    height: 40px;
}

#myModalDetail .modal-header .close {
    font-size: 30px;
    padding: 10px;
    margin: -10px;
}

#myModalDetail .station-footer-text {
    background-color: #fff;
    padding: 0;
    color: #666;
    font-size: 16px;
    line-height: 22px;
    margin-top: 0;
    font-weight: normal;
}


@media (min-width: 768px) {
    .context-stations-index div:nth-child(2) {
        height: inherit!important; 
    } 
}

body.context-stations-index #content .gm-style-iw {
    height: auto!important;    
}

body.context-stations-index .gm-style-iw .info-window p + p {
    display: none;    
}

body.context-stations-index .gm-style-iw .info-window p {
    overflow: hidden;
    height: 21px;
    border-bottom: 6px solid #fff;
}

.context-stations-index .gmnoprint div:nth-child(2) {
    display: none;    
}






.chat iframe {
  border: none;
  height: 445px;
}

/*
html body .btn-chat {
    padding: 18px;
    border-radius: 100%;
    z-index: 1000;
    position: fixed;
    right: 20px;
    background-color: #0D47A1;
    width: 65px;
    height: 65px;
    bottom: 30px;
    box-shadow: 0 0 2px 0 rgba(0,0,0,0.12), 0 2px 2px 0 rgba(0,0,0,0.24);
    border: none;
}

.btn-chat img {
    width: 30px;
    margin: 0px auto;
    display: block;
    height: auto;
}
*/

.btn-chat {
    border: 0;
    padding: 0;
    border-radius: 50%;
    background-color: #0299e4;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    width: 80px;
    position: fixed;
    bottom: 35px;
    right: 35px;
    transition: all 500ms ease;
    z-index: 9;
}
.btn-chat:hover {
    box-shadow: 0 0 15px rgba(0,0,0,0.65);
}

.btn-chat:focus{
    outline: none;
}

.chat {
    position: fixed;
    bottom: 25px;
    right: 25px;
    background-color: #fff;
    width: 410px;
    height: 493px;
    display: none;
    box-shadow: 0 0 24px 0 rgba(0,0,0,0.22), 0 24px 24px 0 rgba(0,0,0,0.3);
    z-index: 500;
    overflow: hidden;
    border-radius: 5px;
}

.context-layouts-show-llamanos #modyo-session .modyo-bar-top, .context-layouts-show-llamanos #modyo-session .modyo-tabs {
    display: none;    
}

@media (max-width: 767px) {  
    .chat {
        position: fixed;
        bottom: 10px;
        right: 10px;
        width: 90%;
        max-width: 320px;
        height: 496px;
        display: none;
        background-color: #fff;
        box-shadow: 0 0 24px 0 rgba(0,0,0,0.22), 0 24px 24px 0 rgba(0,0,0,0.3);
    }
    .chat iframe {
        height: 451px;
    }
}

.chat .header {
padding: 15px;
    background: #21adde;
    color: white;
    font-size: 18px;
    text-align: center;
}

.chat .header {
cursor: pointer;
}

.chat .header i:first-child {
    float: left;
}

.chat .header i:last-child {
    float: right;
}
.context-posts-show h1 {
   color: #004b81;
   font-size: 37px;
    font-weight: 500;
    margin: 0
}

.context-posts-show h2 {
    line-height: 33px;
    font-size: 24px;
    margin: 30px 0px;
}

.context-posts-show .description p {
    font-size: 16px;
    line-height: 28px;
    color: #666;
    text-align: left!important;
    font-weight: 400;
    margin-bottom: 30px;
}

.context-posts-show .description small {
    font-size: 12px;
    font-style: italic;
    font-weight: 700;
}

.context-posts-show .description h5 {
    background: #f3f3f3;
    border-left: #c22822 solid 7px;
    padding: 1em 2em;
    color: #757575;
    font-weight: 400;
    text-align: justify;
    font-size: 16px;
    margin: 20px 0;
}

.context-posts-show .description li {
    line-height: 20px;
    color: #666;
    font-size: 16px;
    font-weight: 400;
    list-style: none;
}

.context-posts-show .description ul li::before {
    content: "• ";
    color: #c22822;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

.context-posts-show .description ol {
    counter-reset: item;
    margin-left: 5%;
}

.context-posts-show .description ol li:before {
    content: counter(item);
    counter-increment: item;
    color: #c22822;
    background: transparent;
    border: #c22822 1px solid;
    border-radius: 100%;
    text-align: center;
    display: inline-block;
    margin: 1em 1em 0 0;
    margin-left: -5%;
    font-size: 12px;
    font-weight: 500;
    height: auto;
    width: 1.9em;
    position: relative;
}

/*arreglo h1*/
#content #page-title h1, #content #page-title h2 {
color: #004b81;
overflow: hidden;
}
#content #page-title .container , #content #page-title .container {
margin: 0 auto;
padding: 0;
}
#content #page-title small, #content #page-title small {
margin: 10px 0;
}

.context-lanpass #content #page-title h2 {
color: #fff;
}

/*** ****/
#header_chiletur {
position: fixed;
top: 0;
z-index: 991;
width: 100%;
background: #fff;
transition:.4s;
}
.active-upmenu #header_chiletur {
top: 80px !important;
}
@media (max-width: 980px) {
.active-upmenu #header_chiletur {
top: 66px !important;
}
}
@media (max-width: 480px) {
.active-upmenu #header_chiletur {
top: 53px !important;
}
}
#header_chiletur.head_invert {
background: rgba(0,0,0,.6);
top: 0;
left: 0;
right: 0;
z-index: 991;
}
#header_chiletur.head_invert .logo_color {
display:none;
}

.logo_chiletur img {
max-height: 60px;
width: auto !important;
}
@media (max-width: 780px) {
.logo_chiletur img {
max-height: 40px;
}
}
.nav_chiletur {
width: 70%;
justify-content: flex-end;
}
.nav_chiletur a {
display: inline-block;
padding: 10px;
margin: 10px;
font-size: 17px;
color: #173E88;
text-decoration:none;
border-radius: 3px;
transition:.3s;
}
.nav_chiletur a:hover {
text-decoration:none;
background:#EEEEEE;
}
.nav_chiletur a.btn_guias {
background:#173E88;
color: #fff;
}
.nav_chiletur a.btn_guias:hover {
color: #173E88;
background:#EEEEEE;
}
.head_invert .nav_chiletur a {
color:#fff;
}
.head_invert .nav_chiletur span {
color:#fff;
}
.nav_chiletur span {
color: #fff;
padding: 20px;
}
.head_invert .nav_chiletur a:hover {
color:#fff;
background: rgba(0,0,0,.6);
}
#topheader_chiletur {
background: #173E88;
}
.topnav_chiletur {
}
.topnav_chiletur a,
.topnav_chiletur span {
display: inline-block;
padding: 0 10px;
margin: 0 10px;
font-size: 12px;
color: #fff;
text-decoration:none;
}
.topnav_chiletur a:hover {
text-decoration:none;
color: #90C0F9;
}
#chiletur-prime {
margin: 0 !important;
padding: 0 !important;
margin-top: 0 !important;
position: relative;
overflow: hidden;

}
#chiletur-prime .slick-slider {
margin-bottom: 0;
}
#chiletur-prime .slick-slider .item{
padding-top: 200px;
position: relative;
}
#main-prime {
top: 150px;
background: transparent;
}
#chiletur-prime .chiletur-prime_links {
position: absolute;
z-index: 200;
top: 0;
left: 0;
right: 0;
}
.btn-big {
font-size: 1.2rem;
padding: 20px 30px;
}
.btn-white {
background: #fff;
color: #173E88;
}
#chiletur-prime .btn img {
height: 60px;
margin-bottom: 10px;
width: 80%;
}
#chiletur-prime .btn-btn-big {
font-weight: bold;
}
#chiletur-prime .wrapper {
margin-top: 70px;
}
#chiletur-prime .slick-slide {
height: 700px !important;
}
#chiletur-prime .slick-slide.item a {
color: #fff;
text-decoration: none;
}
#chiletur-prime .tit-chiletur-prime h4 {
color:#fff;
}
#chiletur-prime .slick-slide.item h3 {
font-size: 48px;
color:#fff;
}
#chiletur-prime .slick-slide.item p {
font-size: 22px;
color:#fff;
}
#chiletur-prime .slick-slide.item span {
text-decoration: underline;
}
#chiletur-prime .slick-slide.item .overlay-cover:after {
content:'';
background: rgba(35,45,60,.5);
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
#chiletur-prime .container.tit-chiletur-prime {
position: absolute;
top: 170px;
right: 0;
left: 0;
z-index: 2;
color: #fff;
}
#chiletur-prime .slick-dots {
display: block;
top: 215px;
bottom: auto;
margin-bottom: 0;
text-align: left;
width: 1120px;
margin: auto;
left: 50%;
transform: translateX(-50%);
}
#chiletur-prime .slick-dots li,
#chiletur-prime .slick-dots li button {
width: 60px;
height: 10px;
opacity: 1;
}
#chiletur-prime .slick-dots li button:before {
font-size: 0;
width: 60px;
height: 10px;
background: #fff;
border-radius: 10px;
opacity: 1;
}
#chiletur-prime .slick-dots li.slick-active button:before{
background: #3A66BA;
opacity: 1;
}
.bnr_chiletur_prime a {
display: block;
text-align: center;
background-size: cover;
background-position: center;
color: #fff;
border-radius: 5px;
transition: .3s;
}
.bnr_chiletur_prime a:hover {
text-decoration: none;
-webkit-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.09);
-moz-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.09);
box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.09);
transform: scale(1.03);
}
/*.bnr_chiletur_prime a img {
margin-bottom:15px;
}*/
#chiletur-prime .wrapper p {
text-shadow: none;
}
#chiletur-prime .slick-dots {
max-width: 100%;
padding: 0 20px;
}
@media (min-width: 576px) {
#chiletur-prime .slick-dots {
max-width: 540px;
}
}
@media (min-width: 768px) {
#chiletur-prime .slick-dots {
max-width: 720px;
}
}
@media (min-width: 992px) {
#chiletur-prime .slick-dots {
max-width: 960px;
}
}
@media (min-width: 1200px) {
#chiletur-prime .slick-dots {
max-width: 1140px;
padding: 0;
}
}

@media (max-width: 979px) {
.btns_chiletur_prime {
background: #173E88;
}
#bnr_chiletur_prime {
margin: 1rem 0;
}
#main-prime {
width: 100%;
padding: 0;
}
#chiletur-prime {
background: #fff;
}
#chiletur-prime .chiletur-prime_links {
position: relative;
}
#chiletur-prime .slick-slide,
#chiletur-prime .slick-slider {
display: block !important;
height: 550px !important;
}
#chiletur-prime .wrapper {
width: 100%;
}
#chiletur-prime .slick-slide.item h3 {
font-size: 35px;
}
#chiletur-prime .slick-slide.item p {
font-size: 14px;
}
}
@media (max-width: 979px) {
#chiletur-prime .slick-slide.item h3 {
font-size: 25px;
}
}
/* AREA PRIME */
.g19-prime {
min-height: 700px;
background: url('https://copec.modyocdn.com/uploads/3b7930d8-9952-44c1-a377-47b03a156041/original/bg1.jpg') no-repeat
center center;
background-size: cover;
}
/* AREA ZONALES */
.g19-zonales {
min-height: 600px;
background: url('https://copec.modyocdn.com/uploads/d2c96815-6f2a-4ddc-943c-60a69061788f/original/bg2.jpg') no-repeat
center center;
background-size: cover;
}

.g19-zonales-mapa img {
position: absolute;
left: 0;
-webkit-transition: all .5s;
transition: all .5s;
}

/* .g19-zonales .g19-zonales-mapa:hover img, */
.g19-zonales .g19-zonales-mapa img.all {
opacity: 0.3;
}
/* .g19-zonales .g19-zonales-mapa img:hover, */
.g19-zonales .g19-zonales-mapa img.active {
opacity: 1;
}

.g19-img-norte {
top: 0;
z-index: 1;
}

.g19-img-centro {
top: 168px;
z-index: 1;
}

.g19-img-sur {
top: 204px;
z-index: 1;
}

.g19-zonales a {
position: relative;
-webkit-transition: all .5s;
transition: all .5s;
}
.g19-zonales .g19-guias-zonales:hover a {
opacity: 0.3;
}
.g19-zonales .g19-guias-zonales a:hover {
opacity: 1;
text-decoration: none;
transform: scale(1.15);
}

.g19-zonales .g19-guias-zonales a button {
display: none;
position: absolute;
bottom: 45px;
left: 0;
right: 0;
}

/* AREA CONTIENE */
.g19-contiene {
/* color: white; */
min-height: 600px;
/* background: url('https://copec.modyocdn.com/uploads/d46d565c-4107-4ee0-90df-77aa3d42be15/original/bg3.jpg') no-repeat
center center; */
/* background-size: cover; */
padding-top: 70px;
padding-bottom: 70px;
}

/* AREA TEMATICAS */
.g19-tematicas {
color: white;
min-height: 600px;
background: url('https://copec.modyocdn.com/uploads/a278f3f3-5e08-4d3b-b6dc-197bcf3284ad/original/bg4.jpg') no-repeat
center center;
background-size: cover;
padding-top: 70px;
padding-bottom: 70px;
}

.g19-tematicas-sub {
min-height: 600px;
}

/* AREA DESPLEGABLE */
.g19-deplegable {
color: white;
min-height: 900px;
background: url('https://copec.modyocdn.com/uploads/f4b9e531-8503-4c8b-ac94-3f9440902f7a/original/bg5.jpg') no-repeat
center center;
background-size: cover;
}
/* LOGO */
.g19-logo {
max-width: 400px;
margin: 0 auto;
}
#buscador-destinos {
background: url('https://copec.modyocdn.com/uploads/770ce5c3-02f5-4053-9137-274a5ce7b301/original/bg_buscador.jpg')
no-repeat center center;
background-size: cover;
height: 90vh;
position:relative;
}
#buscador-destinos .center_content {
position:relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
#buscador-destinos h2 {
color: #fff;
font-weight: bold;
text-align: center;
margin-bottom: 40px;
margin-top: 0;
font-size: 35px;
}
#ct-search input {
background-image: url(https://copec.modyocdn.com/uploads/903c3aff-e4c3-4ef1-9e9b-1fbbc6718374/original/icn_lupa.png);
background-repeat: no-repeat;
padding: 40px 40px 40px 70px;
background-size: 30px;
background-position: 15px center;
font-size: 23px;
margin-bottom: 0;
border-radius: 10px;
}
#destinationIndex #ct-search input {
padding: 30px 30px 30px 50px;
background-size: 20px;
font-size: 18px;
border: 1px solid #E5E5E5;
}
#ct-search.activeInput input {
background-color: #F5F5F5;
border-radius: 10px 10px 0px 0px;
}

.guias_buscador {
margin-top: 60px;
}
#buscador-destinos .guias_buscador h3 {
color: #fff;
text-align: center;
font-size: 26px;
font-weight: 500;
}
.guias_buscador .btn {
width: 100%;
margin: 0 15px;
padding: 20px 10px;
}
.guias_buscador .btn:first-child {
margin-left: 0;
}
.guias_buscador .btn:filastrst-child {
margin-right: 0;
}
#ct-result-holder {
margin: 0;
background: #FFF;
position: absolute;
height: 245px;
overflow: auto;
left: 0px;
right: 0px;
box-shadow: 0px 10px 10px 5px rgba(0, 0, 0, .2)
border-radius: 0px 0px 10px 10px;
max-width: 780px;
margin: auto;
}
#ct-result-holder a:after {
display:none
}
#ct-result-holder #ct-result {
height: 245px;
overflow: scroll;
border: 3px solid #f1f1f1;
}
.ct_search_relations {
border-top: 2px solid #EEEEEE;
}
#ct-result-holder ul {
box-shadow: none;
position: relative;
height: auto;
overflow: hidden;
}
.ctsearchcontent {
z-index: 9;
position: relative;
}
#destinationIndex #ct-result-holder {
left: 0;
right: 0;
max-width: 100%;
}
#buscador-destinos .ctsearchcontent {
max-width: 780px;
margin: auto;
}
#ct-result-holder a {
color: #898989;
border-bottom: none;
padding: 20px;
font-size: 24px;
display: flex;
align-items: center;
}
#ct-result-holder .ct_search_relations h4 {
margin: 0;
padding: 20px 20px 10px 20px;
color: #898989;
font-size: 16px;
text-transform: uppercase;
}
#ct-result-holder .ct_search_relations img {
width: 20px;
}
#cont-destination #ct-result-holder .ct_search_relations a {
font-size: 18px;
}
#ct-result-holder a:hover {
background:#f1f1f1;
color: #898989;
}
#ct-result-holder a span {
margin-right: 20px;
}
.no_results {
position: relative;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
display: block;
text-align: center;
margin: 0 !important;
color: #898989 !important;
}
.fieldcontainer {
position: relative;
text-align: center;
}
.cancel_search {
position: absolute;
right: 20px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.bg-zn {
color: #fff;
background: #E6B429;
}
.bg-zc {
color: #fff;
background: #3DA960;
}
.bg-zs {
color: #fff;
background: #537AB2;
}
.bg-pn {
color: #fff;
background: #0A642F;
}
.load_ct {
position: relative;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
display: block;
text-align: center;
}
.transition:empty {
opacity: 0;
}
.transition {
opacity: 1;
transition: all .3s;
}
.select_arrow {
background-image: url(https://copec.modyocdn.com/uploads/0d8fe5a5-d62a-44fd-a4ac-c2f85ff50ad6/original/icn_down.png);
background-repeat: no-repeat;
background-size: 25px;
background-position: center right 10px;
font-size: 16px;
}
.bg_skyblue {
background:#E4EDFF;
}
@media (max-width: 893px) {
#guias_zonas {
flex-wrap: wrap;
}
#guias_zonas .btn {
width: 48% !important;
margin: 1% !important;
}
}
@media (max-width: 460px) {
#guias_zonas .btn {
width: 98% !important;
margin: 1% !important;
}
}
#destinos_destacados {
background:#fff;
}
.loading_ct {
display: block;
text-align: center;
margin: 60px 0;
}
.btns_filtro a {
color: #333;
display: inline-block;
margin-right: 10px;
padding: 10px;
position: relative;
font-size: 13px;
width: 100%;
text-align: center;
transition: .3s;
text-decoration: none;
transition:.3;
overflow: hidden;
}
.btns_filtro a:last-child {
margin-right: 0px;
}
.btns_filtro a:before {
content: '';
width: 100%;
background: #333;
position: absolute;
bottom: 0;
top:auto;
height: 5px;
left: 0;
right: 0;
border-radius: 10px;
transition: .3s;
z-index: 1;
}
.btns_filtro a:nth-child(2):before {
background: #E6B429;
}
.btns_filtro a:nth-child(3):before {
background: #3DA960;
}
.btns_filtro a:nth-child(4):before {
background: #537AB2;
}
.btns_filtro a:nth-child(5):before {
background: #0A642F;
}
/** solo zonas **/

.btns_filtro.solo_zonas a:nth-child(1):before {
background: #E6B429;
}
.btns_filtro.solo_zonas a:nth-child(2):before {
background: #3DA960;
}
.btns_filtro.solo_zonas a:nth-child(3):before {
background: #537AB2;
}
.btns_filtro.solo_zonas a:nth-child(4):before {
background: #0A642F;
}
.btns_filtro a:hover:before,
.btns_filtro a.active:before {
height: 100%;
}
.btns_filtro a:hover,
.btns_filtro a.active {
color:#fff;
}
.btns_filtro a span {
position: relative;
z-index:2;
}
.cont_destinos {
flex-wrap: wrap;
justify-content: flex-start;
margin: 0;
padding: 0;
}
.cont_destinos {
margin-right: 1.5%;
margin-left: 1.5%;
}
.cont_destinos a {
list-style: none;
margin: 0;
padding: 0;
/*width: 31.6%;*/
width: calc(50% - 15px);
margin-bottom: 15px;
height: 200px;
position: relative;
border-radius: 10px;
text-decoration: none;
transition:.3s;
background:#333;
overflow: hidden;
}
.context-destination-show .cont_destinos a {
width: 31.6%;
}
.cont_destinos.cont_destinos_100 a {
width: 100%;
}
.cont_destinos a:nth-child(even) {
margin-right: 2%;
margin-left: 2%;
}
.cont_destinos a figure{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
z-index:1;
background-position: center;
background-size: cover;
transition:.3s;
margin:0;
}
.cont_destinos a:hover figure {
transition:.3s;
opacity:.5;
}
.cont_destinos a:after {
content: '';
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,45,77,0.8) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,45,77,0.8) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,45,77,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6002d4d',GradientType=0 );
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 50%;
border-radius: 10px;
z-index: 2;
}
.cont_destinos a span {
position: absolute;
display: inline-block;
z-index: 2;
top: -20px;
right: -20px;
border-radius: 100%;
width: 50px;
height: 50px;
padding: 17px 25px 24px 9px;
text-align: center;
color: #fff;
font-weight: bold;
border: 5px solid #fff;
}
.cont_destinos a h3 {
margin: 0;
padding: 0;
position: absolute;
color: #fff !important;
bottom: 15px;
left: 15px;
right: 15px;
font-size: 28px !important;
font-weight: bold !important;
z-index: 3;
}
.cont_destinos.isloading a:after {
display: none;
}
.isloading a {
background-color: #fafafa;
}
.isloading a:before{
display: block;
position: absolute;
content: "";
left: -200px;
width: 200px;
height:200px;
/* Permalink - use to edit and share this gradient:
http://colorzilla.com/gradient-editor/#f1f1f1+20,f1f1f1+80&0+0,1+20,1+80,0+100 */
background: -moz-linear-gradient(left, rgba(241,241,241,0) 0%, rgba(241,241,241,1) 20%, rgba(241,241,241,1) 80%,
rgba(241,241,241,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(241,241,241,0) 0%,rgba(241,241,241,1) 20%,rgba(241,241,241,1)
80%,rgba(241,241,241,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(241,241,241,0) 0%,rgba(241,241,241,1) 20%,rgba(241,241,241,1)
80%,rgba(241,241,241,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f1f1f1', endColorstr='#00f1f1f1',GradientType=1 );
/* IE6-9 */
animation: loading 2s linear infinite;
}
@keyframes loading {
from {left: -200px; width: 30%;}
50% {width: 30%;}
70% {width: 70%;}
80% { left: 50%;}
95% {left: 120%;}
to {left: 100%;}
}
.cont_post_destacados {
justify-content: flex-start;
}
.cont_post_destacados a:nth-child(2) {
margin-left: 1.5%;
margin-right: 1.5%;
}
.cont_post_destacados a {
list-style: none;
margin: 0;
padding: 0;
width: 31.4%;
height: 200px;
position: relative;
border-radius: 10px;
text-decoration: none;
transition:.3s;
background:#333;
overflow: hidden;
}
.cont_post_destacados a figure{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
z-index:1;
background-position: center;
background-size: cover;
transition:.3s;
margin:0;
}
.cont_post_destacados a:hover figure {
transition:.3s;
opacity:.5;
}
.cont_post_destacados a:after {
content: '';
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,45,77,0.8) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,45,77,0.8) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,45,77,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6002d4d',GradientType=0 );
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 50%;
border-radius: 10px;
z-index: 2;
}
.cont_post_destacados.isloading a:after {
display:none;
}
.cont_post_destacados.isloading a {
background: #f1f1f1;
}
.cont_post_destacados a figcaption {
margin: 0;
padding: 0;
position: absolute;
color: #fff !important;
bottom: 15px;
left: 15px;
right: 15px;
font-size: 35px !important;
font-weight: bold !important;
z-index: 3;
}
.cont_post_destacados a figcaption h4 {
color:#fff;
}
.cont_post_destacados a figcaption span {
font-size: 15px;
font-weight: 100;
border-top: 1px solid #fff;
display: block;
padding-top: 10px;
margin-top: 20px;
}
/*** **/
ul.ct_noticias_articulos {
margin: 0;
padding: 0;
display:block;
}
ul.ct_noticias_articulos a {
position: relative;
display: block;
width: 100%;
margin-bottom: 15px;
height: 222px;
border-radius: 10px;
overflow: hidden;
background: #333;
}
ul.ct_noticias_articulos a:after {
content: '';
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,45,77,0.8) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,45,77,0.8) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,45,77,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6002d4d',GradientType=0 );
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 80%;
border-radius: 10px;
z-index: 2;
}
ul.ct_noticias_articulos a figure {
margin: 0;
padding: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-position: center;
background-size: cover;
z-index: 1;
transition: .3;
}
ul.ct_noticias_articulos a:hover figure {
transition: .3s;
opacity: .5;
}
ul.ct_noticias_articulos a figcaption {
margin: 0;
padding: 0;
position: absolute;
color: #fff !important;
bottom: 15px;
left: 15px;
right: 15px;
font-size: 35px !important;
font-weight: bold !important;
z-index: 3;
}
ul.ct_noticias_articulos a figcaption h4 {
color:#fff;
}
ul.ct_noticias_articulos a figcaption span {
font-size: 15px;
font-weight: 100;
border-top: 1px solid #fff;
display: block;
padding-top: 10px;
margin-top: 20px;
}
.btn.btn-outline-primary {
color: #173E88;
background: #fff;
border: 1px solid #ccc;
font-weight: bold;
padding: 15px;
}
@media (max-width: 540px) {
.cont_destinos a,
.context-destination-show .cont_destinos a {
width: 100%;
margin-left: 0 !important;
margin-right: 0 !important;
}
}
.post_ct {
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.post_ct li {
margin:0;
padding:0;
list-style:none;
}
.post_ct li a {
display: flex;
flex-wrap: wrap;
text-decoration: none;
justify-content: space-between;
color: #5E5E5E;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #DADADA;
}
.modal_photos {
position: absolute;
top: 15px;
right: 15px;
}

.post_ct li figure {
margin: 0;
padding: 0;
width: 40%;
border-radius: 10px;
overflow: hidden;
position: relative;
}
.post_ct li figure img {}
.post_ct li figcaption {
width: 55%;
}
.post_ct li figcaption h3 {
color: #5E5E5E;
}
.post_ct li figcaption p {}

.post_ct li.firsts_post_ct {
width: 48%;
}
.post_ct li.firsts_post_ct figure,
.post_ct li.firsts_post_ct figcaption {
width: 100%;
}
.post_ct li.firsts_post_ct figure {
margin-bottom: 20px;
}
.post_ct li.firsts_post_ct a {
margin-bottom: 20px;
border-bottom: 0;
}
.post_ct li.firsts_post_ct a figcaption span.ver_art {
color: #173E88;
border-top: 1px solid #CADCFF;
display: block;
margin-top: 10px;
padding-top: 10px;
font-size: 16px;
}
.post_ct a figure span {
position: absolute;
display: inline-block;
z-index: 2;
top: -20px;
right: -20px;
border-radius: 100%;
width: 50px;
height: 50px;
padding: 17px 25px 24px 9px;
text-align: center;
color: #fff;
font-weight: bold;
border: 5px solid #fff;
}
.post-show h4.fecha_post {
color: #696969;
font-weight: 100;
}
.description_post,
.description_post h3,
.description_post h4 {
color: #696969;
}
.cont_description_post img {
border-radius: 10px;
width: 100%;
}
.cont_description_post img:first-child {
border-radius: 0px 0px 10px 10px;
}
.description_post h2 {
color: #000;
}
.borber-b {
border-bottom: 1px solid #D8D8D8;
margin-bottom: 20px;
padding-bottom: 10px;
}

/* Top Container
------------------------------ */
#top_ct {
background-size: cover;
background-position: center;
border-left: 10px solid;
position: relative;
}

#top_ct.Norte {
border-color: #E6B429;
}

#top_ct.Centro {
border-color: #3DA960;
}

#top_ct.Sur {
border-color: #537AB2;
}

#top_ct a.buscar-otro {
color: #fff;
top: 20px;
position: absolute;
font-weight: bold;
}

#top_ct a.buscar-otro img {
margin-right: 5px;
}

#top_ct h4,
#top_ct h1 {
color: #fff;
margin: 0 0 0.5em;
}

#top_ct h3 {
color: #fff;
margin: 0;
}

#top_ct figcaption {
padding: 80px 30px 30px 30px;
z-index: 2;
position: relative;
border-left: 1px solid #fff;
}

#top_ct:after {
content: '';
background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 45, 77, 0.8)));
background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 45, 77, 0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6002d4d', GradientType=0);
position: absolute;
top: 0;
left: 0;
right: 0;
height: 80%;
z-index: 1;
}

/* Tabs Container
------------------------------ */
#tabs-ct {
list-style: none;
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

#tabs-ct li {
width: 100%;
text-align: center;
position: relative;
margin-right: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
opacity: .6;
-webkit-transition: .3s;
transition: .3s;
}

#tabs-ct li:hover, #tabs-ct li.active {
opacity: 1;
}

#tabs-ct li:last-child {
margin-right: 0px;
}

#tabs-ct li a {
color: #4B4E55;
position: relative;
padding-bottom: 15px;
display: block;
width: 100%;
font-size: 14px;
font-weight: bold;
text-decoration: none;
text-transform: capitalize;
}

.attraction-pane .attraction-list p.lodging-star {
display: none;
}

#tabs-ct li:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 5px;
background: #173E88;
border-radius: 10px;
}

#tabs-ct div span.ic {
background-position: center !important;
background-size: contain;
background-repeat: no-repeat;
width: 30px;
height: 30px;
}

#tabs-ct .ic-attraction {
background-image:
url(https://copec.modyocdn.com/uploads/ccf6a088-98e3-436f-b458-367773702d5e/original/icn_atractivos.svg);
}

#tabs-ct .ic-lodging {
background-image:
url(https://copec.modyocdn.com/uploads/4663ade9-630f-45b5-9d53-95ef32a0a008/original/icn_alojamientos.svg);
}

#tabs-ct .ic-restaurant {
background-image:
url(https://copec.modyocdn.com/uploads/357b7d8f-95df-46ad-b6c0-0aa9204776fd/original/icn_restaurantes.svg);
}

#tabs-ct .ic-activity {
background-image:
url(https://copec.modyocdn.com/uploads/c70c5754-2ccb-4340-ae4a-1ab863d9dc9a/original/icn_actividades.svg);
}

#tabs-ct .ic-panorama {
background-image:
url(https://copec.modyocdn.com/uploads/782ba6a0-b159-4b3a-8ec0-2dcae0c6c859/original/icn_panoramas.svg);
}

#tabs-ct .ic-pathway {
background-image:
url(https://copec.modyocdn.com/uploads/034e1f78-53b9-49d1-bf04-043cd9b0e5f9/original/icon-senderos.svg);
}

#tabs-ct .ic-resumen{
background-image:
url(https://copec.modyocdn.com/uploads/b4e27360-4fcd-493a-99d9-5e35fde5beaa/original/gps-marker-blue.svg);
}

/* Attraction List
------------------------------ */
.attraction-list {
margin: 0;
padding: 0;
list-style: none;
}

.attraction-list li {
background: #EEEEEE;
margin-bottom: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: #5D5F66;
text-decoration: none;
border-radius: 10px;
overflow: hidden;
cursor: pointer;
}

.attraction-list li figure {
margin: 0;
padding: 0;
width: 30%;
background-size: cover;
background-position: center;
}

.attraction-list li figure img {
width: 100%;
display: block;
}

.attraction-list li figcaption {
width: 70%;
padding: 20px;
padding-right: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: block;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}

@media (max-width: 576px) {
#buscador-destinos h2 {
font-size: 20px;
padding: 0 20px;
margin-bottom: 10px;
}
#ct-search input {
font-size: 18px;
padding: 30px 30px 30px 50px;
background-size: 23px;
}
#buscador-destinos .guias_buscador h3 {
font-size: 20px;
}
#buscador-destinos .guias_buscador h3 img {
height: 25px;
}
}
.attraction-list li.list-lodging figcaption {
width: 100%;
}

.attraction-list li figcaption h4 {
color: #5D5F66;
font-size: 18px;
max-width: 9.5rem;
}

@media (min-width: 576px) {
.attraction-list li figcaption h4 {
max-width: initial;
}
}

.attraction-list li figcaption h3 {
color: #5D5F66;
font-size: 15px;
}

.attraction-list li figcaption .description {
margin: 0;
font-size: 12px;
}
@media (max-width: 768px) {
.attraction-list button {
display:none !important;
}
.attraction-list li figcaption {
flex-wrap: wrap;
display: block;
padding: 20px;
}
.attraction-list li figcaption h4,
.attraction-list li figcaption .description {
width: 100%;
max-width: 100%;
}
}
@media (min-width: 576px) {
.attraction-list li figcaption .description {
display: block;
}
}

.attraction-list li.list-panorama figure {
background: #173E88;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 10px;
background-size: cover !important;
}

.attraction-list li.list-panorama figure h4 {
color: #fff;
font-size: 28px;
font-weight: 600;
margin: 0;
display: inline-block;
}

.attraction-list li.list-panorama figure h4 small {
color: #fff;
font-size: 28px;
font-weight: 600;
margin: 0;
display: inline-block;
}

/* Custom Helpers
------------------------------ */
.overflow-hidden {
overflow: hidden !important;
}

.text-muted p {
color: #818181;
}

.arrow-left-blue {
position: relative;
}

.arrow-left-blue::before {
content: "";
display: inline-block;
height: 18px;
width: 20px;
background: url("https://copec.modyocdn.com/uploads/4f1a2560-e6e3-4067-ba7b-a18f52aa6651/original/arrow-left-blue.svg")
no-repeat;
background-size: contain;
margin-right: .5rem;
top: 50%;
}



/* cont destinos list */
.cont_destinos_list {
margin: 0;
padding: 0;
list-style: none;
flex-wrap: wrap;
}
.cont_destinos_list.isloading a {
background: #fafafa;
}
.cont_destinos_list a {
background: #EEEEEE;
margin-bottom: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: #5D5F66;
text-decoration: none;
border-radius: 10px;
overflow: hidden;
cursor: pointer;
width: 100%;
height: 200px;
position: relative;
-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);

transition: box-shadow 0.3s ease-in-out;

}
.cont_destinos_list a.active {
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);

background: #f1f1f1;
transition: box-shadow 0.3s ease-in-out;
}
.cont_destinos_list a figure {
margin: 0;
padding: 0;
width: 30%;
background-size: cover;
background-position: center;
}

.cont_destinos_list a figcaption {
width: 70%;
padding: 20px;
}

#page-content .cont_destinos_list a figcaption h4 {
color: #5D5F66;
font-size: 15px;
margin-bottom: 20px;
}

#page-content .cont_destinos_list a figcaption h3 {
color: #5D5F66;
font-weight: bold;
font-size: 25px;
margin-bottom: 0px;
}

/* Snippet: "ct_destinations_show" */
header .container {
    max-width: 96% !important;
}
/* Custom Helpers
------------------------------ */
.overflow-hidden {
  overflow: hidden !important;
}

.text-muted p {
  color: #818181;
}

.arrow-left-blue {
  position: relative;
}

.arrow-left-blue::before {
  content: "";
  display: inline-block;
  height: 18px;
  width: 20px;
  background: url("https://copec.modyocdn.com/uploads/4f1a2560-e6e3-4067-ba7b-a18f52aa6651/original/arrow-left-blue.svg") no-repeat;
  background-size: contain;
  margin-right: .5rem;
  top: 50%;
}

.bg-black {
  background-color: #000000 !important;
}

.icn-bg {
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: contain;
  border: 0;
}

.icn-bg-open-gallery {
  width: 45px;
  height: 35px;
}

.icn-bg-open-gallery-white {
  background-image: url('data:image/svg+xml;utf8,            <svg width="42" height="31" viewBox="0 0 42 31" fill="none" xmlns="http://www.w3.org/2000/svg">            <path d="M1.62793 28.1682L17.3923 16.0825L24.1484 21.2621M35.8531 29.8516L24.1484 21.2621M24.1484 21.2621L35.4087 12.6294L41.0388 16.9457" stroke="white" stroke-width="2"/>            <rect x="1.66675" y="1" width="39.3333" height="29" rx="2" stroke="white" stroke-width="2"/>            <ellipse cx="11" cy="9.5" rx="5" ry="4.5" fill="white" />            </svg>');
}

.icn-bg-open-gallery-gray {
  background-image: url('data:image/svg+xml;utf8,            <svg width="42" height="31" viewBox="0 0 42 31" fill="none" xmlns="http://www.w3.org/2000/svg">            <path d="M1.62793 28.1682L17.3923 16.0825L24.1484 21.2621M35.8531 29.8516L24.1484 21.2621M24.1484 21.2621L35.4087 12.6294L41.0388 16.9457" stroke="#ccc" stroke-width="2"/>            <rect x="1.66675" y="1" width="39.3333" height="29" rx="2" stroke="#ccc" stroke-width="2"/>            <ellipse cx="11" cy="9.5" rx="5" ry="4.5" fill="#ccc" />            </svg>');
}
.attraction-list button {
    border: none;
    background: transparent;
}
/* Destination Show
------------------------------ */
#destinationShow,
#destinationIndex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow: hidden;
}

@media (max-width: 576px) {
  #destinationShow div[class*="container"],
  #destinationIndex div[class*="container"] {
    padding: 0;
  }
 #destinationShow div[class*="container"] .row,
  #destinationIndex div[class*="container"] .row {
    margin: 0;
  }
}

#destinationShow .row,
#destinationIndex .row {
  width: 100%;
}

@media (max-width: 576px) {
  #destinationShow #cont-destination,
  #destinationIndex #cont-destination {
    height: auto !important;
  }
}

#destinationShow #cont-destination .col_cont_destino,
#destinationIndex #cont-destination .col_cont_destino {
    overflow-y: scroll;
    min-height: 0;
    height: 100%;
}

@media (max-width: 576px) {
  #destinationShow #cont-destination .col_cont_destino,
  #destinationIndex #cont-destination .col_cont_destino {
    padding: 0;
  }
}

#destinationShow #cont-destination .cont_map,
#destinationIndex #cont-destination .cont_map {
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}

@media (min-width: 576px) {
  #destinationShow #cont-destination .cont_map,
  #destinationIndex #cont-destination .cont_map {
    position: initial;
    -webkit-transform: none;
            transform: none;
  }
}

#destinationShow #cont-destination #tabs-ct,
#destinationIndex #cont-destination #tabs-ct {
  overflow-y: auto;
}

#destinationShow #cont-destination .fixed-floating-button,
#destinationIndex #cont-destination .fixed-floating-button {
  z-index: 99;
  background: #FCFCFC;
  color: #173E88;
  font-size: 13px;
  font-family: Nunito, sans-serif;
  border-radius: 50px;
  padding: 10px 15px;
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
}

@media (min-width: 768px) {
  #destinationShow #cont-destination .fixed-floating-button,
  #destinationIndex #cont-destination .fixed-floating-button {
    display: none;
  }
}

#destinationShow #cont-destination .fixed-floating-button img,
#destinationIndex #cont-destination .fixed-floating-button img {
  max-height: 20px;
  margin-right: 5px;
}

#destinationShow #cont-destination .fixed-bottom,
#destinationIndex #cont-destination .fixed-bottom {
  bottom: 15px;
}

#destinationShow #cont-destination .fixed-bottom-left,
#destinationIndex #cont-destination .fixed-bottom-left {
  position: fixed;
  left: 15px;
}

#destinationShow #cont-destination .fixed-bottom-right,
#destinationIndex #cont-destination .fixed-bottom-right {
  position: fixed;
  right: 15px;
}

#destinationShow #destinos-destacados,
#destinationIndex #destinos-destacados {
    background: #f1f1f1;
    padding: 2rem 0;
    -webkit-box-shadow: -1px 0 15px rgba(0, 0, 0, 0.2);
    box-shadow: -1px 0 15px rgba(0, 0, 0, 0.2);
    z-index: 9;
}

#destinationShow .gradient-mask,
#destinationIndex .gradient-mask {
  position: absolute;
  bottom: 0;
  height: 3rem;
  width: 100vw;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#ffffff));
  background: linear-gradient(rgba(255, 255, 255, 0), #ffffff);
}

@media (min-width: 576px) {
  #destinationShow .gradient-mask,
  #destinationIndex .gradient-mask {
    width: 64%;
  }
}

#destinationShow .responsive-modal-container,
#destinationIndex .responsive-modal-container {
  position: fixed;
  z-index: 99;
  background: white;
  height: 100vh;
  width: 100vw;
  top: 40px;
  left: 0;
}

#destinationShow .responsive-modal-hero,
#destinationIndex .responsive-modal-hero {
  height: 236px;
  margin-bottom: 30px;
  position: relative;
}

#destinationShow .responsive-modal-hero::after,
#destinationIndex .responsive-modal-hero::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.65)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  z-index: 0;
}

#destinationShow .responsive-modal-hero .fixed-right-corner,
#destinationIndex .responsive-modal-hero .fixed-right-corner {
  position: absolute;
  top: 15px;
  right: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1;
}

#destinationShow .responsive-modal-hero button.close,
#destinationIndex .responsive-modal-hero button.close {
  background-color: rgba(0, 0, 0, 0.5);
  background-image: url('data:image/svg+xml;uft8,                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="20" viewBox="0 0 19 20" fill="none">                <line x1="0.353553" y1="0.646447" x2="18.3536" y2="18.6464" stroke="#FFFFFF"></line>                <line x1="18.3536" y1="1.35355" x2="0.353553" y2="19.3536" stroke="#FFFFFF"></line>                </svg>');
  border-radius: 100%;
  height: 30px;
  width: 30px;
  opacity: 1;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50%;
}

#destinationShow .responsive-modal-content,
#destinationIndex .responsive-modal-content {
  padding: 0 40px;
}

#destinationShow .responsive-modal-content h4,
#destinationIndex .responsive-modal-content h4 {
  color: #5D5F66;
  font-size: 18px;
  margin-bottom: 40px;
}

#destinationShow .responsive-modal-content p,
#destinationIndex .responsive-modal-content p {
  font-size: 14px;
  color: #5D5F66;
}

/* Park
------------------------------ */
.park h4 {
  color: #5D5F66;
}

@media (min-width: 768px) {
  .park h4 {
    font-size: 1.5rem;
  }
}

.park p {
  color: #818181;
}

.pathway-pane {
  margin-top: 0.9375rem;
}
#panels-chiletur .panorama-pane {
    margin-top: 20px;
    padding: 0;
}
/* End of Snippet: "ct_destinations_show" */
@media (max-width: 768px) {
#destinationShow #cont-destination .cont_map,
#destinationIndex #cont-destination .cont_map {
position: fixed;
right: 0;
left: 0;
bottom: 0;
top: 0;
-webkit-transform: translateX(100%);
transform: translateX(100%);
transition: .3s;
z-index: 10;
}
#destinationShow #cont-destination .cont_map.seemap,
#destinationIndex #cont-destination .cont_map.seemap {
transform: translateX(0%);
transition: .3s;
}
}
.gm-style-iw {
width: auto !important;
top: 10px !important;
left: 10px !important;
display: flex;
}

.gm-style img {
margin: 0 !important;
padding: 0;
display: inline-block !important;
}
#google-popup {
display:flex;
}
.gm-style-iw figure {
min-height: 120px;
max-width: 150px;
min-width: 150px;
margin: 0;
padding: 0;
background-size: cover;
background-position: center;
border-radius: 2px;
}
.gm-style-iw figcaption {
padding: 10px;
width: 80%;
}
.cont_map #ct-pagination {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 15px 10px 10px 10px;
}
#cont-destination .btns_filtro {
position: sticky;
top: 0;
background: #fff;
z-index: 99;
padding-left: 15px;
padding-right: 15px;
margin-left: -15px;
margin-right: -15px;
border-bottom: 1px solid #E5E5E5;
}
#destinationIndex #cont-destination .col_cont_destino {
border-left: 1px solid #E5E5E5;
}
#destinationIndex #cont-destination .col_cont_destino {}
.gm-style .gm-style-iw h4 {
margin-bottom: 5px;
font-size: 15px;
color: #333;
}
#ct-pagination {
position: sticky;
background: #fff;
z-index: 9;
margin-left: -15px;
margin-right: -15px;
bottom: 0;
display: flex;
border-top: 1px solid #E5E5E5;
}
#ct-pagination .pagination {
padding-left: 15px;
padding-right: 15px;
}
.container.center--hover h1 {
color: #fff;
}
@media screen and (max-width: 768px) {
#destinationIndex #cont-destination .col_cont_destino {
border-left: 0px;
}
#ct-pagination {
border-top: 0;
}
}
@media screen and (max-width: 650px) {
.cont_destinos_list a {
flex-wrap: wrap;
height: auto;
}
.cont_destinos_list a figure {
width: 100%;
height: 120px;
}
.cont_destinos_list a figcaption {
width: 100%;
}
}
#loader_ct {
display: none;
}
#loader_ct.loading {
display:flex;
align-items: center;
justify-content: center;
position: fixed;
width: 100%;
left: 0;
bottom: 0;
right: 0;
top: 0;
height: 100%;
background: #fff;
z-index: 9999999;
}
.lds-ellipsis {
display: inline-block;
position: relative;
width: 64px;
height: 64px;
}
.lds-ellipsis div {
position: absolute;
top: 27px;
width: 11px;
height: 11px;
border-radius: 50%;
background: #173E88;
animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
left: 6px;
animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
left: 6px;
animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
left: 26px;
animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
left: 45px;
animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes lds-ellipsis3 {
0% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
@keyframes lds-ellipsis2 {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(19px, 0);
}
}

@media (max-width: 768px) {
#google-popup {
flex-wrap: wrap;
}
.gm-style-iw figure {
max-width: 250px;
min-width: 150px;
width: 100%;
height: 80px;
min-height: 80px;
}
.gm-style-iw figcaption {
padding: 0px;
width: 100%;
margin-top: 10px;
}
.gm-style .gm-style-iw figcaption h4 {
margin-bottom: 0;
}
.gm-style-iw figcaption .btn {
background: none;
padding: 0;
color: #173E88;
}
.gm-style-iw figcaption .btn:after {
content:'→';
margin-left: 5px;

}
}
/* Thumbnails Modal Gallery
------------------------------ */
.thumbnails-modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
z-index: 9999;
}

.thumbnails-modal-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
height: 100vh;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.thumbnails-modal-close {
position: absolute;
top:10px;
right: 10px;
font-size: 5rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 30px;
width: 30px;
background: transparent
url(https://copec.modyocdn.com/uploads/10a8d3f7-58ff-4117-a831-931e707e69fe/original/cancel_white.svg) no-repeat center
center;
border: 0;
color: #ffffff;
cursor: pointer;
z-index: 999;
opacity: .7;
transition: .3s;
}

.thumbnails-modal-close:hover {
opacity: 1;
}

.thumbnails-modal-list {
display: none;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}

.share-button .dropdown-menu a, .share-buttonc .dropdown-menu a {
font-size: 16px;
}


@media (min-width: 576px) {
.thumbnails-modal-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}

.thumbnails-modal-list__thumb {
display: block;
height: 13.3125rem;
width: 17.75rem;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
background-repeat: no-repeat;
background-size: cover;
}

@media (min-width: 576px) {
.thumbnails-modal-list__thumb {
margin: 0.9375rem;
}
}

.thumbnails-modal-list__slick {
display: block;
width: 100%;
}

@media (min-width: 576px) {
.thumbnails-modal-list__slick .thumbnails-modal-list__thumb {
margin: 0;
}
}

.thumbnails-modal-list__slick #thumbnailsCarousel {
margin-bottom: 0;
}

@media (min-width: 576px) {
.thumbnails-modal-list__slick #thumbnailsCarousel {
margin-right: 3.75rem;
margin-left: 3.75rem;
}
}

.thumbnails-modal-list__slick #thumbnailsCarousel .carousel-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

.thumbnails-modal-list__slick #thumbnailsCarousel .carousel-indicators {
display: block;
right: 50%;
-webkit-transform: translateX(50%);
transform: translateX(50%);
bottom: -25%;
}

@media (min-width: 768px) {
.thumbnails-modal-list__slick #thumbnailsCarousel .carousel-indicators {
bottom: 0;
background-color: transparent;
}
}

.thumbnails-modal-list__slick #thumbnailsCarousel .carousel-control {
top: 50%;
margin-top: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
opacity: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background: rgba(0, 0, 0, 0.4);
}

@media (min-width: 768px) {
.thumbnails-modal-list__slick #thumbnailsCarousel .carousel-control {
width: 3.75rem;
height: 7.1875rem;
padding: 0.625rem;
background: rgba(0, 0, 0, 0);
}
}

@media (min-width: 768px) {
.thumbnails-modal-list__slick #thumbnailsCarousel .carousel-control.left {
margin-left: -4.6875rem;
}
}

@media (min-width: 768px) {
.thumbnails-modal-list__slick #thumbnailsCarousel .carousel-control.right {
margin-right: -4.6875rem;
}
}

.slider-mobile-absolute {
position: absolute;
top: 0;
left: 0;
width: 100%;
display: block !important;
}

.slider-mobile-absolute .carousel-inner > .item {
width: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.description_post h2 {
font-weight: normal;
}
.description_post h3 {
font-size: 20px;
}
.description_post h4 {
font-size: 16px;
}
.context-request #bannersoporte {
height: 200px;
}
.context-request.category-chiletur .CTtxtBloque {
top: auto;
margin-top: -50px;
}
.context-request.category-chiletur .description,
#request-header .information-detail .description {
font-size: 14px;
line-height: 1.5em;
color: #333333;
}
.context-request #main,
.context-request #sidebar {
padding:0;
}
.context-request .interact-box {
background: #fafafa;
padding: 20px;
margin-bottom: 20px;
overflow: hidden;
}
.context-request .interact-box textarea {
width: 100%;
height: 100px;
}
.context-request .save-box .btn-primary, .context-request-request .btn-primary {
background: #183c86 !important;
padding: 10px 40px;
color: #fff !important;
float: right;
}
.context-request .save-box .btn-primary:hover, .context-request-request .btn-primary:hover {
background: #fff !important;
color: #183c86 !important;
}
.context-request-request .comments-title {
width: 100%;
}
.context-request-request .comments-title {
border-top: none;
background: none;
}
.context-request .request-list-comments-accordion i.icon-angle-down {
display:none;
}
.park p a {
display: inline-block;
}



/* share-facebook */
.share-facebook {
position: relative;
}
.share-facebook .share-facebook-span {
position: absolute;
display: none;
background: #fff;
min-width: 300px;
right: 0;
top: 100%;
padding: 4px 6px;
border-radius: 4px 0 0 4px;
}
.share-facebook:hover .share-facebook-span{
display: block;
}

/* FE DE ERRATAS*/
#home.context-layouts-show-fe-de-erratas #main {
padding-right: 15px;
}
#home.context-layouts-show-fe-de-erratas #sidebar .sidebar-inner .widget-small h3 {
border-bottom: 0px solid #ccc !important;
height: 44px;
background: none;
/* color: #666 !important; */
font-family: 'Nunito', sans-serif;
font-weight: bold;
color: #173E88 !important;
margin: 0px;
}
#home.context-layouts-show-fe-de-erratas .CTtxtBloque {
margin: 4em auto;
}
#home.context-layouts-show-fe-de-erratas .contentCTA {
background: #E4EDFF;
padding: 30px;
width: 65%;
display: table;
height: 100%;
}
#home.context-layouts-show-fe-de-erratas .contentCTA .contentCTA-info {
display: table-cell;
vertical-align: middle;
}
#home.context-layouts-show-fe-de-erratas .contentCTA .contentCTA-btn {
display: table-cell;
vertical-align: middle;
padding: 0 20px;
}
#home.context-layouts-show-fe-de-erratas .btnCTguia {
width: 265px;
display: inline-block;
margin: 0;
border-radius: 5px;
}
#home.context-layouts-show-fe-de-erratas .btnCTguia:hover {
color: #fff;
background: #173E88;
}
#home.context-layouts-show-fe-de-erratas .contentCTA p {
display: inline-block;
margin: 0;
font-size: 15px;
}
#home.context-layouts-show-fe-de-erratas .contentCTA span {
display: block;
text-transform: uppercase;
font-weight: bold;
font-size: 20px;
margin-bottom: 5px;
color: #163e88;
}
#home.context-layouts-show-fe-de-erratas .list.test li {
background: transparent;
padding: 0;
border-bottom: 1px solid #dadada;
padding-bottom: 20px;
margin-bottom: 20px;
}
#home.context-layouts-show-fe-de-erratas .list.test .cover {
margin: 0;
padding: 0;
width: 40%;
max-width: inherit;
border-radius: 10px;
overflow: hidden;
position: relative;
height: 195px;
}
#home.context-layouts-show-fe-de-erratas .list.test .information-detail {
width: calc(55% - 30px);
display: inline-block;
margin-left: 30px;
}
#home.context-layouts-show-fe-de-erratas .information-detail h4 a {
color: #5E5E5E;
display: block;
line-height: 32px;
font-size: 18px;
font-weight: bold;
font-style: normal;
line-height: 1.1em;
}
#home.context-layouts-show-fe-de-erratas .information-detail .description p {
margin: 0;
}
#home.context-layouts-show-fe-de-erratas .information-detail .description p img {
display: none;
}
#home.context-layouts-show-fe-de-erratas .content-inner {
background: #fff;
}
#home.context-layouts-show-fe-de-erratas #sidebar .widget-media {
margin-top:0;
}
#home.context-layouts-show-fe-de-erratas #sidebar .list li {
position: relative;
/*height: 200px;*/
overflow: hidden;
border-radius: 10px;
margin-bottom: 15px;
}
#home.context-layouts-show-fe-de-erratas #sidebar .list li h4 {
margin: 0;
padding: 0;
position: absolute;
color: #fff !important;
bottom: 15px;
left: 15px;
right: 15px;
font-size: 28px !important;
font-weight: bold !important;
z-index: 3;
}
#home.context-layouts-show-fe-de-erratas #sidebar .list li h4 a {
color: #fff;
font-size: 20px;
white-space: initial;
line-height: initial;
overflow: hidden;
max-height: 53px;
display: block;
}
#home.context-layouts-show-fe-de-erratas #sidebar .list li:after {
content: '';
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,45,77,0.8) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,45,77,0.8) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,45,77,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6002d4d',GradientType=0 );
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 50%;
border-radius: 10px;
z-index: 2;
}
#home.context-layouts-show-fe-de-erratas #sidebar .chiletur-ultimas .list li:first-child:after {
height: 100%;
background: rgba(0,45,77,.4);
}
#home.context-layouts-show-fe-de-erratas .chiletur-ultimas ul li h4 {
width: calc(100% - 30px);
}
.cover.undefine:after {
content: '';
position: absolute;
background-image:
url(https://copec.modyocdn.com/uploads/ab7d06f7-21bf-4039-831d-7ef39574bab8/original/logo-chiletur2017.png);
width: 100%;
height: 40px;
top: calc(50% - 20px);
margin-left: auto;
margin-right: auto;
z-index: 99999;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
filter: grayscale(100%);
opacity: .5;
}
@media (max-width:992px) {
#home.context-layouts-show-fe-de-erratas .contentCTA {
background: #E4EDFF;
padding: 30px;
width: 65%;
display: table;
height: 100%;
width: 100%;
}
#home.context-layouts-show-fe-de-erratas .list.test .cover {
height: 100%;
}
}
@media (max-width:768px) {
#home.context-layouts-show-fe-de-erratas .list.test .cover {
height: 195px;
}
#home.context-layouts-show-fe-de-erratas #main {
padding-right: 0px;
}
#home.context-layouts-show-fe-de-erratas .list.test .cover {
width: 100%;
}
#home.context-layouts-show-fe-de-erratas .list.test .information-detail {
width: 100%;
margin: 2em 0 0;
}
#home.context-layouts-show-fe-de-erratas .CTtxtBloque {
margin: 3em auto;

}
#home.context-layouts-show-fe-de-erratas .CTtxtBloque p {
display: block;
text-align: center;
}
#home.context-layouts-show-fe-de-erratas .btnCTguia {
display: block !important;
margin: 0 auto;
margin-top: 2em;
}
#home.context-layouts-show-fe-de-erratas .contentCTA .contentCTA-info,
#home.context-layouts-show-fe-de-erratas .contentCTA .contentCTA-btn {
display: block
}
}
.context-request-list a.btn.disabled,
.context-request-list a.btn.disabled:hover,
.context-request-list .btn.disabled:hover,
.context-request-list .btn.disabled:hover {
color: #173E88;
background: #eee;
opacity: 1;
text-shadow: 1px 1px 0 rgba(0,0,0,.0);
}



.main-inner {
    padding-top: 110px !important;
}

@media(max-width: 1200px) {
    .main-inner {
        padding-top: 76px !important;
    }
}

@media(max-width: 768px) {
    .main-inner {
        padding-top: 66px !important;
    }
}