@font-face {
    font-family: 'Sanomat Sans XBold';
    src: url('fonts/SanomatSans-XBold.eot');
    src: url('fonts/SanomatSans-XBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/SanomatSans-XBold.woff2') format('woff2'),
        url('fonts/SanomatSans-XBold.woff') format('woff'),
        url('fonts/SanomatSans-XBold.ttf') format('truetype'),
        url('fonts/SanomatSans-XBold.svg#SanomatSans-XBold') format('svg');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sanomat Sans Thin';
    src: url('fonts/SanomatSans-Thin.eot');
    src: url('fonts/SanomatSans-Thin.eot?#iefix') format('embedded-opentype'),
        url('fonts/SanomatSans-Thin.woff2') format('woff2'),
        url('fonts/SanomatSans-Thin.woff') format('woff'),
        url('fonts/SanomatSans-Thin.ttf') format('truetype'),
        url('fonts/SanomatSans-Thin.svg#SanomatSans-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sanomat Sans Regular';
    src: url('fonts/SanomatSans-Regular.eot');
    src: url('fonts/SanomatSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/SanomatSans-Regular.woff2') format('woff2'),
        url('fonts/SanomatSans-Regular.woff') format('woff'),
        url('fonts/SanomatSans-Regular.ttf') format('truetype'),
        url('fonts/SanomatSans-Regular.svg#SanomatSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sanomat Sans Light';
    src: url('fonts/SanomatSans-Light.eot');
    src: url('fonts/SanomatSans-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/SanomatSans-Light.woff2') format('woff2'),
        url('fonts/SanomatSans-Light.woff') format('woff'),
        url('fonts/SanomatSans-Light.ttf') format('truetype'),
        url('fonts/SanomatSans-Light.svg#SanomatSans-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sanomat Sans Medium';
    src: url('fonts/SanomatSans-Medium.eot');
    src: url('fonts/SanomatSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/SanomatSans-Medium.woff2') format('woff2'),
        url('fonts/SanomatSans-Medium.woff') format('woff'),
        url('fonts/SanomatSans-Medium.ttf') format('truetype'),
        url('fonts/SanomatSans-Medium.svg#SanomatSans-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sanomat Sans Bold';
    src: url('fonts/SanomatSans-Bold.eot');
    src: url('fonts/SanomatSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/SanomatSans-Bold.woff2') format('woff2'),
        url('fonts/SanomatSans-Bold.woff') format('woff'),
        url('fonts/SanomatSans-Bold.ttf') format('truetype'),
        url('fonts/SanomatSans-Bold.svg#SanomatSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sanomat Sans Hairline';
    src: url('fonts/SanomatSans-Hairline.eot');
    src: url('fonts/SanomatSans-Hairline.eot?#iefix') format('embedded-opentype'),
        url('fonts/SanomatSans-Hairline.woff2') format('woff2'),
        url('fonts/SanomatSans-Hairline.woff') format('woff'),
        url('fonts/SanomatSans-Hairline.ttf') format('truetype'),
        url('fonts/SanomatSans-Hairline.svg#SanomatSans-Hairline') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sanomat Sans Black';
    src: url('fonts/SanomatSans-Black.eot');
    src: url('fonts/SanomatSans-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/SanomatSans-Black.woff2') format('woff2'),
        url('fonts/SanomatSans-Black.woff') format('woff'),
        url('fonts/SanomatSans-Black.ttf') format('truetype'),
        url('fonts/SanomatSans-Black.svg#SanomatSans-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sanomat Sans XLight';
    src: url('fonts/SanomatSans-XLight.eot');
    src: url('fonts/SanomatSans-XLight.eot?#iefix') format('embedded-opentype'),
        url('fonts/SanomatSans-XLight.woff2') format('woff2'),
        url('fonts/SanomatSans-XLight.woff') format('woff'),
        url('fonts/SanomatSans-XLight.ttf') format('truetype'),
        url('fonts/SanomatSans-XLight.svg#SanomatSans-XLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neutra Text Bold';
    src: url('fonts/NeutraText-Bold.eot');
    src: url('fonts/NeutraText-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/NeutraText-Bold.woff2') format('woff2'),
        url('fonts/NeutraText-Bold.woff') format('woff'),
        url('fonts/NeutraText-Bold.ttf') format('truetype'),
        url('fonts/NeutraText-Bold.svg#NeutraText-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neutra Text BoldItalic';
    src: url('fonts/NeutraText-BoldItalic.eot');
    src: url('fonts/NeutraText-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/NeutraText-BoldItalic.woff2') format('woff2'),
        url('fonts/NeutraText-BoldItalic.woff') format('woff'),
        url('fonts/NeutraText-BoldItalic.ttf') format('truetype'),
        url('fonts/NeutraText-BoldItalic.svg#NeutraText-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Neutra Text BookItalic';
    src: url('fonts/NeutraText-BookItalic.eot');
    src: url('fonts/NeutraText-BookItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/NeutraText-BookItalic.woff2') format('woff2'),
        url('fonts/NeutraText-BookItalic.woff') format('woff'),
        url('fonts/NeutraText-BookItalic.ttf') format('truetype'),
        url('fonts/NeutraText-BookItalic.svg#NeutraText-BookItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Neutra Text BookAlt';
    src: url('fonts/NeutraText-BookAlt.eot');
    src: url('fonts/NeutraText-BookAlt.eot?#iefix') format('embedded-opentype'),
        url('fonts/NeutraText-BookAlt.woff2') format('woff2'),
        url('fonts/NeutraText-BookAlt.woff') format('woff'),
        url('fonts/NeutraText-BookAlt.ttf') format('truetype'),
        url('fonts/NeutraText-BookAlt.svg#NeutraText-BookAlt') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neutra Text Book';
    src: url('fonts/NeutraText-Book.eot');
    src: url('fonts/NeutraText-Book.eot?#iefix') format('embedded-opentype'),
        url('fonts/NeutraText-Book.woff2') format('woff2'),
        url('fonts/NeutraText-Book.woff') format('woff'),
        url('fonts/NeutraText-Book.ttf') format('truetype'),
        url('fonts/NeutraText-Book.svg#NeutraText-Book') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}



*{
    /*
    -webkit-transition: ease-in-out 0.15s;
    transition: ease-in-out 0.15s;
    */
}
a:hover{ text-decoration: none !important; }
.body_wrap{
    max-width: 1000px;
    margin: 40px auto;
}
.separator{
    clear: both;
    height: 1px;
    width: 100%;
    background-color: #AFAFB4;
}
.sepa_lightgrey{
    background-color: #e5e5e5;
}
.sepa_blue{
    clear: both;
    height: 4px;
    width: 100%;
    background-color: var(--secondary-color);
}
.sepa_short{
    width: 30px;
}
.sepa_dash{
    height: 2px;
    margin-bottom: 2px;
    background-color: transparent;
    background-image: linear-gradient(to right, var(--secondary-color) 42%, rgba(255, 255, 255, 0) 0%);
    background-size: 20px 3px;
}
.sepa_dot{
    height: 1px;
    margin-bottom: 1px;
    background-color: transparent;
    background-image: linear-gradient(to right, var(--primary-color) 34%, rgba(255, 255, 255, 0) 0%);
    background-size: 7px 3px;
}
.body_mobile .sepa_blue{
    height: 2px;
}
.sepa_blue.sepa_thin{
    height: 1px;
}

.text-uppercase{
    text-transform: uppercase;
}
.text-lowercase{
    text-transform: initial !important;
}

.text-underline{
    text-decoration: underline;
}

.overflow_hidden{
    overflow: hidden;
}
img{
    max-width: 100%;
    width: 100%;
}
ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

.row_narrow .col-md-1,
.row_narrow .col-md-2,
.row_narrow .col-md-3,
.row_narrow .col-md-4,
.row_narrow .col-md-5,
.row_narrow .col-md-6,
.row_narrow .col-md-7,
.row_narrow .col-md-8,
.row_narrow .col-md-9,
.row_narrow .col-md-10,
.row_narrow .col-md-11,
.row_narrow .col-md-12{
    padding-right: 5px;
    padding-left: 5px;
}

.no_padding{padding: 0 !important;}
.no_margin{margin: 0 !important;}
.no_border{border: 0 !important;}

.clearfix{
    clear: both;
}
.clearfix.espacio5{height: 5px;}
.clearfix.espacio10{height: 10px;}
.clearfix.espacio15{height: 15px;}
.clearfix.espacio20{height: 20px;}
.clearfix.espacio25{height: 25px;}
.clearfix.espacio30{height: 30px;}
.clearfix.espacio35{height: 35px;}
.clearfix.espacio40{height: 40px;}
.clearfix.espacio45{height: 45px;}
.clearfix.espacio50{height: 50px;}
.clearfix.espacio55{height: 55px;}
.clearfix.espacio60{height: 60px;}
.clearfix.espacio65{height: 65px;}
.clearfix.espacio70{height: 70px;}
.clearfix.espacio75{height: 75px;}
.clearfix.espacio80{height: 80px;}
.clearfix.espacio85{height: 85px;}
.clearfix.espacio90{height: 90px;}
.clearfix.espacio95{height: 95px;}
.clearfix.espacio100{height: 100px;}

.body_mobile .clearfix.espacio5{height: 5px;}
.body_mobile .clearfix.espacio10{height: 5px;}
.body_mobile .clearfix.espacio15{height: 10px;}
.body_mobile .clearfix.espacio20{height: 10px;}
.body_mobile .clearfix.espacio25{height: 15px;}
.body_mobile .clearfix.espacio30{height: 15px;}
.body_mobile .clearfix.espacio35{height: 20px;}
.body_mobile .clearfix.espacio40{height: 20px;}
.body_mobile .clearfix.espacio45{height: 25px;}
.body_mobile .clearfix.espacio50{height: 25px;}
.body_mobile .clearfix.espacio55{height: 30px;}
.body_mobile .clearfix.espacio60{height: 30px;}
.body_mobile .clearfix.espacio65{height: 35px;}
.body_mobile .clearfix.espacio70{height: 35px;}
.body_mobile .clearfix.espacio75{height: 40px;}
.body_mobile .clearfix.espacio80{height: 40px;}
.body_mobile .clearfix.espacio85{height: 45px;}
.body_mobile .clearfix.espacio90{height: 45px;}
.body_mobile .clearfix.espacio95{height: 50px;}
.body_mobile .clearfix.espacio100{height: 50px;}

.hidden{display: none !important;}

.hide_desktop{display: none !important;}
.hide_mobile{display: block !important;}
.body_mobile .hide_desktop{display: block !important;}
.body_mobile .hide_mobile{display: none !important;}

body.not_logged .hide_if_not_logged{
    display: none;
}
body.logged .hide_if_logged{
    display: none;
}

.font-xxxs{font-size: 11px !important;}
.font-xxs{font-size: 12px !important;}
.font-xs{font-size: 14px !important;}
.font-s{font-size: 17px !important;}
.font-m{font-size: 19px !important;}
.font-l{font-size: 22px !important;}
.font-xl{font-size: 26px !important;}
.font-xxl{font-size: 32px !important;}

.body_mobile .font-xxxs{font-size: 12px !important;}
.body_mobile .font-xxs{font-size: 12px !important;}
.body_mobile .font-xs{font-size: 13px !important;}
.body_mobile .font-s{font-size: 14px !important;}
.body_mobile .font-m{font-size: 16px !important;}
.body_mobile .font-l{font-size: 20px !important;}
.body_mobile .font-xl{font-size: 23px !important;}
.body_mobile .font-xxl{font-size: 27px !important;}

.font-regular { font-family: var(--font-regular) !important; font-weight: 400 }
.font-medium { font-family: var(--font-medium) !important; font-weight: 600 }
.font-bold { font-family: var(--font-bold) !important; font-weight: 700 }

.body_mobile .pull-left-mobile{
    float: left !important;
}
.body_mobile .pull-right-mobile{
    float: right !important;
}

.body_mobile .text-left-mobile{
    text-align: left !important;
}
.body_mobile .text-right-mobile{
    text-align: right !important;
}
.body_mobile .text-center-mobile{
    text-align: center !important;
}

.row_full{
    margin-left: -15px;
    margin-right: -15px;
}
.body_mobile .row_space_mobile{
    margin-left: 0;
    margin-right: 0;
}
.body_mobile .row_space_mobile img{
    margin-left: auto;
    margin-right: auto;
}
.full_mobile{

}
.body_mobile .full_mobile{
    margin-left: -15px;
    margin-right: -15px;
}
.width_auto{
    width: auto;
}
.width_100{
    width: 100%;
}
.body_mobile .width_100_mobile{
    width: 100%;
}
.align_middle{
    display: flex;
    align-items: center;
}
.space_between{
    display: flex;
    justify-content: space-between;
}
.body_mobile .flex_mobile{
    display: flex;
}
.position_center{
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
}
.body_mobile .position_center{
    position: static !important;
    transform: none !important; 
}
.text_center_vertical{
    display: table;
}
.text_center_vertical > span{
    display:table-cell;
    vertical-align:middle;
}

.body_mobile .text-left-mobile{
    text-align: left !important;
}
.body_mobile .text-right-mobile{
    text-align: right !important;
}

.grid_items{
    display: grid;
    grid-gap: 20px;
}
.grid_items.two_columns{
    grid-template-columns: 1fr 1fr;
}
.grid_items.three_columns{
    grid-template-columns: 1fr 1fr 1fr;
}
.grid_items.four_columns{
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.grid_items.five_columns{
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.grid_items.six_columns{
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.grid_items > .grid_item{
    width: auto;
}

.pt-0{padding-top:     0px !important;}
.pr-0{padding-right:   0px !important;}
.pb-0{padding-bottom:  0px !important;}
.pl-0{padding-left:    0px !important;}
.pt-5{padding-top:     5px !important;}
.pr-5{padding-right:   5px !important;}
.pb-5{padding-bottom:  5px !important;}
.pl-5{padding-left:    5px !important;}
.pt-10{padding-top:     10px !important;}
.pr-10{padding-right:   10px !important;}
.pb-10{padding-bottom:  10px !important;}
.pl-10{padding-left:    10px !important;}
.pt-15{padding-top:     15px !important;}
.pr-15{padding-right:   15px !important;}
.pb-15{padding-bottom:  15px !important;}
.pl-15{padding-left:    15px !important;}
.pt-20{padding-top:     20px !important;}
.pr-20{padding-right:   20px !important;}
.pb-20{padding-bottom:  20px !important;}
.pl-20{padding-left:    20px !important;}
.pt-30{padding-top:     30px !important;}
.pr-30{padding-right:   30px !important;}
.pb-30{padding-bottom:  30px !important;}
.pl-30{padding-left:    30px !important;}
.pt-40{padding-top:     40px !important;}
.pr-40{padding-right:   40px !important;}
.pb-40{padding-bottom:  40px !important;}
.pl-40{padding-left:    40px !important;}
.pt-50{padding-top:     50px !important;}
.pr-50{padding-right:   50px !important;}
.pb-50{padding-bottom:  50px !important;}
.pl-50{padding-left:    50px !important;}
.pt-60{padding-top:     60px !important;}
.pr-60{padding-right:   60px !important;}
.pb-60{padding-bottom:  60px !important;}
.pl-60{padding-left:    60px !important;}
.pt-70{padding-top:     70px !important;}
.pr-70{padding-right:   70px !important;}
.pb-70{padding-bottom:  70px !important;}
.pl-70{padding-left:    70px !important;}
.pt-80{padding-top:     80px !important;}
.pr-80{padding-right:   80px !important;}
.pb-80{padding-bottom:  80px !important;}
.pl-80{padding-left:    80px !important;}
.pt-90{padding-top:     90px !important;}
.pr-90{padding-right:   90px !important;}
.pb-90{padding-bottom:  90px !important;}
.pl-90{padding-left:    90px !important;}
.pt-100{padding-top:     100px !important;}
.pr-100{padding-right:   100px !important;}
.pb-100{padding-bottom:  100px !important;}
.pl-100{padding-left:    100px !important;}

.body_mobile .ptm-0{padding-top:     0px !important;}
.body_mobile .prm-0{padding-right:   0px !important;}
.body_mobile .pbm-0{padding-bottom:  0px !important;}
.body_mobile .plm-0{padding-left:    0px !important;}
.body_mobile .ptm-5{padding-top:     5px !important;}
.body_mobile .prm-5{padding-right:   5px !important;}
.body_mobile .pbm-5{padding-bottom:  5px !important;}
.body_mobile .plm-5{padding-left:    5px !important;}
.body_mobile .ptm-10{padding-top:     10px !important;}
.body_mobile .prm-10{padding-right:   10px !important;}
.body_mobile .pbm-10{padding-bottom:  10px !important;}
.body_mobile .plm-10{padding-left:    10px !important;}
.body_mobile .ptm-15{padding-top:     15px !important;}
.body_mobile .prm-15{padding-right:   15px !important;}
.body_mobile .pbm-15{padding-bottom:  15px !important;}
.body_mobile .plm-15{padding-left:    15px !important;}
.body_mobile .ptm-20{padding-top:     20px !important;}
.body_mobile .prm-20{padding-right:   20px !important;}
.body_mobile .pbm-20{padding-bottom:  20px !important;}
.body_mobile .plm-20{padding-left:    20px !important;}
.body_mobile .ptm-30{padding-top:     30px !important;}
.body_mobile .prm-30{padding-right:   30px !important;}
.body_mobile .pbm-30{padding-bottom:  30px !important;}
.body_mobile .plm-30{padding-left:    30px !important;}
.body_mobile .ptm-40{padding-top:     40px !important;}
.body_mobile .prm-40{padding-right:   40px !important;}
.body_mobile .pbm-40{padding-bottom:  40px !important;}
.body_mobile .plm-40{padding-left:    40px !important;}
.body_mobile .ptm-50{padding-top:     50px !important;}
.body_mobile .prm-50{padding-right:   50px !important;}
.body_mobile .pbm-50{padding-bottom:  50px !important;}
.body_mobile .plm-50{padding-left:    50px !important;}
.body_mobile .ptm-60{padding-top:     60px !important;}
.body_mobile .prm-60{padding-right:   60px !important;}
.body_mobile .pbm-60{padding-bottom:  60px !important;}
.body_mobile .plm-60{padding-left:    60px !important;}
.body_mobile .ptm-70{padding-top:     70px !important;}
.body_mobile .prm-70{padding-right:   70px !important;}
.body_mobile .pbm-70{padding-bottom:  70px !important;}
.body_mobile .plm-70{padding-left:    70px !important;}
.body_mobile .ptm-80{padding-top:     80px !important;}
.body_mobile .prm-80{padding-right:   80px !important;}
.body_mobile .pbm-80{padding-bottom:  80px !important;}
.body_mobile .plm-80{padding-left:    80px !important;}
.body_mobile .ptm-90{padding-top:     90px !important;}
.body_mobile .prm-90{padding-right:   90px !important;}
.body_mobile .pbm-90{padding-bottom:  90px !important;}
.body_mobile .plm-90{padding-left:    90px !important;}
.body_mobile .ptm-100{padding-top:     100px !important;}
.body_mobile .prm-100{padding-right:   100px !important;}
.body_mobile .pbm-100{padding-bottom:  100px !important;}
.body_mobile .plm-100{padding-left:    100px !important;}

.mt-0{margin-top:     0px !important;}
.mr-0{margin-right:   0px !important;}
.mb-0{margin-bottom:  0px !important;}
.ml-0{margin-left:    0px !important;}
.mt-5{margin-top:     5px !important;}
.mr-5{margin-right:   5px !important;}
.mb-5{margin-bottom:  5px !important;}
.ml-5{margin-left:    5px !important;}
.mt-10{margin-top:     10px !important;}
.mr-10{margin-right:   10px !important;}
.mb-10{margin-bottom:  10px !important;}
.ml-10{margin-left:    10px !important;}
.mt-15{margin-top:     15px !important;}
.mr-15{margin-right:   15px !important;}
.mb-15{margin-bottom:  15px !important;}
.ml-15{margin-left:    15px !important;}
.mt-20{margin-top:     20px !important;}
.mr-20{margin-right:   20px !important;}
.mb-20{margin-bottom:  20px !important;}
.ml-20{margin-left:    20px !important;}
.mt-30{margin-top:     30px !important;}
.mr-30{margin-right:   30px !important;}
.mb-30{margin-bottom:  30px !important;}
.ml-30{margin-left:    30px !important;}
.mt-40{margin-top:     40px !important;}
.mr-40{margin-right:   40px !important;}
.mb-40{margin-bottom:  40px !important;}
.ml-40{margin-left:    40px !important;}
.mt-50{margin-top:     50px !important;}
.mr-50{margin-right:   50px !important;}
.mb-50{margin-bottom:  50px !important;}
.ml-50{margin-left:    50px !important;}
.mt-60{margin-top:     60px !important;}
.mr-60{margin-right:   60px !important;}
.mb-60{margin-bottom:  60px !important;}
.ml-60{margin-left:    60px !important;}
.mt-70{margin-top:     70px !important;}
.mr-70{margin-right:   70px !important;}
.mb-70{margin-bottom:  70px !important;}
.ml-70{margin-left:    70px !important;}
.mt-80{margin-top:     80px !important;}
.mr-80{margin-right:   80px !important;}
.mb-80{margin-bottom:  80px !important;}
.ml-80{margin-left:    80px !important;}
.mt-90{margin-top:     90px !important;}
.mr-90{margin-right:   90px !important;}
.mb-90{margin-bottom:  90px !important;}
.ml-90{margin-left:    90px !important;}
.mt-100{margin-top:     100px !important;}
.mr-100{margin-right:   100px !important;}
.mb-100{margin-bottom:  100px !important;}
.ml-100{margin-left:    100px !important;}

.body_mobile .mtm-0{margin-top:     0px !important;}
.body_mobile .mrm-0{margin-right:   0px !important;}
.body_mobile .mbm-0{margin-bottom:  0px !important;}
.body_mobile .mmlm-0{margin-left:    0px !important;}
.body_mobile .mptm-5{margin-top:     5px !important;}
.body_mobile .mrm-5{margin-right:   5px !important;}
.body_mobile .mbm-5{margin-bottom:  5px !important;}
.body_mobile .mlm-5{margin-left:    5px !important;}
.body_mobile .mtm-10{margin-top:     10px !important;}
.body_mobile .mrm-10{margin-right:   10px !important;}
.body_mobile .mbm-10{margin-bottom:  10px !important;}
.body_mobile .mlm-10{margin-left:    10px !important;}
.body_mobile .mtm-15{margin-top:     15px !important;}
.body_mobile .mrm-15{margin-right:   15px !important;}
.body_mobile .mbm-15{margin-bottom:  15px !important;}
.body_mobile .mlm-15{margin-left:    15px !important;}
.body_mobile .mtm-20{margin-top:     20px !important;}
.body_mobile .mrm-20{margin-right:   20px !important;}
.body_mobile .mbm-20{margin-bottom:  20px !important;}
.body_mobile .mlm-20{margin-left:    20px !important;}
.body_mobile .mtm-30{margin-top:     30px !important;}
.body_mobile .mrm-30{margin-right:   30px !important;}
.body_mobile .mbm-30{margin-bottom:  30px !important;}
.body_mobile .mlm-30{margin-left:    30px !important;}
.body_mobile .mtm-40{margin-top:     40px !important;}
.body_mobile .mrm-40{margin-right:   40px !important;}
.body_mobile .mbm-40{margin-bottom:  40px !important;}
.body_mobile .mlm-40{margin-left:    40px !important;}
.body_mobile .mtm-50{margin-top:     50px !important;}
.body_mobile .mrm-50{margin-right:   50px !important;}
.body_mobile .mbm-50{margin-bottom:  50px !important;}
.body_mobile .mlm-50{margin-left:    50px !important;}
.body_mobile .mtm-60{margin-top:     60px !important;}
.body_mobile .mrm-60{margin-right:   60px !important;}
.body_mobile .mbm-60{margin-bottom:  60px !important;}
.body_mobile .mlm-60{margin-left:    60px !important;}
.body_mobile .mtm-70{margin-top:     70px !important;}
.body_mobile .mrm-70{margin-right:   70px !important;}
.body_mobile .mbm-70{margin-bottom:  70px !important;}
.body_mobile .mlm-70{margin-left:    70px !important;}
.body_mobile .mtm-80{margin-top:     80px !important;}
.body_mobile .mrm-80{margin-right:   80px !important;}
.body_mobile .mbm-80{margin-bottom:  80px !important;}
.body_mobile .mlm-80{margin-left:    80px !important;}
.body_mobile .mtm-90{margin-top:     90px !important;}
.body_mobile .mrm-90{margin-right:   90px !important;}
.body_mobile .mbm-90{margin-bottom:  90px !important;}
.body_mobile .mlm-90{margin-left:    90px !important;}
.body_mobile .mtm-100{margin-top:     100px !important;}
.body_mobile .mrm-100{margin-right:   100px !important;}
.body_mobile .mbm-100{margin-bottom:  100px !important;}
.body_mobile .mlm-100{margin-left:    100px !important;}

@keyframes fadein {
    0% {
        display: none;
        visibility: hidden;
        opacity: 0;
    }

    1% {
        display: block;
        visibility: visible;
        opacity: 0;
    }

    100% {
        display: block;
        visibility: visible;
        opacity: 1;
    }
}

@keyframes show_msg_top {
    0% {
        top: -70px;
    }
    35% {
        top: -70px;
    }
    100% {
        top: 0px;
    }
}




/* main */

body{
    --width-desktop: 1000px;

    --top-height: 95px;
    --top-height-mobile: 60px;

    --primary-color: #2a367c;
    --primary-color-translucid: #2a367cc4;
    --secondary-color: #1392d1;
    --red-color: #dd3333;
    --softred-color: #e4474e;
    --hover-color: #0B85C2;
    --dark-color: #12126c;
    --grey-color: #626262;
    --yellow-color: #eed202;
    --green-color: #e6e600;
    --darkgreen-color: #009900;
    --softgreen-color: #489848;
    --cyan-color: #20b4f6;
    --lightblue-color: #d6dfe9;
    --lightblue2-color: #c8d4e1;
    --lightgrey-color: #d6dfe9;

    --margin-side: calc((100vw - var(--width-desktop))/2);

    /*
    --font-light: 'Sanomat Sans Light';
    --font-regular: 'Sanomat Sans Regular';
    --font-medium: 'Sanomat Sans Medium';
    --font-bold: 'Sanomat Sans Bold';
    */

    --font-light: 'Open Sans';
    --font-regular: 'Open Sans';
    --font-medium: 'Open Sans';
    --font-bold: 'Open Sans';

    font-family: var(--font-medium), sans-serif;
    color: #727276;
    overflow-x: hidden;

    background: var(--dark-color);

    font-size: 14px;

}
body.no_scroll{
    overflow: hidden;
}
.container{
    margin-right: auto;
    margin-left: auto;
    max-width: var(--width-desktop);
}
.body_mobile .container{
    margin-right: -15px;
    margin-left: -15px;
}

#logo{
    float: left;
    width: auto;
    margin-top: 5px;
}
#logo img{
    width: auto;
    margin: 22px 0 0 10px;
}

.body_mobile #logo{
    float: none;
    width: 100%;
    margin-top: 0;
    text-align: center;
}
.body_mobile #logo img{
    margin: 16px auto 0 auto;
    width: 170px;
}

.primary_color      {color: var(--primary-color) !important;}
.secondary_color    {color: var(--secondary-color) !important;}
.red_color          {color: var(--red-color) !important;}
.softred_color      {color: var(--softred-color) !important;}
.green_color        {color: var(--green-color) !important;}
.darkgreen_color    {color: var(--darkgreen-color) !important;}
.softgreen_color    {color: var(--softgreen-color) !important;}
.yellow_color       {color: var(--yellow-color) !important;}
.neutral_color      {color: #6b6b6b !important;}
.black_color        {color: #000 !important;}
.white_color        {color: white !important;}


/* ----------------------------------- */ 
/* top */

#top{
    position: fixed;
    height: var(--top-height);
    background-color: var(--primary-color);
    width: 100%;
    z-index: 3;
    border-bottom: 6px solid var(--primary-color);
}
.body_mobile #top{
    height: var(--top-height-mobile);
}
.body_mobile #top.active{
    background-color: var(--primary-color);
}
#top .top_wrap{
    padding: 0 15px;
    max-width: var(--width-desktop);
    width: 100%;
    margin: 0 auto;
}



/* ----------------------------------- */ 
/* collapse_mobile */

.body_mobile .collapse_mobile{
    background-image: url(images/plus-secondary.png);
    background-position: right 0px center;
    background-repeat: no-repeat;
}
.body_mobile .collapse_mobile.collapsed{
    background-image: url(images/minus-secondary.png);
}
.body_mobile .collapse_mobile.icon_primary{
    background-image: url(images/plus-primary.png);
}
.body_mobile .collapse_mobile.icon_primary.collapsed{
    background-image: url(images/minus-primary.png);
}


/* ----------------------------------- */ 
/* login */
.wrap_login{
    min-height: 540px;
}
.body_mobile .wrap_login{
    min-height: unset;
}


/* ----------------------------------- */ 
/* list_bullet */

ul.list_bullet{
    list-style-image: url(images/bullet.png);
    padding-left: 17px;
}
ul.list_bullet.red_bullet{
    list-style-image: url(images/bullet_red.png);
}
ul.list_bullet.bullet_small{
    list-style-image: url(images/bullet_small.png);
}
ul.list_bullet.bullet_small_green{
    list-style-image: url(images/bullet_small_green.png);
}
ul.list_bullet.bullet_arrow{
    list-style-image: url(images/arrow-secondary.png);
}
ul.list_bullet li{
    padding-left: 0px;
    font-size: 14px;
    margin-bottom: 10px;
}


/* ----------------------------------- */ 
/* menu mobile */

.body_mobile .modal.mobile_options .modal_title{
    margin-bottom: 0px;
}
.body_mobile .modal.mobile_options .modal_content {
    padding: 0;
    margin: 0;
}
.body_mobile .mobile_options ul{
    margin-bottom: 20px;
}
.body_mobile .mobile_options a{
    color: var(--primary-color);
    padding: 10px 15px 10px 35px;
    display: block;
    border-bottom: 1px dotted var(--secondary-color);
    font-weight: 600;
    position: relative;
}
.body_mobile .mobile_options a::before{
    content: '';
    background-image: url(images/arrow-secondary.png);
    height: 12px;
    width: 12px;
    position: absolute;
    left: 16px;
    top: 14px;
    background-repeat: no-repeat;
    background-size: contain;
}

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

.hamburger{
    cursor: pointer;
    padding: 18px 10px;
    left: 0;
    top: 0;
    font-size: 22px;
    float: left;
    margin-top: 18px;
}

.hamburger .line{
    width: 22px;
    height: 3px;
    background-color: var(--secondary-color);
    display: block;
    margin: 3px auto;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


.hamburger.active .line:nth-child(2){
  opacity: 0;
}

.hamburger.active .line:nth-child(1){
  -webkit-transform: translateY(6px) rotate(45deg);
  -ms-transform: translateY(6px) rotate(45deg);
  -o-transform: translateY(6px) rotate(45deg);
  transform: translateY(6px) rotate(45deg);
  background-color: var(--green-color);
}

.hamburger.active .line:nth-child(3){
  -webkit-transform: translateY(-6px) rotate(-45deg);
  -ms-transform: translateY(-6px) rotate(-45deg);
  -o-transform: translateY(-6px) rotate(-45deg);
  transform: translateY(-6px) rotate(-45deg);
  background-color: var(--green-color);
}

.hamburger:hover{
    opacity: 1;
}
.body_mobile #top .hamburger{
    position: absolute;
    top: 0px;
    left: 0px;
    margin-top: 1px;
}

.options_top{
    float: right;
    margin: 34px 0 0 0;
    width: 50%;
    text-align: right;
    font-weight: 600;
    margin-right: 10px;
}
.body_mobile .options_top{
    position: absolute;
    top: 0px;
    right: 0px;
    margin-top: 17px;
    width: auto;
}
.options_top .username{
    display: inline-block;
    color: white;
    background-image: url(images/icon_clientes_big.png);
    padding-right: 35px;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 22px;
    height: 26px;
    line-height: 26px;
}
.body_mobile .options_top .username{
    width: 20px;
    overflow: hidden;
    line-height: 200px;
}
.options_top .username_noicon {
    display: inline-block;
    color: white;
    padding-right: 35px;
    height: 26px;
    line-height: 26px;
}

.body_mobile .options_top .username_noicon {
    width: 20px;
    overflow: hidden;
    line-height: 200px;
}
.options_top a{
    margin-left: 20px;
    border: 1px solid var(--secondary-color);
    padding: 2px 7px;
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 5px;
}
.options_top a:hover{
    opacity: 1;
    background-color: var(--secondary-color);
    color: var(--primary-color);
}
.body_mobile .options_top a{
    display: none;
}


/* ------------------------ */
/* ----- menu_top ----- */

.menu_top{
    display: none;
    position: fixed;
    z-index: 3;
    top: 94px;
    width: 100%;
    background-color: var(--primary-color);
    background-image: url(images/bg_menu_top.png);
    background-position: bottom right;
    background-repeat: no-repeat;
}
.body_mobile .menu_top{
    top: 60px;
    background-image: none;
    height: calc(100vh - var(--top-height-mobile));
    overflow: auto;
}
.menu_top.show_menu{
    display: block;
    animation: fadein 0.3s forwards;
}
.menu_top .menu_top_wrap{
    width: var(--width-desktop);
    margin: 0 auto;
    padding: 0 20px;
}
.body_mobile .menu_top .menu_top_wrap{
    padding: 0 0;
}
.menu_top .menu_top_wrap > ul{
    margin-bottom: 40px;
    position: relative;
    /*border-bottom: 1px solid var(--secondary-color);*/
}
.body_mobile .menu_top .menu_top_wrap > ul{
    max-width: none;
    width: 100%;
    border-bottom: 1px dotted var(--secondary-color);
}
.menu_top .menu_top_wrap > ul > li{
    max-width: 280px;
}
.body_mobile .menu_top .menu_top_wrap > ul > li{
    max-width: none;
}
.menu_top .menu_top_wrap > ul > li:last-child > a{
    border-bottom: 1px solid var(--secondary-color);
}
.menu_top .menu_top_wrap > ul > li a{
    padding: 15px;
    border: 1px solid var(--secondary-color);
    display: block;
    text-transform: uppercase;
    border-bottom: 0;
    font-weight: 600;
    max-width: 270px;
}
.menu_top .menu_top_wrap > ul > li.show_options > a{
    border-right: none;
    background-image: url(images/arrow-white.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 7px;
}
.body_mobile .menu_top .menu_top_wrap > ul > li.show_options > a{
    background: none;
}
.menu_top .menu_top_wrap > ul > li.show_options ul.submenu{
    display: block;
    position: absolute;
    top: 0px;
    left: 300px;
    width: 400px;
}
.body_mobile .menu_top .menu_top_wrap > ul > li{
    width: 100vw;
    display: block;
    font-size: 12px;
    color: white;
    border-top: 1px dotted var(--secondary-color);
    font-weight: 800;
    background-image: url(images/plus-green.png);
    background-position: right 10px top 20px;
    background-repeat: no-repeat;

}
.body_mobile .menu_top .menu_top_wrap > ul > li.show_options{
    background-image: url(images/minus-green.png);
}
.body_mobile .menu_top .menu_top_wrap > ul > li a{
    border: 0;
    color: white;
}
.menu_top .menu_top_wrap > ul > li ul.submenu{
    display: none;
}
.body_mobile .menu_top_wrap > ul > li.show_options ul.submenu{
    position: static;
    display: block;
    margin-top: -9px;
    margin-bottom: 10px;
}
.menu_top .menu_top_wrap > ul > li ul.submenu > li{
}
.menu_top .menu_top_wrap > ul > li ul.submenu > li > a{
    color: white;
    font-size: 14px;
    max-width: none;
    display: inline-block;
    text-transform: initial;
    font-weight: 200;
    border: 0;
    padding: 0 0 5px 0;
    margin: 10px 15px;
    border-bottom: 1px solid transparent;
}
.menu_top .menu_top_wrap > ul > li ul.submenu > li > a:hover{
    border-bottom: 1px solid var(--secondary-color);
}
.body_mobile .menu_top .menu_top_wrap > ul > li ul.submenu > li > a{
    text-transform: initial;
    padding: 10px 15px 10px 33px;
    margin: 0;
    display: block;
    position: relative;
}
.body_mobile .menu_top .menu_top_wrap > ul > li ul.submenu > li > a::before{
    content: '';
    background-image: url(images/arrow-secondary.png);
    height: 12px;
    width: 12px;
    position: absolute;
    left: 16px;
    top: 14px;
    background-repeat: no-repeat;
    background-size: contain;
}


/* -------------------- */


.content_wrap{
    width: 100%;
    margin: var(--top-height) 0 0 0;
    padding: 35px 0;
    background: var(--secondary-color);
    position: relative;
}
.body_mobile .content_wrap{
    margin-top: var(--top-height-mobile);
    margin-left: 0;
    margin-right: 0;
}

.bg_primary     {background-color: var(--primary-color) !important;}
.bg_secondary   {background-color: var(--secondary-color) !important;}
.bg_white       {background-color: #fff !important;}
.bg_grey        {background-color: #f6f6f6 !important;}
.bg_grey2       {background-color: #eee !important;}
.bg_grey3       {background-color: #acacac !important;}
.bg_blue        {background-color: var(--dark-color) !important;}
.bg_cyan        {background-color: var(--cyan-color) !important;}
.bg_yellow      {background-color: var(--yellow-color) !important;}
.bg_red         {background-color: var(--red-color) !important;}
.bg_softred     {background-color: var(--softred-color) !important;}
.bg_green       {background-color: var(--green-color) !important;}
.bg_darkgreen   {background-color: var(--darkgreen-color) !important;}
.bg_softgreen   {background-color: var(--softgreen-color) !important;}
.bg_lightblue   {background-color: var(--lightblue-color) !important;}
.bg_lightblue2  {background-color: var(--lightblue2-color) !important;}
.bg_lightgrey   {background-color: var(--lightgrey-color) !important;}


.title_box{
    font-family: var(--font-bold); font-weight: 700;
    padding: 17px 23px;
    background-color: var(--primary-color);
    color: white;
    text-transform: uppercase;
    font-size: 15px;
}
.body_mobile .title_box{
    font-size: 14px;
    padding: 20px 15px;
}
.body_mobile .title_box .secondary_color{
    display: block;
}
.content_box{
    padding: 15px 15px;
    background-color: white;
    color: var(--grey-color);
    text-transform: none;
}
.body_mobile .content_box{
    padding: 15px 15px;
}
.content_box.narrow_box{
    padding: 15px;
}
.body_mobile .content_box.narrow_box{
    padding: 7px;
}

.btn_default{
    font-family: var(--font-medium); 
    background-color: var(--secondary-color);
    display: inline-block;
    padding: 5px 16px;
    border-radius: 20px;
    color: #fff;
    border: 0;
    text-align: center;
    transition: 0.2s;
}
.btn_default:hover{
    color: #fff;
    opacity: 0.8;
}
.btn_square{
    padding: 10px 25px;
    border-radius: 6px;
}
.body_mobile .btn_square{
    padding: 10px 16px;
}
.body_mobile .btn_wide_mobile{
    width: 100%;
}
.btn_big{
    display: block;
    font-family: var(--font-medium); 
    background-color: var(--primary-color);
    border: 0;
    color: white;
    width: 100%;
    padding: 10px 0;
    font-size: 15px;
    text-align: center;
    transition: 0.2s;
    white-space: normal;
    border-radius: 4px;
}
.btn_big:hover{
    color: #fff;
    opacity: 0.8;
}

.accord {
    display: block;
    font-family: var(--font-medium);
    border: 0;
    color: white;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    transition: 0.2s;
    white-space: normal;
    border-radius: 4px;
}

.accord:hover {
    color: #fff;
    opacity: 0.8;
}

.accord:before {
    content: '\25BC';
    margin-right: 5px;
}

.accord-active:before {
    content: "\25B2";
}

.accord_1 {
    background-color: var(--primary-color);
    font-size: 15px;
    margin-top: 10px;
}

.accord_2 {
    background-color: var(--secondary-color);
    font-size: 12px;
    margin-top: 5px;
}

.accord_box {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.cuadro_estado {
    display: inline-block;
    padding: 2px 5px;
    border-radius: 20px;
    color: #fff;
    border: 0;
    text-align: center;
    transition: 0.2s;
}

input[type=text],
input[type=password],
select,
textarea{
    width: 100%;
    margin: 5px 0;
    border: 0;
    background-color: var(--lightblue-color);
    color: #000;
    font-weight: 600;
    padding: 10px;
    font-size: 14px;
}

.body_mobile input[disabled] {
    background-color: #d6dfe9 !important;
    color: #6d6d6d !important;
}

.input_search{
    background-image: url(images/icon-search-input.jpg?asd);
    background-position: right;
    background-repeat: no-repeat;
}

.wrap_receiver{
    animation: fadein 0.3s forwards;
}

/* ------------------------------------- */
/* modal */


.modal{
    background: #000000bf;
}
.modal.show_modal{
    display: block;
    animation: fadein 0.3s forwards;
}
.modal .modal_wrap{
    max-width: 820px;
    background: #f1f1f1;
    width: 100%;
    margin: 20px auto 0 auto;
    position: relative;
    border-radius: 3px;
}
.modal.modal_small .modal_wrap{
    max-width: 520px;
}
.modal.modal_big .modal_wrap{
    max-width: 1020px;
}
.body_mobile .modal .modal_wrap{
    border: 0;
    margin-left: 3%;
    margin-right: 3%;
    width: 94%;
    padding-left: 0px;
    padding-right: 0px;
    background: #fff;
    margin-bottom: 60px;
}
.modal .modal_close{
    background-image: url(images/close.png);
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 40px;
    height: 40px;
    padding: 25px;
    cursor: pointer;
    z-index: 1;
}
.modal .modal_title .modal_close{
    background-image: url(images/close-green.png);
}
.body_mobile .modal .modal_close{
    top: 0px;
    right: 0px;
    padding: 25px;
}
.modal .modal_title{
    color: white;
    font-size: 22px;
    text-align: center;
    margin: 10px 0 20px 0;
    font-family: var(--font-bold);
    font-weight: 700;
    background: var(--primary-color);
    text-align: left;
    padding: 15px;
    font-size: 14px;
    border-radius: 2px 2px 0 0;
    text-transform: uppercase;
}
.body_mobile .modal .modal_title{
    font-size: 15px;
    text-align: left;
    padding-left: 15px;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
}
.modal .modal_content{
    padding: 20px 40px 40px 40px;
}
.body_mobile .modal .modal_content{
    padding: 20px 15px 20px 15px;
}
.modal .modal_content form{}
.modal .modal_content label{
    display: inline-block;
    margin-bottom: 12px;
    font-size: 14px;
    margin-top: 10px;
    margin-right: 10px;
}
.body_mobile .modal .modal_content label.label_title{
    display: block;
    margin-bottom: 0px;
}


/* ----------------------------------- */ 
/* footer */ 

#footer{    
    font-size: 14px;
    color: white;
    font-family: var(--font-regular); font-weight: 400;
}
.body_mobile #footer{    
    font-size: 13px;
    line-height: 21px;
}
#footer a{
    color: #0094d7;
}
#footer strong{
    font-family: var(--font-bold); font-weight: 700;   
}
#footer .container{
    padding: 0 25px;
}

.body_mobile #footer .social_footer_wrap{
    float: left;
}

.body_mobile #footer .footer_data{
    position: relative;
    padding-top: 90px;
}
.body_mobile #footer .social_footer_wrap{
    position: absolute;
    top: 0;
}

#footer .separator{
    background-color: #0d3589;
}

#footer .logo_footer{
    width: auto;
}
.body_mobile #footer .logo_footer{
    width: 170px;
}

.link_thet:hover{
    color: #EE0B7F !important;
}

.body_mobile #footer ul.social_icons li a{
    width: 42px;
    height: 42px;
    padding-top: 10px;
    font-size: 23px;
    margin-right: 7px;
}


.body_mobile #footer .footer_copy .col-md-6{
    text-align: center !important;
    margin: 15px 0;
    font-size: 14px;
}



