/* Última modificación Bloque */
/* 29/07/2021 15:50           */



/* RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    text-decoration:none;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
/*body {
    line-height: 1;
}*/
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
article, aside, figure, footer, header, hgroup, menu, nav, section {
    display:block;
}



/* FONTS */

@font-face {
    font-family: "Trasandina Web";
    src:url("../fonts/trasandinalight.eot");
    src:url("../fonts/trasandinalight.eot?#iefix") format("embedded-opentype"),
        url("../fonts/trasandinalight.woff") format("woff"),
        url("../fonts/trasandinalight.ttf") format("truetype"),
        url("../fonts/trasandinalight.svg#trasandinalight") format("svg");
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: "Trasandina Web";
    src:url("../fonts/trasandinalight-italic.eot");
    src:url("../fonts/trasandinalight-italic.eot?#iefix") format("embedded-opentype"),
        url("../fonts/trasandinalight-italic.woff") format("woff"),
        url("../fonts/trasandinalight-italic.ttf") format("truetype"),
        url("../fonts/trasandinalight-italic.svg#trasandinalight-italic") format("svg");
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: "Trasandina Web";
    src:url("../fonts/trasandinaregular.eot");
    src:url("../fonts/trasandinaregular.eot?#iefix") format("embedded-opentype"),
        url("../fonts/trasandinaregular.woff") format("woff"),
        url("../fonts/trasandinaregular.ttf") format("truetype"),
        url("../fonts/trasandinaregular.svg#trasandinaregular") format("svg");
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: "Trasandina Web";
    src:url("../fonts/trasandinaregular-italic.eot");
    src:url("../fonts/trasandinaregular-italic.eot?#iefix") format("embedded-opentype"),
        url("../fonts/trasandinaregular-italic.woff") format("woff"),
        url("../fonts/trasandinaregular-italic.ttf") format("truetype"),
        url("../fonts/trasandinaregular-italic.svg#trasandinaregular-italic") format("svg");
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: "Trasandina Web";
    src:url("../fonts/trasandinamedium.eot");
    src:url("../fonts/trasandinamedium.eot?#iefix") format("embedded-opentype"),
        url("../fonts/trasandinamedium.woff") format("woff"),
        url("../fonts/trasandinamedium.ttf") format("truetype"),
        url("../fonts/trasandinamedium.svg#trasandinamedium") format("svg");
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: "Trasandina Web";
    src:url("../fonts/trasandinamedium-italic.eot");
    src:url("../fonts/trasandinamedium-italic.eot?#iefix") format("embedded-opentype"),
        url("../fonts/trasandinamedium-italic.woff") format("woff"),
        url("../fonts/trasandinamedium-italic.ttf") format("truetype"),
        url("../fonts/trasandinamedium-italic.svg#trasandinamedium-italic") format("svg");
    font-weight: 600;
    font-style: italic;
}



/* BODY */

body{
    font-size:62.5%;
}
body,input,textarea,select,button{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: none;
    font-family: 'Trasandina', 'Trasandina Web', 'Trasandina', sans-serif;
    font-weight: 300;
    color: #4a494f;
}
p{
    text-rendering: optimizeLegibility;
}
strong{
    font-weight: 600;
}
em{
    font-style: italic;
}
input,textarea, select,button{
    border: none;
    outline: none;
    resize: none;
    border-radius: 0;
    background-color: transparent;
    padding: 0;
    margin: 0;
}
input:not([type="checkbox"]):not([type="radio"]),textarea, select,button{
    -webkit-appearance: none;
}

button{
    overflow: visible;
}

a, button{
    color: #4b9ef9;
    -webkit-tap-highlight-color: rgba(75, 158, 249, 0.3);
    cursor: pointer;
    outline: none;
    
    -webkit-transition:
        color 200ms ease-out,
        background 200ms ease-out,
        border 200ms ease-out,
        opacity 200ms ease-out,
        box-shadow 200ms ease-out;
    -moz-transition:
        color 200ms ease-out,
        background 200ms ease-out,
        border 200ms ease-out,
        opacity 200ms ease-out,
        box-shadow 200ms ease-out;
    -o-transition:
        color 200ms ease-out,
        background 200ms ease-out,
        border 200ms ease-out,
        opacity 200ms ease-out,
        box-shadow 200ms ease-out;
    transition:
        color 200ms ease-out,
        background 200ms ease-out,
        border 200ms ease-out,
        opacity 200ms ease-out,
        box-shadow 200ms ease-out;
}

img{
    display:inline-block;
    max-width: 100%;
}



/* HIDDENS */

@media (max-width: 767px) {
    .hidden-xs{
        display:none !important;
    }
}
@media (min-width: 768px) and (max-width: 979px) {
    .hidden-sm{
        display:none !important;
    }
}
@media (min-width: 980px) and (max-width: 1199px) {
    .hidden-md{
        display:none !important;
    }
}
@media (min-width: 1200px) {
    .hidden-lg{
        display:none !important;
    }
}



/* ******* MOBILE ******* */



/* GENERAL */

.notVisible{
    position:absolute;
    left:-9999px;
}
.scrollable{
    width:100%;
    height:100%;
    overflow:hidden;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
}
.scrollable.scroll-x{
    overflow:hidden;
    overflow-x:auto;
}



/* STRUCTURE */

.wrapper{
    width:100%;
    max-width: 1226px;
    margin-right: auto;
    margin-left: auto;
    padding-right:30px;
    padding-left:30px;

    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

.section{
    padding-top: 40px;
    padding-bottom: 40px;
}
.section-t{
    padding-top: 40px;
}
.section-b{
    padding-bottom: 40px;
}
.section-lg{
    padding-top: 50px;
    padding-bottom: 50px;
}
.section-lg-t{
    padding-top: 50px;
}
.section-lg-b{
    padding-bottom: 50px;
}

.block{
    display: block;
}
.inline-block{
    display: inline-block;
}



/* ALIGNS */

[class*="align-"]:before{
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
[class*="align-"] > .align{
    display: inline-block;
    vertical-align: middle;
}
.align-middle:before,
.align-middle > .align{
    vertical-align: middle;
}
.align-bottom:before,
.align-bottom > .align{
    vertical-align: bottom;
}

.v-middle{
    vertical-align: middle;
}



/* MARGINS */

.margin-t{
    margin-top: 20px;
}

.margin-t-5{
    margin-top: 5px;
}
.margin-t-10{
    margin-top: 10px;
}
.margin-t-15{
    margin-top: 15px;
}
.margin-t-20{
    margin-top: 20px;
}
.margin-t-25{
    margin-top: 25px;
}
.margin-t-30{
    margin-top: 30px;
}
.margin-t-35{
    margin-top: 35px;
}
.margin-t-40{
    margin-top: 40px;
}
.margin-t-45{
    margin-top: 45px;
}
.margin-t-50{
    margin-top: 50px;
}
.margin-t-55{
    margin-top: 55px;
}

.margin-b{
    margin-bottom: 20px;
}

.margin-b-5{
    margin-bottom: 5px;
}
.margin-b-10{
    margin-bottom: 10px;
}
.margin-b-15{
    margin-bottom: 15px;
}
.margin-b-20{
    margin-bottom: 20px;
}
.margin-b-25{
    margin-bottom: 25px;
}
.margin-b-30{
    margin-bottom: 30px;
}
.margin-b-35{
    margin-bottom: 35px;
}
.margin-b-40{
    margin-bottom: 40px;
}
.margin-b-45{
    margin-bottom: 45px;
}
.margin-b-50{
    margin-bottom: 50px;
}
.margin-b-55{
    margin-bottom: 55px;
}



/* BORDERS */

.border{
    border:1px solid #efefef;
}
.border-t{
    border-top:1px solid #efefef;
}
.border-r{
    border-right:1px solid #efefef;
}
.border-b{
    border-bottom:1px solid #efefef;
}
.border-l{
    border-left:1px solid #efefef;
}



/* IMGS */

/* Sizes */

[class*="img-"]{
    background: no-repeat center/cover;
}
.img-cover{
    background-size: cover;
}
.img-contain{
    background-size: contain;
}

/* Position */

.img-center{
    background-position: center;
}
.img-top,
.img-center-top{
    background-position: center top;
}
.img-right-top{
    background-position: right top;
}
.img-right,
.img-right-center{
    background-position: right center;
}
.img-right-bottom{
    background-position: right bottom;
}
.img-bottom,
.img-center-bottom{
    background-position: center bottom;
}
.img-left-bottom{
    background-position: left bottom;
}
.img-left,
.img-left-center{
    background-position: left center;
}
.img-left-top{
    background-position: left top;
}

.img-link,
.img-link img{
    display:inline-block;
    max-width: 100%;
}



/* HEADINGS */

.h1,
.h2,
.h3,
.h4,
.h5,
.h6{
    color: #1c285e;
    line-height: 1.1;
}

.h1{
    font-size: 3.4em;
    line-height: 0.8;
}
.h2{
    font-size: 2.8em;
}
.h1:not([class*="font-"]),
.h2:not([class*="font-"]){
    font-weight: 600;
}
.h3{
    font-size: 2.3em;
}
.h4{
    font-size: 2.3em;
}
.h5{
    font-size: 2.1em;
}
.h6{
    font-size: 2em;
}

.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a{
    color: inherit;
}

.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small{
    font-size: 0.7em;
    opacity: 0.6;
    margin: 0 5px;
}



/* TEXT */

p,
.p{
    font-size: 1.6em;
    line-height: 1.25;
}

.text-center{
    text-align: center;
}
.text-left{
    text-align: left;
}
.text-right{
    text-align: right;
}

.font-light{
    font-weight: 300;
}
.font-regular{
    font-weight: 400;
}
.font-bold{
    font-weight: 600;
}

.font-italic{
    font-style: italic;
}

.uppercase{
    text-transform: uppercase;
}



/* FILL BTN */

.fill-btn{
    display:inline-block;
    vertical-align: top;
    padding:8px 15px 12px;
    font-size: 1.6em;
    font-weight: 400;
    line-height: 1.1;
    color: #fff;
    background-color: #4b9ef9;
    border-radius: 5px;
    margin-right: 14px;
}
.fill-btn:not([class*="margin-t"]){
    margin-top: 10px;
}
.fill-btn:last-child{
    margin-right: 0;
}



/* COLORS */

/* Primary */

.bg-primary{
    background-color: #1c285e;
}
.text-primary{
    color: #1c285e;
}
.bg-primary-light{
    background-color: #4b9ef9;
}
.text-primary-light{
    color: #4b9ef9;
}
.bg-primary-lighter{
    background-color: #edeef2;
}
.text-primary-lighter{
    color: #edeef2;
}
.bg-primary-comp{
    background-color: #f78823;
}
.text-primary-comp{
    color: #f78823;
}

/* Grey */

.bg-grey{
    background-color: #878787;
}
.text-grey{
    color: #878787;
}
.bg-grey-dark{
    background-color: #4a494f;
}
.text-grey-dark{
    color: #4a494f;
}
.bg-grey-lighter{
    background-color: #f3f3f3;
}
.text-grey-lighter{
    color: #f3f3f3;
}

.bg-white{
    background-color: #fff;
}
.text-white{
    color: #fff;
}
.text-white *{
    color: inherit;
}

/* Contextual */

.bg-success{
    background-color: #3aaa35;
}
.text-success{
    color: #3aaa35;
}
.bg-warning{
    background-color: #f3b760;
}
.text-warning{
    color: #f3b760;
}
.bg-error{
    background-color: #d26a5c;
}
.text-error{
    color: #d26a5c;
}



/* WAYPOINT */
/* TODO: Ver donde se usa. */
/* #c-header-waypoint {
    position: absolute;
    height: 10px;
    left: 0;
    right: 0;
} */



/* HEADER */

#header,
#header .fixed{
    display: block;
    width: 100%;
    height: 56px;
}
#header .fixed{
    position: fixed;
    left: 0;
    top: 0;
    z-index: 200;
    background-color: #1c285e;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1);

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#header .fixed > .wrapper,
#header > .wrapper{
    height: 100%;
}
@media (max-width: 979px){
    /*
    #header .fixed > .wrapper,
    #header > .wrapper{
        padding: 0;
    }
    */
}
#header .fixed > .wrapper > .align{
    width: 100%;
}

#header #logo a,
#header #logo a:before{
    display: block;
    width: 100%;
    position: relative;
}
#header #logo{
    width: 92%;
    max-width: 190px;
    position: relative;
    z-index: 1;
}

#header #logo.logo-center{
    display: block;
}
#header #logo.logo-center{
    margin-right: auto;
    margin-left: auto;
}
@media (max-width: 767px){
    #header #logo.logo-center-xs{
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
}
@media (min-width: 768px) and (max-width: 979px){
    #header #logo.logo-center-sm{
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
}
@media (min-width: 980px){
    #header #logo.logo-center-md{
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
}

#header #logo a svg,
#header #logo a img{
    display: block;
    width: 100%;
    height: auto;
}

/* Btns */

#header .btn-position{
    position: absolute;
    top: 50%;
    z-index: 1;

    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
#header .btn-position > .btn,
#header .btn-position > .btn > .btn{
    display: block;
    width: 38px;
    height: 38px;
}

#header .btn-position .btn .icon{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0; 
    top: 0;
    background: no-repeat center/contain;
}

/* Btns positions */

#header[data-left-xs-btns="0"] .fixed > .wrapper{ padding-left: 30px; }
#header[data-left-xs-btns="1"] .fixed > .wrapper{ padding-left: 46px; }
#header[data-left-xs-btns="2"] .fixed > .wrapper{ padding-left: 84px; }

#header[data-right-xs-btns="0"] .fixed > .wrapper{ padding-right: 30px; }
#header[data-right-xs-btns="1"] .fixed > .wrapper{ padding-right: 46px; }
#header[data-right-xs-btns="2"] .fixed > .wrapper{ padding-right: 84px; }

#header .btn-position.left-xs-1{ left: 8px; }
#header .btn-position.left-xs-2{ left: 44px; }

#header .btn-position.right-xs-1{ right: 8px; }
#header .btn-position.right-xs-2{ right: 44px; }

@media (min-width: 360px) {

    #header[data-left-xs-btns="1"] .fixed > .wrapper{ padding-left: 48px; }
    #header[data-left-xs-btns="2"] .fixed > .wrapper{ padding-left: 88px; }

    #header[data-right-xs-btns="1"] .fixed > .wrapper{ padding-right: 48px; }
    #header[data-right-xs-btns="2"] .fixed > .wrapper{ padding-right: 88px; }
    
    #header .btn-position.left-xs-1{ left: 10px; }
    #header .btn-position.left-xs-2{ left: 50px; }

    #header .btn-position.right-xs-1{ right: 10px; }
    #header .btn-position.right-xs-2{ right: 50px; }

}
@media (min-width: 768px) {

    #header[data-left-xs-btns="0"] .fixed > .wrapper{ padding-left: 50px; }
    #header[data-left-xs-btns="1"] .fixed > .wrapper{ padding-left: 70px; }
    #header[data-left-xs-btns="2"] .fixed > .wrapper{ padding-left: 138px; } /* 120 + 18 */

    #header[data-left-sm-btns="0"] .fixed > .wrapper{ padding-left: 50px; }
    #header[data-left-sm-btns="1"] .fixed > .wrapper{ padding-left: 70px; }
    #header[data-left-sm-btns="2"] .fixed > .wrapper{ padding-left: 138px; }

    #header[data-right-xs-btns="0"] .fixed > .wrapper{ padding-right: 50px; }
    #header[data-right-xs-btns="1"] .fixed > .wrapper{ padding-right: 88px; } /* 70 + 18 */
    #header[data-right-xs-btns="2"] .fixed > .wrapper{ padding-right: 138px; } /* 120 + 18 */

    #header[data-right-sm-btns="0"] .fixed > .wrapper{ padding-right: 50px; }
    #header[data-right-sm-btns="1"] .fixed > .wrapper{ padding-right: 88px; }
    #header[data-right-sm-btns="2"] .fixed > .wrapper{ padding-right: 138px; }


    #header .btn-position.left-xs-1{ left: 16px; }
    #header .btn-position.left-xs-2{ left: 68px; }

    #header .btn-position.left-sm-1{ left: 16px; }
    #header .btn-position.left-sm-2{ left: 68px; }
    #header .btn-position[class*="left-xs"][class*="right-sm"]{ left: auto; }

    #header .btn-position.right-xs-1{ right: 18px; }
    #header .btn-position.right-xs-2{ right: 68px; }

    #header .btn-position.right-sm-1{ right: 18px; }
    #header .btn-position.right-sm-2{ right: 68px; }
    #header .btn-position[class*="right-xs"][class*="left-sm"]{ right: auto; }

}
@media (min-width: 980px) {

    #header[data-left-md-btns="0"] .fixed > .wrapper{ padding-left: 50px; }
    #header[data-left-md-btns="1"] .fixed > .wrapper{ padding-left: 70px; }
    #header[data-left-md-btns="2"] .fixed > .wrapper{ padding-left: 138px; }

    #header[data-right-md-btns="0"] .fixed > .wrapper{ padding-right: 50px; }
    #header[data-right-md-btns="1"] .fixed > .wrapper{ padding-right: 88px; } /* 70 + 18 */
    #header[data-right-md-btns="2"] .fixed > .wrapper{ padding-right: 138px; } /* 120 + 18 */

    #header .btn-position[class*="left-xs"][class*="right-md"],
    #header .btn-position[class*="left-sm"][class*="right-md"]{
        left: auto;
    }
    #header .btn-position[class*="right-xs"][class*="left-md"],
    #header .btn-position[class*="right-sm"][class*="left-md"]{
        right: auto;
    }

    #header .btn-position.left-xs-1{ left: 40px; }
    #header .btn-position.left-xs-2{ left: 90px; }

    #header .btn-position.left-sm-1{ left: 40px; }
    #header .btn-position.left-sm-2{ left: 90px; }

    #header .btn-position.left-md-1{ left: 40px; }
    #header .btn-position.left-md-2{ left: 90px; }

    #header .btn-position.right-xs-1{ right: 40px; }
    #header .btn-position.right-xs-2{ right: 90px; }

    #header .btn-position.right-sm-1{ right: 40px; }
    #header .btn-position.right-sm-2{ right: 90px; }

    #header .btn-position.right-md-1{ right: 40px; }
    #header .btn-position.right-md-2{ right: 90px; }

}

