/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */
/***********************************/
/*********** CONTENIDOS ************/
/***********************************/

/*
1) HEADER / FOOTER / SECTIONS
2) MENU
3) SLIDER
4) COLUMNS / MARGINS 
5) TITLES
6) TAGS
7) BUTTONS
8) LISTS
9) FORMS
10) BACKGROUNDS
11) STANDARD
12) MEDIA
*/

/*********************************/
/* 1) HEADER / FOOTER / SECTIONS */
/*********************************/

* {
    margin: 0;
}

.wrap {
    width: 1200px;
    margin: 0px auto;
    position: relative;
    z-index: 2;
}

header {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 900;
    overflow: inherit;
    float: none;
    margin: 0 auto;
    text-align: center;
    padding: 0 0 20px;
    background: #fff;
}

    header .blue_strip {
        transition: all 0.3s;
        background: #0650a4;
        display: inline-block;
        padding: 12px 0;
        width: 100%;
        margin: 0 0 20px 0;
        color: #fff;
        font-size: 14px;
        line-height: 14px;
        font-weight: bold;
    }

        header .blue_strip img {
            margin: -15px 0 -6px;
            position: relative;
            display: inline-block;
        }

        header .blue_strip a {
            color: #fff;
            margin: 0px 20px 0 5px;
            display: inline-block;
            position: relative;
        }

    header #logo_area {
        text-align: center;
        margin: 0px 0.84% 0;
        float: left;
        transition: all 0.3s;
    }

        header #logo_area img {
            width: 100%;
            display: block;
            height: auto;
            max-width: 145px;
            transition: all 0.3s;
        }

    header #main_nav {
        transition: all 0.3s;
        float: right;
        margin-left: 0.84%;
        margin-right: 0.84%;
        text-align: right;
    }

    header.smaller {
        transition: all 0.3s;
        padding: 0px 0 15px;
    }

        header.smaller .blue_strip {
            transition: all 0.3s;
            padding: 12px 0;
            margin: 0 0 15px 0;
        }

        header.smaller #logo_area {
            text-align: center;
            margin: 0px 0.84% 0;
            float: left;
            transition: all 0.3s;
        }

            header.smaller #logo_area img {
                transition: all 0.3s;
                max-width: 98px;
            }

#banner {
    display: inline-block;
    position: relative;
    margin: 100px auto 0;
    width: 100%;
    padding: 180px 0 205px;
    color: #fff;
    text-align: center;
    background: url(/Content/media/imgs/slide_01.jpg) center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://rlv.zcache.com/foo_bar_white_tshirt-p235877025284960249a9t5r_325.jpg',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://rlv.zcache.com/foo_bar_white_tshirt-p235877025284960249a9t5r_325.jpg', sizingMethod='scale')";
}

#title_area {
    display: inline-block;
    margin: 150px 0 0;
    width: 100%;
    padding: 180px 0;
    text-align: center;
    color: #fff;
    background: url(/Content/media/imgs/banner_bg.jpg) center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://rlv.zcache.com/foo_bar_white_tshirt-p235877025284960249a9t5r_325.jpg',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://rlv.zcache.com/foo_bar_white_tshirt-p235877025284960249a9t5r_325.jpg', sizingMethod='scale')";
}

#contact_area {
    background: #eef7f8;
    padding: 115px 0;
    display: inline-block;
    margin: 0 auto;
    width: 100%;
}

#white_area {
    background: #fff;
    padding: 115px 0;
    display: inline-block;
    margin: 0 auto;
    width: 100%;
}

footer {
    margin: 0px auto;
    width: 100%;
    height: auto;
    padding: 70px 0 90px;
    color: #fff;
    background: #262b35;
}

#copyright {
    color: #fff;
    font-size: 13px;
    line-height: 13px;
    letter-spacing: 0px;
    text-align: left;
    padding: 50px 0 0;
    display: inline-block;
    width: 100%;
    margin: 50px ​auto 0;
    border-top: solid 1px #0650a4;
}

/*********************************/
/* 2) MENU */
/*********************************/

header nav {
    width: 100%;
    text-align: right;
    margin: 20px auto 0;
    transition: all 0.3s;
}

header.smaller nav {
    margin: 15px auto 0;
    transition: all 0.3s;
}

header nav ul {
    /*overflow:hidden;*/
    list-style: none;
    text-align: right;
    padding: 0;
    margin: 0;
}

    header nav ul li {
        display: inline-block;
        position: relative;
        margin: 0 0 0 25px;
    }

        header nav ul li a {
            color: #232323;
            font-size: 14px;
            line-height: 14px;
            padding: 0;
            letter-spacing: 0px;
            font-weight: 600;
            display: inline-block;
            transition: all 0.3s;
            text-transform: uppercase;
        }

header.smaller nav ul li a {
    padding: 0px;
}

header nav ul li a:hover {
    transition: all .3s ease-in-out;
    color: #0650a4;
    text-decoration: none;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    left: -20px;
    min-width: 170px;
    box-shadow: 0px 8px 12px -2px rgba(0,0,0,0.4);
    padding: 15px 0 0;
    z-index: 999;
    text-align: left;
}

    .dropdown-content a {
        background: #009943;
        padding: 18px 15px 13px;
        line-height: 18px;
        width: 100%;
        margin: 0;
        border-bottom: solid 1px rgba(0,0,0,.2);
    }

        .dropdown-content a:hover {
            background: #041b72;
            width: 100%;
            margin: 0;
        }

.dropdown:hover .dropdown-content {
    display: block;
    transition: all .3s ease-in-out;
}

header nav .dropdown-content a:after, header nav .dropdown-content a:hover:after {
    display: none;
    width: 0%;
    height: 0px;
    margin: 0px 0 0;
}

header.smaller .dropdown-content a {
    padding: 15px 15px 10px;
    transition: all .3s ease-in-out;
}

ul.footer_menu {
    list-style: none;
    padding: 0;
    margin: 0 3% 0 0;
    width: 30%;
    float: left;
}

    ul.footer_menu li {
        color: #8dd8f8;
        text-transform: uppercase;
        font-size: 13px;
        line-height: 13px;
        margin: 0 0 20px;
    }

        ul.footer_menu li a {
            color: #fff;
            text-transform: none;
        }

/*********************************/
/* 3) SLIDER */
/*********************************/



/************************/
/* 4) COLUMNAS Y FIJOS */
/************************/

.desktop_only {
    display: inline-block;
}

.desktop_tablet_only {
    display: block;
}

.tablet_only {
    display: none;
}

.tablet_mobile_only {
    display: none;
}

.mobile_only {
    display: none !important;
}

.margin_top {
    margin-top: 20px !important;
}

.margin_bottom {
    margin-bottom: 20px !important;
}

.margin_bottom_ten {
    margin-bottom: 10px !important;
}

.third_to_third_full {
    width: 33%;
    float: left;
}

a.anchor {
    display: block;
    position: relative;
    top: -150px;
    visibility: hidden;
}