/* -------------------------- */
/* msg top  */

.msg_top{
    position: absolute;
    top: 0px;
    width: 100%;
    animation: show_msg_top 2.5s ease;
    z-index: 2;
}
.body_mobile .msg_top{
    position: static;
    margin: -20px 15px 20px 15px;
    width: auto;
    box-shadow: none;
}
.msg_top.hide_msg_top{
    display: none;
}
.msg_top_wrap_red {
    margin: 0 auto;
    background-color: var(--red-color);
    padding: 12px;
    width: calc(var(--width-desktop) - 40px);
    border-radius: 4px;
    box-shadow: 0px 0px 13px #00000030;
    text-align: center;
    font-size: 14px;
    color: var(--primary-color);
    position: relative;
}
.msg_top_wrap{
    margin: 0 auto;
    background-color: var(--green-color);
    padding: 12px;
    width: calc(var(--width-desktop) - 40px);
    border-radius: 4px;
    box-shadow: 0px 0px 13px #00000030;
    text-align: center;
    font-size: 14px;
    color: var(--primary-color);
    position: relative;
}
.body_mobile .msg_top_wrap{
    width: 100%;
}
.msg_top .close_msg_top{
    cursor: pointer;
    background-image: url(images/close.png);
    width: 10px;
    height: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    right: 13px;
    top: 15px;
}
.body_mobile .msg_top .close_msg_top{
    display: none;
}