/* Ghost */

#header.ghost{
    height: auto;
}
#header.ghost .fixed{
    -webkit-transition: background-color 200ms ease-out;
    -moz-transition: background-color 200ms ease-out;
    -o-transition: background-color 200ms ease-out;
    transition: background-color 200ms ease-out;
}
#header.ghost:not(.has-background) .fixed{
    background-color: transparent;
    box-shadow: none;
}


/* Menu btn */

#header #menu-btn{
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);

    -webkit-transition: -webkit-transform 300ms ease-out;
    -o-transition: -o-transform 300ms ease-out;
    transition: transform 300ms ease-out;
}
#header #menu-btn span{
    display:block;
    width:18px;
    height:2px;
    position:relative;
    margin:0 auto;
    background-color:#fff;

    -webkit-transition: background-color 300ms ease-out;
    -o-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out;
}
#header #menu-btn span:before,
#header #menu-btn span:after{
    content:"";
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:-5px;
    background-color:#fff;

    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);

    -webkit-transition: -webkit-transform 300ms ease-out;
    -o-transition: -o-transform 300ms ease-out;
    transition: transform 300ms ease-out;
}
#header #menu-btn span:after{
    top:5px;
}

#header #menu-btn.open{
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
#header #menu-btn.open span{
    background-color: rgba(255, 255, 255, 0);
}
#header #menu-btn.open span:before,
#header #menu-btn.open span:after{
    top: 0;

    -webkit-transition-delay: 90ms;
    -o-transition-delay: 90ms;
    transition-delay: 90ms;
}
#header #menu-btn.open span:before{
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
#header #menu-btn.open span:after{
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    
    -webkit-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
}

/* Atencion */

#header #client-btn:before{
    content: initial;
    display: none;
}
#header #client-btn .icon{
    background-image:url(../images/icons/client-btn.svg);
    background-size: auto 24px;
}

@media (max-width: 979px){
    #header #client-btn .text{
        position: absolute;
        left: -9999px;
    }
    #header #client-btn{
        box-shadow: inset 0px 0px 0px 1px rgba(247, 136, 35, 0);
        border-radius: 6px;
    }
    #header #client-btn.clicked{
        box-shadow: inset 0px 0px 0px 1px #f78823;
    }
    #header #client-btn{
        padding: 0 !important;
    }

    /* Client Simple menu */
    
    #header .simple-menu #client-btn .icon{
        opacity: 1;

        -webkit-transition: opacity 200ms ease-out;
        -o-transition: opacity 200ms ease-out;
        transition: opacity 200ms ease-out;
    }
    #header .simple-menu #client-btn:before{
        width: 10px;
        height: 10px;
        position: absolute;
        left: 50%;
        top: 50%;
        opacity: 0;
        z-index: -1;
        border-color: #1c285e;
    
        -webkit-transform: rotate(45deg) translate(-4px, -2px);
        -ms-transform: rotate(45deg) translate(-4px, -2px);
        -o-transform: rotate(45deg) translate(-4px, -2px);
        transform: rotate(45deg) translate(-4px, -2px);
    
        -webkit-transition:
            -webkit-transform 200ms ease-out,
            opacity 200ms ease-out;
        -o-transition:
            -o-transform 200ms ease-out,
            opacity 200ms ease-out;
        transition:
            transform 200ms ease-out,
            opacity 200ms ease-out;
    }
    #header .simple-menu.open #client-btn{
        border-radius: 0;
    }
    #header .simple-menu.open #client-btn .icon{
        opacity: 0;
    }
    #header .simple-menu.open #client-btn:before{
        opacity: 1;
    
        -webkit-transform: rotate(225deg) translate(1px, -4px);
        -ms-transform: rotate(225deg) translate(1px, -4px);
        -o-transform: rotate(225deg) translate(1px, -4px);
        transform: rotate(225deg) translate(1px, -4px);
    }
}


/* Search btn */

#header #search-btn .icon{
    background-image:url(../images/icons/search-btn.svg);
    background-size: auto 19px;
}



/* SIMPLE MENU */

.simple-menu{
    position: relative;
}
.simple-menu .submenu{
    display: none;
}
.simple-menu.open > .submenu{
    display: block;
}

/* Content */

/*.simple-menu .submenu .list .item a{*/
.simple-menu a{
    display: inline-block;
    padding-top: 9px;
    padding-bottom: 9px;
    position: relative;
    font-size: 1.6em;
    color: #4a494f;
    line-height: 1;

    -webkit-transition: color 200ms ease-out;
    -o-transition: color 200ms ease-out;
    transition: color 200ms ease-out;
}
.simple-menu .submenu .list .item.active > a{
    color: #1c285e;
    font-weight: 600;
}

.simple-menu > .trigger{
    padding-left: 15px;
    position: relative;
}
.simple-menu > .trigger:before{
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    left: -1px;
    margin-top: -4px;
    border: solid rgba(74, 73, 79, 0.25);
    border-width: 0 2px 2px 0;

    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-transition:
        -webkit-transform 200ms ease-out,
        margin-top 200ms ease-out,
        border-color 200ms ease-out;
    -o-transition:
        -o-transform 200ms ease-out,
        margin-top 200ms ease-out,
        border-color 200ms ease-out;
    transition:
        transform 200ms ease-out,
        margin-top 200ms ease-out,
        border-color 200ms ease-out;
}

/* Second level */

.simple-menu .simple-menu.open > .trigger:before{
    margin-top: -6px;

    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.simple-menu:not(.first-level) .submenu{
    padding: 10px 0 15px 43px;
    margin: 3px -28px;
    background-color: #f5f5f5;
}
.simple-menu:not(.first-level) .simple-menu .submenu{
    padding: 0 0 0 15px;
    margin: 0;
    background-color: transparent;
}
.simple-menu .simple-menu .submenu .list > .item > a{
    font-size: 1.5em;
    padding-top: 7px;
    padding-bottom: 7px;
}

/* First level Submenu */

.simple-menu.first-level > .submenu{
    width: 200px;
    position: absolute;
    left: 0;
    z-index: 10;
}
.simple-menu.first-level[class*="right-"] > .submenu{
    left: auto;
    right: 0;
}
.simple-menu.first-level > .submenu > .list{
    display:block;
    width:100%;
    padding: 15px 28px 24px;
    position:relative;
    z-index:1;
    background:#fff;
    box-shadow: 0px 5px 30px rgba(28, 40, 94, 0.1);

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.simple-menu.first-level.open{
    z-index: 15;
}

/* First level Trigger */

.simple-menu.first-level > .trigger{
    position: relative;
}
.simple-menu.first-level.open > .trigger{
    background-color: #fff;
    color: #1c285e;
    z-index: 11;
}



/* NAVS */

@media (max-width: 979px){

    /* NAV */

    #nav{
        display: none;
        width: 100%;
        height: calc(100vh - 56px);
        position:fixed;
        left: 0;
        top: 56px;
        z-index: 0;
        background-color: #1c285e;

        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #nav .main-title {
        position: relative;
        left: -1px;
        padding: 30px 48px 0;
        margin: 0 -48px;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        color: #fff;
    }

    #nav > .holder{
        width: 100%;
        background-color: #1c285e;
        padding: 0 48px;

        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    #nav .main-title{
        position: relative;
        left: -1px;
        padding: 30px 48px 0;
        margin: 0 -48px;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        color: #fff;
    }

    #nav .menu{
        margin-top: 30px;
        padding: 0 0 30px;
        /*box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.1);*/

        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    #nav .menu > .item{
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        padding: 3px 0;
    }
    #nav .menu > .item:first-child{
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        margin-top: 0;
    }
    #nav .menu > .item > a{
        display: inline-block;
        padding: 10px 0 13px;
        font-size: 1.8em;
        font-weight: 600;
        line-height: 1;
        color: #fff;
        background-color: rgba(255, 255, 255, 0);
    }

    /* Nav transitions */

    #nav{
        opacity: 0;
        overflow: hidden;
    
        -webkit-transition:
            opacity 350ms ease-out;
        -o-transition:
            opacity 350ms ease-out;
        transition:
            opacity 350ms ease-out;
    }
    #nav > .holder{
        -webkit-transform: translate3d(0, -50%, 0);
        -ms-transform: translate3d(0, -50%, 0);
        -o-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0);
    
        -webkit-transition:
            -webkit-transform 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
        -o-transition:
            -o-transform 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
        transition:
            transform 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    }

    #nav.show{
        opacity: 1;
    }
    #nav.show > .holder{
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    /* Simple menu */
    
    #nav .simple-menu .submenu{
        width: 100%;
        padding-left: 15px;
        position: relative;

        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    #nav .simple-menu.first-level > .submenu{
        padding-top: 8px;
        margin-top: 3px;
        margin-bottom: -3px;
    }
    #nav .simple-menu.first-level > .submenu:before{
        content: "";
        display: block;
        position: absolute;
        left: -48px;
        right: -48px;
        bottom: 0;
        top: 0;
        background-color: rgba(255, 255, 255, 0.05);
    }

    #nav .simple-menu .submenu .list{
        padding: 0 0 10px;
        border-bottom: 1px solid rgba(28, 40, 94, 0.1);

        box-shadow: none;
        position: static;
        background-color: transparent;

        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    #nav .simple-menu .submenu .list > .item > a{
        padding-bottom: 11px;
        color: #fff;
    }
    #nav .simple-menu .simple-menu > .trigger:before{
        width: 7px;
        height: 7px;
    }
    #nav .simple-menu .simple-menu .submenu .list > .item > a{
        padding-top: 7px;
        padding-bottom: 9px;
    }

    #nav .simple-menu:not(.first-level) .submenu{
        padding: 0 0 0 15px;
        margin: 0;
        background-color: transparent;
    }

    /* Trigger */
    
    #nav .simple-menu > .trigger{
        padding-left: 15px !important;
        position: relative;
        color: inherit;
    }
    #nav .simple-menu > .trigger:after{
        display: none !important;
    }
    #nav .simple-menu > .trigger:before{
        content: "";
        display: block;
        width: 8px;
        height: 8px;
        position: absolute;
        top: 50%;
        left: -2px;
        margin-top: -4px;
        border: solid #fff;
        border-width: 0 2px 2px 0;
    
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    
        -webkit-transition:
            -webkit-transform 200ms ease-out,
            margin-top 200ms ease-out;
        -o-transition:
            -o-transform 200ms ease-out,
            margin-top 200ms ease-out;
        transition:
            transform 200ms ease-out,
            margin-top 200ms ease-out;
    }
    #nav .simple-menu.open > .trigger:before{
        margin-top: -6px;

        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }



    /* FS MENU */

    .fs-menu{
        display: none;
        width: 100%;
        height: calc(100vh - 56px);
        position:fixed;
        left: 0;
        top: 56px;
        z-index: 0;

        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    #nav .fs-menu{
        top: 0;
    }

    .fs-menu .main-title{
        display: block;
        color: #1c285e !important;
        border: none !important;
    }
    .fs-menu .wrapper{
        padding: 0;
    }

    .fs-menu .back-btn{
        display: block;
        width: 38px;
        height: 38px;
        position: absolute;
        left: 10px;
        top: 23px;
        text-align: center;

        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    .fs-menu .back-btn:before{
        content: "";
        display: inline-block;
        width: 10px;
        height: 10px;
        position: relative;
        left: -1px;
        border: solid #1c285e;
        border-width: 0 2px 2px 0;
        opacity: 0.8;
    
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .fs-menu .holder{
        min-height: 100%;
        padding: 0 48px 50px;
        overflow: hidden;
        background-color: #fff;
    }
    .fs-menu .holder .title{
        color: #4b9ef9;
        margin-top: 30px;
        position: relative;
    }
    .fs-menu .holder .list{
        margin-top: 10px;
        padding: 0 0 25px;
        border-bottom: 1px solid rgba(28, 40, 94, 0.1);

        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .fs-menu .holder .list > .item{
        padding: 0;
    }
    .fs-menu .holder .list > .item:first-child{
        margin-top: 0;
    }
    .fs-menu .holder .list > .item > a{
        display: inline-block;
        padding: 9px 0 11px;
        font-size: 1.6em;
        line-height: 1;
        color: inherit;
    }
    .fs-menu .holder .list > .item > a:after{
        content: "";
        display: inline-block;
        vertical-align: middle;
        width: 7px;
        height: 7px;
        position: relative;
        top: -1px;
        margin-left: 5px;
        border: solid #4a494f;
        border-width: 0 2px 2px 0;
        opacity: 0.8;
    
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .fs-menu .overlay{
        display: none !important;
    }

    /* Transitions */

    .fs-menu .holder{
        opacity: 0;
    
        -webkit-transition:
            opacity 350ms ease-out;
        -o-transition:
            opacity 350ms ease-out;
        transition:
            opacity 350ms ease-out;
    }
    .fs-menu .holder .wrapper{
        -webkit-transform: translate3d(-60%, 0, 0);
        -ms-transform: translate3d(-60%, 0, 0);
        -o-transform: translate3d(-60%, 0, 0);
        transform: translate3d(-60%, 0, 0);
    
        -webkit-transition:
            -webkit-transform 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
        -o-transition:
            -o-transform 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
        transition:
            transform 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    }

    .fs-menu.show .holder{
        opacity: 1;
    }
    .fs-menu.show .holder .wrapper{
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    /* Trigger */

    .fsMenuTrigger:after{
        content: "";
        display: inline-block;
        vertical-align: middle;
        width: 8px;
        height: 8px;
        position: relative;
        top: -3px;
        margin-left: 10px;
        border: solid #fff;
        border-width: 0 2px 2px 0;
    
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }


} /* Not desktop */



/* SIDE NAV */

#side-nav{
    display: none;
    width: 100%;
    height: 100%;
    position:fixed;
    left: 0;
    top: 0;
    z-index: 100;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#side-nav .overlay{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

#side-nav > .holder{
    width: 300px;
    height: 100%;
    position: relative;
    z-index: 1;
    background-color: #1c285e;
    box-shadow: 2px 0 15px 0 rgba(0, 0, 0, 0.4);

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#side-nav .scrollable{
    padding: 0 30px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#side-nav .main-title{
    padding: 30px 30px 0;
    margin: 0 -30px;
    color: #fff;
}

#side-nav .menu{
    margin-top: 30px;
    padding: 0 0 30px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#side-nav .menu > .item{
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 3px 0;
}
#side-nav .menu > .item:first-child{
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin-top: 0;
}
#side-nav .menu > .item > a{
    display: inline-block;
    padding: 10px 0 13px;
    font-size: 1.8em;
    font-weight: 600;
    line-height: 1;
    color: #fff;
    background-color: rgba(255, 255, 255, 0);
}
#side-nav .menu > .item.active > a:before{
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 8px;
    margin-right: 12px;
    position: relative;
    top: -1px;
    background-color: #fff;
    border-radius: 50%;
}

/* Nav transitions */

#side-nav{
    opacity: 0;
    overflow: hidden;

    -webkit-transition:
        opacity 350ms ease-out;
    -o-transition:
        opacity 350ms ease-out;
    transition:
        opacity 350ms ease-out;
}
#side-nav > .holder{
    -webkit-transform: translate3d(-50%, 0, 0);
    -ms-transform: translate3d(-50%, 0, 0);
    -o-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);

    -webkit-transition:
        -webkit-transform 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -o-transition:
        -o-transform 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition:
        transform 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

#side-nav.show{
    opacity: 1;
}
#side-nav.show > .holder{
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

/* Simple menu */

#side-nav .simple-menu .submenu{
    width: 100%;
    padding-left: 15px;
    position: relative;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#side-nav .simple-menu.first-level > .submenu{
    padding-top: 8px;
    margin-top: 3px;
    margin-bottom: -3px;
}
#side-nav .simple-menu.first-level > .submenu:before{
    content: "";
    display: block;
    position: absolute;
    left: -48px;
    right: -48px;
    bottom: 0;
    top: 0;
    background-color: rgba(255, 255, 255, 0.05);
}

#side-nav .simple-menu .submenu .list{
    padding: 0 0 10px;
    border-bottom: 1px solid rgba(28, 40, 94, 0.1);

    box-shadow: none;
    position: static;
    background-color: transparent;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#side-nav .simple-menu .submenu .list > .item > a{
    padding-bottom: 11px;
    color: #fff;
}
#side-nav .simple-menu .simple-menu > .trigger:before{
    width: 7px;
    height: 7px;
}
#side-nav .simple-menu .simple-menu .submenu .list > .item > a{
    padding-top: 7px;
    padding-bottom: 9px;
}

#side-nav .simple-menu:not(.first-level) .submenu{
    padding: 0 0 0 15px;
    margin: 0;
    background-color: transparent;
}

/* Trigger */