/* SEVERAL - FULL - FULL */
.one_col_to_full_to_full {
    width: 6.653%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.two_col_to_full_to_full {
    width: 14.986%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.three_col_to_full_to_full {
    width: 23.319%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.four_col_to_full_to_full {
    width: 31.652%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.five_col_to_full_to_full {
    width: 39.985%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.six_col_to_full_to_full {
    width: 48.318%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.seven_col_to_full_to_full {
    width: 56.651%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.eight_col_to_full_to_full {
    width: 64.984%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.nine_col_to_full_to_full {
    width: 73.317%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.ten_col_to_full_to_full {
    width: 81.65%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.eleven_col_full_to_full {
    width: 89.983%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.full_size_full_to_full {
    margin: 0px auto;
    width: 98.316%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

/* SEVERAL - FULL - HALF */
.one_col_to_full_to_half {
    width: 6.653%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.two_col_to_full_to_half {
    width: 14.986%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.three_col_to_full_to_half {
    width: 23.319%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.four_col_to_full_to_half {
    width: 31.652%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.five_col_to_full_to_half {
    width: 39.985%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.six_col_to_full_to_half {
    width: 48.318%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.seven_col_to_full_to_half {
    width: 56.651%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.eight_col_to_full_to_half {
    width: 64.984%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.nine_col_to_full_to_half {
    width: 73.317%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.ten_col_to_full_to_half {
    width: 81.65%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.eleven_col_full_to_half {
    width: 89.983%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.full_size_full_to_half {
    margin: 0px auto;
    width: 98.316%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

/* SEVERAL - HALF - FULL */
.one_col_to_half_to_full {
    width: 6.653%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.two_col_to_half_to_full {
    width: 14.986%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.three_col_to_half_to_full {
    width: 23.319%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.four_col_to_half_to_full {
    width: 31.652%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.five_col_to_half_to_full {
    width: 39.985%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.six_col_to_half_to_full {
    width: 48.318%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.seven_col_to_half_to_full {
    width: 56.651%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.eight_col_to_half_to_full {
    width: 64.984%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.nine_col_to_half_to_full {
    width: 73.317%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.ten_col_to_half_to_full {
    width: 81.65%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.eleven_col_half_to_full {
    width: 89.983%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.full_size_half_to_full {
    margin: 0px auto;
    width: 98.316%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

/* SEVERAL - HALF - HALF */
.one_col_to_half_to_half {
    width: 6.653%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.two_col_to_half_to_half {
    width: 14.986%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.three_col_to_half_to_half {
    width: 23.319%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.four_col_to_half_to_half {
    width: 31.652%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.five_col_to_half_to_half {
    width: 39.985%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.six_col_to_half_to_half {
    width: 48.318%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.seven_col_to_half_to_half {
    width: 56.651%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.eight_col_to_half_to_half {
    width: 64.984%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.nine_col_to_half_to_half {
    width: 73.317%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.ten_col_to_half_to_half {
    width: 81.65%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.eleven_col_half_to_half {
    width: 89.983%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.full_size_half_to_half {
    margin: 0px auto;
    width: 98.316%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

/* SEVERAL - THIRD - FULL */
.one_col_to_third_to_full {
    width: 6.653%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.two_col_to_third_to_full {
    width: 14.986%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.three_col_to_third_to_full {
    width: 23.319%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.four_col_to_third_to_full {
    width: 31.652%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.five_col_to_third_to_full {
    width: 39.985%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.six_col_to_third_to_full {
    width: 48.318%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.seven_col_to_third_to_full {
    width: 56.651%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.eight_col_to_third_to_full {
    width: 64.984%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.nine_col_to_third_to_full {
    width: 73.317%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.ten_col_to_third_to_full {
    width: 81.65%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.eleven_col_third_to_full {
    width: 89.983%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.full_size_third_to_full {
    margin: 0px auto;
    width: 98.316%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

/* SEVERAL - THIRD - HALF */
.one_col_to_third_to_half {
    width: 6.653%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.two_col_to_third_to_half {
    width: 14.986%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.three_col_to_third_to_half {
    width: 23.319%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.four_col_to_third_to_half {
    width: 31.652%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.five_col_to_third_to_half {
    width: 39.985%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.six_col_to_third_to_half {
    width: 48.318%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.seven_col_to_third_to_half {
    width: 56.651%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.eight_col_to_third_to_half {
    width: 64.984%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.nine_col_to_third_to_half {
    width: 73.317%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.ten_col_to_third_to_half {
    width: 81.65%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.eleven_col_third_to_half {
    width: 89.983%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.full_size_third_to_half {
    margin: 0px auto;
    width: 98.316%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

/* SEVERAL - TWOTHIRDS - FULL */
.one_col_to_twothirds_to_full {
    width: 6.653%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.two_col_to_twothirds_to_full {
    width: 14.986%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.three_col_to_twothirds_to_full {
    width: 23.319%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.four_col_to_twothirds_to_full {
    width: 31.652%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.five_col_to_twothirds_to_full {
    width: 39.985%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.six_col_to_twothirds_to_full {
    width: 48.318%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.seven_col_to_twothirds_to_full {
    width: 56.651%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.eight_col_to_twothirds_to_full {
    width: 64.984%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.nine_col_to_twothirds_to_full {
    width: 73.317%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.ten_col_to_twothirds_to_full {
    width: 81.65%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.eleven_col_twothirds_to_full {
    width: 89.983%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.full_size_twothirds_to_full {
    margin: 0px auto;
    width: 98.316%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

/* SEVERAL - TWOTHIRDS - HALF */
.one_col_to_twothirds_to_half {
    width: 6.653%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.two_col_to_twothirds_to_half {
    width: 14.986%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.three_col_to_twothirds_to_half {
    width: 23.319%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.four_col_to_twothirds_to_half {
    width: 31.652%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.five_col_to_twothirds_to_half {
    width: 39.985%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.six_col_to_twothirds_to_half {
    width: 48.318%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.seven_col_to_twothirds_to_half {
    width: 56.651%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.eight_col_to_twothirds_to_half {
    width: 64.984%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.nine_col_to_twothirds_to_half {
    width: 73.317%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.ten_col_to_twothirds_to_half {
    width: 81.65%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.eleven_col_twothirds_to_half {
    width: 89.983%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.full_size_twothirds_to_half {
    margin: 0px auto;
    width: 98.316%;
    float: left;
    margin-left: 0.84%;
    margin-right: 0.84%;
}

.align_center {
    text-align: center;
}

.align_left {
    text-align: left;
}

.align_right {
    text-align: right;
}

.align_justify {
    text-align: justify;
}

.align_left_to_center {
    text-align: left;
}

.align_right_to_center {
    text-align: right;
}

.align_center_to_left {
    text-align: center;
}

.padding_to_none {
    padding: 2%;
}

.padding_left_to_none {
    padding-left: 2%;
}

.padding_right_to_none {
    padding-right: 2%;
}

.xl_padding_right_to_none {
    padding-right: 6%;
}
/************************/
/* 5) TITLES */
/************************/
h1 {
    font-size: 40px;
    line-height: 40px;
    font-weight: 600;
    text-shadow: 5px 3px 5px rgb(0 0 0 / 70%);
}

h2 {
    font-size: 30px;
    line-height: 38px;
    letter-spacing: normal;
    font-weight: 600;
    display: inline-block;
    margin: 0 0 30px;
    color: #232323;
}

h3 {
    font-size: 24px;
    line-height: 18px;
    letter-spacing: 0px;
    color: #232323;
    font-weight: bold;
    display: inline-block;
    margin: 0 auto 20px;
}

h4 {
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0 0 10px;
}

footer h4 {
    color: #18a2dc;
}

h5 {
    font-size: 14px;
    line-height: 14px;
    margin: 0 0 30px;
    color: #0650a4;
    text-transform: uppercase;
    display: inline-block;
    width: 100%;
}

/************************/
/* 6) TAGS */
/************************/
#banner .box {
    background: rgba(6,80,164,.8);
    text-align: left;
    padding: 90px 45px;
}

    #banner .box .title {
        font-size: 24px;
        line-height: 30px;
        font-weight: 600;
    }

    #banner .box .title {
        font-size: 24px;
        line-height: 36px;
        font-weight: 600;
    }

        #banner .box .title span {
            font-size: 40px;
            color: #8dd8f8;
        }

.uppercase {
    text-transform: uppercase;
}

.blue_t {
    color: #0650a4;
}

.text.sm {
    font-size: 13px;
    line-height: 21px;
}

.text.big {
    font-size: 18px;
    line-height: 26px;
    font-weight: normal;
}

.text a {
    text-decoration: underline;
    font-weight: bold;
    color: #042b3d;
}

.white_box_text {
    background: #fff;
    margin: 15px 0 0;
    padding: 15px 15px;
    box-shadow: 1px 1px 3px 0px rgb(0 0 0 / 20%);
}

footer a {
    color: #fff;
}

#copyright a {
    color: #0650a4;
    margin-left: 10px;
    font-size: 20px;
    line-height: 20px;
    margin-top: -5px;
    display: inline-block;
}

.grid {
    display: grid;
}

    .grid.contacto {
        grid-template-columns: 66% 34%;
        grid-gap: 0% 0%;
        margin: 0px;
        width: 100%;
        background: #fff;
        color: #232323;
        font-size: 18px;
        line-height: 22px;
        font-weight: bold;
    }

        .grid.contacto .cell:nth-child(1) {
            padding: 80px 60px;
        }

        .grid.contacto .cell:nth-child(2) {
            padding: 80px 50px;
            color: #fff;
            background: rgb(1,174,239);
            background: -moz-linear-gradient(90deg, rgba(1,174,239,1) 0%, rgba(140,215,248,1) 100%);
            background: -webkit-linear-gradient(90deg, rgba(1,174,239,1) 0%, rgba(140,215,248,1) 100%);
            background: linear-gradient(90deg, rgba(1,174,239,1) 0%, rgba(140,215,248,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#01aeef",endColorstr="#8cd7f8",GradientType=1);
        }

        .grid.contacto .cell .title {
            color: #fff;
            font-size: 30px;
            line-height: 35px;
        }

        .grid.contacto .cell .title {
            color: #fff;
            font-size: 30px;
            line-height: 35px;
            display: inline-block;
            margin: 0 0 30px;
            width: 100%;
        }

        .grid.contacto .cell img:nth-child(1) {
            float: left;
            margin: 0 25px 20px 0;
            display: inline-block;
            border: solid 1px red;
        }

        .grid.contacto .cell img {
            float: left;
            margin: 20px 20px 0px 0;
            display: inline-block;
            padding: 0 0 0px;
        }

        .grid.contacto .cell div {
            /* float: left; */
            display: inline-block;
            width: 70%;
        }

        /*
.grid.contacto .cell a:nth-child(2) {
    display: inline-block;
    width: 70%;
    margin: 0px 0 20px 0;
    border: solid yellow 1px;
}
*/

        .grid.contacto .cell:nth-child(2) a {
            display: inline-block;
            width: 70%;
            margin: 0px 0 20px 0;
            color: #fff;
            font-weight: bold;
            font-size: 16px;
            line-height: 16px;
        }

        .grid.contacto .cell p {
            font-size: 14px;
            line-height: 16px;
            font-weight: 400;
        }

            .grid.contacto .cell p span {
                color: #232323;
            }

    .grid.home {
        grid-template-columns: 31% 31% 31%;
        grid-gap: 40px 3.5%;
        margin: -155px 0 115px;
    }

        .grid.home .cell {
            padding: 40px 30px;
            color: #232323 !important;
        }

            .grid.home .cell:nth-child(1) {
                background: rgb(0,174,239);
                background: -moz-linear-gradient(45deg, rgba(0,174,239,1) 0%, rgba(39,185,241,1) 100%);
                background: -webkit-linear-gradient(45deg, rgba(0,174,239,1) 0%, rgba(39,185,241,1) 100%);
                background: linear-gradient(45deg, rgba(0,174,239,1) 0%, rgba(39,185,241,1) 100%);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00aeef",endColorstr="#27b9f1",GradientType=1);
            }

            .grid.home .cell:nth-child(2) {
                background: rgb(43,187,242);
                background: -moz-linear-gradient(45deg, rgba(43,187,242,1) 0%, rgba(98,203,245,1) 100%);
                background: -webkit-linear-gradient(45deg, rgba(43,187,242,1) 0%, rgba(98,203,245,1) 100%);
                background: linear-gradient(45deg, rgba(43,187,242,1) 0%, rgba(98,203,245,1) 100%);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2bbbf2",endColorstr="#62cbf5",GradientType=1);
            }

            .grid.home .cell:nth-child(3) {
                background: rgb(102,204,246);
                background: -moz-linear-gradient(45deg, rgba(102,204,246,1) 0%, rgba(141,216,248,1) 100%);
                background: -webkit-linear-gradient(45deg, rgba(102,204,246,1) 0%, rgba(141,216,248,1) 100%);
                background: linear-gradient(45deg, rgba(102,204,246,1) 0%, rgba(141,216,248,1) 100%);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#66ccf6",endColorstr="#8dd8f8",GradientType=1);
            }

            .grid.home .cell:nth-child(4) {
                background: rgb(0,174,239);
                background: -moz-linear-gradient(45deg, rgba(0,174,239,1) 0%, rgba(39,185,241,1) 100%);
                background: -webkit-linear-gradient(45deg, rgba(0,174,239,1) 0%, rgba(39,185,241,1) 100%);
                background: linear-gradient(45deg, rgba(0,174,239,1) 0%, rgba(39,185,241,1) 100%);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00aeef",endColorstr="#27b9f1",GradientType=1);
            }

            .grid.home .cell:nth-child(5) {
                background: rgb(43,187,242);
                background: -moz-linear-gradient(45deg, rgba(43,187,242,1) 0%, rgba(98,203,245,1) 100%);
                background: -webkit-linear-gradient(45deg, rgba(43,187,242,1) 0%, rgba(98,203,245,1) 100%);
                background: linear-gradient(45deg, rgba(43,187,242,1) 0%, rgba(98,203,245,1) 100%);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2bbbf2",endColorstr="#62cbf5",GradientType=1);
            }

            .grid.home .cell:nth-child(6) {
                background: rgb(102,204,246);
                background: -moz-linear-gradient(45deg, rgba(102,204,246,1) 0%, rgba(141,216,248,1) 100%);
                background: -webkit-linear-gradient(45deg, rgba(102,204,246,1) 0%, rgba(141,216,248,1) 100%);
                background: linear-gradient(45deg, rgba(102,204,246,1) 0%, rgba(141,216,248,1) 100%);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#66ccf6",endColorstr="#8dd8f8",GradientType=1);
            }

            .grid.home .cell img {
                width: 100%;
                height: auto;
                max-width: 60px;
                margin: 0 0 40px;
            }

            .grid.home .cell p {
                font-size: 14px;
                line-height: 24px;
                font-style: normal;
                padding: 10px 20% 0 0;
            }

    .grid.det {
        grid-template-columns: 49% 49%;
        grid-gap: 70px 2%;
        border-top: solid 1px #e6eff0;
        padding: 30px 0 0;
        margin: 10px 0 0;
    }

        .grid.det .cell {
            position: relative;
            padding: 0 20px;
        }

            .grid.det .cell img {
                width: 100%;
                height: auto;
                display: block;
            }

            .grid.det .cell .title {
                font-size: 20px;
                line-height: 20px;
                color: #00baf2;
            }

            .grid.det .cell .title {
                font-size: 20px;
                line-height: 20px;
                color: #00baf2;
                text-transform: uppercase;
                font-weight: 500;
                margin: 10px 0 20px;
            }

            .grid.det .cell .desc {
                font-size: 14px;
                line-height: 24px;
                margin: 0 0 20px;
            }

            .grid.det .cell .fich, .grid.det .cell .coti {
                display: inline-block;
                width: 45%;
                margin: 0 2%;
            }

                .grid.det .cell .fich a {
                    display: inline-block;
                    width: 100%;
                    border: solid 2px #00baf2;
                    color: #00baf2;
                    text-transform: uppercase;
                    font-size: 13px;
                    line-height: 13px;
                    padding: 11px 10px;
                    font-weight: 500;
                    text-align: center;
                }

                .grid.det .cell .coti a {
                    display: inline-block;
                    width: 100%;
                    border: solid 2px #0650a4;
                    color: #0650a4;
                    text-transform: uppercase;
                    font-size: 13px;
                    line-height: 13px;
                    padding: 11px 10px;
                    font-weight: 500;
                    text-align: center;
                }

                .grid.det .cell .fich a:hover {
                    color: #fff;
                    background: #00baf2;
                    text-decoration: none;
                }

                .grid.det .cell .coti a:hover {
                    color: #fff;
                    background: #0650a4;
                    text-decoration: none;
                }


    .grid.sobre {
        grid-template-columns: 42% 58%;
        grid-gap: 0% 0%;
        margin: 0;
    }

        .grid.sobre .cell:nth-child(1) {
            padding: 90px 100px;
            background: url(/Content/media/imgs/img_home_01.jpg) center center;
            background-repeat: no-repeat;
            background-size: cover;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://rlv.zcache.com/foo_bar_white_tshirt-p235877025284960249a9t5r_325.jpg',sizingMethod='scale');
            -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://rlv.zcache.com/foo_bar_white_tshirt-p235877025284960249a9t5r_325.jpg', sizingMethod='scale')";
        }

        .grid.sobre.nos .cell:nth-child(1) {
            padding: 90px 100px;
            background: url(/Content/media/imgs/img_sobre_01.jpg) center center;
            background-repeat: no-repeat;
            background-size: cover;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://rlv.zcache.com/foo_bar_white_tshirt-p235877025284960249a9t5r_325.jpg',sizingMethod='scale');
            -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://rlv.zcache.com/foo_bar_white_tshirt-p235877025284960249a9t5r_325.jpg', sizingMethod='scale')";
        }


        .grid.sobre .cell:nth-child(2) {
            padding: 90px 110px 90px 100px;
            background: #eef7f8;
        }

        .grid.sobre .cell p {
            font-size: 14px;
            line-height: 24px;
            color: #232323;
        }

        .grid.sobre .cell a {
            border: solid 2px #0650a4;
            font-size: 14px;
            line-height: 14px;
            font-weight: 500;
            color: #0650a4;
            text-transform: uppercase;
            padding: 25px 35px;
            display: inline-block;
            margin: 35px 0 0;
            width: auto;
        }

            .grid.sobre .cell a:hover {
                -webkit-transition: all 0.3s;
                -moz-transition: all 0.3s;
                -ms-transition: all 0.3s;
                -o-transition: all 0.3s;
                transition: all 0.3s;
                color: #fff;
                text-decoration: none;
                background: #0650a4;
            }

    .grid.prod {
        grid-template-columns: 31% 31% 31%;
        grid-gap: 0px 3.5%;
        margin: 60px auto 0;
    }

        .grid.prod .cell {
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -ms-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
            box-shadow: 2px 6px 5px -1px rgb(0 0 0 / 40%);
        }

            .grid.prod .cell:hover {
                -webkit-transition: all 0.3s;
                -moz-transition: all 0.3s;
                -ms-transition: all 0.3s;
                -o-transition: all 0.3s;
                transition: all 0.3s;
                transform: scale(1.1);
                text-decoration: none;
            }

            .grid.prod .cell img {
                width: 100%;
                height: auto;
            }

            .grid.prod .cell .white_box h3 {
                width: 100%;
                color: #0650a4;
                text-transform: uppercase;
                font-weight: 600;
            }

            .grid.prod .cell .white_box {
                width: 100%;
                margin: 0px;
                padding: 40px 30px;
                text-align: left;
                color: #232323;
                font-size: 16px;
                line-height: 20px;
            }

            .grid.prod .cell a:hover {
                text-decoration: none;
            }

.border {
    height: 1px;
    width: 100%;
    display: inline-block;
    background: #ebebeb;
    margin: 90px 0;
}

.cyan_box {
    display: inline-block;
    width: 100%;
    background: #e7f6fb;
    padding: 30px 20px;
    margin: 0 0 20px;
    color: #232323;
    font-size: 16px;
    line-height: 22px;
}

    .cyan_box._02 {
        padding: 45px 30px;
        font-size: 14px;
        line-height: 24px;
    }

        .cyan_box._02 p {
            margin: 0 0 100px;
        }

    .cyan_box img {
        float: left;
        width: 14%;
        max-width: 64px;
        height: auto;
        margin: 0 4% 0 0;
    }

    .cyan_box .container {
        float: left;
        width: 81%;
    }

details {
    margin: 0 0 40px;
}

summary {
    color: #232323;
    font-size: 24px;
    line-height: 28px;
    font-weight: bold;
    margin: 0 0 20px;
}

    summary::marker {
        color: #18a2dc;
    }

    summary::-webkit-details-marker {
        color: #18a2dc;
    }

details .text {
    font-size: 16px;
    line-height: 24px;
    font-weight: normal;
    margin: 0 0 0 27px;
    color: #232323;
}

.contact_box {
    color: #232323;
    padding: 50px 40px;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(219,241,255,1) 100%);
    background: -webkit-linear-gradient( 0deg, rgba(255,255,255,1) 0%, rgba(219,241,255,1) 100%);
    background: linear-gradient( 0deg, rgba(255,255,255,1) 0%, rgba(219,241,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#dbf1ff",GradientType=1);
}

    .contact_box p {
        font-size: 16px;
        line-height: 22px;
    }

.info_box {
    box-shadow: 2px 2px 3px rgb(0 0 0 / 15%);
    padding: 60px 40px;
    margin: 40px 0 0;
    width: 100%;
    display: inline-block;
    color: #232323;
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
}

    .info_box img {
        width: 18%;
        max-width: 95px;
        height: auto;
        float: left;
        margin: 0 7% 0 0;
    }

img.home_img {
    max-width: 370px;
    width: 100%;
    height: auto;
}

/************************/
/* 7) BUTTONS */
/************************/

.btn {
    display: inline-block;
    width: 100%;
    margin: 0px;
}

    .btn.cyan a {
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        display: inline-block;
        padding: 15px 25px;
        margin: 30px 0 0;
        color: #fff;
        text-transform: uppercase;
        font-size: 13px;
        line-height: 14px;
        letter-spacing: 2px;
        font-weight: 600;
        background: #18a2dc;
        border: none;
        width: auto;
        text-align: left;
        text-transform: uppercase;
    }

        .btn.cyan a:hover {
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -ms-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
            background: #137ba8;
            color: #fff;
            text-decoration: none;
        }

    .btn.blue a {
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        display: inline-block;
        padding: 15px 25px;
        margin: 30px 0 0;
        color: #fff;
        text-transform: uppercase;
        font-size: 13px;
        line-height: 14px;
        letter-spacing: 2px;
        font-weight: 600;
        background: #042b3d;
        border: none;
        width: auto;
        text-align: left;
        text-transform: uppercase;
    }

        .btn.blue a:hover {
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -ms-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
            background: #02121a;
            color: #fff;
            text-decoration: none;
        }

    .btn.blue_b a {
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        display: inline-block;
        width: 100%;
        border: solid 2px #0650a4;
        color: #0650a4;
        text-transform: uppercase;
        font-size: 13px;
        line-height: 13px;
        padding: 11px 10px;
        font-weight: 500;
        text-align: center;
    }

        .btn.blue_b a:hover {
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -ms-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
            color: #fff;
            background: #0650a4;
            text-decoration: none;
        }

#banner .btn a {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    display: inline-block;
    padding: 25px 25px;
    margin: 60px 0 0;
    color: #0f6eeb;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 1px;
    font-weight: 500;
    background: #fff;
    border: none;
    width: auto;
    text-align: left;
}

    #banner .btn a:hover {
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        background: rgb(2, 18, 26, .7);
        color: #fff;
        text-decoration: none;
    }

/************************/
/* 8) LISTS */
/************************/

ul.bullet {
    margin: 10px 0 10px 20px;
    padding: 0;
    list-style: disc;
}

    ul.bullet li {
        margin: 0px 0 10px 0px;
        padding: 0 0 0 15px;
    }

footer ul.menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

    footer ul.menu li {
        margin: 4px 0;
    }

        footer ul.menu li a {
            color: #fff;
            font-size: 13px;
            line-height: 13px;
            font-weight: bold;
        }

footer a.mail {
    color: #fff;
    display: block;
    font-size: 18px;
    line-height: 18px;
    margin: 0 0 10px;
    font-weight: bold;
}

footer a.tel {
    color: #fff;
    display: block;
    font-size: 40px;
    line-height: 40px;
    font-weight: bold;
}

footer .redes {
    margin: 100px 0 0;
}

    footer .redes a {
        color: #13a0db;
        font-size: 26px;
        line-height: 26px;
        margin: 0px 0 0 10px;
    }

/***********************/
/* 9) FORMS */
/***********************/

form {
    margin: 30px 0 0;
}

.form {
    width: 100%;
    margin: 0 0 10px;
    font-size: 14px;
    line-height: 14px;
    padding: 15px 15px;
    outline: none;
    border: solid 1px #e2f0f2;
    background-color: #fff;
    color: #616161;
    box-shadow: none;
    font-family: 'Poppins', sans-serif;
    font-style: italic;
}

    .form.half {
        width: 49.25%;
        float: left;
    }

        .form.half:nth-child(even) {
            margin-left: 1.5%;
        }

.antispam {
    display: none !important;
}

input.btn_form, button.btn_form {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    display: inline-block;
    padding: 18px 70px;
    margin: 0;
    color: #0650a4;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    background: #fff;
    border: solid 2px #0650a4;
    text-align: left;
    cursor: pointer;
}

    input.btn_form:hover, button.btn_form:hover {
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        background: #0650a4;
        color: #fff;
        border: solid 2px #0650a4;
        text-decoration: none;
    }

.form::-webkit-input-placeholder {
    font-family: 'Poppins', sans-serif;
    font-style: italic;
    font-weight: normal;
    color: #858585;
    font-size: 14px;
    line-height: 14px;
    text-align: left;
    letter-spacing: 0px;
}

.form:-moz-placeholder { /* Firefox 18- */
    font-family: 'Poppins', sans-serif;
    font-style: italic;
    font-weight: normal;
    color: #858585;
    font-size: 14px;
    line-height: 14px;
    text-align: left;
    letter-spacing: 0px;
}

.form::-moz-placeholder { /* Firefox 19+ */
    font-family: 'Poppins', sans-serif;
    font-style: italic;
    font-weight: normal;
    color: #858585;
    font-size: 14px;
    line-height: 14px;
    text-align: left;
    letter-spacing: 0px;
}

.form:-ms-input-placeholder {
    font-family: 'Poppins', sans-serif;
    font-style: italic;
    font-weight: normal;
    color: #858585;
    font-size: 14px;
    line-height: 14px;
    text-align: left;
    letter-spacing: 0px;
}

/***********************/
/* 10) BACKGROUNDS */
/***********************/
#title_area.productos {
    background: url(/Content/media/imgs/productos_bg.jpg) center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://rlv.zcache.com/foo_bar_white_tshirt-p235877025284960249a9t5r_325.jpg',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://rlv.zcache.com/foo_bar_white_tshirt-p235877025284960249a9t5r_325.jpg', sizingMethod='scale')";
}

/***********************/
/* 11) STANDARD */
/***********************/
/*html {
    margin: 0;
    padding: 0;
}

body {
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding: 0;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    word-wrap: break-word;
}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}*/

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix {
    display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}
/* End hide from IE-mac */

img.responsive {
    width: 100%;
    height: auto;
}

A:link {
    text-decoration: none;
}

A:visited {
    text-decoration: none;
}

A:active {
    text-decoration: none;
}

A:hover {
    text-decoration: underline;
}

table {
    width: 100%;
    border-spacing: 0px;
}

th, td {
    width: 33.33%;
    text-align: center;
    padding: 15px 10px;
    background: none;
    color: #4a4a4a;
    background-color: #fff;
}

.table-headers {
    font-weight: 600;
    color: #fff;
    background: #1ebdcc; /* Old browsers */
    background: -moz-linear-gradient(left, #1ebdcc 0%, #40bea7 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #1ebdcc 0%,#40bea7 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #1ebdcc 0%,#40bea7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ebdcc ', endColorstr='#40bea7 ',GradientType=1 ); /* IE6-9 */
    padding: 10px 0;
}

/* --- Selection Color --- */
::-moz-selection {
    background: #000;
    color: white;
    text-shadow: none;
}

::selection {
    background: #000;
    color: white;
    text-shadow: none;
}

/***********************/
/* 12) MEDIA */
/***********************/

/* UNDER-WRAP */
@media screen and (max-width:1245px) {
    .wrap {
        width: 90%;
        margin: 0px 5%;
        float: left;
    }
}

/* TABLET */
@media all and (max-width:800px) {
    /* 1) HEADER / FOOTER / SECTIONS */
    header {
        overflow: inherit;
        padding: 0px 0 15px;
    }

        header .blue_strip {
            padding: 12px 0;
            margin: 0 0 15px 0;
            font-size: 12px;
            line-height: 12px;
        }

            header .blue_strip img {
                width: 17px;
                margin: -10px 0 -4px;
            }

        header #logo_area {
            margin: 0px 0.84% 0;
        }

            header #logo_area img {
                max-width: 108px;
            }

        header #main_nav {
            margin-top: 10px;
        }

        header .info {
            transition: all 0.3s;
            margin: 0 0 20px;
        }

        header.smaller {
            padding: 0px 0 10px;
        }

            header.smaller .blue_strip {
                padding: 10px 0;
                margin: 0 0 10px 0;
            }

            header.smaller #logo_area img {
                transition: all 0.3s;
                max-width: 98px;
            }

            header.smaller #logo_area {
                margin: 0px 0.84% 0;
                transition: all 0.3s;
            }

            header.smaller #main_nav {
                margin-top: 7px;
            }

            header.smaller .info {
                transition: all 0.3s;
                margin: 0 0 15px;
            }

    #banner {
        margin: 120px auto 0;
        padding: 180px 0 220px;
    }

    #title_area {
        margin: 125px auto 0;
        padding: 130px 0;
    }

    #innerintro_area {
        margin: 70px auto 0;
        font-size: 22px;
        line-height: 30px;
    }

    #white_area {
        padding: 85px 0;
    }

    #contact_area {
        padding: 85px 0;
    }

    .white_area {
        padding: 90px 0;
    }

    .cyan_area {
        padding: 90px 0;
    }

    footer {
        padding: 70px 0;
    }

    #copyright {
        padding: 17px 0;
    }

    /*2) MENU*/

    header nav {
        z-index: 8;
        width: 100%;
        max-height: 80%;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        right: -100%;
        top: 125px;
        padding: 20px 20px 10px;
        position: fixed;
        margin: 0px 0%;
        background: #fff;
        box-shadow: 0px 5px 9px 1px rgb(0 0 0 / 10%);
    }

    header.smaller nav {
        top: 105px;
        padding: 10px 20px;
        margin: 0 0 0 !important;
        transition: all 0.3s;
        margin: 0;
    }

    header.inner nav {
        top: 78px;
    }

    header nav ul li {
        display: block;
        float: none;
        border-bottom: solid 1px rgba(255,255,255, .2);
        width: 100%;
        margin: 0px;
        text-align: center;
    }

        header nav ul li.redes {
            width: 33.33%;
            float: left;
        }

        header nav ul li a {
            font-size: 18px;
            line-height: 18px;
            width: 100%;
            text-align: center;
            border-bottom: none;
            margin: 0;
            padding: 16px 0 !important;
        }

            header nav ul li a:after {
                display: none;
            }

            header nav ul li a:hover {
                text-decoration: none;
                border: none;
                padding: 16px 0;
                margin: 0;
                background: #1e4d77;
                color: #fff;
            }

    header.smaller nav ul li a, header.smaller nav ul li a:hover {
        padding: 15px 0;
        transition: all 0.3s;
    }

    .dropdown-content {
        display: block;
        position: relative;
        background-color: rgba(0,0,0,0);
        box-shadow: none;
        left: 0;
        padding: 0;
        margin-top: -30px;
    }

        .dropdown-content a {
            background: none;
        }

    header li.dropdown a {
        border: none;
        font-size: 0px;
        line-height: 0px;
    }

    header li.dropdown .dropdown-content a {
        border: none;
        font-size: 16px;
        line-height: 16px;
        border-bottom: solid 1px rgba(0,0,0, .1);
    }

    /*3) SLIDER*/


    /*4) COLUMNS / MARGINS*/

    a.anchor {
        top: -130px;
    }

    .desktop_only {
        display: none;
    }

    .desktop_tablet_only {
        display:;
    }

    .tablet_only {
        display: block;
    }

    .tablet_mobile_only {
        display: block;
    }

    .mobile_only {
        display: none;
    }

    /* SEVERAL - FULL - FULL */
    .one_col_to_full_to_full, .two_col_to_full_to_full, .three_col_to_full_to_full, .four_col_to_full_to_full, .five_col_to_full_to_full, .six_col_to_full_to_full, .seven_col_to_full_to_full, .eight_col_to_full_to_full, .nine_col_to_full_to_full, .ten_col_to_full_to_full, .eleven_col_full_to_full, .full_size_full_to_full {
        margin: 0px auto;
        width: 98.316%;
        float: left;
        margin-left: 0.84%;
        margin-right: 0.84%;
    }

    /* SEVERAL - FULL - HALF */
    .one_col_to_full_to_half, .two_col_to_full_to_half, .three_col_to_full_to_half, .four_col_to_full_to_half, .five_col_to_full_to_half, .six_col_to_full_to_half, .seven_col_to_full_to_half, .eight_col_to_full_to_half, .nine_col_to_full_to_half, .ten_col_to_full_to_half, .eleven_col_full_to_half, .full_size_full_to_half {
        margin: 0px auto;
        width: 98.316%;
        float: left;
        margin-left: 0.84%;
        margin-right: 0.84%;
    }

    /* SEVERAL - HALF - FULL */
    .one_col_to_half_to_full, .two_col_to_half_to_full, .three_col_to_half_to_full, .four_col_to_half_to_full, .five_col_to_half_to_full, .six_col_to_half_to_full, .seven_col_to_half_to_full, .eight_col_to_half_to_full, .nine_col_to_half_to_full, .ten_col_to_half_to_full, .eleven_col_half_to_full, .full_size_half_to_full {
        margin: 0px auto;
        width: 48.318%;
        float: left;
        margin-left: 0.84%;
        margin-right: 0.84%;
    }

    /* SEVERAL - HALF - HALF */
    .one_col_to_half_to_half, .two_col_to_half_to_half, .three_col_to_half_to_half, .four_col_to_half_to_half, .five_col_to_half_to_half, .six_col_to_half_to_half, .seven_col_to_half_to_half, .eight_col_to_half_to_half, .nine_col_to_half_to_half, .ten_col_to_half_to_half, .eleven_col_half_to_half, .full_size_half_to_half {
        margin: 0px auto;
        width: 48.318%;
        float: left;
        margin-left: 0.84%;
        margin-right: 0.84%;
    }

    /* SEVERAL - THIRD - FULL */
    .one_col_to_third_to_full, .two_col_to_third_to_full, .three_col_to_third_to_full, .four_col_to_third_to_full, .five_col_to_third_to_full, .six_col_to_third_to_full, .seven_col_to_third_to_full, .eight_col_to_third_to_full, .nine_col_to_third_to_full, .ten_col_to_third_to_full, .eleven_col_third_to_full, .full_size_third_to_full {
        margin: 0px auto;
        width: 31.652%;
        float: left;
        margin-left: 0.84%;
        margin-right: 0.84%;
    }

    /* SEVERAL - THIRD - HALF */
    .one_col_to_third_to_half, .two_col_to_third_to_half, .three_col_to_third_to_half, .four_col_to_third_to_half, .five_col_to_third_to_half, .six_col_to_third_to_half, .seven_col_to_third_to_half, .eight_col_to_third_to_half, .nine_col_to_third_to_half, .ten_col_to_third_to_half, .eleven_col_third_to_half, .full_size_third_to_half {
        margin: 0px auto;
        width: 31.652%;
        float: left;
        margin-left: 0.84%;
        margin-right: 0.84%;
    }

    /* SEVERAL - TWOTHIRDS - FULL */
    .one_col_to_twothirds_to_full, .two_col_to_twothirds_to_full, .three_col_to_twothirds_to_full, .four_col_to_twothirds_to_full, .five_col_to_twothirds_to_full, .six_col_to_twothirds_to_full, .seven_col_to_twothirds_to_full, .eight_col_to_twothirds_to_full, .nine_col_to_twothirds_to_full, .ten_col_to_twothirds_to_full, .eleven_col_twothirds_to_full, .full_size_twothirds_to_full {
        margin: 0px auto;
        width: 64.984%;
        float: left;
        margin-left: 0.84%;
        margin-right: 0.84%;
    }

    /* SEVERAL - TWOTHIRDS - HALF */
    .one_col_to_twothirds_to_half, .two_col_to_twothirds_to_half, .three_col_to_twothirds_to_half, .four_col_to_twothirds_to_half, .five_col_to_twothirds_to_half, .six_col_to_twothirds_to_half, .seven_col_to_twothirds_to_half, .eight_col_to_twothirds_to_half, .nine_col_to_twothirds_to_half, .ten_col_to_twothirds_to_half, .eleven_col_twothirds_to_half, .full_size_twothirds_to_half {
        margin: 0px auto;
        width: 64.984%;
        float: left;
        margin-left: 0.84%;
        margin-right: 0.84%;
    }

    /*5) TITLES*/

    h1 {
        font-size: 46px;
        line-height: 54px;
    }

    h2 {
        font-size: 22px;
        line-height: 22px;
        margin: 0 auto 20px;
    }

    h3 {
        font-size: 22px;
        line-height: 22px;
        margin: 0 auto 25px;
    }

    h4 {
        font-size: 16px;
        line-height: 16px;
    }

    h5 {
        font-size: 22px;
        line-height: 22px;
        margin: 0 0 15px;
    }

    /*6) TAGS*/

    .grid.especialidad {
        font-size: 14px;
        line-height: 16px;
        font-weight: bold;
    }

        .grid.especialidad .cell {
            padding: 20px 15px;
        }

            .grid.especialidad .cell img {
                max-width: 70px;
                margin: 0 0 15px;
            }

        .grid.especialidad .plus {
            padding: 8px 8px;
            font-size: 31px;
            line-height: 14px;
        }

    .grid.seguros {
        font-size: 16px;
        line-height: 22px;
    }

        .grid.seguros .cell a {
            padding: 20px 15px;
        }

    .border {
        margin: 70px 0;
    }

    footer .redes {
        margin: 70px 0 0;
    }

    .contact_box {
        color: #232323;
        padding: 40px 30px;
    }

    .grid.cot {
        grid-template-columns: 100%;
        grid-gap: 30px 0%;
        margin: 40px 0 0;
    }

    .info_box {
        padding: 40px 25px;
        margin: 40px 0 0;
        font-size: 16px;
        line-height: 22px;
    }

        .info_box img {
            width: 28%;
            margin: 0 7% 0 0;
        }

    #banner .btn a {
        margin: 40px 0 0;
    }

    #banner .box {
        padding: 70px 35px;
    }

        #banner .box .title {
            font-size: 22px;
            line-height: 34px;
        }

            #banner .box .title span {
                font-size: 36px;
            }

    .grid.home .cell {
        padding: 30px 25px;
    }

        .grid.home .cell img {
            max-width: 50px;
            margin: 0 0 30px;
        }

        .grid.home .cell p {
            font-size: 14px;
            line-height: 20px;
            padding: 10px 0% 0 0;
        }

    .grid.sobre .cell:nth-child(2) {
        padding: 60px 80px 60px 80px;
    }

    .grid.sobre .cell a {
        padding: 20px 20px;
        margin: 30px 0 0;
    }

    .grid.contacto {
        grid-template-columns: 100%;
    }

        .grid.contacto .cell:nth-child(1) {
            padding: 60px 40px;
        }

        .grid.contacto .cell:nth-child(2) {
            padding: 60px 40px;
        }

    .grid.prod .cell .white_box {
        padding: 30px 20px;
        font-size: 14px;
        line-height: 18px;
    }

    .cyan_box._02 {
        padding: 35px 20px;
        font-size: 14px;
        line-height: 22px;
    }

        .cyan_box._02 p {
            margin: 0 0 70px;
        }

    .grid.det .cell .fich, .grid.det .cell .coti {
        display: inline-block;
        width: 100%;
        margin: 5px 0%;
    }

    .grid.det .cell {
        padding: 0 10px;
    }

        .grid.det .cell .title {
            font-size: 16px;
            line-height: 16px;
        }

        .grid.det .cell .desc {
            font-size: 14px;
            margin: 0 0 20px;
        }

    /*7) BUTTONS*/

    .btn.slider a {
        padding: 15px 60px;
        margin: 60px 0 0;
    }

    /*8) LISTS*/

    /*9) FORMS*/

    form {
        margin: 25px 0 0;
    }

    .form.half {
        width: 100%;
        float: left;
        margin-left: 0 !important;
    }

        .form.half:nth-child(even) {
            margin-left: 2%;
        }

    /*10) BACKGROUNDS*/

    /*11) STANDARD*/

    img.responsive {
        /*width: 90%;*/
    }
}

/* SMARTPHONE */
@media all and (max-width:420px) {
    .wrap {
        width: 90%;
        margin: 0px 5%;
        float: left;
    }
    /* 1) HEADER / FOOTER / SECTIONS */
    header {
        overflow: inherit;
        padding: 0 0px 15px;
    }

        header .blue_strip {
            padding: 10px 0;
            margin: 0 0 15px 0;
            font-size: 12px;
            line-height: 12px;
            text-align: center;
        }

        header #logo_area {
            margin: 0px 0.84% 0;
            padding: 0px 0 0;
        }

            header #logo_area img {
                max-width: 98px;
            }

        header #main_nav {
            margin-top: 5px;
        }

        header.smaller {
            padding: 0px 0 10px;
        }

            header.smaller .blue_strip {
                padding: 10px 0;
                margin: 0 0 10px 0;
            }

            header.smaller #logo_area img {
                transition: all 0.3s;
                max-width: 88px;
            }

            header.smaller #main_nav {
                margin-top: 3px;
            }

    #banner {
        margin: 125px auto 0;
        padding: 130px 0 170px;
    }

    #intro_area {
        padding: 180px 0 60px;
        font-size: 18px;
        line-height: 28px;
    }

    #title_area {
        margin: 138px auto 0;
        padding: 80px 0;
    }

    .white_area {
        padding: 50px 0;
    }

    .cyan_area {
        padding: 50px 0;
    }

    footer {
        padding: 50px 0;
    }

    #copyright {
        padding: 15px 5%;
        float: left;
        text-align: center;
        display: inline-block;
    }

    /*2) MENU*/

    header nav {
        top: 128px;
    }

    header.smaller nav {
        top: 112px;
    }

    /*3) SLIDER*/


    /*4) COLUMNS / MARGINS*/

    a.anchor {
        top: -70px;
    }

    .desktop_only {
        display: none !important;
    }

    .desktop_tablet_only {
        display: none !important;
    }

    .tablet_only {
        display: none !important;
    }

    .tablet_mobile_only {
        display: block;
    }

    .mobile_only {
        display: block !important;
    }

    .align_left_to_center {
        text-align: center;
    }

    .align_right_to_center {
        text-align: center;
    }

    .align_center_to_left {
        text-align: left;
    }

    .padding_left_to_none {
        padding-left: 0%;
    }

    /* SEVERAL - FULL - FULL */
    .one_col_to_full_to_full, .two_col_to_full_to_full, .three_col_to_full_to_full, .four_col_to_full_to_full, .five_col_to_full_to_full, .six_col_to_full_to_full, .seven_col_to_full_to_full, .eight_col_to_full_to_full, .nine_col_to_full_to_full, .ten_col_to_full_to_full, .eleven_col_full_to_full, .full_size_full_to_full {
        margin: 0px auto;
        width: 98.316%;
        float: left;
        margin-left: 0.84%;
        margin-right: 0.84%;
    }

    .third_to_third_full {
        width: 98.316%;
        float: left;
        margin-left: 0.84%;
        margin-right: 0.84%;
    }

    /* SEVERAL - FULL - HALF */
    .one_col_to_full_to_half, .two_col_to_full_to_half, .three_col_to_full_to_half, .four_col_to_full_to_half, .five_col_to_full_to_half, .six_col_to_full_to_half, .seven_col_to_full_to_half, .eight_col_to_full_to_half, .nine_col_to_full_to_half, .ten_col_to_full_to_half, .eleven_col_full_to_half, .full_size_full_to_half {
        margin: 0px auto;
        width: 48.318%;
        float: left;
        margin-left: 0.84%;
        margin-right: 0.84%;
    }

    /* SEVERAL - HALF - FULL */
    .one_col_to_half_to_full, .two_col_to_half_to_full, .three_col_to_half_to_full, .four_col_to_half_to_full, .five_col_to_half_to_full, .six_col_to_half_to_full, .seven_col_to_half_to_full, .eight_col_to_half_to_full, .nine_col_to_half_to_full, .ten_col_to_half_to_full, .eleven_col_half_to_full, .full_size_half_to_full {
        margin: 0px auto;
        width: 98.316%;
        float: left;
        margin-left: 0.84%;
        margin-right: 0.84%;
    }

    /* SEVERAL - HALF - HALF */
    .one_col_to_half_to_half, .two_col_to_half_to_half, .three_col_to_half_to_half, .four_col_to_half_to_half, .five_col_to_half_to_half, .six_col_to_half_to_half, .seven_col_to_half_to_half, .eight_col_to_half_to_half, .nine_col_to_half_to_half, .ten_col_to_half_to_half, .eleven_col_half_to_half, .full_size_half_to_half {
        margin: 0px auto;
        width: 48.318%;
        float: left;
        margin-left: 0.84%;
        margin-right: 0.84%;
    }

    /* SEVERAL - THIRD - FULL */
    .one_col_to_third_to_full, .two_col_to_third_to_full, .three_col_to_third_to_full, .four_col_to_third_to_full, .five_col_to_third_to_full, .six_col_to_third_to_full, .seven_col_to_third_to_full, .eight_col_to_third_to_full, .nine_col_to_third_to_full, .ten_col_to_third_to_full, .eleven_col_third_to_full, .full_size_third_to_full {
        margin: 0px auto;
        width: 98.316%;
        float: left;
        margin-left: 0.84%;
        margin-right: 0.84%;
    }

    /* SEVERAL - THIRD - HALF */
    .one_col_to_third_to_half, .two_col_to_third_to_half, .three_col_to_third_to_half, .four_col_to_third_to_half, .five_col_to_third_to_half, .six_col_to_third_to_half, .seven_col_to_third_to_half, .eight_col_to_third_to_half, .nine_col_to_third_to_half, .ten_col_to_third_to_half, .eleven_col_third_to_half, .full_size_third_to_half {
        margin: 0px auto;
        width: 48.318%;
        float: left;
        margin-left: 0.84%;
        margin-right: 0.84%;
    }

    /* SEVERAL - TWOTHIRDS - FULL */
    .one_col_to_twothirds_to_full, .two_col_to_twothirds_to_full, .three_col_to_twothirds_to_full, .four_col_to_twothirds_to_full, .five_col_to_twothirds_to_full, .six_col_to_twothirds_to_full, .seven_col_to_twothirds_to_full, .eight_col_to_twothirds_to_full, .nine_col_to_twothirds_to_full, .ten_col_to_twothirds_to_full, .eleven_col_twothirds_to_full, .full_size_twothirds_to_full {
        margin: 0px auto;
        width: 98.316%;
        float: left;
        margin-left: 0.84%;
        margin-right: 0.84%;
    }

    /* SEVERAL - TWOTHIRDS - HALF */
    .one_col_to_twothirds_to_half, .two_col_to_twothirds_to_half, .three_col_to_twothirds_to_half, .four_col_to_twothirds_to_half, .five_col_to_twothirds_to_half, .six_col_to_twothirds_to_half, .seven_col_to_twothirds_to_half, .eight_col_to_twothirds_to_half, .nine_col_to_twothirds_to_half, .ten_col_to_twothirds_to_half, .eleven_col_twothirds_to_half, .full_size_twothirds_to_half {
        margin: 0px auto;
        width: 48.318%;
        float: left;
        margin-left: 0.84%;
        margin-right: 0.84%;
    }

    .padding_right_to_none, .xl_padding_right_to_none {
        padding-right: 0%;
    }

    /*5) TITLES*/

    h1 {
        font-size: 34px;
        line-height: 38px;
    }

    h2 {
        font-size: 20px;
        line-height: 20px;
        margin: 0px auto 20px;
    }

    h3 {
        font-size: 20px;
        line-height: 20px;
        margin: 0 auto 20px;
    }

    /*6) TAGS*/

    .grid.especialidad {
        grid-template-columns: 48% 48%;
        grid-gap: 10px 4%;
        margin: 0px;
        width: 100%;
        background: #fff;
        color: #232323;
        font-size: 14px;
        line-height: 18px;
    }

        .grid.especialidad .cell {
            padding: 15px 10px;
        }

            .grid.especialidad .cell img {
                max-width: 70px;
                margin: 0 0 10px;
            }

    .border {
        margin: 50px 0;
    }

    img.home_img {
        width: 65%;
        margin: 0 0 30px;
    }

    .text.big {
        font-size: 16px;
        line-height: 24px;
        font-weight: normal;
    }

    .cyan_box {
        margin: 10px 0;
    }

    .grid.seguros {
        grid-template-columns: 100%;
        grid-gap: 10px 0;
        font-size: 16px;
        line-height: 22px;
    }

    .contact_box {
        padding: 30px 25px;
        margin: 30px 0 0;
    }

    .grid.home {
        grid-template-columns: 100%;
        grid-gap: 20px 0;
        margin: -155px 0 65px;
    }

        .grid.home .cell {
            padding: 25px 20px;
        }

            .grid.home .cell img {
                max-width: 50px;
                margin: 0 0 20px;
            }

    .grid.sobre {
        grid-template-columns: 100%;
    }

        .grid.sobre .cell:nth-child(1) {
            padding: 150px 100px;
        }

        .grid.sobre .cell:nth-child(2) {
            padding: 40px 50px;
        }

    .grid.prod {
        grid-template-columns: 100%;
        grid-gap: 20px 0;
        margin: 40px auto 0;
    }

    .cyan_box._02 {
        padding: 30px 20px;
        line-height: 20px;
        margin: 0 0 40px;
    }

    .grid.det {
        grid-template-columns: 100%;
        grid-gap: 50px 0%;
        border-top: solid 1px #e6eff0;
    }

    #copyright a .fa {
        margin: 15px 0 0;
    }

    /*7) BUTTONS*/

    .btn.blue a {
        padding: 16px 40px;
        margin: 25px 0 0;
        font-size: 16px;
        line-height: 16px;
        letter-spacing: 1px;
        text-align: center;
    }

    /*8) LISTS*/

    /*9) FORMS*/

    .form {
        margin: 0 0 10px;
        font-size: 16px;
        line-height: 16px;
        padding: 13px;
    }

        .form.half {
            width: 100%;
            float: left;
        }

            .form.half:nth-child(even) {
                margin-left: 0%;
            }

    input.btn_form, button.btn_form {
        width: 100%;
        margin: 10px 0 0;
    }

    .form::-webkit-input-placeholder {
        font-family: 'Raleway', sans-serif;
        font-weight: bold;
        color: #232323;
        font-size: 14px;
        line-height: 14px;
        text-align: left;
        letter-spacing: 0px;
    }

    .form:-moz-placeholder { /* Firefox 18- */
        font-family: 'Raleway', sans-serif;
        font-weight: bold;
        color: #232323;
        font-size: 14px;
        line-height: 14px;
        text-align: left;
        letter-spacing: 0px;
    }

    .form::-moz-placeholder { /* Firefox 19+ */
        font-family: 'Raleway', sans-serif;
        font-weight: bold;
        color: #232323;
        font-size: 14px;
        line-height: 14px;
        text-align: left;
        letter-spacing: 0px;
    }

    .form:-ms-input-placeholder {
        font-family: 'Raleway', sans-serif;
        font-weight: bold;
        color: #232323;
        font-size: 14px;
        line-height: 14px;
        text-align: left;
        letter-spacing: 0px;
    }

    /*10) BACKGROUNDS*/

}