/* -------------------------- */
/* home options  */

.home_option_wrap{
    margin: 50px 0;
}
.body_mobile .home_option_wrap{
    margin: 0 10px;
}
.home_option_wrap .col-md-3{
    padding-left: 7px;
    padding-right: 7px;
}
.home_option_big{
    background-color: var(--secondary-color);
    margin: 0 0 15px 0;
    background-position: center 25px;
    background-repeat: no-repeat;
    max-height: 187px;
    position: relative;
    overflow: hidden;
    transition: 0.4s;
}
.body_mobile .home_option_big{
    margin-left: -8px;
    margin-right: -8px;
    max-height: 190px;
}
.home_option_big.disabled{
    opacity: 0.4;
    cursor: default;
}
.home_option_big.open_menu{
    max-height: 650px;
}

.home_option_big.option_1{background-image: url(images/main_icon_1.png);}
.home_option_big.option_2{background-image: url(images/main_icon_2.png);}
.home_option_big.option_3{background-image: url(images/main_icon_3.png);}
.home_option_big.option_4{background-image: url(images/main_icon_4.png);}
.home_option_big.option_5{background-image: url(images/main_icon_5.png);}
.home_option_big.option_6{background-image: url(images/main_icon_6.png);}
.home_option_big.option_7{background-image: url(images/main_icon_7.png);}
.home_option_big.option_8{background-image: url(images/main_icon_8.png);}