#side-nav .simple-menu > .trigger{
    padding-left: 15px !important;
    position: relative;
    color: inherit;
}
#side-nav .simple-menu > .trigger:after{
    display: none !important;
}
#side-nav .simple-menu .trigger:before,
#side-nav .simple-menu .simple-menu .trigger:before{
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    left: -2px;
    margin-top: -4px;
    border: solid #fff;
    border-width: 0 2px 2px 0;

    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-transition:
        -webkit-transform 200ms ease-out,
        margin-top 200ms ease-out;
    -o-transition:
        -o-transform 200ms ease-out,
        margin-top 200ms ease-out;
    transition:
        transform 200ms ease-out,
        margin-top 200ms ease-out;
}
#side-nav .simple-menu.open > .trigger:before{
    margin-top: -6px;

    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* Close btn */

#side-nav .close-btn{
    display: block;
    width: 44px;
    height: 44px;
    position: absolute;
    right: 6px;
    top: 6px;
}
#side-nav .close-btn:before,
#side-nav .close-btn:after{
    content:"";
    display:block;
    width:18px;
    height:2px;
    position:absolute;
    left: 50%;
    top: 50%;
    margin: -1px 0 0 -9px;
    background-color:#fff;

    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
#side-nav .close-btn:after{
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}



/* SEARCH */

#header #search-holder #search-form{
    display: block;
    width: calc(100vw - 20px);
    height: 40px;
    padding-right: 72px;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 2;
    margin-top: -20px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: -6px 5px 16px -2px rgba(0, 0, 0, 0.4);

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#header #search-holder #search-form .label{
    display: block;
    width: 100%;
    height: 100%;
    padding: 5px;
    padding-left: 15px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#header #search-holder #search-form input{
    width: 100%;
    padding-top: 3px;
    font-size: 1.5em;
    font-weight: 400;
    line-height: 1;
    color: #4a494f;
}

#header #search-holder #search-form input::-webkit-input-placeholder{
    font-style: italic;
    color: rgba(135, 135, 135, 0.8);
}
#header #search-holder #search-form input:-moz-placeholder{
    font-style: italic;
    color: rgba(135, 135, 135, 0.8);
}
#header #search-holder #search-form input::-moz-placeholder{
    font-style: italic;
    color: rgba(135, 135, 135, 0.8);
}
#header #search-holder #search-form :-ms-input-placeholder{
    font-style: italic;
    color: rgba(135, 135, 135, 0.8);
}

#header #search-holder #search-form .btn{
    display: block;
    width: 38px;
    height: 38px;
    position: absolute;
    top: 50%;
    margin-top: -19px;
}
#header #search-holder #search-form .submit-btn{
    right: 34px;
}
#header #search-holder #search-form .submit-btn .icon{
    top: -1px;
    left: 3px;
    background-size: auto 19px;
    background-image:url(../images/icons/search-btn-blue.svg);
}

#header #search-holder #search-form .close-btn{
    right: -2px;
}
#header #search-holder #search-form .close-btn span,
#header #search-holder #search-form .close-btn span:before{
    content: "";
    display: block;
    width: 14px;
    height: 2px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -1px 0 0 -7px;
    background-color: #f16464;
    border-radius: 3px;

    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
#header #search-holder #search-form .close-btn span:before{
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

/* Animation */

#header #search-holder #search-form{
    display: none;
    opacity: 0;

    -webkit-transform: translate3d(0, -30px, 0);
    -ms-transform: translate3d(0, -30px, 0);
    -o-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);

    -webkit-transition:
        opacity 300ms ease-out,
        -webkit-transform 300ms ease-out;
    -o-transition:
        opacity 300ms ease-out,
        -o-transform 300ms ease-out;
    transition:
        opacity 300ms ease-out,
        transform 300ms ease-out;
}
#header #search-holder #search-form.show{
    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0) !important;
    -ms-transform: translate3d(0, 0, 0) !important;
    -o-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
}




/* INTRO */

.intro{
    position: relative;
}
.intro:not([class*="bg-"]){
    background-color: #f1f2f6;
}
.intro .picture,
.intro .overlay{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}
.intro .picture:not([class*="img-"]){
    background: no-repeat center/cover;
}
.intro .overlay{
    opacity: 0.7;
    z-index: 1;
}
.intro .overlay:not([class*="bg-"]){
    background-color: #f3f3f3;
}
.intro .holder{
    position: relative;
    z-index: 2;
    padding-top:30px;
    padding-bottom:36px;
}
.intro[class*="bg-"] .holder *{
    color: #fff;
}

.intro.align-middle:before{
    min-height: 220px;
}
.intro.align-middle > .align,
.intro .align-middle > .align{
    width: 100%;
}

/* Opacity */

.intro.intro-opacity:not(.scaled) .overlay:not([class*="bg-"]){
    background-color: #1c285e;
}
.intro.intro-opacity:not(.scaled) .holder *{
    color: #fff;
}

/* Xl */

.intro.intro-xl .holder{
    padding-top:35px;
    padding-bottom:41px;
}
.intro.intro-xxl .holder,
.intro.intro-full-height .holder{
    padding-top:40px;
    padding-bottom:46px;
}

/* Scaled */

@media (max-width: 767px){
    .intro.scaled .picture{
        height: auto;
        position: relative;
        box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.06);
    }
    .intro.scaled .picture:before{
        content: "";
        display: block;
        width: 100%;
        height: 0;
        padding-bottom: 56.25%;
    }
    .intro.scaled .overlay{
        display: none !important;
    }

    .intro.scaled .main-img{
        display: block;
        width: 100%;
    }
}

/* Slider */

.intro .slider.notInit > .notInitHide{
    visibility:hidden;
    position: absolute;
    left: -9999px;
}
.intro .bx-controls-direction a{
    display:block;
    width: 30px;
    height: 30px;
    position: absolute;
    left:5px;
    top: 50%;
    z-index: 99;
    margin-top:-15px;
    border-radius:4px;
    background-color: #1c285e;
    box-shadow: 0px 6px 20px -4px rgba(28, 40, 94, 0.4);

    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}
.intro .bx-controls-direction a:before{
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: 2px;
    border: solid #fff;
    border-width: 2px 0 0 2px;

    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    -o-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.intro .bx-controls-direction .bx-next{
    left:auto;
    right: 5px;
}
.intro .bx-controls-direction .bx-next:before{
    border-width: 0 2px 2px 0;
    margin-left: -1px;
}
/*
.intro.intro-xl .bx-controls-direction a,
.intro.intro-xxl .bx-controls-direction a,
*/
.intro.scaled .bx-controls-direction a{
    top: 28.125vw;
}



/* FEATURES LIST */

.features-list{
    text-align: center;
}
.features-list.section{
    padding-top: 0;
}
.section .features-list{
    margin-top: -40px;
}

.features-list .feature{
    max-width: 400px;
    margin:40px auto 0;
    text-align: center;
}
.features-list .feature .icon,
.features-list .feature .icon img{
    display:inline-block;
}
.features-list .feature .icon + *{
    margin-top:10px;
}
.features-list .feature .text{
    margin-top:10px;
}



/* BLOCK CARD */

.block-card{
    position: relative;
    overflow: hidden;
    background-color: #fff;
    border-radius: 10px;
    box-shadow:
        0px 0px 0px 1px #efefef,
        0px 12px 18px -2px rgba(68, 138, 254, 0.15);
    text-align: center;
}
.block-card .holder{
    padding: 35px 30px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@media (max-width: 360px){
    .block-card .holder{
        padding-right: 25px;
        padding-left: 25px;
    }
}
.block-card .picture{
    margin-top: -35px;
}
.block-card .info{
    padding: 3px 0 18px;
    margin-top: 25px;
}
.block-card .info p{
    margin-top: 10px;
    font-size: 1.5em;
}
.block-card .price-component{
    margin-top: 15px;
}
.block-card .fill-btn{
    margin-top: 20px;
}

.block-card .stripe{
    display: block;
    width: 300px;
    padding: 3px 0 4px;
    position: absolute;
    top: 20px;
    right: 28px;
    z-index: 10;
    font-size: 1.4em;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    text-align: center;
    color: #fff;

    -webkit-transform: translate(50%, 0%) rotate(45deg);
    -ms-transform: translate(50%, 0%) rotate(45deg);
    -o-transform: translate(50%, 0%) rotate(45deg);
    transform: translate(50%, 0%) rotate(45deg);
}
.block-card .stripe:not([class*="bg-"]){
    background-color: #4b9ef9;
}



/* BLOCKS LIST */

.blocks-list.section{
    padding-top: 0;
}
.section .blocks-list{
    margin-top: -40px;
}
.blocks-list .block-card{
    margin-top: 40px;
    min-height: 0px;

    -webkit-transition: min-height 450ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    -o-transition: min-height 450ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    transition: min-height 450ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
}
@media (max-width: 767px){
    .blocks-list:not(.blocks-carousel) .block-card{
        min-height: initial !important;
    }
}



/* BLOCKS CAROUSEL */

.blocks-carousel{
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-bottom: -20px;
}
.blocks-carousel .carousel{
    width: auto;
    margin: 0 -20%;
    margin-top: 40px;
}
.blocks-carousel .carousel.notInit{
    height:0 !important;
    overflow:hidden !important;
    margin-bottom: 385px;
}
.blocks-carousel .carousel .block-card{
    margin-top: 0;
}

.owl-carousel .owl-item{
    padding: 1px;
    padding-bottom: 20px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.wrapper .blocks-carousel{
    width: auto;
    margin-right: -30px;
    margin-left: -30px;
}

/* Owl nav */

.blocks-carousel .owl-nav div{
    display: block;
    width: 38px;
    height: 38px;
    position: absolute;
    left: 10px;
    top: 50%;
    z-index: 10;
    margin-top: -19px;
    background-color: #f78823;
    border-radius: 3px;
    box-shadow: 0px 6px 20px -4px rgba(28, 40, 94, 0.4);
}
.blocks-carousel .owl-nav div:before{
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: 3px;
    border: solid #fff;
    border-width: 2px 0 0 2px;

    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    -o-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.blocks-carousel .owl-nav .owl-next{
    left: auto;
    right: 10px;
}
.blocks-carousel .owl-nav .owl-next:before{
    border-width: 0 2px 2px 0;
    margin-left: -1px;
}

/* Responsive */

@media (max-width: 360px){
    .blocks-carousel .carousel.notInit{
        margin-bottom: 410px;
    }
    .blocks-carousel .block-card .holder{
        padding-right: 20px;
        padding-left: 20px;
    }
    .blocks-carousel .block-card .picture{
        max-width: 60%;
    }
}
@media (min-width: 768px){
    .blocks-carousel .carousel{
        margin-right: -25%;
        margin-left: -25%;
        margin-top: 45px;
    }
    .blocks-carousel .block-card .holder{
        padding-right: 30px;
        padding-left: 30px;
    }

    .blocks-carousel .owl-nav div{
        left: 25px;
    }
    .blocks-carousel .owl-nav .owl-next{
        right: 25px;
    }

    .wrapper .blocks-carousel{
        margin-right: -50px;
        margin-left: -50px;
    }

    .wrapper .blocks-carousel .owl-nav div{
        left: 25px;
    }
    .wrapper .blocks-carousel .owl-nav .owl-next{
        right: 25px;
        left: auto;
    }
}
@media (min-width: 980px){
    .blocks-carousel .carousel{
        margin-right: -5%;
        margin-left: -5%;
    }
    .blocks-carousel .carousel.notInit{
        margin-bottom: 440px;
    }

    .wrapper .blocks-carousel,
    .wrapper .blocks-carousel .carousel{
        margin-left: 0;
        margin-right: 0;
    }
    .wrapper .blocks-carousel{
        overflow: visible;
    }

    .wrapper .blocks-carousel .owl-nav div{
        left: -30px;
    }
    .wrapper .blocks-carousel .owl-nav .owl-next{
        right: -30px;
    }
}
@media (min-width: 980px) and (max-width: 1299px){
    .blocks-carousel .block-card .holder{
        padding-right: 20px;
        padding-left: 20px;
    }
}
@media (min-width: 1200px){
    .blocks-carousel .owl-nav div{
        left: 35px;
    }
    .blocks-carousel .owl-nav .owl-next{
        right: 35px;
    }
}
@media (min-width: 1200px) and (min-height: 800px){
    .blocks-carousel .carousel{
        margin-top: 55px;
    }
}
@media (min-width: 1300px){
    .blocks-carousel .carousel{
        margin-right: 0;
        margin-left: 0;
    }
    .blocks-carousel .carousel.notInit{
        margin-bottom: 430px;
    }

    .wrapper .blocks-carousel .owl-nav div{
        left: -60px;
    }
    .wrapper .blocks-carousel .owl-nav .owl-next{
        right: -60px;
    }
}
@media (min-width: 1400px){
    .blocks-carousel .carousel{
        margin-right: -20%;
        margin-left: 0;
    }
    .blocks-carousel .carousel.notInit{
        margin-bottom: 460px;
    }

    .wrapper .blocks-carousel .owl-nav div{
        left: -90px;
    }
    .wrapper .blocks-carousel .owl-nav .owl-next{
        right: -90px;
    }
}
@media (min-width: 1600px){
    .blocks-carousel .carousel{
        margin-right: -25%;
        margin-left: -2%;
    }
    .blocks-carousel .carousel.notInit{
        margin-bottom: 440px;
    }
}
@media (min-width: 1740px){
    .blocks-carousel .carousel{
        margin-right: -20%;
        margin-left: 0;
    }
}
@media (min-width: 1921px){
    .blocks-carousel .carousel{
        margin-right: -20%;
        margin-left: -4%;
    }
}



/* PRICE COMPONENT */

.price-component .price{
    display: inline-block;
    position: relative;
    font-size: 2.8em;
    line-height: 1;
    color: #1c285e;
}
.price-component .price.xl{
    font-size: 3.2em;
}
.price-component .price.xxl{
    font-size: 3.4em;
}
.price-component .price .sign{
    vertical-align: middle;
    font-size: 0.6em;
    opacity: 0.5;
    position: relative;
    top: 1px;
    left: 3px;
}
.price-component .price .number{
    vertical-align: middle;
    font-weight: 300;
}
.price-component .price .caption{
    display: block;
    text-align: right;
    font-size: 0.34em;
    line-height: 1;
    opacity: 0.5;
    font-style: italic;
}
.price-component .price .caption.text-center{
    text-align: center;
}
.price-component .price .caption.text-left{
    text-align: left;
}
.price-component .price .caption.inline{
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: 0.2em;
    margin-left: -0.3em;
}
.price-component .price .caption.left{
    text-align: left;
}



/* IMG LIST */

.img-list .img-item{
    max-width: 400px;
    margin: 0 auto;
}
@media (max-width: 767px){
    .img-list .img-item{
        margin-top: 50px;
    }
    .img-list .row > [class*="col-"]:first-child .img-item{
        margin-top: 10px;
    }
}
.img-list .img-item .img-link,
.img-list .img-item .img-link img{
    display: block;
    width: 100%;
}
.img-list .img-item .title{
    margin-top: 30px;
}
.img-list .img-item .text{
    margin-top: 10px;
}
.img-list.decoration .img-item:after{
    content: "";
    display: block;
    width: 55px;
    height: 3px;
    background-color: #4b9ef9;
    margin-top: 25px;
}

.img-list .img-item .video{
    position: relative;
}
.img-list .img-item .video img{
    border-radius: 5px;
    box-shadow:
        0px 0px 0px 1px #efefef,
        0px 12px 18px -2px rgba(68, 138, 254, 0.15);
}
.img-list .img-item .video:after{
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    background: #f78823 no-repeat center/contain;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI4NHB4IiBoZWlnaHQ9Ijg0cHgiIHZpZXdCb3g9IjAgMCA4NCA4NCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgODQgODQiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik01OCwzOS43OTRMMzQuMjI2LDI2LjAwNmMtMS44MzYtMS4wNjUtNC4xMzEsMC4yNjYtNC4xMzEsMi4zOTZ2MjcuNTc2YzAsMi4xMywyLjI5NSwzLjQ2MSw0LjEzMSwyLjM5Nkw1OCw0NC41ODVDNTkuODM2LDQzLjUyLDU5LjgzNiw0MC44NTksNTgsMzkuNzk0eiIvPjwvZz48L3N2Zz4=);

    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}



/* FOOTER */

#footer{
    padding:45px 0;
    margin-top:20px;
    background:#4a494f;
    text-align: center;
}
#footer .top{
    border-bottom:1px solid rgba(255,255,255,0.2);
    padding-bottom:30px;
}
#footer .top .logo{
    display:block;
    width:75%;
    max-width: 270px;
    margin:0 auto;
}
#footer .top .logo:before{
    content:"";
    display:block;
    width:100%;
    height:0;
    padding-bottom:7.971%;
    background:no-repeat center;
    background-image:url(../images/logo-tipo.svg);
    background-size:contain;
}
#footer .top .datos,
#footer .top #footer-nav{
    margin-top:30px;
}
#footer .top ul li{
    font-size:1.6em;
    color:#fff;
}
#footer .top ul li a{
    color:#fff;
}
#footer .top .menu li{
    margin-top:5px;
}
#footer p{
    font-size:1.6em;
    margin-top:30px;
    color:#b1b1b1;
}
#footer p + p{
    margin-top:13px;
}



/* BREADCRUMB */

.breadcrumb{
    background-color: #f3f3f3;
    height: 42px;
    position: relative;
}
.breadcrumb.no-color{
    background-color: transparent;
}
.breadcrumb .align{
    width: 100%;
}
.breadcrumb .wrapper{
    padding-right: 46px;
    position: relative;
}
.breadcrumb .list .item,
.breadcrumb .list .item:before,
.breadcrumb .list .item a{
    display: inline-block;
    vertical-align: top;
}
.breadcrumb .list .item{
    font-size: 1.4em;
    color: #878787;
    margin-left: 5px;
}
.breadcrumb .list .item:before{
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 7px;
    height: 7px;
    position: relative;
    top: -1px;
    margin-right: 12px;
    border: solid rgba(135, 135, 135, 0.9);
    border-width: 0 1px 1px 0;

    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}