.home_option_big .options_wrap{
    padding-top: 130px;
}
.home_option_big .title_option{
    background: var(--primary-color);
    width: 100%;
    padding: 11px 12px;
    color: white;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 11.5px;
    height: 58px;
    background-image: url(images/minus-green.png);
    background-position: right 10px center;
    background-repeat: no-repeat;
    cursor: pointer;
    line-height: 36px;
}
.home_option_big .title_option.two_lines{
    line-height: 19px;
}
.body_mobile .home_option_big .title_option{
    height: 60px;
}
.home_option_big.option_1 .title_option,
.home_option_big.option_2 .title_option,
.home_option_big.option_3 .title_option,
.home_option_big.option_4 .title_option,
.home_option_big.option_5 .title_option,
.home_option_big.option_6 .title_option,
.home_option_big.option_7 .title_option,
.home_option_big.option_8 .title_option {
    background-image: url(images/plus-green.png);
}
{
    background-image: url(images/arrow-green.png);
}
.home_option_big.open_menu .title_option{
    background-image: url(images/minus-green.png);
}
.body_mobile .home_option_big.open_menu .title_option{
    background-image: url(images/plus-green.png);
}
.home_option_big ul{
    background: var(--primary-color);
}
.home_option_big ul li{
}
.home_option_big ul li a{
    padding: 7px 15px;
    display: block;
    color: white;
    font-size: 11.5px;
    border-top: 1px dashed var(--secondary-color);
}
.home_option_big ul li .close_options{
    padding: 15px 10px;
    border-top: 1px dashed var(--secondary-color);
    text-align: right;
    font-weight: 600;
}
.home_option_big ul li .close_options::before{
    content: 'cerrar';
    color: var(--secondary-color);
    font-size: 12px;
    cursor: pointer;
}


/* --------------------------------------- */
/* table mobile */

.body_mobile table tr td{
    display: block;
}

.hide_mobile_tr{
    display: table-row;
}
.body_mobile .hide_mobile_tr{
    display: none;
}
.hide_desktop_tr{
    display: none;
}
.body_mobile .hide_desktop_tr{
    display: table-row;
}

.hide_mobile_td{
    display: table-cell;
}
.body_mobile .hide_mobile_td{
    display: none;
}
.hide_desktop_td{
    display: none;
}
.body_mobile .hide_desktop_td{
    display: block;
}

.body_mobile table.table_mobile_alt tr td{
    width: 50%;
    float: left;
}
.title_table_mobile{
    display: none;
}
.body_mobile .title_table_mobile{
    display: block;
}

.body_mobile .td_buttons_mobile{
    display: block;
    width: 100% !important
}
.body_mobile .td_buttons_mobile .btn_default{
    width: 47%;
    margin: 0 1%;
    border-radius: 6px;
    background-color: #c1cdda !important;
}

.table_wrap{
    overflow: auto;
    max-width: 100%;
}

.table_mobile_full {
    width: 100%;
}
.table_mobile_full tr {
    width: 100%;
    display: table-row !important;
}
.table_mobile_full tr td{
    display: table-cell !important;
}