.breadcrumb .list .item:first-child{
    margin-left: 0;
}
.breadcrumb .list .item:first-child:before{
    display: none;
}
.breadcrumb .list .item,
.breadcrumb .list .item a{
    padding: 2px 0 4px;
}
.breadcrumb .list .item a{
    font-size: 1em;
    color: inherit;
    margin: -2px 0 -4px;
    border-bottom: 1px dotted rgba(135, 135, 135, 0.5);
}
.breadcrumb .list .item.active{
    font-weight: 600;
}
@media (max-width: 767px){
    .breadcrumb .list .item:not(.active),
    .breadcrumb .list .item:before{
        display: none;
    }
    .breadcrumb .list .item{
        margin-left: 0;
    }
}
.breadcrumb .share-btn{
    position: absolute;
    right: 8px;
    top: 50%;
    margin: -19px 0 0;
}


/* SHARE-BTN */

.share-btn{
    display: block !important;
    width: 38px;
    height: 38px;
    position: relative;
    z-index: 99;
    margin: 0 auto;
    background: no-repeat center/contain;
    background-image: url(../images/icons/share-btn.svg);
}
share-button.share-btn .sb-social.sb-center,
share-button.share-btn .sb-social.sb-left {
    left: 0%;
}



/* PLAN CTA */

.plan-cta{
    display:block;
    border-radius: 10px;
    padding: 25px;
    color: #fff;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.plan-cta:not([class*="bg-"]){
    background-color: #4b9ef9;
}
.plan-cta .icon-holder{
    display: none;
}
.plan-cta .text *{
    color: inherit;
    line-height: 1.1;
}
.plan-cta .disclaimer{
    margin-top: 16px;
    padding-top: 15px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    font-size: 1.4em;
}
.plan-cta .disclaimer *{
    font-size: 1em;
    line-height: 1.2;
}
.plan-cta .disclaimer li + li{
    margin-top: 6px;
}



/* TABS */

.tabs{
    border-radius: 5px;
    box-shadow:
        inset 0px 0px 0px 1px #edeef2,
        0px 4px 10px rgba(74, 73, 79, 0.08);
}
.tabs .tab{
    display: block;
    padding: 8px 10px 11px;
    color: inherit;
    font-size: 1.6em;
    line-height: 1.3;
    text-align: center;

    -webkit-transition:
        background-color 200ms ease-out,
        color 200ms ease-out;
    -o-transition:
        background-color 200ms ease-out,
        color 200ms ease-out;
    transition:
        background-color 200ms ease-out,
        color 200ms ease-out;
}
.tabs .tab:first-child{
    border-radius: 5px 5px 0 0;
}
.tabs .tab:last-child{
    border-radius: 5px 5px 0 0;
}
.tabs .tab + .tab{
    border-top: 1px solid #edeef2;
}
.tabs .tab.active{
    font-weight: 600;
    color: #fff;
    background-color: #4b9ef9;
    padding: 7px 10px 11px;
}

/* Tab content */

.tab-content{
    display: none;
    opacity: 0;

    -webkit-transform: translate3d(0, -30px, 0);
    -ms-transform: translate3d(0, -30px, 0);
    -o-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);

    -webkit-transition:
        opacity 300ms ease-out,
        -webkit-transform 300ms ease-out;
    -o-transition:
        opacity 300ms ease-out,
        -o-transform 300ms ease-out;
    transition:
        opacity 300ms ease-out,
        transform 300ms ease-out;
}
.tab-content.active{
    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}



/* TABLE */

.table{
    width: 100%;
}
[class*="table-"]{
    /* IE Bug fix */
    background-color: #fff;
    border-radius: 5px;
    box-shadow:
        0px 0px 0px 1px #efefef,
        0px 12px 18px -2px rgba(68, 138, 254, 0.15);
}
.table thead{
    border-bottom: 1px solid #efefef;
}
.table thead th{
    font-size: 1.6em;
    color: #1c285e;
}
.table th:not([class*="text-"]){
    text-align: left;
}
.table tr > *{
    padding: 10px 10px 13px;
    line-height: 1.3;
}
.table tr > *:first-child{
    padding-left: 20px;
}
.table thead tr > *:last-child,
.table tbody tr > *:last-child{
    padding-right: 20px;
}
.table thead tr > *.text-right,
.table tbody tr > *.text-right{
    padding-right: 18px;
}
.table tbody tr{
    border-top: 1px solid #efefef;
}
.table tbody tr:first-child{
    border-top: none;
}
.table tbody tr > *{
    vertical-align: middle;
}

.table tbody .main{
    font-size: 1.8em;
    font-weight: 600;
    line-height: 1.1;
    color: #1c285e;
}
.table tbody a.main{
    position: relative;
    top: -2px;
    padding: 4px 0;
    border-bottom: 1px solid #1c285e;
}
.table tbody .text{
    font-size: 1.4em;
}
.table tbody .text .caption{
    display: block;
    font-size: 0.8em;
    font-style: italic;
    color: #878787;
}
.table tbody .price-component{
    position: relative;
    top: -2px;
}
.table tbody .fill-btn{
    margin-top: 0;
}


/* Table List */

@media (max-width: 767px){
    .table-list .table,
    .table-list .table tbody,
    .table-list .table tbody tr,
    .table-list .table tbody tr > *{
        display: block;
        text-align: left;
    }
    .table-list .table thead{
        display: none !important;
    }
    .table-list .table tr{
        position: relative;
        padding: 17px 20px 20px;
        padding-right: 100px;
        border: none;
    }
    .table-list .table tr + tr{
        border-top: 1px solid #edeef2;
    }
    .table-list .table tr > *{
        padding: 0 !important;
    }
    .table-list .table tr > * + *{
        margin-top: 5px;
    }
    
    .table-list .table tbody a.main{
        border: none;
    }
    .table-list .table tbody .text,
    .table-list .table tr > *[data-th]:before{
        font-size: 1.5em;
    }
    .table-list .table tbody .price-component:not(.mobile-inline){
        position: absolute;
        right: 20px;
        top: 50%;

        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        
        /* Fix 18/06/18 */
        text-align: right;
        top: 20px;
    
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }
    .table-list .table tbody .price-component:not(.mobile-inline) .price{
        top: -4px;
    }

    .table-list .table tbody .price-component.mobile-inline{
        left: -4px;
    }

    .table-list .table tbody .fill-btn{
        margin-top: 10px;
    }

    .table-list .table tr > *[data-th]:before{
        content: attr(data-th)": ";
    }
}
@media (max-width: 360px){
    .table-list .table tr{
        padding-right: 90px;
    }
    .table tbody .main{
        font-size: 1.7em;
    }
    .table-list .table tbody .text,
    .table-list .table tr > *[data-th]:before{
        font-size: 1.4em;
    }
    .table-list .table tbody .price-component .price{
        font-size: 2.5em;
    }
    .table-list .table tbody .fill-btn{
        display: block;
        width: auto;
        margin-left: 0;
        margin-right: -70px;
        text-align: center;
    }
}

/* Table Responsive */

@media (max-width: 767px){
    .table-responsive{
        width: 100%;
        overflow: hidden;
        overflow-x: auto;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        -webkit-overflow-scrolling: touch;
        background-color: #fff;
        border-radius: 5px;
        padding-bottom:5px;
        box-shadow:
            0px 0px 0px 1px #efefef,
            0px 12px 18px -2px rgba(68, 138, 254, 0.15);
    }
    .table-responsive > .table{
        width: 100%;
        max-width: 100%;

        background-color: transparent;
        border-radius: 0;
        box-shadow: none;
    }
    .table-responsive > .table tr > *{
        padding: 10px 25px 13px;
    }
    .table-responsive > .table tr > *:first-child{
        padding-left: 20px;
    }
    .table-responsive > .table tr > *:last-child{
        padding-right: 20px;
    }
    .table-responsive > .table > tbody > tr > td,
    .table-responsive > .table > tbody > tr > th,
    .table-responsive > .table > tfoot > tr > td,
    .table-responsive > .table > tfoot > tr > th,
    .table-responsive > .table > thead > tr > td,
    .table-responsive > .table > thead > tr > th{
        white-space: nowrap;
    }
}



/* PRODUCT DETAIL */

.product-detail .tag{
    display: inline-block;
    vertical-align: middle;
    padding: 3px 10px 5px;
    font-size: 1.2em;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    background-color: #f78823;
    border-radius: 6px;
    margin-top: 8px;
}
.product-detail .text{
    margin-top: 8px;
    font-size: 1.7em;
    color: #878787;
}
.product-detail .price-holder{
    margin-top: 18px;
}
.product-detail .price-holder .price-component{
    margin-right: 20px;
}
.product-detail .price-holder .price-component .price{
    top: -5px;
}
.product-detail .price-holder .price-component,
.product-detail .price-holder .disclaimer{
    display: inline-block;
    vertical-align: middle;
}
.product-detail .price-holder .disclaimer{
    width: 50%;
    font-size: 1.7em;
    font-style: italic;
    color: rgba(28, 40, 94, 0.3);
}
.product-detail .btns{
    margin-top: 10px;
}

/* Background */

.product-detail[class*="bg-"] .text{
    color: #fff;
}
.product-detail[class*="bg-"] .price-holder .price-component .price{
    color: #fff;
}
.product-detail[class*="bg-"] .price-holder .disclaimer{
    color: rgba(255, 255, 255, 0.6);
}



/* CARD LIST */

.card-list{
    background-color: #fff;
    color: #1c285e;
    border-radius: 5px;
    box-shadow:
        0px 0px 0px 1px #efefef,
        0px 12px 18px -2px rgba(68, 138, 254, 0.15);
}
.card-list .item{
    padding: 10px 15px 13px;
    position: relative;
}
.card-list .item:not(:first-child){
    border-top: 1px solid #efefef;
}

.card-list.checked .item{
    padding-right: 35px;
}
.card-list.checked .item:after{
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    right: 12px;
    top: 50%;
    background: no-repeat center/contain;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIGZpbGw9IiM3OUNFNjEiIHBvaW50cz0iMTAuMjc5LDIwLjQ4NSAyLjA0OCwxMi41ODcgNC40NTYsMTAuNTg1IDkuOTc4LDE1LjIyNyAxOS41NiwyLjU3OCAyMi4xOCw0LjI5MiAiLz48L3N2Zz4=);
    
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}



/* CONTENT */

.content > *:first-child{
    margin-top: 0;
}

.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6{
    line-height: 1.1;
    margin-top: 40px;
}
.content h1:not([class*="text-"]),
.content h2:not([class*="text-"]),
.content h3:not([class*="text-"]),
.content h4:not([class*="text-"]),
.content h5:not([class*="text-"]),
.content h6:not([class*="text-"]){
    color: #1c285e;
}

.content h1:not([class*="font-"]),
.content h2:not([class*="font-"]){
    font-weight: 600;
}

.content h1{
    font-size: 3.4em;
    line-height: 0.8;
}
.content h2{
    font-size: 2.8em;
}
.content h1:not([class*="font-"]),
.content h2:not([class*="font-"]){
    font-weight: 600;
}
.content h3{
    font-size: 2.3em;
}
.content h4{
    font-size: 2.3em;
}
.content h5{
    font-size: 2.1em;
}
.content h6{
    font-size: 2em;
}

.content h1 a,
.content h2 a,
.content h3 a,
.content h4 a,
.content h5 a,
.content h6 a{
    color: inherit;
}

.content h1 small,
.content h2 small,
.content h3 small,
.content h4 small,
.content h5 small,
.content h6 small{
    font-size: 0.7em;
    opacity: 0.6;
    margin: 0 5px;
}