/* --------------------------------------- */
/* alt_table */

table.alt_table{
    width: 100%;
}
table.alt_table tr{}
table.alt_table tr:nth-child(odd){
    background: #ffffff38;
}
table.alt_table tr:nth-child(even){}
table.alt_table tr td{
    padding: 10px;
}

/* --------------------------------------- */
/* alt_table_2 */

table.alt_table_2{
    width: 100%;
}
table.alt_table_2 tr{}
.body_mobile table.alt_table_2 tr{
    display: block;
    margin-bottom: 15px;
}
table.alt_table_2 tr td{
    padding: 10px;
    background-color: var(--cyan-color);
    margin: 3px;
    border: 6px solid var(--secondary-color);
}
.body_mobile table.alt_table_2 tr td{
    margin: 0;
    border: 0;
}

/* --------------------------------------- */
/* alt_table_3 */

table.alt_table_3{
    width: 100%;
}
.body_mobile table.alt_table_3{
    margin: 20px 0;
}
table.alt_table_3 tr{}
table.alt_table_3 tr:nth-child(odd){
    background: #f3f3f3;
}
table.alt_table_3 tr td{
    padding: 5px 6px;
}

/* --------------------------------------- */
/* alt_table_4 */

table.alt_table_4{
    width: 100%;
}
table.alt_table_4 tr{}
table.alt_table_4 tr:nth-child(even){
    background: #e6edf6;
}
table.alt_table_4 tr td{
    padding: 10px;
}



/* ----------------------- */
/* paginator */

.paginator{}
.paginator a{
    color: var(--green-color);
    margin-right: 10px;
    font-weight: 800;
}
.paginator a:hover,
.paginator a.current_page{
    color: white;
    text-decoration: underline;
}


/* --------------------------- */
/* tabs */

.tabs{}
.body_mobile .tabs{
    display: flex;
    border-bottom: 15px solid var(--primary-color);
}
.tabs .tab_button{
    float: left;
    padding: 10px;
    background: var(--cyan-color);
    width: 220px;
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
    color: white;
    font-weight: 800;
    border-radius: 3px 3px 0 0;
    margin-right: 10px;
    cursor: pointer;
}
.body_mobile .tabs .tab_button{
    flex: auto;
    margin: 0 10px;
}
.tabs .tab_button:hover{
    opacity: 0.7;
}
.tabs .tab_button.active{
    background: var(--primary-color);
}

.tabs_content{
    clear: both;
}
.tabs_content .tab_content{ 
    display: none;
}
.tabs_content .tab_content.active{
    display: block !important;
}


/* ---------------------------- */
/* selector_list */

.selector_list{
    background: white;
    max-height: 260px;
    overflow: auto;
}
.selector_list > div{
    color: #636363;
    font-weight: 600;
    padding: 12px 15px;
    background-color: white;
    cursor: pointer;
}
.selector_list > div:hover{
    background-color: #d6dfe9;
}