.content p,
.content ul li,
.content ol li{
    font-size: 1.6em;
    line-height: 1.4;
    margin-top: 22px;
}
.content blockquote{
    display: block;
    padding: 0 15px 0 35px;
    margin: 30px 0;
    position: relative;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.content blockquote:before{
    content: "";
    display: block;
    width: 4px;
    position: absolute;
    left: 2px;
    top: 6px;
    bottom: 4px;
    background-color: #4b9ef9;
}
.content blockquote p{
    font-size: 2.2em;
    line-height: 1.2;
    font-style: italic;
    opacity: 0.5;
    margin: 0;
}
.content p a{
    color: #4b9ef9;
    text-decoration: underline;
}
.content img,
.content iframe{
    display: block;
    max-width: 100%;
    margin-top: 28px;
}

.content .iframe-responsive{
    position: relative;
    margin-top: 28px;
}
.content .iframe-responsive:after{
    content: "";
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.content .iframe-responsive iframe{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 0;
}

.content ul,
.content ol{
    padding-top: 15px;
    counter-reset: section;
}
.content ul li,
.content ol li{
    margin-top: 10px;
    padding-left: 24px;
    position: relative;
}
.content ul li:before{
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    position: absolute;
    left: 0px;
    top: 8px;
    border-radius: 50%;
    background-color: #4b9ef9;
}
.content ol li:before{
    counter-increment: section;
    content: counter(section) ".";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    color: #4b9ef9;
    font-size: 1em;
    text-transform: uppercase;
    font-weight: 700;
}



/* ANCHOR NAV */

.anchor-nav,
.anchor-nav .fixed{
    display: block;
    width: 100%;
    height: 46px;
}
.anchor-nav .fixed{
    position: fixed;
    left: 0;
    z-index: 190;
    background-color: #4b9ef9;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2);

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.anchor-nav .scrollable{
    white-space: nowrap;
}
.anchor-nav .align{
    min-width: 100%;
}

.anchor-nav .list{
    padding-left: 24px;
}
.anchor-nav .list:before{
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 18px;
    top: 50%;
    margin-top: -9px;
    background: no-repeat center/14px;
    background-image: url(../images/icons/anchor-icon.svg);
}
.anchor-nav .list .item,
.anchor-nav .list .item a{
    display: inline-block;
    vertical-align: top;
}
.anchor-nav .list .item + .item{
    margin-left: 20px;
}
.anchor-nav .list li a{
    color: #fff;
    font-size: 1.6em;
    font-weight: 400;
    padding: 2px 0 5px;
}



/* SECONDARY NAV */

.secondary-nav,
.secondary-nav .fixed{
    display: block;
    width: 100%;
    height: 46px;
}
.secondary-nav .fixed{
    position: fixed;
    left: 0;
    z-index: 190;
    background-color: #4b9ef9;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2);

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.secondary-nav .scrollable{
    white-space: nowrap;
}
.secondary-nav .align{
    min-width: 100%;
}

.secondary-nav .list .item,
.secondary-nav .list .item a{
    display: inline-block;
    vertical-align: top;
}
.secondary-nav .list .item + .item{
    margin-left: 20px;
}
.secondary-nav .list li a{
    color: #fff;
    font-size: 1.6em;
    font-weight: 400;
    padding: 2px 0 5px;
}



/* PRODUCT GALLERY */

.product-gallery{
    position: relative;
}
.product-gallery .slider .slide .picture:before{
    content: "";
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 75%;
}

.product-gallery .slider.notInit > .notInitHide{
    visibility:hidden;
    position: absolute;
    left: -9999px;
}

.product-gallery .thumbs{
    margin: 4px -6px 0;
    text-align: center;
}
.product-gallery .thumbs .thumb{
    display:inline-block;
    width: 25%;
    max-width: 72px;
    padding: 6px 6px 0;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.product-gallery .thumbs .thumb a{
    display: block;
    width: 100%;
    box-shadow: inset 0px 0px 0px 1px rgba(28, 40, 94, 0.06);
}
.product-gallery .thumbs .thumb a.active{
    box-shadow: inset 0px 0px 0px 1px #1c285e;
}
.product-gallery .thumbs .thumb a:before{
    content: "";
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
}



/* IMAGE CTA */

.image-cta{
    position: relative;
    background: no-repeat center/cover;
}
.image-cta:after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    background-color: rgba(28, 40, 94, 0.3);
}
.image-cta .align{
    width: 100%;
    position: relative;
    z-index: 1;
}
.image-cta .holder:after{
    content: "";
    display: inline-block;
    width: 55px;
    height: 3px;
    background-color: #4b9ef9;
    margin-top: 25px;
}



/* POPUP */

.popup,
.popup .overlay{
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 250;
    padding: 20px;
    text-align: center;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.popup{
    opacity: 0;

    -webkit-transition: opacity 300ms ease-out 300ms;
    -o-transition: opacity 300ms ease-out 300ms;
    transition: opacity 300ms ease-out 300ms;
}
.popup .overlay{
    display: block;
    z-index: 0;
    padding: 0;
    background-color: rgba(33, 33, 33, 0.5);
}
.popup > .holder{
    width: 100%;
    max-width: 700px;
    max-width: 890px;
    position: relative;
    z-index: 1;
    padding: 30px;
    text-align: left;
    background-color: #fff;
    border-radius: 5px;
    opacity: 0;
    box-shadow:
        0px 12px 18px -2px rgba(0, 0, 0, 0.15);

    -webkit-transform: translate3d(0, -100px, 0);
    -ms-transform: translate3d(0, -100px, 0);
    -o-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0);

    -webkit-transition:
        -webkit-transform 350ms ease-out,
        opacity 350ms ease-out;
    -o-transition:
        -o-transform 350ms ease-out,
        opacity 350ms ease-out;
    transition:
        transform 350ms ease-out,
        opacity 350ms ease-out;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.popup.show{
    opacity: 1;

    -webkit-transition-delay: 0ms;
    -o-transition-delay: 0ms;
    transition-delay: 0ms;
}
.popup.show > .holder{
    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);

    -webkit-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms;
}

.popup > .holder .close-btn{
    display: block;
    width: 36px;
    height: 36px;
    position: absolute;
    right: 5px;
    top: 5px;
}
.popup > .holder .close-btn span,
.popup > .holder .close-btn span:before{
    content: "";
    display: block;
    width: 18px;
    height: 2px;
    background-color: #1c285e;

    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.popup > .holder .close-btn span{
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -1px 0 0 -9px;

}
.popup > .holder .close-btn span:before{
    display: block;

    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}



/* STYLED FORM */

.styled-form .input-holder{
    margin-top: 18px;
}
.styled-form .input-holder .label{
    display: block;
    font-size: 1.6em;
    color: #878787;
}
.styled-form .input-holder .input,
.styled-form .input-holder .select select{
    display: block;
    width: 100%;
    padding: 6px 15px 7px;
    margin-top: 9px;
    font-size: 1em;
    font-weight: 400;
    color: #4a494f;
    background-color: #fff;
    box-shadow: 0px 0px 0px 1px #dcdcdc;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-transition: box-shadow 200ms ease-out;
    -o-transition: box-shadow 200ms ease-out;
    transition: box-shadow 200ms ease-out;
}
.styled-form .input-holder .input:focus,
.styled-form .input-holder .select select:focus{
    box-shadow: 0px 0px 0px 1px rgba(75, 158, 249, 0.5);
}
.styled-form .input-holder .inputerror,
.styled-form .inputerror_msg,
.styled-form .select select.error_msg,
.styled-form .input-holder .select select.error{
    box-shadow: 0px 0px 0px 1px rgba(241, 100, 100, 0.3);
}
.styled-form .input-holder .inputerror,
.styled-form .input.error_msg,
.styled-form .select select.error_msg,
.styled-form .input-holder .select select.error{
    box-shadow: 0px 0px 0px 1px rgba(241, 100, 100, 0.65) !important;
}

.styled-form .input-holder .input::-webkit-input-placeholder{
    font-style: italic;
    font-weight: 300;
    color: rgba(135, 135, 135, 0.7);
}
.styled-form .input-holder .input:-moz-placeholder{
    font-style: italic;
    font-weight: 300;
    color: rgba(135, 135, 135, 0.7);
}
.styled-form .input-holder .input::-moz-placeholder{
    font-style: italic;
    font-weight: 300;
    color: rgba(135, 135, 135, 0.7);
}
.styled-form .input-holder :-ms-input-placeholder{
    font-style: italic;
    font-weight: 300;
    color: rgba(135, 135, 135, 0.7);
}

.styled-form .input-holder label.error,
.styled-form label.error_msg{
    display: block;
    margin-top: 8px;
    font-size: 1.4em;
    line-height: 1;
    color: #f16464;
    font-weight: 400;
}


/* Checkbox / Radio */

.styled-form .input-holder .checkbox,
.styled-form .input-holder .radio{
    display: inline-block;
    vertical-align: top;
    margin: 10px 20px 0 0;
    cursor: pointer;
}
.styled-form .input-holder .checkbox input,
.styled-form .input-holder .radio input{
    position: absolute;
    left: -9999px;
}
.styled-form .input-holder .checkbox .check,
.styled-form .input-holder .radio .check{
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    position: relative;
    margin-right: 6px;
    box-shadow: inset 0px 0px 0px 1px #dcdcdc;

    -webkit-transition: box-shadow 200ms ease-out;
    -o-transition: box-shadow 200ms ease-out;
    transition: box-shadow 200ms ease-out;
}
.styled-form .input-holder .checkbox input:focus ~ .check{
    box-shadow: inset 0px 0px 0px 1px rgba(75, 158, 249, 0.5);
}
.styled-form .input-holder .checkbox .check:before{
    content: "";
    display: block;
    width: 6px;
    height: 10px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -9px 0 0 -5px;
    border: solid #4b9ef9;
    border-width: 0 3px 3px 0;
    opacity: 0;

    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);

    -webkit-transition: opacity 80ms ease-out;
    -o-transition: opacity 80ms ease-out;
    transition: opacity 80ms ease-out;
}
.styled-form .input-holder .checkbox input:checked ~ .check:before,
.styled-form .input-holder .radio input:checked ~ .check:before{
    opacity: 1;
}
.styled-form .input-holder .checkbox .text,
.styled-form .input-holder .radio .text{
    display: inline-block;
    vertical-align: middle;
    font-size: 1.6em;
    color: #4a494f;
}

.styled-form .input-holder .radio .check{
    border-radius: 50%;
    box-shadow: 0px 0px 0px 1px #dcdcdc;
}
.styled-form .input-holder .radio input:focus ~ .check{
    box-shadow: 0px 0px 0px 1px rgba(75, 158, 249, 0.5);
}
.styled-form .input-holder .radio .check:before{
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    right: 3px;
    bottom: 3px;
    left: 3px;
    opacity: 0;
    border-radius: 50%;
    background-color: #4b9ef9;

    -webkit-transition: opacity 80ms ease-out;
    -o-transition: opacity 80ms ease-out;
    transition: opacity 80ms ease-out;
}

/* Select */

.styled-form .input-holder .select{
    display: block;
    width: 100%;
    position: relative;
    margin-top: 9px;
    background-color: #fff;
}
.styled-form .input-holder .select:before{
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    position: absolute;
    right: 14px;
    top: 50%;
    margin-top: -5px;
    border: solid #b1b1b1;
    border-width: 0 2px 2px 0;

    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.styled-form .input-holder .select select{
    padding-right: 20px;
    margin-top: 0;
    position: relative;
    z-index: 1;
    background-color: transparent;
}
.styled-form .input-holder .select select.placeholder{
    font-style: italic;
    font-weight: 300;
    color: rgba(135, 135, 135, 0.7);
}

/* Submit */

.styled-form .submit-holder{
    margin-top: 40px;
}
.styled-form .submit{
    min-width: 100px;
    font-weight: 700;
}

.styled-form .loader,
.styled-form .response{
    display: none;
    position: relative;
    padding: 10px 0;
    padding-left: 30px;
    font-size: 1.6em;
    font-weight: 400;
    color: #4b9ef9;
}
.styled-form .loader:before{
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: -1px;
    top: 50%;
    margin-top: -10px;
    border: 3px solid rgba(75, 158, 249, 0.3);
    border-top-color: #4b9ef9;
    border-radius: 50%;

    -webkit-animation: loading 700ms linear infinite;
    -o-animation: loading 700ms linear infinite;
    animation: loading 700ms linear infinite;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*
.styled-form.loading .submit{
    display: none;
}
.styled-form.loading .loader{
    display: block;
}
*/

.styled-form .response{
    color: #3aaa35;
}
.styled-form .response:before{
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
    background: no-repeat center/contain;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiMzQUFBMzUiIHBvaW50cz0iOC4xMTEsMTguMDY4IDAsOS44NiAyLjc5NSw3LjAzMiA3Ljk4MiwxMi4yODEgMTcuMDgzLDIuMjA1IDIwLDQuOTAzICIvPg0KPC9zdmc+DQo=');
}
.styled-form .response[data-success="false"]{
    color: #f16464;
}
.styled-form .response[data-success="false"]:before{
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiNGMTY0NjQiIHBvaW50cz0iMTguNjQyLDQuOTEzIDE1LjcwOCwyLjE5NCAxMC44NjQsNy40MjIgNi4wMjEsMi4xOTQgMy4wODYsNC45MTMgOC4xMzgsMTAuMzY0IDMuMDg2LDE1LjgxNSANCgk2LjAyMSwxOC41MzQgMTAuODY0LDEzLjMwNyAxNS43MDgsMTguNTM0IDE4LjY0MiwxNS44MTUgMTMuNTkxLDEwLjM2NCAiLz4NCjwvc3ZnPg0K');
}



/* ACCORDION */

.accordion-btn{
    cursor: pointer;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.accordion-btn:after{
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0.38em;
    height: 0.38em;
    min-width: 9px;
    min-height: 9px;
    position: relative;
    top: -2px;
    margin-left: 0.38em;
    border: solid #1c285e;
    border-width: 0 3px 3px 0;

    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);

    -webkit-transition:
        -webkit-transform 200ms ease-out,
        top 200ms ease-out;
    -o-transition:
        -o-transform 200ms ease-out,
        top 200ms ease-out;
    transition:
        transform 200ms ease-out,
        top 200ms ease-out;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.accordion-btn.active:after{
    top: 1px;

    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

/* Accordion content */

.accordion-btn:not(.active) + .accordion-content{
    display: none !important;
}

.accordion-btn.text-primary-light:after{
    border-color: #4b9ef9;
}
.accordion-btn.text-primary:after{
    border-color: #1c285e;
}
.accordion-btn.text-primary-lighter:after{
    border-color: #edeef2;
}
.accordion-btn.text-primary-comp:after{
    border-color: #f78823;
}
.accordion-btn.text-grey:after{
    border-color: #878787;
}
.accordion-btn.text-grey-dark:after{
    border-color: #4a494f;
}
.accordion-btn.text-grey-lighter:after{
    border-color: #f3f3f3;
}
.accordion-btn.text-white:after{
    border-color: #fff;
}



/* SLIDER LOGOS */

.wrapper .slider-logos{
    margin-right: -30px;
    margin-left: -30px;
}

.slider-logos .item{
    text-align: center;
    position: relative;
}
.slider-logos .item a{
    display: inline-block;
    max-width: 100%;
}

/* Greyscale */

.slider-logos.greyscale .item a img{
    -webkit-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);

    -webkit-transition: filter 200ms ease-out;
    -o-transition: filter 200ms ease-out;
    transition: filter 200ms ease-out;
}
.slider-logos.greyscale .item a:hover img{
    -webkit-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
}

/* Carousel */

.slider-logos .slider.notInit{
    height: 0 !important;
    overflow: hidden !important;
}

.slider-logos .slider .owl-item{
    display: inline-block;
    vertical-align: middle;
    float: none;
}

/* Owl nav */

.slider-logos .owl-nav div{
    display: block;
    width: 38px;
    height: 38px;
    position: absolute;
    left: 10px;
    top: 50%;
    z-index: 10;
    margin-top: -19px;
    background-color: #f78823;
    border-radius: 3px;
    box-shadow: 0px 6px 20px -4px rgba(28, 40, 94, 0.4);
}
.slider-logos .owl-nav div:before{
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: 3px;
    border: solid #fff;
    border-width: 2px 0 0 2px;

    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    -o-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.slider-logos .owl-nav .owl-next{
    left: auto;
    right: 10px;
}
.slider-logos .owl-nav .owl-next:before{
    border-width: 0 2px 2px 0;
    margin-left: -1px;
}
@media (min-width: 768px){
    .slider-logos .owl-nav div{
        left: 25px;
    }
    .slider-logos .owl-nav .owl-next{
        right: 25px;
    }
    .wrapper .slider-logos{
        margin-right: -50px;
        margin-left: -50px;
    }
    .wrapper .slider-logos .owl-nav div{
        left: 25px;
    }
    .wrapper .slider-logos .owl-nav .owl-next{
        right: 25px;
        left: auto;
    }
}
@media (min-width: 980px){
    .wrapper .slider-logos{
        margin-right: 0;
        margin-left: 0;
    }
    .wrapper .slider-logos .owl-nav div{
        left: -30px;
    }
    .wrapper .slider-logos .owl-nav .owl-next{
        right: -30px;
    }
}
@media (min-width: 1200px){
    .slider-logos .owl-nav div{
        left: 35px;
    }
    .slider-logos .owl-nav .owl-next{
        right: 35px;
    }
}
@media (min-width: 1300px){
    .wrapper .slider-logos .owl-nav div{
        left: -60px;
    }
    .wrapper .slider-logos .owl-nav .owl-next{
        right: -60px;
    }
}



/* ADS */

.ads{
    text-align: center;
}
.ads.ads-top{
    padding-top: 20px;
    padding-bottom: 20px;
}
.ads .ad{
    display: inline-block;
}
.ads .ad + .ad{
    margin-top: 20px;
}
.ads .ad img{
    display: block;
}



/* DESPLIEGUE */

.despliegue .main-img img{
    display: block;
    width: 100%;
    height: auto;
}

.despliegue .breadcrumb{
    height: auto;
    margin-bottom: 20px;
}

@media (max-width: 767px){
    .despliegue .summary{
        margin: 0 -30px;
    }
    .despliegue .summary .holder{
        background-color: #1c285e;
        padding: 20px 30px;
        text-align: center;
    }
    .despliegue .summary *{
        color: #fff;
    }
    .despliegue .summary .title{
        font-size: 2.8em;
        line-height: 1.1;
    }
    .despliegue .summary .text{
        margin-top: 15px;
        margin-bottom: 12px;
    }
}

/* Info */

.despliegue .despliegue-info{
    height: 42px;
    position: relative;
}
.despliegue .despliegue-info .align{
    width: 100%;
    padding-right: 46px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.despliegue .despliegue-info .item{
    display: inline-block;
    vertical-align: middle;
    font-size: 1.6em;
    font-weight: 600;
    color: #878787;
    margin-left: 12px;
}
.despliegue .despliegue-info .item:first-child{
    margin-left: 0;
}
.despliegue .despliegue-info .item:before{
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1em;
    height: 1em;
    position: relative;
    top: -1px;
    margin-right: 6px;
    background: no-repeat center/contain;
}
.despliegue .despliegue-info .item.time:before{
    background-image: url(../images/icons/clock.svg);
}
.despliegue .despliegue-info .item.ticks:before{
    background-image: url(../images/icons/tick.svg);
}
.despliegue .despliegue-info .item.comments:before{
    background-image: url(../images/icons/comments.svg);
}
.despliegue .despliegue-info .share-btn{
    position: absolute;
    right: -10px;
    top: 50%;
    margin: -19px 0 0 0;
}

/* Content */

.despliegue .content{
    margin-top: 30px;
}



/* Sidebar */

.despliegue .sidebar .heading{
    font-size: 2em;
    font-weight: 600;
}

/* Related */

.despliegue .related{
    margin-top: -10px;
}
.despliegue .related .item{
    margin-top: 30px;
}
.despliegue .related .item .title{
    margin-top: 10px;
    color: inherit;
}
.despliegue .related .item .title a{
    color: inherit;
}



/* LIGHTCASE */

a[data-rel*="lightcase"]:not([class]){
    display: none;
}



/* INTRO VIDEO */

.intro-video{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}
.intro-video .video-holder{
    overflow: hidden;
    z-index:1;
    background-color: #ece9e6;
    height: 100%;
    position: relative;
}
.intro-video .video-holder.absolute {
    position: absolute;
    width: 100%;
    z-index: -1;
}
.intro-video .video-holder video{
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;

    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
@media (min-aspect-ratio: 16/10){
    .intro-video .video-holder video{
        height:auto;
        width:100%;
    }
}
@media (min-width: 980px){
    .intro-video .video-holder video{
        height:auto;
        width:100%;
    }
    .intro-video .styled-loader:before{
        border-width: 3px;
    }
}

/* Paused */

.intro-video .video-holder video.paused{
    opacity:0;
}

/* Scaled */

@media (max-width: 767px){
    .intro.scaled .intro-video,
    .intro.scaled .intro-video .video-holder {
        height: auto;
        position: relative;
        box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.06);
    }
    .intro.scaled .intro-video .video-holder:before {
        content: "";
        display: block;
        width: 100%;
        height: 0;
        padding-bottom: 56.25%;
    }
}

/* Loader */

.styled-loader-holder .styled-loader {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.intro-video .styled-loader{
    width:80px;
    height:80px;
    z-index:1;
}

.intro-video .styled-loader:before {
    content: "";
    display: none;
    width:100%;
    height:100%;
    border: 4px solid rgba(255, 255, 255, 0.15);
    border-top-color: #fff;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.intro-video .styled-loader.loading,
.intro-video .styled-loader.loading:before {
    display: block;
}
.intro-video .styled-loader.loading:before {
    -webkit-animation: loading 700ms linear infinite;
    -moz-animation: loading 700ms linear infinite;
    animation: loading 700ms linear infinite;
}

/* Error */

.intro-video .video-holder.error:before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(105, 105, 105, 0.7);
}
.intro-video .video-holder.error:after{
    content: "Error al cargar el video de fondo";
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    top: 30px;
    font-size:1.6em;
    line-height: 1;
    color:#fff;
    text-align: center;
}



/* JS SOCIAL */

.jssocials-share-twitter .jssocials-share-link {
    background: #00aced;
}
.jssocials-share-twitter .jssocials-share-link:hover {
    background: #0087ba;
}

.jssocials-share-facebook .jssocials-share-link {
    background: #3b5998;
}
.jssocials-share-facebook .jssocials-share-link:hover {
    background: #2d4373;
}

.jssocials-share-googleplus .jssocials-share-link {
    background: #dd4b39;
}
.jssocials-share-googleplus .jssocials-share-link:hover {
    background: #c23321;
}

.jssocials-share-linkedin .jssocials-share-link {
    background: #007bb6;
}
.jssocials-share-linkedin .jssocials-share-link:hover {
    background: #005983;
}

.jssocials-share-pinterest .jssocials-share-link {
    background: #cb2027;
}
.jssocials-share-pinterest .jssocials-share-link:hover {
    background: #9f191f;
}

.jssocials-share-email .jssocials-share-link {
    background: #3490F3;
}
.jssocials-share-email .jssocials-share-link:hover {
    background: #0e76e6;
}

.jssocials-share-stumbleupon .jssocials-share-link {
    background: #eb4823;
}
.jssocials-share-stumbleupon .jssocials-share-link:hover {
    background: #c93412;
}

.jssocials-share-whatsapp .jssocials-share-link {
    background: #29a628;
}
.jssocials-share-whatsapp .jssocials-share-link:hover {
    background: #1f7d1e;
}

.jssocials-share-telegram .jssocials-share-link {
    background: #2ca5e0;
}
.jssocials-share-telegram .jssocials-share-link:hover {
    background: #1c88bd;
}

.jssocials-share-line .jssocials-share-link {
    background: #25af00;
}
.jssocials-share-line .jssocials-share-link:hover {
    background: #1a7c00;
}

.jssocials-share-viber .jssocials-share-link {
    background: #7b519d;
}
.jssocials-share-viber .jssocials-share-link:hover {
    background: #61407b;
}

.jssocials-share-pocket .jssocials-share-link {
    background: #ef4056;
}
.jssocials-share-pocket .jssocials-share-link:hover {
    background: #e9132e;
}

.jssocials-share-messenger .jssocials-share-link {
    background: #0084ff;
}
.jssocials-share-messenger .jssocials-share-link:hover {
    background: #006acc;
}

.jssocials-share-vkontakte .jssocials-share-link {
    background: #45668e;
}
.jssocials-share-vkontakte .jssocials-share-link:hover {
    background: #344d6c;
}

.jssocials-share-link {
    padding: .6em .6em;
    color: #fff;

    -webkit-transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
    transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
}
.jssocials-share-link:hover,
.jssocials-share-link:focus,
.jssocials-share-link:active {
    color: #fff;
}

.jssocials-share-count-box {
    position: relative;
    height: 2.5em;
    padding: 0 .3em;
    margin-left: 0.3em;
    background: #f5f5f5;

    -webkit-transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
    transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
}
.jssocials-share-count-box:hover {
    background: gainsboro;
}
.jssocials-share-count-box:hover:after {
    border-color: transparent gainsboro transparent transparent;
}
.jssocials-share-count-box:after {
    content: "";
    display: block;
    position: absolute;
    top: 0.85em;
    left: -0.3em;
    width: 0;
    height: 0;
    border-width: 0.4em 0.4em 0.4em 0;
    border-style: solid;
    border-color: transparent #f5f5f5 transparent transparent;

    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);

    -webkit-transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
    transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
}
.jssocials-share-count-box .jssocials-share-count {
    line-height: 2.5em;
    color: #444;
}

/* Rounded */

.jssocials-init.rounded .jssocials-share-link{
    border-radius: 50%;
    padding: 0.7em 0.7em;
}

/* Monochrome */

.jssocials-init.monochrome .jssocials-share-link{
    background-color: #2d4373;

    -webkit-transition: opacity 200ms ease-in-out;
    transition: opacity 200ms ease-in-out
}
.jssocials-init.monochrome .jssocials-share-link:hover,
.jssocials-init.monochrome .jssocials-share-link:focus{
    opacity: 0.6;
}

/* Transparent */

.jssocials-init.transparent .jssocials-share-link{
    background: transparent;
}
.jssocials-init.transparent .jssocials-share-link:hover,
.jssocials-init.transparent .jssocials-share-link:focus{
    opacity: 0.6;
}



/* ANIMATIONS */

.js-animated:not(.animated-out){
    visibility: hidden;
}

.js-animated.animate__animated{
    visibility: visible;
}



/* ********************** de Mobile 2 a TABLET ********************** */

@media (min-width: 768px) {

    /* STRUCTURE */

    .wrapper{
        padding-right: 50px;
        padding-left: 50px;
    }

    .section{
        padding-top: 55px;
        padding-bottom: 55px;
    }
    .section-t{
        padding-top: 55px;
    }
    .section-b{
        padding-bottom: 55px;
    }
    .section-lg{
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .section-lg-t{
        padding-top: 70px;
    }
    .section-lg-b{
        padding-bottom: 70px;
    }



    /* HEADINGS */

    .h1{
        font-size: 4.4em;
    }
    .h2{
        font-size: 3.4em;
    }
    .h3{
        font-size: 2.6em;
    }
    .h4{
        font-size: 2.4em;
    }
    .h5{
        font-size: 2.2em;
    }
    .h6{
        font-size: 2.1em;
    }



    /* TEXT */

    p{
        font-size: 1.8em;
    }



    /* FILL BTN */

    .fill-btn{
        padding:10px 20px 13px;
        /* FF fix */
        padding:10px 20px 12px;
    }



    /* HEADER */
    
    #header,
    #header .fixed{
        height: 64px;
    }

    #header #logo{
        width: 220px;
        max-width: none;
    }

    /* Btns */
    
    #header .btn-position > .btn,
    #header .btn-position > .btn > .btn{
        width:50px;
        height:50px;
    }

    /* Menu btn */

    #header #menu-btn span{
        width:22px;
    }
    #header #menu-btn span:before,
    #header #menu-btn span:after{
        top:-6px;
    }
    #header #menu-btn span:after{
        top:6px;
    }

    /* Atencion */

    #header #client-btn .icon{
        background-size: auto 28px;
    }

    /* Search */

    #header #search-btn .icon{
        background-size: auto 22px;
    }



    /* SEARCH */

    #header #search-holder #search-form{
        width: 300px;
    }

    /* Animation */

    #header #search-holder #search-form{
        -webkit-transform: translate3d(30px, 0, 0);
        -ms-transform: translate3d(30px, 0, 0);
        -o-transform: translate3d(30px, 0, 0);
        transform: translate3d(30px, 0, 0);
    }
    #header .btn-position[class*="left-sm"] #search-holder #search-form{
        right: auto;
        left: 0;
    
        -webkit-transform: translate3d(-30px, 0, 0);
        -ms-transform: translate3d(-30px, 0, 0);
        -o-transform: translate3d(-30px, 0, 0);
        transform: translate3d(-30px, 0, 0);
    }



    /* SIDE NAV */

    #side-nav > .holder{
        width: 350px;
    }
    #side-nav .scrollable{
        padding: 0 50px;
    }

    #side-nav .main-title{
        padding: 60px 50px 0;
        margin: 0 -50px;
        font-size: 2.4em;
    }
    #side-nav .menu{
        margin-top: 40px;
        padding: 0 0 40px;
    }
    #side-nav .menu > .item{
        padding: 6px 0;
    }
    #side-nav .menu > .item > a{
        font-size: 2em;
    }

    /* Simple menu */
    
    #side-nav .simple-menu .submenu{
        padding-left: 18px;
    }
    #side-nav .simple-menu.first-level > .submenu{
        margin-top: 6px;
        margin-bottom: -6px;
    }

    #side-nav .simple-menu .submenu .list{
        padding-top: 2px;
    }
    #side-nav .simple-menu .submenu .list > .item > a{
        font-size: 1.8em;
    }
    #side-nav .simple-menu .trigger:before,
    #side-nav .simple-menu .simple-menu .trigger:before{
        width: 8px;
        height: 8px;
    }

    #side-nav .simple-menu .simple-menu .submenu .list > .item > a{
        font-size: 1.7em;
    }

    #side-nav .simple-menu > .trigger{
        padding-left: 18px !important;
    }

    /* Close btn */

    #side-nav .close-btn{
        right: 10px;
        top: 10px;
    }
    #side-nav .close-btn:before,
    #side-nav .close-btn:after{
        width: 22px;
        margin-left: -11px;
    }



    /* INTRO */

    .intro.align-middle:before{
        min-height: 280px;
    }
    .intro .holder{
        padding-top:34px;
        padding-bottom:46px;
    }
    
    /* Xl */
    
    .intro.intro-xl.align-middle:before,
    .intro.intro-xl .slide.align-middle:before{
        min-height: 340px;
    }
    
    .intro.intro-xxl.align-middle:before,
    .intro.intro-xxl .slide.align-middle:before{
        min-height: 450px;
    }
    
    .intro.intro-full-height.align-middle:before,
    .intro.intro-full-height .slide.align-middle:before{
        min-height: 550px;
    }

    /* Opacity */

    .intro.intro-opacity .overlay:not([class*="bg-"]){
        background-color: #1c285e;
    }
    .intro.intro-opacity .holder *{
        color: #fff;
    }

    /*.intro.intro-xl .bx-controls-direction a,*/
    .intro.scaled .bx-controls-direction a{
        top: 50%;
    }

    /* Column overlay */

    .intro .column-overlay,
    .intro .column-overlay .row,
    .intro .column-overlay [class*="col-"]{
        height: 100%;
    }
    .intro .column-overlay{
        overflow: hidden;
    }
    .intro .column-overlay [class*="col-"]{
        position: relative;
    }
    .intro .column-overlay .overlay{
        width: auto;
        left: -50px;
        right: -5px;
    }



    /* FEATURES LIST */
    
    .features-list.section{
        padding-top: 5px;
    }
    .section .features-list{
        margin-top: -55px;
    }
    .features-list .feature{
        max-width: none;
        margin:45px 0 0;
    }



    /* BLOCK CARD */

    .block-card .holder{
        padding: 40px 40px;
    }
    .block-card .picture{
        margin-top: -40px;
    }
    .block-card .info{
        margin-top: 28px;
    }
    .block-card .info p{
        margin-top: 10px;
        font-size: 1.6em;
    }
    .block-card .price-component{
        margin-top: 23px;
    }
    .block-card .fill-btn{
        margin-top: 28px;
    }

    .block-card .stripe{
        padding: 4px 0 6px;
    }



    /* BLOCKS LIST */
    
    .blocks-list.section{
        padding-top: 5px;
    }
    .section .blocks-list{
        margin-top: -55px;
    }
    .blocks-list .block-card{
        margin-top:45px;
    }



    /* PRICE COMPONENT */

    .price-component .price.xl{
        font-size: 4em;
    }
    .price-component .price.xxl{
        font-size: 4.5em;
        padding-bottom: 0.4em;
    }
    .price-component .price .sign{
        left: 4px;
    }



    /* IMG LIST */
    
    .img-list .img-item .title{
        margin-top: 30px;
    }
    .img-list .img-item .text{
        margin-top: 10px;
    }
    .img-list.decoration .img-item:after{
        margin-top: 35px;
    }



    /* FOOTER */

    #footer{
        text-align: left;
    }
    #footer .top{
        padding-bottom:35px;
    }

    #footer .top .logo{
        margin-left:0;
    }

    #footer .top .datos{
        margin-top:20px;
    }
    #footer .top ul li{
        display:inline-block;
        vertical-align: middle;
    }
    #footer .top .datos li + li:before{
        content:"-";
        display:inline-block;
        padding:0 6px;
    }
    #footer .top #footer-nav{
        margin-top:10px;
    }
    #footer .top .menu li a:after{
        display:none;
    }
    #footer .top .menu li + li:before{
        content:"";
        display:inline-block;
        vertical-align: middle;
        height:17px;
        width:1px;
        position:relative;
        top:-1px;
        background:#fff;
        margin:0 12px;
    }



    /* BREADCRUMB */

    .breadcrumb .wrapper{
        padding-right: 62px;
    }
    .breadcrumb .share-btn{
        right: 20px;
        margin-top: -21px;
    }
    
    

    /* SHARE-BTN */    
    
    .share-btn{
        width: 42px;
        height: 42px;
        background-size: 40px;
    }



    /* PLAN CTA */

    .plan-cta{
        position: relative;
        padding: 25px 40px;
    }
    .plan-cta [class*="col-"]{
        vertical-align: middle;
    }

    .plan-cta .disclaimer{
        margin: 0 0 0 0;
        padding: 0;
        border: none;
        position: relative;
    }
    .plan-cta .disclaimer:before{
        content: "";
        display: block;
        width: 1px;
        position: absolute;
        left: -25px;
        top: 2px;
        bottom: 2px;
        background-color: rgba(255, 255, 255, 0.2);
    }



    /* TABS */

    .tabs{
        max-width: 84%;
        margin: 0 auto;
    }
    .tabs .tab{
        display: inline-block;
        vertical-align: top;
        width: 100%;
        font-size: 1.6em;

        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .tabs[data-tabs-count="2"] .tab{
        width: 50%;
    }
    .tabs[data-tabs-count="3"] .tab{
        width: 33.33333%;
    }
    .tabs[data-tabs-count="4"] .tab{
        width: 25%;
    }
    .tabs[data-tabs-count="5"] .tab{
        width: 20%;
    }
    .tabs .tab:first-child{
        border-radius: 5px 0 0 5px;
    }
    .tabs .tab:last-child{
        border-radius: 0 5px 5px 0;
    }
    .tabs .tab + .tab{
        border-top: none;
        box-shadow: inset 1px 0px 0px #edeef2;
    }



    /* TABLE */
    
    .table tr > *{
        padding-top: 10px;
        padding-bottom: 13px;
    }
    .table tbody .main{
        font-size: 1.6em;
    }



    /* PRODUCT DETAIL */

    .product-detail .title{
        display: inline-block;
        vertical-align: middle;
        max-width: 100%;
        margin-right: 15px;
    }
    .product-detail .tag{
        font-size: 1.4em;
        padding: 1px 8px 4px;
    }
    .product-detail .text{
        margin-top: 10px;
        font-size: 1.8em;
    }
    .product-detail .price-holder{
        margin-top: 23px;
    }
    .product-detail [class*="col-"] .price-holder{
        margin-top: 0;
        position: relative;
        top: -5px;
    }
    .product-detail .price-holder .disclaimer{
        font-size: 1.8em;
    }



    /* CARD LIST */

    .card-list{
        margin-right: -20px;
        margin-left: -20px;
    }
    .card-list .item{
        padding: 13px 20px 16px;
    }

    .card-list.checked .item{
        padding-right: 55px;
    }
    .card-list.checked .item:after{
        width: 20px;
        height: 20px;
        right: 18px;
    }


    /* CONTENT */

    .content h1{
        font-size: 4.4em;
    }
    .content h2{
        font-size: 3.4em;
    }
    .content h3{
        font-size: 2.6em;
    }
    .content h4{
        font-size: 2.4em;
    }
    .content h5{
        font-size: 2.2em;
    }
    .content h6{
        font-size: 2.1em;
    }

    .content p,
    .content ul li,
    .content ol li{
        font-size:1.8em;
        margin-top:25px;
    }
    .content blockquote{
        padding:0 70px;
        margin:36px 0;
    }
    .content blockquote:before{
        width:5px;
        left:30px;
    }
    .content blockquote p{
        font-size:2.6em;
    }
    .content img,
    .content iframe{
        margin-top:30px;
    }

    .content ul,
    .content ol{
        padding-top:20px;
    }
    .content ul li,
    .content ol li{
        margin-top:7px;
        padding-left:28px;
    }
    .content ol li:before{
        top: -1px;
    }



    /* ANCHOR NAV */

    .anchor-nav,
    .anchor-nav .fixed{
        height: 42px;
    }

    .anchor-nav .list{
        padding-left: 19px;
    }
    .anchor-nav .list:before{
        left: 32px;
        background-size: contain;
    }
    .anchor-nav .list .item + .item{
        margin-left: 26px;
    }



    /* IMAGE CTA */

    .image-cta .holder:after{
        margin-top: 35px;
    }



    /* POPUP */

    .popup > .holder{
        padding: 50px;
    }
    .popup > .holder .close-btn{
        right: 8px;
        top: 8px;
    }



    /* ADS */

    .ads.ads-top{
        padding-top: 25px;
        padding-bottom: 25px;
    }



    /* DESPLIEGUE */

    /* Summary */

    .despliegue .summary .title{
        line-height: 1;
    }
    .despliegue .summary .text{
        margin-top: 0.8em;
        font-size: 2.2em;
    }
    .despliegue .main-img{
        margin-top: 20px;
    }

    /* Info */

    .despliegue .despliegue-info{
        margin-top: 5px;
    }
    .despliegue .despliegue-info .share-btn{
        right: -12px;
        margin-top: -21px;
    }

    /* Content */

    .despliegue .content{
        margin-top: 20px;
    }

    
    /* Sidebar */

    /* Ads */

    .despliegue .sidebar .ads .ad{
        margin-left: 15px;
        margin-right: 15px;
    }


}

@media (min-width: 768px) and (max-width: 979px){
    
    /* NAV */

    #nav{
        top: 64px;
    }

    #nav > .holder{
        padding: 0 160px;
    }

    #nav .main-title{
        padding: 60px 160px 0;
        margin: 0 -160px;
        font-size: 2.4em;
    }
    #nav .menu{
        margin-top: 40px;
        padding: 0 0 40px;
    }
    #nav .menu > .item{
        padding: 6px 0;
    }
    #nav .menu > .item > a{
        font-size: 2em;
    }

    /* Simple menu */
    
    #nav .simple-menu .submenu{
        padding-left: 18px;
    }
    #nav .simple-menu.first-level > .submenu{
        margin-top: 6px;
        margin-bottom: -6px;
    }

    #nav .simple-menu .submenu .list{
        padding-top: 2px;
    }
    #nav .simple-menu .submenu .list > .item > a{
        font-size: 1.8em;
    }
    #nav .simple-menu .trigger:before,
    #nav .simple-menu .simple-menu .trigger:before{
        width: 8px;
        height: 8px;
    }

    #nav .simple-menu .simple-menu .submenu .list > .item > a{
        font-size: 1.7em;
    }

    #nav .simple-menu > .trigger{
        padding-left: 18px !important;
    }



    /* FS MENU */

    .fs-menu{
        top: 64px;
    }
    
    .fs-menu .back-btn{
        left: 70px;
        top: 55px;
    }
    .fs-menu .back-btn:before{
        width: 12px;
        height: 12px;
        top: 1px;
        left: -2px;
        border-width: 0 3px 3px 0;
    }

    .fs-menu .holder{
        padding: 0 160px 50px;
    }


    .fs-menu .main-title{
        padding: 60px 160px 0;
        margin: 0 -160px;
        font-size: 2.4em;
    }
    
    .fs-menu .holder .row{
        margin: 0;
    }
    .fs-menu .holder .row [class*="col-"]{
        display: block;
        width: 100%;
        padding: 0;
    }

    .fs-menu .holder .title{
        margin-top: 35px;
        font-size: 2.5em;
    }
    .fs-menu .holder .list{
        margin-top: 15px;
        padding-bottom: 35px;
    }
    .fs-menu .holder .list > .item > a{
        padding: 10px 0 12px;
        font-size: 1.8em;
    }
    .fs-menu .holder .list > .item > a:after{
        width: 8px;
        height: 8px;
        top: -1px;
        margin-left: 8px;
    }

    /* Trigger */

    .fsMenuTrigger:after{
        width: 9px;
        height: 9px;
        top: -3px;
        margin-left: 13px;
    }



    /* SIMPLE MENU */

    .simple-menu.first-level > .submenu{
        width: 250px;
    }



    /* DESPLIEGUE */

    /* Related */

    .despliegue .related{
        margin: 20px -10px 0;
    }
    .despliegue .related .item{
        display: inline-block;
        vertical-align: top;
        width: 33.333%;
        margin-top: 0;
        padding: 0 10px;

        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

}




/* ********************** de Tablet a DESKTOP ********************** */

@media (min-width: 980px) {
    
    /* HEADINGS */

    .h1:not([class*="text-"]) a:hover,
    .h2:not([class*="text-"]) a:hover,
    .h3:not([class*="text-"]) a:hover,
    .h4:not([class*="text-"]) a:hover,
    .h5:not([class*="text-"]) a:hover,
    .h6:not([class*="text-"]) a:hover,

    .h1:not([class*="text-"]) a:focus,
    .h2:not([class*="text-"]) a:focus,
    .h3:not([class*="text-"]) a:focus,
    .h4:not([class*="text-"]) a:focus,
    .h5:not([class*="text-"]) a:focus,
    .h6:not([class*="text-"]) a:focus {
        color: #f78823;
    }
    .h1[class*="text-"] a:hover,
    .h2[class*="text-"] a:hover,
    .h3[class*="text-"] a:hover,
    .h4[class*="text-"] a:hover,
    .h5[class*="text-"] a:hover,
    .h6[class*="text-"] a:hover,

    .h1[class*="text-"] a:focus,
    .h2[class*="text-"] a:focus,
    .h3[class*="text-"] a:focus,
    .h4[class*="text-"] a:focus,
    .h5[class*="text-"] a:focus,
    .h6[class*="text-"] a:focus {
        opacity: 0.4;
    }

    .content a:hover,
    .content a:focus{
        color: #f78823;
    }



    /* FILL BTN */

    .fill-btn{
        box-shadow: inset 0px 0px 0px 1px #4b9ef9;
    }
    .fill-btn:hover,
    .fill-btn:focus{
        background-color: rgba(75, 158, 249, 0);
        color: #4b9ef9;
    }

    .fill-btn.bg-primary{
        box-shadow: inset 0px 0px 0px 1px #1c285e;
    }
    .fill-btn.bg-primary:hover,
    .fill-btn.bg-primary:focus{
        background-color: rgba(28, 40, 94, 0);
        color: #1c285e;
    }

    .fill-btn.bg-primary-light{
        box-shadow: inset 0px 0px 0px 1px #4b9ef9;
    }
    .fill-btn.bg-primary-light:hover,
    .fill-btn.bg-primary-light:focus{
        background-color: rgba(75, 158, 249, 0);
        color: #4b9ef9;
    }

    .fill-btn.bg-primary-comp{
        box-shadow: inset 0px 0px 0px 1px #f78823;
    }
    .fill-btn.bg-primary-comp:hover,
    .fill-btn.bg-primary-comp:focus{
        background-color: rgba(247, 136, 35, 0);
        color: #f78823;
    }

    .fill-btn.bg-success{
        box-shadow: inset 0px 0px 0px 1px #3aaa35;
    }
    .fill-btn.bg-success:hover,
    .fill-btn.bg-success:focus{
        background-color: rgba(58, 170, 53, 0);
        color: #3aaa35;
    }



    /* HEADER */

    #header,
    #header .fixed{
        height: 70px;
    }

    #header #logo{
        display:inline-block;
        vertical-align: middle;
    }
    #header #logo a{
        position: relative;
    }
    #header #logo a:after{
        content: "";
        display: block;
        position: absolute;
        top: -6px;
        bottom: -6px;
        right: -6px;
        left: -6px;
        border-radius: 6px;
        box-shadow: inset 0px 0px 0px 1px rgba(247, 136, 35, 0);

        -webkit-transition: box-shadow 200ms ease-out;
        -o-transition: box-shadow 200ms ease-out;
        transition: box-shadow 200ms ease-out;
    }
    #header #logo a:focus:after{
        box-shadow: inset 0px 0px 0px 1px #f78823;
    }

    /* Btns */
    
    #header .btn-position{
        z-index: 20;
    }
    #header .btn-position > .btn,
    #header .btn-position > .btn > .btn{
        width: 38px;
        height: 38px;
    }

    /* Atencion */

    #header #client-btn{
        display: inline-block;
        width: auto;
        height: auto;
        padding: 7px 15px 9px;
        padding-left: 32px;
        font-size: 1.6em;
        font-weight: 600;
        line-height: 1;
        color: #fff;
        border-radius: 6px;
        white-space: nowrap;
        box-shadow: inset 0px 0px 0px 1px #4b9ef9;
    }
    #header #client-btn .icon{
        width:30px;
        left: 3px;
        background-size: auto 20px;
        opacity: 1;

        -webkit-transition: opacity 200ms ease-out;
        -o-transition: opacity 200ms ease-out;
        transition: opacity 200ms ease-out;
    }
    #header #client-btn .text{
        display:inline-block;
    }
    #header #client-btn:after{
        position: absolute;
        left: 4px;
        top: 50%;
        margin-top: -5px;
        opacity: 0;
    
        -webkit-transition:
            -webkit-transform 200ms ease-out,
            opacity 200ms ease-out;
        -o-transition:
            -o-transform 200ms ease-out,
            opacity 200ms ease-out;
        transition:
            transform 200ms ease-out,
            opacity 200ms ease-out;
    }

    #header #client-btn:hover,
    #header #client-btn:focus,
    #header #search-btn:hover:after,
    #header #search-btn:focus:after,
    #header #menu-btn:hover:after,
    #header #menu-btn:focus:after{
        box-shadow: inset 0px 0px 0px 1px #f78823;
    }
    
    #header #client-btn.clicked .icon{
        opacity: 0;
    }
    #header #client-btn.clicked:after{
        margin-top: -2px;
        opacity: 1;
    }
        

    /* Client simple menu */

    #header .simple-menu #client-btn .icon{
        opacity: 1;
    }
    #header .simple-menu #client-btn:after{
        position: absolute;
        left: 4px;
        top: 50%;
        margin-top: -5px;
        opacity: 0;
    
        -webkit-transition:
            -webkit-transform 200ms ease-out,
            opacity 200ms ease-out;
        -o-transition:
            -o-transform 200ms ease-out,
            opacity 200ms ease-out;
        transition:
            transform 200ms ease-out,
            opacity 200ms ease-out;
    }

    #header .simple-menu.open #client-btn .icon{
        opacity: 0;
    }
    #header .simple-menu.open #client-btn:after{
        opacity: 1;
        margin-top: -3px;
    }

    #header .simple-menu.open #client-btn{
        color: #1c285e;
        background-color: #fff;
        border-radius: 6px 6px 0 0;
        box-shadow: inset 0px 0px 0px 1px transparent;
    
        -webkit-transition:
            color 200ms ease-out;
        -o-transition:
            color 200ms ease-out;
        transition:
            color 200ms ease-out;
    }

    /* Search */

    #header #search-btn .icon{
        background-size: auto 20px;
    }

    #header #search-btn:after,
    #header #menu-btn:after{
        content: "";
        display: block;
        width: 32px;
        height: 32px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -16px 0 0 -16px;
        border-radius: 6px;
        box-shadow: inset 0px 0px 0px 1px rgba(247, 136, 35, 0);

        -webkit-transition: box-shadow 200ms ease-out;
        -o-transition: box-shadow 200ms ease-out;
        transition: box-shadow 200ms ease-out;
    }



    /* NAV */

    #nav,
    #nav .menu,
    #nav .menu > .item,
    #nav .menu > .item > a{
        display:inline-block;
        vertical-align: middle;
    }
    #nav:not(.hidden-md){
        display: inline-block !important;
    }
    #nav{
        margin-left: 40px;
    }
    #nav > .scrollable{
        width: auto;
        height: auto;
        overflow: visible;
    }
    #nav .menu{
        padding-top: 3px;
    }
    #nav .menu > .item + .item{
        margin-left: 10px;
    }
    #nav .menu > .item > a{
        padding: 5px 10px 9px;
        font-size: 1.8em;
        font-weight: 600;
        line-height: 1;
        color: #fff;

        -webkit-transition: color 200ms ease-out;
        -o-transition: color 200ms ease-out;
        transition: color 200ms ease-out;
    }
    #nav .menu > .item > a:hover,
    #nav .menu > .item > a:focus{
        color: #f78823;
    }
    
    /* Simple menu */

    #nav .simple-menu.first-level > .trigger:before{
        display: none !important;
    }
    #nav .simple-menu.first-level > .trigger:after{
        content: "";
        display: inline-block;
        vertical-align: middle;
        width: 8px;
        height: 8px;
        position: relative;
        top: -3px;
        margin-left: 10px;
        border: solid #4a494f;
        border-width: 0 2px 2px 0;

        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);

        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;

        -webkit-transition:
            border-color 200ms ease-out,
            -webkit-transform 200ms ease-out;
        -o-transition:
            border-color 200ms ease-out,
            -o-transform 200ms ease-out;
        transition:
            border-color 200ms ease-out,
            transform 200ms ease-out;
    }
    #nav .simple-menu.first-level > .trigger:hover:after,
    #nav .simple-menu.first-level > .trigger:focus:after{
        border-color: #f78823 !important;
    }

    #nav .simple-menu.first-level.open > .trigger{
        color: #1c285e !important;
    }
    #nav .simple-menu.first-level.open > .trigger:after{
        top: 1px;
        border-color: #1c285e;

        -webkit-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
        -o-transform: rotate(225deg);
        transform: rotate(225deg);
    }
    #nav .simple-menu.first-level.open > .trigger:hover,
    #nav .simple-menu.first-level.open > .trigger:focus{
        color: #f78823 !important;
    }

    

    /* FS MENU */

    .fs-menu{
        display: none;
        width: 100%;
        height: calc(100vh - 70px);
        overflow: hidden;
        position: absolute;
        top: 70px;
        left: 0;
        z-index: 10;
    }
    .fs-menu .holder{
        display:block;
        width:100%;
        position:relative;
        z-index:1;
        background:#fff;
        padding:5px 0 50px;
        box-shadow: -10px 0px 25px rgba(28, 40, 94, 0.1);

        -webkit-transform: translate3d(0, -101%, 0);
        -ms-transform: translate3d(0, -101%, 0);
        -o-transform: translate3d(0, -101%, 0);
        transform: translate3d(0, -101%, 0);

        -webkit-transition: -webkit-transform 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
        -o-transition: -o-transform 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
        transition: transform 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    }
    .fs-menu .overlay{
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top:0;
        left:0;
        z-index:0;
        background:#1c285e;
        opacity:0;
        pointer-events: none;

        -webkit-transition: opacity 250ms ease-out 300ms;
        -o-transition: opacity 250ms ease-out 300ms;
        transition: opacity 250ms ease-out 300ms;
    }

    .fs-menu.show .holder{
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .fs-menu.show .overlay{
        opacity:0.4;

        -webkit-transition-delay: 0ms;
        -o-transition-delay: 0ms;
        transition-delay: 0ms;
    }
    .fs-menu.overrideOverlay .overlay{
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }
    
    .fs-menu .holder .title{
        margin-top: 35px;
    }
    .fs-menu .holder .title:not([class*="text-"]){
        color: #4b9ef9;
    }
    .fs-menu .holder .title a{
        color: inherit;
    }
    .fs-menu .holder .title:not([class*="text-"]) a:hover,
    .fs-menu .holder .title:not([class*="text-"]) a:focus{
        color: #f78823;
    }
    .fs-menu .holder .title[class*="text-"] a:hover,
    .fs-menu .holder .title[class*="text-"] a:focus{
        opacity: 0.5;
    }
    .fs-menu .holder .list{
        margin-top: 12px;
    }
    .fs-menu .holder .list .item{
        margin-top: 4px;
    }
    .fs-menu .holder .list .item a{
        display: inline-block;
        padding: 3px 0;
        font-size: 1.5em;
        color: inherit;
    }
    .fs-menu .holder .list .item a:after{
        content: "";
        display: inline-block;
        vertical-align: middle;
        width: 5px;
        height: 5px;
        position: relative;
        top: -1px;
        border: solid #4a494f;
        border-width: 0px 2px 2px 0px;
        opacity: 0.8;
        margin-left: 5px;

        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);

        -webkit-transition: border-color 200ms ease-out;
        -o-transition: border-color 200ms ease-out;
        transition: border-color 200ms ease-out;
    }
    .fs-menu .holder .list .item a:hover,
    .fs-menu .holder .list .item a:focus{
        color: #f78823;
    }
    .fs-menu .holder .list .item a:hover:after,
    .fs-menu .holder .list .item a:focus:after{
        border-color: #f78823;
    }
    
    .fs-menu .holder .list .item.active a{
        font-weight: 600;
        color: #1c285e;
    }
    .fs-menu .holder .list .item.active a:after{
        display: none;
    }

    /* Trigger */

    .fsMenuTrigger:after{
        content: "";
        display: inline-block;
        vertical-align: middle;
        width: 8px;
        height: 8px;
        position: relative;
        top: -3px;
        margin-left: 10px;
        border: solid #fff;
        border-width: 0 2px 2px 0;
    
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    
        -webkit-transition:
            border-color 200ms ease-out,
            -webkit-transform 200ms ease-out;
        -o-transition:
            border-color 200ms ease-out,
            -o-transform 200ms ease-out;
        transition:
            border-color 200ms ease-out,
            transform 200ms ease-out;
    }
    .fsMenuTrigger:hover:after,
    .fsMenuTrigger:focus:after{
        border-color: #f78823;
    }
    .fsMenuTrigger.clicked{
        background-color: rgba(255, 255, 255, 0.08);
    }
    .fsMenuTrigger.clicked:after{
        top: 1px;

        -webkit-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
        -o-transform: rotate(225deg);
        transform: rotate(225deg);
    }



    /* SIMPLE MENU */

    .simple-menu .submenu .list .item a:hover,
    .simple-menu .submenu .list .item a:focus{
        color: #f78823;
    }

    .simple-menu.first-level > .submenu{
        width: 300px;
    }

    .simple-menu > .trigger:hover:before,
    .simple-menu > .trigger:hover:after{
        border-color: rgba(247, 136, 35, 0.45);
    }



    /* SIDE NAV */
    
    #side-nav .menu > .item > a{
        -webkit-transition: color 200ms ease-out;
        -o-transition: color 200ms ease-out;
        transition: color 200ms ease-out;
    }
    #side-nav .menu > .item > a:hover,
    #side-nav .menu > .item > a:focus{
        color: #f78823;
    }
    
    /* Simple menu */

    #side-nav .simple-menu .trigger:before,
    #side-nav .simple-menu .simple-menu .trigger:before{
        -webkit-transition:
            border-color 200ms ease-out,
            -webkit-transform 200ms ease-out;
        -o-transition:
            border-color 200ms ease-out,
            -o-transform 200ms ease-out;
        transition:
            border-color 200ms ease-out,
            transform 200ms ease-out;
    }
    #side-nav .simple-menu .trigger:hover:before,
    #side-nav .simple-menu .trigger:focus:before,
    #side-nav .simple-menu .simple-menu .trigger:hover:before,
    #side-nav .simple-menu .simple-menu .trigger:focus:before{
        border-color: #f78823 !important;
    }
    #side-nav .simple-menu .submenu .list > .item > a:hover,
    #side-nav .simple-menu .submenu .list > .item > a:focus{
        color: #f78823 !important;
    }

    /* Close btn */

    #side-nav .close-btn:before,
    #side-nav .close-btn:after{
        -webkit-transition: background-color 200ms ease-out;
        -o-transition: background-color 200ms ease-out;
        transition: background-color 200ms ease-out;
    }
    #side-nav .close-btn:hover:before,
    #side-nav .close-btn:hover:after,
    #side-nav .close-btn:focus:before,
    #side-nav .close-btn:focus:after{
        background-color: #f78823;
    }



    /* SEARCH */

    #header #search-holder #search-form .btn:after{
        content: "";
        display: block;
        width: 32px;
        height: 32px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -16px 0 0 -16px;
        border-radius: 6px;
        box-shadow: inset 0px 0px 0px 1px rgba(247, 136, 35, 0);

        -webkit-transition: box-shadow 200ms ease-out;
        -o-transition: box-shadow 200ms ease-out;
        transition: box-shadow 200ms ease-out;
    }
    #header #search-holder #search-form .btn:hover:after,
    #header #search-holder #search-form .btn:focus:after{
        box-shadow: inset 0px 0px 0px 1px #f78823;
    }



    /* INTRO */

    .intro .holder .text{
        font-size: 1.9em;
    }

    /* Slider */

    .intro .bx-controls-direction a{
        left: 10px;
        margin-top: -24px;
        border-radius: 6px;
        box-shadow: inset 0px 0px 0px 1px rgba(247, 136, 35, 0);
    
        -webkit-transition:
            -webkit-box-shadow 200ms ease-out,
            background-color 200ms ease-out;
        -o-transition:
            box-shadow 200ms ease-out,
            background-color 200ms ease-out;
        transition:
            box-shadow 200ms ease-out,
            background-color 200ms ease-out;
    }
    .intro .bx-controls-direction a:before{
        -webkit-transition-delay: border-color 200ms ease-out;
        -o-transition-delay: border-color 200ms ease-out;
        transition-delay: border-color 200ms ease-out;
    }
    .intro .bx-controls-direction .bx-next{
        right: 10px;
    }


    .intro .bx-controls-direction a:hover,
    .intro .bx-controls-direction a:focus{
        box-shadow: inset 0px 0px 0px 1px #1c285e;
        background-color: transparent;
    }
    .intro .bx-controls-direction a:hover:before,
    .intro .bx-controls-direction a:focus:before{
        border-color: #1c285e;
    }

    /* Xl */

    .intro.intro-full-height.align-middle:before,
    .intro.intro-full-height .slide.align-middle:before{
        min-height: 550px;
        height: calc(100vh - 70px);
    }



    /* FEATURES LIST */

    .features-list .feature a.icon:hover + *:not([class*="text-"]) a,
    .features-list .feature a.icon:focus + *:not([class*="text-"]) a{
        color: #f78823;
    }
    .features-list .feature a.icon:hover + *[class*="text-"] a,
    .features-list .feature a.icon:focus + *[class*="text-"] a{
        opacity: 0.4;
    }



    /* BLOCK CARD */

    .block-card a.picture:hover + *:not([class*="text-"]) a,
    .block-card a.picture:focus + *:not([class*="text-"]) a{
        color: #f78823;
    }
    .block-card a.picture:hover + *[class*="text-"] a,
    .block-card a.picture:focus + *[class*="text-"] a{
        opacity: 0.4;
    }



    /* PRICE COMPONENT */

    .price-component .price.xxl{
        font-size: 5em;
    }



    /* IMG LIST */
    
    .img-list .img-item a.img-link:hover + *:not([class*="text-"]) a,
    .img-list .img-item a.img-link:focus + *:not([class*="text-"]) a{
        color: #f78823;
    }
    .img-list .img-item a.img-link:hover + *[class*="text-"] a,
    .img-list .img-item a.img-link:focus + *[class*="text-"] a{
        opacity: 0.4;
    }

    .img-list.decoration .img-item:after{
        width: 65px;
    }

    .img-list .img-item .video:after{
        width: 60px;
        height: 60px;
    }



    /* FOOTER */

    #footer .top ul li a:hover,
    #footer .top ul li a:focus{
        color: #f78823;
    }



    /* BREADCRUMB */

    .breadcrumb .wrapper{
        padding-right: 90px;
    }

    .breadcrumb .list .item{
        font-size: 1.5em;
    }
    .breadcrumb .list .item a:hover,
    .breadcrumb .list .item a:focus{
        color: #f78823;
        border-color: rgba(247, 136, 35, 0.6);
    }
    .breadcrumb .share-btn{
        right: 37px;
    }
    
    
    /* SHARE-BTN */
    
    .share-btn:after{
        content: "";
        display: block;
        position: absolute;
        top: 3px;
        right: 3px;
        bottom: 3px;
        left: 3px;
        box-shadow: inset 0px 0px 0px 1px rgba(247, 136, 35, 0);
        border-radius: 6px;

        -webkit-transition: box-shadow 200ms ease-out;
        -o-transition: box-shadow 200ms ease-out;
        transition: box-shadow 200ms ease-out;
    }
    .share-btn:hover:after,
    .share-btn:focus:after{
        box-shadow: inset 0px 0px 0px 1px #f78823;
    }



    /* PLAN CTA */
    
    .plan-cta{
        padding: 34px 40px 36px;
        padding-left: 12.88%;
    }
    .plan-cta .icon-holder{
        display: block;
        width: 12.88%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }
    .plan-cta .icon-holder .icon{
        display: inline-block;
        max-width: 50%;
        position: absolute;
        left: 50%;
        top: 50%;

        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .plan-cta .disclaimer:before{
        left: -35px;
    }



    /* TABS */

    .tabs .tab{
        font-size: 1.8em;
    }
    .tabs .tab:not(.active):hover{
        color: #f78823;
    }



    /* TABLE */

    .table thead th{
        font-size: 1.7em;
    }
    .table tr > *{
        padding: 10px 12px 13px;
    }
    .table tr > *:first-child{
        padding-left: 25px;
    }
    .table tr > *:last-child{
        padding-right: 25px;
    }
    .table tr > *.text-right{
        padding-right: 23px;
    }

    .table tbody .main{
        font-size: 1.7em;
    }
    .table tbody a.main{
        padding: 3px 0;
    }
    .table tbody .text{
        font-size: 1.5em;
    }



    /* PRODUCT DETAIL */
    
    .product-detail .price-holder .disclaimer{
        width: 60%;
    }



    /* CONTENT */

    .content h1:not([class*="text-"]) a:hover,
    .content h2:not([class*="text-"]) a:hover,
    .content h3:not([class*="text-"]) a:hover,
    .content h4:not([class*="text-"]) a:hover,
    .content h5:not([class*="text-"]) a:hover,
    .content h6:not([class*="text-"]) a:hover,

    .content h1:not([class*="text-"]) a:focus,
    .content h2:not([class*="text-"]) a:focus,
    .content h3:not([class*="text-"]) a:focus,
    .content h4:not([class*="text-"]) a:focus,
    .content h5:not([class*="text-"]) a:focus,
    .content h6:not([class*="text-"]) a:focus{
        color: #f78823;
    }
    .content h1[class*="text-"] a:hover,
    .content h2[class*="text-"] a:hover,
    .content h3[class*="text-"] a:hover,
    .content h4[class*="text-"] a:hover,
    .content h5[class*="text-"] a:hover,
    .content h6[class*="text-"] a:hover,

    .content h1[class*="text-"] a:focus,
    .content h2[class*="text-"] a:focus,
    .content h3[class*="text-"] a:focus,
    .content h4[class*="text-"] a:focus,
    .content h5[class*="text-"] a:focus,
    .content h6[class*="text-"] a:focus{
        opacity: 0.4;
    }



    /* ANCHOR NAV */

    .anchor-nav .list{
        padding-left: 0;
    }
    .anchor-nav .list:before{
        left: auto;
    }
    .anchor-nav .list .item:first-child{
        padding-left: 40px;
    }

    .anchor-nav .list a:hover,
    .anchor-nav .list a:focus{
        opacity: 0.4;
    }



    /* IMAGE CTA */

    .image-cta .holder:after{
        width: 65px;
    }



    /* POPUP */

    .popup > .holder .close-btn{
        box-shadow: inset 0px 0px 0px 1px rgba(247, 136, 35, 0);
        border-radius: 5px;
    }
    .popup > .holder .close-btn span,
    .popup > .holder .close-btn span:before{
        -webkit-transition: background-color 200ms ease-out;
        -o-transition: background-color 200ms ease-out;
        transition: background-color 200ms ease-out;
    }
    .popup > .holder .close-btn:hover span,
    .popup > .holder .close-btn:focus span,
    .popup > .holder .close-btn:hover span:before,
    .popup > .holder .close-btn:focus span:before{
        background-color: #f78823;
    }
    .popup > .holder .close-btn:focus{
        box-shadow: inset 0px 0px 0px 1px #f78823;
    }

    
    
    /* DESPLIEGUE */

    /* Cols */

    .despliegue .main-col,
    .despliegue .sidebar{
        display: inline-block;
        vertical-align: top;
    }
    .despliegue .main-col{
        width: calc(100% - 300px);
        padding-right: 30px;

        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .despliegue .sidebar{
        width: 300px;
    }

    /* Summary */

    .despliegue .summary .text{
        margin-top: 0.6em;
        font-size: 2.4em;
    }

    /* Info */

    .despliegue .despliegue-info{
        margin-top: 5px;
    }
    .despliegue .despliegue-info .share-btn{
        right: -12px;
        margin-top: -21px;
    }

    /* Content */

    .despliegue .content{
        margin-top: 30px;
    }


    /* Sidebar */

    /* Ads */

    .despliegue .sidebar .ads .ad{
        margin-left: 0;
        margin-right: 0;
    }


}



/* ********************** de Desktop a HD ********************** */

@media (min-width: 1200px) {

    /* HEADINGS */

    .h1{
        font-size: 5.4em;
    }
    .h2{
        font-size: 4.8em;
    }
    .h3{
        font-size: 3.2em;
    }
    .h4{
        font-size: 2.6em;
    }


    
    /* HEADER */

    #header #logo{
        width: 260px;
    }



    /* NAV */

    #nav,
    #nav .menu,
    #nav .menu > .item,
    #nav .menu > .item > a{
        display:inline-block;
        vertical-align: middle;
    }
    #nav{
        margin-left: 60px;
    }
    #nav .menu > .item + .item{
        margin-left: 20px;
    }
    #nav .menu > .item > a{
        padding: 7px 10px 11px;
    }

    #nav .simple-menu.first-level > .trigger:after{
        border-color: #fff;
    }
    #nav .simple-menu.first-level.open > .trigger:after{
        border-color: #1c285e;
    }



    /* SEARCH */
    
    #header #search-holder #search-form{
        padding-right: 42px;
    }

    #header #search-holder #search-form .close-btn{
        right: -38px;
    }
    #header #search-holder #search-form .submit-btn{
        right: 4px;
    }
    #header #search-holder #search-form .submit-btn .icon{
        left: 0;
    }



    /* INTRO */

    /* Xl */

    .intro.intro-xl.align-middle:before,
    .intro.intro-xl .slide.align-middle:before{
        min-height: 400px;
    }

    .intro.intro-xxl.align-middle:before,
    .intro.intro-xxl .slide.align-middle:before{
        min-height: 500px;
    }

    .intro.intro-full-height.align-middle:before,
    .intro.intro-full-height .slide.align-middle:before{
        min-height: 600px;
    }



    /* FOOTER */

    #footer{
        padding:50px 0 60px;
    }
    #footer .top{
        position:relative;
    }
    #footer .top .logo{
        position:absolute;
        right:10px;
        top:12px;
        margin:0;
    }
    #footer .top .datos{
        margin-top:0;
    }
    #footer .top ul li{
        display:inline-block;
        vertical-align: middle;
    }
    #footer .top .datos li + li:before{
        content:"-";
        display:inline-block;
        padding:0 6px;
    }
    #footer .top #footer-nav{
        margin-top:10px;
    }
    #footer .top .menu li a:after{
        display:none;
    }
    #footer .top .menu li + li:before{
        content:"";
        display:inline-block;
        vertical-align: middle;
        height:17px;
        width:1px;
        position:relative;
        top:-1px;
        background:#fff;
        margin:0 12px;
    }



    /* PLAN CTA */
    
    .plan-cta .disclaimer{
        font-size: 1.5em;
    }



    /* TABLE */

    .table thead th{
        font-size: 1.8em;
    }
    .table tr > *{
        padding: 10px 14px 13px;
    }
    .table tr > *:first-child{
        padding-left: 30px;
    }
    .table tr > *:last-child{
        padding-right: 30px;
    }
    .table tr > *.text-right{
        padding-right: 27px;
    }

    .table tbody .main{
        font-size: 1.9em;
    }
    .table tbody .text{
        font-size: 1.6em;
    }



    /* PRODUCT DETAIL */

    .product-detail .text{
        font-size: 2em;
    }



    /* CONTENT */

    .content h1{
        font-size: 4em;
    }
    .content h2{
        font-size: 3.6em;
    }
    .content h3{
        font-size: 3.2em;
    }
    .content h4{
        font-size: 2.6em;
    }



    /* PRODUCT GALLERY */

    .product-gallery .viewport,
    .product-gallery .thumbs{
        display: inline-block;
        vertical-align: middle;
    }
    .product-gallery .viewport{
        width: calc(100% - 85px);
    }

    .product-gallery .thumbs{
        width: 85px;
        margin: 0;
        padding-left: 25px;

        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .product-gallery .thumbs .thumb{
        display: block;
        width: 100%;
        max-width: none;
        padding: 0;
    }
    .product-gallery .thumbs .thumb + .thumb{
        margin-top: 23px;
    }



    /* IMAGE CTA */

    .image-cta:before{
        min-height: 65vh;
    }
    .image-cta .holder .title{
        font-size: 4em;
    }



    /* POPUP */

    .popup > .holder{
        padding-right: 60px;
        padding-left: 60px;
    }
    .popup > .holder .close-btn{
        right: 10px;
        top: 10px;
    }



    /* ADS */

    .ads .ad + .ad{
        margin-top: 25px;
    }



    /* DESPLIEGUE */

    /* Cols */

    .despliegue .main-col{
        padding-right: 40px;
    }
    
}

@media (min-width: 1200px) and (min-height: 800px){

    /* STRUCTURE */

    .section{
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .section-t{
        padding-top: 70px;
    }
    .section-b{
        padding-bottom: 70px;
    }

    .section-lg{
        padding-top: 95px;
        padding-bottom: 95px;
    }
    .section-lg-t{
        padding-top: 95px;
    }
    .section-lg-b{
        padding-bottom: 95px;
    }



    /* HEADER */
        
    #header,
    #header .fixed{
        height: 80px;
    }



    /* FS MENU */
        
    .fs-menu{
        height: calc(100vh - 80px);
        top: 80px;
    }



    /* INTRO */

    .intro.align-middle:before{
        min-height: 340px;
    }

    /* Xl */

    .intro.intro-xl.align-middle:before,
    .intro.intro-xl .slide.align-middle:before{
        min-height: 425px;
    }

    .intro.intro-xxl.align-middle:before,
    .intro.intro-xxl .slide.align-middle:before{
        min-height: 600px;
    }

    .intro.intro-full-height.align-middle:before,
    .intro.intro-full-height .slide.align-middle:before{
        min-height: 700px;
        height: calc(100vh - 80px);
    }



    /* FEATURES LIST */
    
    .features-list.section{
        padding-top: 0;
    }
    .section .features-list{
        margin-top: -70px;
    }
    .features-list .feature{
        margin-top: 55px;
    }



    /* BLOCK CARD */

    .block-card .holder{
        padding: 48px 40px;
    }
    .block-card .picture{
        margin-top: -48px;
    }



    /* BLOCKS LIST */
    
    .blocks-list.section{
        padding-top: 0;
    }
    .section .blocks-list{
        margin-top: -70px;
    }
    .blocks-list .block-card{
        margin-top: 55px;
    }



    /* IMG LIST */
    
    .img-list .img-item .title{
        margin-top: 35px;
    }
    .img-list .img-item .text{
        margin-top: 15px;
    }
    .img-list.decoration .img-item:after{
        margin-top: 38px;
    }



    /* BREADCRUMB */

    .breadcrumb{
        height: 46px;
    }



    /* PLAN CTA */
    
    .plan-cta{
        padding-top: 37px;
        padding-bottom: 39px;
    }



    /* TABLE */

    .table tbody tr > *{
        padding-top: 15px;
        padding-bottom: 18px;
    }
    .table tbody a.main{
        top: -4px;
    }
    .table tbody .price-component{
        top: -1px;
    }



    /* CARD LIST */

    .card-list .item{
        padding: 15px 20px 18px;
    }
    .card-list.checked .item:after{
        width: 24px;
        height: 24px;
        right: 18px;
    }



    /* ANCHOR NAV */

    .anchor-nav,
    .anchor-nav .fixed{
        height: 46px;
    }
    .anchor-nav .list .item:first-child{
        padding-left: 43px;
    }
    .anchor-nav .list .item + .item{
        margin-left: 35px;
    }



    /* IMAGE CTA */

    .image-cta .holder:after{
        margin-top: 38px;
    }



    /* POPUP */

    .popup > .holder{
        padding-top: 60px;
        padding-bottom: 60px;
    }



    /* ADS */

    .ads.ads-top{
        padding-top: 35px;
        padding-bottom: 35px;
    }

}

@media (min-width: 1226px){

    #header .btn-position[class*="left-"],
    #header .btn-position[class*="right-"]{
        position: absolute;
        right: 50%;
        top: 50%;
        margin-right: -613px;
    }
    #header .btn-position[class*="left-"]{
        right: auto;
        left: 50%;
    }
    
    #header .btn-position.left-xs-1{ margin-left: -573px; }
    #header .btn-position.left-xs-2{ margin-left: -523px; }

    #header .btn-position.left-sm-1{ margin-left: -573px; }
    #header .btn-position.left-sm-2{ margin-left: -523px; }

    #header .btn-position.left-md-1{ margin-left: -573px; }
    #header .btn-position.left-md-2{ margin-left: -523px; }
    
    #header .btn-position.right-xs-1{ margin-right: -573px; }
    #header .btn-position.right-xs-2{ margin-right: -523px; }

    #header .btn-position.right-sm-1{ margin-right: -573px; }
    #header .btn-position.right-sm-2{ margin-right: -523px; }

    #header .btn-position.right-md-1{ margin-right: -573px; }
    #header .btn-position.right-md-2{ margin-right: -523px; }

}

@media (min-width: 1300px){
    
    /* INTRO */

    /* Slider */

    .intro .bx-controls-direction a{
        left:50%;
        margin-left: -626px;
        background-size: 30px;
    }
    .intro .bx-controls-direction .bx-next{
        right: 50%;
        margin-right: -626px;
        margin-left: auto;
    }

}










/* ************** KEYFRAMES ************** */

@keyframes loading{
    0%{
        -webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg);
    }
    100%{
        -webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg);
    }
}

@-webkit-keyframes loading{
    0%{
        -webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg);
    }
    100%{
        -webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg);
    }
}

@-moz-keyframes loading{
    0%{
        -webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg);
    }
    100%{
        -webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg);
    }
}

@-o-keyframes loading{
    0%{
        -webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg);
    }
    100%{
        -webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg);
    }
}