/* Minification failed. Returning unminified contents.
(140,90): run-time error CSS1046: Expect comma, found '255'
(140,98): run-time error CSS1046: Expect comma, found '/'
(392,208): run-time error CSS1046: Expect comma, found '255'
(392,216): run-time error CSS1046: Expect comma, found '/'
(684,110): run-time error CSS1046: Expect comma, found '119'
(684,118): run-time error CSS1046: Expect comma, found '/'
(704,112): run-time error CSS1046: Expect comma, found '119'
(704,120): run-time error CSS1046: Expect comma, found '/'
(742,134): run-time error CSS1046: Expect comma, found '255'
(742,142): run-time error CSS1046: Expect comma, found '/'
(742,182): run-time error CSS1046: Expect comma, found '255'
(742,190): run-time error CSS1046: Expect comma, found '/'
(811,32): run-time error CSS1046: Expect comma, found '255'
(811,40): run-time error CSS1046: Expect comma, found '/'
(868,141): run-time error CSS1046: Expect comma, found '0'
(868,145): run-time error CSS1046: Expect comma, found '/'
(877,152): run-time error CSS1046: Expect comma, found '0'
(877,156): run-time error CSS1046: Expect comma, found '/'
(882,200): run-time error CSS1046: Expect comma, found '0'
(882,204): run-time error CSS1046: Expect comma, found '/'
(891,45): run-time error CSS1046: Expect comma, found '0'
(891,49): run-time error CSS1046: Expect comma, found '/'
(945,116): run-time error CSS1046: Expect comma, found '0'
(945,120): run-time error CSS1046: Expect comma, found '/'
(992,257): run-time error CSS1046: Expect comma, found '255'
(992,265): run-time error CSS1046: Expect comma, found '/'
(998,57): run-time error CSS1046: Expect comma, found '255'
(998,65): run-time error CSS1046: Expect comma, found '/'
(1023,55): run-time error CSS1046: Expect comma, found '255'
(1023,63): run-time error CSS1046: Expect comma, found '/'
 */
@charset "utf-8";
/* CSS Document FOR RESETING THE TAGS SO IT WOULD FIT TO ALL BROWSERS */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: none; font-size: 100%; vertical-align: baseline; background: transparent; background-repeat: no-repeat; background-position: top center; }
body { line-height: 1; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
    nav ul, ul { list-style: none; }
blockquote, q { quotes: none; }
    blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: top; background: transparent; text-decoration: none; color: inherit; outline-offset: 0 !important; outline: -webkit-focus-ring-color auto 0 !important;outline:0 !important; }
/* change colours to suit your needs */
ins { background-color: #ff9; color: #000; text-decoration: none; }
/* change colours to suit your needs */
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
/* change border colour to suit your needs */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }
input, select, textarea, button { vertical-align: middle; padding: 0; resize-x: none; box-sizing: border-box; }
button, input, select { background-image: none; }
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { display: none !important; }

/******General Classes******/
.pos_relative { position: relative; }
.display_none { display: none; }
.display_mobile { display: none; }
.disabled { pointer-events: none; }
.bold { font-weight: 500; }
.clearfix::after, .clearfix::before { content: ""; width: 100%; display: block; clear: both; }
.transition { transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; }
.translateY { transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); }
.text_center { text-align: center; }
.text_left { text-align: left; }
.text_right { text-align: right; }
.box_sizing { box-sizing: border-box; }
.padding { padding-left: 10px; padding-right: 10px; }
.padding_t_20 { padding-top: 20px; }


.field-validation-error { position: absolute; right: 15px; bottom: 3px; color: #fa0404; pointer-events: none; font-size: 10px; z-index: 2; width: auto !important; }
    .input-validation-error.active, .field-validation-error + .like_select { border: 2px solid #fa0404 !important; }

.tbl { display: table; table-layout: fixed; }
    .tbl > * { display: table-cell; }

input, textarea, select { font-family: 'Assistant', sans-serif; outline: 0; }

.general_image_conti {}
.general_image_conti > img {max-width:100%;display:inline-block;vertical-align:middle;}

.image { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 0; }
    .image > img { overflow: hidden; width: 100%; height: 0; opacity: 0; }
.image2 { background-position: center center; background-repeat: no-repeat; background-size: contain; }

.bread { padding: 5px 5px 0 5px; margin-bottom: 10px; box-sizing: border-box; text-align: right; font-size: 1em; color: #fff; font-weight: 300; }
    .bread a { color: #0077FF; }
        .bread a:hover, .bread a:focus { text-decoration: underline; }

.socials > li { margin-left: 20px; }
    .socials > li:last-child { margin-left: 0; }
    .socials > li > a { display: block; color: #000000; text-align: center; }
        .socials > li > a > span { font-size: 0.8em; display: block; }
        .socials > li > a > img { width: 32px; display: block; margin: 0 auto 5px auto; }
    .socials > li:last-child > a > img { width: 23px; }
    .socials > li > a:hover, .footer_socials .socials > li > a:focus { opacity: 0.8; }

.read_more_conti { font-size: 1.2em; font-weight: 500; }

.link { color: #1694C4; }
.link2 { color: #1694C4; }
.link:hover, .link:focus { text-decoration: underline; }

.video_conti { position: relative; height: 0; padding-bottom: 60%; }
    .video_conti > *, .video_conti > * > * { position: absolute; right: 0; top: 0; width: 100%; height: 100%; }
/******End General Classes******/

/******Headlines******/
.headline1 { font-size: 2.5em; text-align: center; display: flex; align-items: center; }
    .headline1 > * { width: 100%; }
    .headline1 .title { font-weight: 700; position: relative; z-index: 2; padding: 0 30px; box-sizing: border-box; white-space: nowrap; width: auto; }
    .headline1 .raw { position: relative; }
        .headline1 .raw .after { display: block; height: 3px; width: 100%; background-color: #0077FF; right: 0; }

.headline2 { font-size: 1.5em; text-align: center; margin-bottom: 20px; }
    .headline2 > * { font-weight: 400; display: inline-block; position: relative; }

.headline3 { margin-bottom: 10px; padding-bottom: 10px; box-sizing: border-box; border-bottom: 1px solid rgba(112, 112, 112, 0.4); }
    .headline3 > * { font-size: 1.6em; font-weight: 700; }

.headline4 { margin-bottom: 20px; padding: 10px 0; box-sizing: border-box; border-bottom: 1px solid rgba(0, 62, 145, 0.4); border-top: 1px solid rgba(0, 62, 145, 0.4); }
    .headline4 > * { font-size: 1.5em; font-weight: 500; }

.headline5 { font-size: 2em; }
    .headline5 > * { font-weight: 500; display: inline-block; position: relative; }

.headline6 { font-size: 1.5em; }
    .headline6 > * { font-weight: 500; display: inline-block; position: relative; padding-bottom: 6.5px; }
        .headline6 > *::after { content: ""; position: absolute; right: 0; left: 0; width: 45px; height: 1px; bottom: 0; background-color: #35709D; margin: 0 auto; }

.inner_headline { text-align: center; font-size: 3em; position: absolute; top: 50%; right: 0; width: 100%; transform: translateY(-50%); }
    .inner_headline > * { display: inline-block; font-weight: 500; }

.headline_with_button { position: relative; padding: 5px 20px 5px 0; box-sizing: border-box; background-color: #3D3D3D; box-shadow: 0px 3px 32px #00000029; }
    .headline_with_button::after { content: ""; width: 10px; height: 100%; position: absolute; right: 0; top: 0; background-color: #0077FF; }
    .headline_with_button h2 { font-size: 2.5em; font-weight: 700; color: #fff; }
    .headline_with_button .button { max-width: 260px; }
/******End Headlines******/

/***Arrows****/
.arrow { border: solid #0077FF; border-width: 0 3px 3px 0; display: inline-block; padding: 5px; }
.arrow_right { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.arrow_left { transform: rotate(135deg); -webkit-transform: rotate(135deg); }
.arrow_down { transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.arrow_up { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); }
/***Arrows****/

@media only screen and (max-width : 1020px) {
    .headline1 { font-size: 1.8em; }
    .inner_headline { font-size: 2em; }
    .headline5 { font-size: 1.8em; }
}

@media only screen and (max-width : 768px) {
    .main_image { }
}

@media only screen and (max-width : 600px) {
    .hide_mobile { display: none; }
}

@media only screen and (max-width : 414px) {
}

/******Pagination******/
.pagination { margin-top: 20px;direction:ltr;margin-bottom:20px; }
    .pagination > ul {text-align:center; }
        .pagination > ul > li { margin-right: 10px; display: inline-block; }
            .pagination > ul > li:last-child { margin-right: 0; }
            .pagination > ul > li > a { display: block; font-weight: 500; color: rgb(255 255 255 / 0.47); font-size: 1.5em; text-align: center;padding:5px ;box-sizing:border-box; }
                .pagination > ul > li > a:hover, .pagination > ul > li > a:focus { color: #fff; }
                .pagination > ul > li > a.active { color: #fff;font-weight:700;text-decoration:underline; }
/******End Pagination******/

/******Popups******/
.popup_conti { position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); right: 0; top: 0; z-index: 1000000; padding: 10px; box-sizing: border-box; overflow-y: auto; display: none; }
.popup { background-color: #fff; margin: 0 auto; padding: 50px 20px 10px 20px; max-width: 600px; width: 100%; position: relative; box-sizing: border-box; top: 5%; border-radius: 10px; }
.close_popup { position: absolute; right: 20px; color: #000; top: 20px; font-weight: 400; font-size: 20px; }
/******End Popups******/

.product_added_popup { }
    .product_added_popup .popup { max-width: 768px; border-radius: 10px; box-shadow: 0px 5px 8px #00000075; padding: 30px 15px; box-sizing: border-box; }
    .product_added_popup .close_popup { right: initial; left: 10px; top: 25px; color: #353535; width: 32px; height: 32px; line-height: 32px; border-radius: 50%; border: 1px solid #353535; box-sizing: border-box; text-align: center; }
    .product_added_popup .popup_title { margin-bottom: 25px; }
        .product_added_popup .popup_title .check { text-align: center; width: 32px; height: 32px; line-height: 38px; border-radius: 50%; background-color: #89B32F; margin-left: 10px; }
        .product_added_popup .popup_title .title { color: #202020; font-weight: 700; font-size: 2.2em; }

    .product_added_popup .prod_conti { margin-bottom: 15px; padding: 3px; box-sizing: border-box; background-color: rgba(53, 53, 53, 0.05); }
        .product_added_popup .prod_conti .image { width: 85px; height: 85px; box-shadow: 0px 3px 6px #0000005C; background-color: #fff; }
        .product_added_popup .prod_conti .content { width: calc(100% - 90px); }
            .product_added_popup .prod_conti .content > h2 { font-size: 1.15em; display: block; margin-bottom: 10px; font-weight: 500; }
            .product_added_popup .prod_conti .content > p { font-size: 0.9em; line-height: 120%; }

    .product_added_popup .total_prices { font-size: 1.15em; display: block; margin-bottom: 32px; }
        .product_added_popup .total_prices > span { color: #1694C4; }
    .product_added_popup hr { display: block; background-color: #707070; margin-bottom: 30px; }

    .product_added_popup .product_slider .image2 { background-color: #fff !important; }
    .product_added_popup .product_slider .prod_content { }
        .product_added_popup .product_slider .prod_content > h2 { font-size: 0.8em; display: block; height: 26px; margin-bottom: 1px; font-weight: 400; overflow: hidden; }
        .product_added_popup .product_slider .prod_content .price { font-size: 0.7em; font-weight: 700; display: block; }

.popup_buttons { width: 100%; max-width: 500px; text-align: center; margin: 0 auto 32px auto; }


.newsletter_popup { padding-top: 50px; }
    .newsletter_popup .popup { max-width: 768px; border-radius: 10px; box-shadow: 0px 5px 8px #00000075; padding: 20px 0; box-sizing: border-box; }
    .newsletter_popup .close_popup { right: initial; left: -40px; top: -45px; color: #fff; width: 32px; height: 32px; line-height: 32px; border-radius: 50%; border: 1px solid #fff; box-sizing: border-box; text-align: center; }
    .newsletter_popup .popup_title { margin-bottom: 25px; font-size: 2.2em; font-weight: 700; display: block; text-align: center; }
    .newsletter_popup .main_image { height: 0; padding-bottom: 35%; margin-bottom: 15px; }
    .newsletter_popup .popup_content { padding: 0 20px; box-sizing: border-box; width: 100%; max-width: 666px; margin: 0 auto; }
    .newsletter_popup .text { margin-bottom: 20px; }
        .newsletter_popup .text > h2 { font-size: 1.5em; font-weight: 700; display: block; margin-bottom: 15px; text-align: center; }
    .newsletter_popup .form {padding:0 20px;box-sizing:border-box;width:100%; }
        .newsletter_popup .form > ul { }
            .newsletter_popup .form > ul > li button {padding:10px; }

.service_popup { }
.service_popup .popup{ padding:50px 10px 30px 10px;}
    .service_popup .image { border-radius: 10px; width:100%; max-width: 320px; height: 0; padding-bottom: 50%; margin: 0 auto 10px auto; }
.service_popup_headline { color: #1B5B9B; font-size:1.2em; font-weight: 500; display: block; text-align: center; margin-bottom: 10px; }
.service_popup .popup .content article { }
.service_popup .popup .content article > * {font-size:1em;line-height:120%; }

.video_popup {display:none; }
.video_popup .popup { max-width: 1000px; padding: 50px 20px 10px 20px;background-color:#000; }
.video_popup .popup .close_popup {color:#fff;
}
.video_popup .video_conti { padding-bottom: 56.5%; }

.test_popup {display:none;}
.test_popup .test_popup_content {}
.test_popup .test_popup_content .title {display:block;text-align:center;font-size:1.5em;font-weight:500;margin-bottom:15px;}
.test_popup .test_popup_content .video_conti {margin-bottom:15px;}
.test_popup .test_popup_content .image {padding-bottom:65%;display:block;margin-bottom:15px;}
.test_popup .test_popup_content .text {font-size:1.2em;line-height:120%;}

.contact_popup {display:none;}
.contact_popup .popup {max-width:600px;background-color:#3D3D3D;}
.contact_popup .popup .title {font-size:1.2em;display:block;text-align:center;color:#fff;margin-bottom:20px;}
.contact_popup .popup .general_form form ul > li {width:100%;margin-bottom:10px;}
.contact_popup .contact_conti {padding:50px 10px 30px 10px;}
.contact_popup .close_popup {color:#fff;}


@media only screen and (max-width : 768px) {
    .popup_buttons { font-size: 0.7em; }
    .newsletter_popup .popup_title {font-size:1.5em; }
}

@media only screen and (max-width : 600px) {
    .product_added_popup .popup_title .title { font-size: 1.5em; }
}

.message_partial { padding: 20px 30px; box-sizing: border-box; position:relative;}
    .message_partial .close_item { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); font-size: 1em; font-weight: 300; }
    .message_partial p { font-size: 1.2em; display: block; text-align: center;  overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }


@media only screen and (max-width : 1020px) {
    .message_partial { padding:10px 10px 10px 30px;}
        .message_partial p {font-size:1em; }
}

@media only screen and (max-width : 768px) {
}

@media only screen and (max-width : 414px) {
    .message_partial { padding:11px 10px 10px 25px; }
    .message_partial p {font-size:1.05em; }
        .message_partial .close_item { left: 10px;  }
}
/******Forms******/
.form input:not([type="checkbox"]), .form select, .form textarea { position: relative; width: 100%; box-sizing: border-box; box-shadow: 0px 3px 6px #00000029; background-color: #fff; padding:13px 10px; border: none; border-radius: 0; line-height: 1; font-size: 1em; color: #fff;background-color:#000; }
.form input[type="date"], .form input[type="time"], .form input[type="file"], .form select { padding: 10px 10px; }
.form select { padding: 12px 10px; }
.form textarea { min-height: 145px; padding: 10px; box-sizing: border-box; }

.form ul li { position: relative;}
    
.form ul li label {display:block;margin-bottom:5px;font-size:1.15em;color:#fff; }
::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #3c3c3c; }
::-moz-placeholder { /* Firefox 19+ */ color: #3c3c3c; }
:-ms-input-placeholder { /* IE 10+ */ color: #3c3c3c; }
:-moz-placeholder { /* Firefox 18- */ color: #3c3c3c; }

.checkbox_conti { position: relative; box-sizing: border-box; min-height: 18px; }
    .checkbox_conti > div { position: relative; vertical-align: middle; width: 18px; height: 18px; right: 0; top: 0; display: inline-block; }
        .checkbox_conti > div > input { position: absolute; width: 100%; height: 100%; right: 0; top: 0; cursor: pointer; opacity: 0; margin:0;}
        .checkbox_conti > div > span { position: absolute; width: 100%; height: 100%; right: 0; top: 0; border-radius: 6px; border: 2px solid #202020; pointer-events: none; background-color: #fff; box-sizing:border-box;}
            .checkbox_conti > div > span::after { content: "\f00c"; font-family: "Font Awesome 5 Free"; position: absolute; width: 0; overflow: hidden; right: 0; top: 0; color: #1E5585; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-family: "Font Awesome 5 Pro"; font-weight: 900; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; }
        .checkbox_conti > div > input:checked ~ span::after { width: 100%; }
    .checkbox_conti label { display: inline-block !important;vertical-align:middle; text-align: right;margin-bottom:0 !important;margin-right:5px; }
        .checkbox_conti label > a { color: #5796CB; }
            .checkbox_conti label > a:hover, .checkbox_conti label > a:focus { text-decoration: underline; }
    .checkbox_conti label .bg { width:17px;height:17px;margin-left:10px;border-radius:50%;}
    .checkbox_conti label > * {display:inline-block;vertical-align:middle; }

.checkbox_conti_absolute { position: relative; box-sizing: border-box; min-height: 30px; padding-right: 32px; box-sizing: border-box; }
    .checkbox_conti_absolute > div { position: absolute; vertical-align: middle; width: 30px; height: 30px; right: 0; top: 0; }
        .checkbox_conti_absolute > div > input { position: absolute; width: 100%; height: 100%; right: 0; top: 0; cursor: pointer; opacity: 0; margin: 0; }
        .checkbox_conti_absolute > div > span { position: absolute; width: 100%; height: 100%; right: 0; top: 0; border-radius: 6px; border: 2px solid #000000; pointer-events: none; background-color: transparent; box-sizing: border-box; }
            .checkbox_conti_absolute > div > span::after { content: "\f00c"; font-family: "Font Awesome 5 Free"; position: absolute; width: 0; overflow: hidden; right: 2px; top: 3px; color: #008C91; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-family: "Font Awesome 5 Pro"; font-weight: 900; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; font-size: 1.5em; }
        .checkbox_conti_absolute > div > input:checked ~ span::after { width: 100%; }
    .checkbox_conti_absolute label { display: inline-block !important; vertical-align: bottom; text-align: right; margin-bottom: 0 !important; }
        .checkbox_conti_absolute label > a { color: #008C91; }
            .checkbox_conti_absolute label > a:hover, .checkbox_conti label > a:focus { text-decoration: underline; }
        .checkbox_conti_absolute label .bg { width: 17px; height: 17px; margin-left: 10px; border-radius: 50%; }
        .checkbox_conti_absolute label > * { display: inline-block; vertical-align: middle; }

.radio_conti { }
    .radio_conti > div { width: 15px; height: 15px; position: relative; display: inline-block; }
        .radio_conti > div > input { position: absolute; width: 100%; height: 100%; right: 0; top: 0; cursor: pointer; opacity: 0; }
        .radio_conti > div > span { position: absolute; width: 100%; height: 100%; right: 0; top: 0; border-radius: 50%; border: 2px solid #96A6AA; pointer-events: none; }
            .radio_conti > div > span::after { content: ""; position: absolute; width: 11px; height: 11px; border-radius: 50%; background-color: transparent; right: 2px; top: 2px; box-sizing: border-box; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; }
        .radio_conti > div > input:checked ~ span::after { background-color: #96A6AA; }
    .radio_conti label { display: inline-block; vertical-align: middle; margin-right: 5px; }

.has_label { position: relative; width: 100%; }
.form .has_label > label { opacity: 0; position: absolute; right: 0; top: 50%; padding: 0 10px; box-sizing: border-box; font-size: 1.2em; background-color: transparent; width: auto; height: auto; pointer-events: none; text-align: right; z-index: 2; border-radius: 5px; transform: translateY(-50%); }
    .form .has_label > label.ready { opacity: 1; }
    .form .has_label > label.label_transition { opacity: 1; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; }
.has_label_textarea > label { transform: translateY(0); top: 10px; }
.has_label > label > span:not(.line) { position: relative; z-index: 2; background-color: #fff; }
/*.has_label.has_padding > label { width: 93%; }*/
.has_label > input, .has_label > input:hover, .has_label > textarea, .has_label > textarea:hover { color: transparent !important; }

    .has_label > input:focus ~ label, .has_label > label.active, .has_label > select:focus ~ label, .has_label > textarea:focus ~ label { transform: translateY(0); top: -10px; right: 10px; font-size: 0.8em !important; padding: 5px !important; background-color: transparent; width: auto; height: auto; background-image: none !important; }
        .has_label > label.active > span:not(.line), .has_label > *:focus ~ label > span:not(.line) { background-color: transparent; }
    .has_label > input:focus, .has_label > input:hover, .has_label > input.active, .has_label > select:focus, .has_label > select:hover, .has_label > select.active, .has_label > textarea:focus, .has_label > textarea:hover, .has_label > textarea.active { opacity: 1; color: #686868 !important; }
        .has_label > input:focus ~ label .line, .has_label > select:focus ~ label .line, .has_label > textarea:focus ~ label .line, .has_label > label.active .line { position: absolute; right: 0; top: 50%; width: 100%; height: 2px; transform: translateY(-50%); }
    .has_label > input:focus, .has_label > select:focus, .has_label > textarea:focus { border: 2px solid #3597d9 !important; }

.form .has_icon { padding-right: 40px !important; box-sizing: border-box; background-position: 98% center; background-repeat:no-repeat;}
.email_icon { background-image: url('/Content/Resources/General/mail.png'); }

[data-label] { position: relative; }
    [data-label] label { position: absolute;pointer-events:none;top:0;right:0; width: 100%; height: 100%; background-color: #fff; border-radius: 5px; padding:13px 10px; box-sizing: border-box;font-size:1em !important; }
    [data-label].active label, [data-inputLabel]:hover ~ label, [data-inputLabel]:focus ~ label { opacity: 0; }
/******End Forms******/

.button { border: none; cursor: pointer; font-family: 'Assistant', sans-serif; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; }

.button1 { position: relative; width: 100%; display: block; padding: 10px 10px; box-sizing: border-box; background-color: #0077FF; box-shadow: 0px -1px 36px #2A4795; color: #fff; font-size: 1.4em; font-weight: 500; text-align: center; }
    .button1::after { content: "";position:absolute; width: calc(100% + 10px); height: calc(100% + 10px); right: -5px; top: -5px; pointer-events: none; border: 1px solid #0077FF; box-sizing: border-box; opacity: 0; transition:all 0.3s ease-in-out;}
    .button1:hover::after, .button1:focus::after { opacity: 1; }

.button2 { display: block; width: 100%; background-color: #7FB6DB; border-radius: 5px; box-shadow: 0px 3px 8px #548DB4; color: #fff; padding: 8px 5px; box-sizing: border-box; font-weight: 500; font-size: 1.2em; }
    .button2:hover, .button2:focus { background-color: #0063a5; color: #fff; }

.button3 { display: block; width: 100%; background-color: #89B32F; border-radius: 10px; box-shadow: 0px 3px 6px #00000059; color: #fff; padding: 15px 5px; box-sizing: border-box; font-weight: 700; font-size: 1.15em; }
    .button3:hover, .button3:focus { background-color: #446401; }

.cta { display: block; width: 100%; background-color: #0077FF; box-shadow: 0px 3px 28px #0000007A; border-radius: 0 0 5px 5px; color: #fff; padding: 15px 5px; box-sizing: border-box; font-weight: 500; font-size: 1.4em; border-bottom: 8px solid #1D3678; }
    .cta:hover, .cta:focus { background-color: #1D3678; border-color: #0077FF; }

/******Header******/
.burger { display: none; width: 30px; }
    .burger > ul { }
        .burger > ul > li { width: 100%; height: 4px; border-radius: 10px; background-color: #0077FF; margin-bottom: 5px; }
            .burger > ul > li:last-child { margin-bottom: 0; }
.close_nav { display: none; }
header { z-index: 100; position: fixed; top: 0; right: 0; width: 100%; padding: 29px 10px; box-sizing: border-box; /*backdrop-filter: blur(50px); -webkit-backdrop-filter: blur(50px);*/ box-shadow: 0px 3px 6px #00000029; background-color: #161616;border-bottom:2px solid #464646; }

.logo { position: absolute; right: 24px; top: 50%; transform: translateY(-50%); width: 76px; }
    .logo > img { width: 100%; }

nav { display: inline-block; box-sizing: border-box; padding-right: 124px; }
    nav > div { border-right: 1px solid #BCBCBC; box-sizing: border-box; }
.close_nav { }
nav > div > ul { }
    nav > div > ul > li { display: inline-block; vertical-align: middle; position: relative; }
        nav > div > ul > li.last_child { border-left: none; }
        nav > div > ul > li > a { display: block; color: #fff; padding: 10px 15px; box-sizing: border-box; position: relative; font-size: 1.2em; font-weight: 300; position: relative; }
            nav > div > ul > li > a.colored { }
            nav > div > ul > li > a.active { font-weight: 600; }
            nav > div > ul > li > a::after { content: "";position:absolute;bottom:-29px;right:0; width: 100%; height: 8px; border-radius: 6px 6px 0 0; background-color: #0077FF; opacity: 0; transition:all 0.35s ease-in-out;}
            nav > div > ul > li > a.active::after, nav > div > ul > li > a:hover::after, nav > div > ul > li > a:focus::after { opacity: 1; }

.mobile_nav_item { display: none; }

header .side_items { position: absolute; left: 4px; top: 50%; transform: translateY(-50%); }
    header .side_items > ul { display: flex; align-items: center; }
        header .side_items > ul > li { border-left: 1px solid #BCBCBC; }
        header .side_items > ul > li:last-child {border-left:none;}
            header .side_items > ul > li > a { display: block;font-size:1.2em; padding: 5px 20px; color: #fff; font-weight:300;}
                header .side_items > ul > li > a > span { display: inline-block; vertical-align: middle; }
                header .side_items > ul > li > a > img { display: inline-block; vertical-align: middle; margin-left: 5px; }

nav > div > ul > li > a:hover ~ .drop, nav > div > ul > li > a:focus ~ .drop, .drop:hover, .drop:focus { opacity: 1; pointer-events: all; }
.drop { opacity: 0; pointer-events: none; box-sizing: border-box; position: absolute; top: 100%; right: 0; width: 599px; border-top: 27px solid transparent; }
    .drop.drop_left { right: initial; left: 0; }
    .drop > .flex { background-color: #F4F1EF; padding: 30px; box-sizing: border-box; box-shadow: 0px 5px 9px #0000004D; border-radius: 0px 0px 20px 20px; }
        .drop > .flex .items_conti { width: calc(100% - 285px); padding-left: 10px; box-sizing: border-box; text-align: right; }
            .drop > .flex .items_conti > h2 { display: block; font-size: 1.2em; font-weight: 500; margin-bottom: 20px; }
            .drop > .flex .items_conti .items > li { margin-bottom: 11px; }
                .drop > .flex .items_conti .items > li > a { display: block; color: #000; }
                    .drop > .flex .items_conti .items > li > a.active { color: #E50029; font-weight: 500; }
                    .drop > .flex .items_conti .items > li > a:hover, .drop > .flex .items_conti .items > li > a:focus { color: #E50029; }
        .drop > .flex .drop_treatment_item { width: 285px; }
            .drop > .flex .drop_treatment_item > h2 { display: block; font-size: 1.2em; font-weight: 500; margin-bottom: 20px; text-align: center; }
/******End Header******/

@media only screen and (max-width : 1650px) {
    .logo {right:10px;}
    header .side_items > ul > li > a {padding:5px;}
    nav {padding-right:95px;}
    nav > div > ul > li > a {padding:10px 15px;}
}

@media only screen and (max-width : 1450px) {
    nav > div > ul > li > a {padding:10px 5px;font-size:1em;}
}

@media only screen and (max-width : 1150px) {
    header { min-height: 91px; text-align: center; padding: 10px; }
    .burger { display: block; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); }
    .logo {  right: 0; left: 0; margin: 0 auto; }
    header .side_items > ul > li > a > span {display:none;}

    nav { display: none; position: fixed; width: 100%; height: 100%; overflow-y: auto; background-color: rgba(0, 0, 0, 0.50); right: 0; top: 0; z-index: 10; }
    header nav > div { width: 279px; background-color: #000; right: -300px; top: 0; padding-top: 0; box-sizing: border-box; position: absolute; border-top: 100px solid #000; box-shadow: 0px 7px 18px rgb(255 255 255 / 0.36); padding-bottom: 20px; min-height: 100%; }
        header nav > div::after { content: ""; width: 178px; height: 80px; background: url(/Content/Resources/Header/logo.png) no-repeat; background-position: center center; background-size: contain; position: absolute; right: 0; left: 0; top: -89px; margin: 0 auto; pointer-events: none; }
        header nav > div.active { right: 0; }
    .close_nav { display: block; position: absolute; left: 10px; top: -90px; color: #fff; font-size: 25px; }

    nav > div > ul > li { width: 100%; display: block; border-bottom: 1px solid #fff; border-left: none !important; }
        nav > div > ul > li > a::after, nav > div > ul > li > a::before { display: none; }
        nav > div > ul > li > a { padding: 15px 10px; color: #fff; text-align: right;font-size:1.2em; }
    .drop { display: none; }
    nav .socials { padding-top: 20px; padding-right: 20px; }
    .mobile_nav_item { display: block; }
    header nav .socials { position: static; }
}

@media only screen and (max-width : 460px) {
    .logo {right:50px;left:initial;}
}
/******Footer******/
footer {  }
    footer a:hover, footer a:focus { text-decoration: underline; }
.footer_links { background-color: #242424; padding: 60px 100px; box-sizing: border-box; color: #fff; }
    .footer_links > .flex { width: 100%; max-width: 1288px; margin: 0 auto; border-right: 1px solid #474747; border-left: 1px solid #474747; padding: 0 30px; box-sizing: border-box; }
    .footer_links .links_conti { width: 19%; }
        .footer_links .links_conti > h2 { display: block; margin-bottom: 17px; font-weight: 500; font-size: 1.2em; }
        .footer_links .links_conti > ul { }
            .footer_links .links_conti > ul > li { margin-bottom: 10px; }
                .footer_links .links_conti > ul > li > a { display: block; font-weight: 200; font-size: 1.02em; }
footer .credits { text-align: center; color: #fff; background-color: #1C1C1C; font-size: 1.02em; padding: 15px 10px; box-sizing: border-box; }
.footer_details { background-color: #474747;font-size:1.5em; box-shadow: 0px 0px 25px #0000005C; box-sizing: border-box; color: #fff; }
    .footer_details > .flex { width: 100%; max-width: 1288px; margin: 0 auto; padding: 30px; box-sizing: border-box; }
        .footer_details > .flex > ul { align-items:center;}
            .footer_details > .flex > ul > li { margin-left:20px;}
            .footer_details > .flex > ul > li:last-child {margin-left:0;}
            .footer_details > .flex > ul > li > a { display:block;font-weight:300;}
            .footer_details > .flex > ul > li > a.contact_link {padding:10px;border-left:1px solid #fff;border-right:1px solid #fff; box-sizing:border-box;}
/******End Footer******/

@media only screen and (max-width : 1020px) {
    .has_cart footer { padding-bottom: 180px; }
    .footer_details { font-size: 0.9em; }
        .footer_details > .flex > ul { width: 100%; justify-content: center; }
        .footer_details .flex_items_align_middle { width: 100%; justify-content: center; }
}

@media only screen and (max-width : 736px) {
    .footer_links .links_conti { width: 100%; text-align: center; margin-bottom: 20px; }
    .footer_links > .flex { border: none; padding: 0; box-sizing: border-box; }
    .footer_links { padding: 30px 10px 10px 10px; }
}

@media only screen and (max-width : 780px) {
    .footer_details > .flex {padding:10px;}
    /*.footer_details {font-size:1.1em;}*/
    .footer_details > .flex > ul , .footer_details > .flex  {width:100%;justify-content:center;}
    .footer_details > .flex > ul > li {margin-left:10px;}
}

@media only screen and (max-width : 360px) {
}


/******Articles******/
.general_article { }
    .general_article p { line-height: 140%; margin-bottom: 12px; font-size: 1.2em; }
    .general_article h2 { font-size: 1.5em; display: block; margin-bottom: 20px; font-weight: 500; }
    .general_article h3 { font-size: 1.3em; display: block; margin-bottom: 5px; font-weight: 500; }
.general_article { }
    .general_article > ul, .general_article > ol { margin-bottom: 20px; font-size: 1.2em; }
    .general_article li { margin-bottom: 10px; position: relative; padding-right: 10px; box-sizing: border-box; }
    .general_article ul.no_dots li { padding-left: 0; }
    .general_article > ul:not(.no_dots) > li::before { content: ""; width: 3px; height: 3px; border-radius: 50%; background-color: #fff; position: absolute; right: 0; top: 10px; }
    .general_article li > img { width: auto; display: inline; margin: 0; }
    .general_article a { color: #1DB0B5; }
        .general_article a:hover, .general_article a:focus { text-decoration: underline; }
    .general_article p strong { font-weight: 500; }
    .general_article img { width: 100%; margin-bottom: 10px; }
/******End Articles******/

/****Article Item****/
.artilce_item {display:block; }
    .artilce_item .title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 500; font-size: 1.5em; margin-bottom: 8px; color: #000000; }
    .artilce_item .content { height: 60px; overflow: hidden; }
        .artilce_item .content > * { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height:120%;font-size:1.15em;}
    .artilce_item .content > *:not(:nth-of-type(1)) {display:none; }
    .artilce_item .image { padding-bottom: 68%; margin-bottom: 9px; }
    .artilce_item .article_read_more { text-align: left; color: #86AB1D;margin-top:5px;font-size:1.15em;}
    .artilce_item .article_read_more > span {font-weight:500; }
/****End Article Item****/

/****Tag Item****/
.tag_item { display: block; color: #202020; border: 1px solid #202020; border-radius: 20px; padding: 12px 20px; box-sizing: border-box; font-size: 0.95em; }
    .tag_item:hover, .tag_item:focus {color:#fff;background-color:#1694C4; }

/****End Tag Item****/

/****Article Inner Page****/
.inner_main_image { }
.inner_main_image > img {width:100%; }
.share {font-size:1.5em; }
.author {font-size:0.8em; }

.inner_article .side_one { width:100%;}

/****End Article Inner Page****/

@media only screen and (max-width : 1020px) {
    /****Article Inner Page****/
    .inner_article .side_one { width: 100%;margin-bottom:20px; }
    .inner_article .side_two { width: 100%;padding-right:0; }
    /****End Article Inner Page****/

    .artilce_item .title { font-size:1.2em;}
    .artilce_item .content > * {font-size:1em; }
}
.product_item { display: block; box-shadow: 0px 3px 6px #00000029; background-color: #fff; }
    .product_item .prod_image { position: relative; border-bottom: 1px solid rgba(32, 32, 32, 0.25); margin-bottom:17px;}
        .product_item .prod_image .added {position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.8);color:#fff;text-align:center;right:0;top:0;z-index:2;opacity:0;pointer-events:none;}
        .product_item .prod_image .added > span { position:absolute;top:50%;font-weight:500;right:0;width:100%;font-weight:1.2em;}
        .product_item .prod_image .added.active {opacity:1; }
        .product_item .prod_image .demand { position: absolute; padding: 10px 0;width:167px; box-sizing: border-box; background-color: #FFDD00; font-weight: 700; text-align: center; right: 0; left: 0; top: -5px; margin: 0 auto; pointer-events: none; }
        .product_item .prod_image .image { padding-bottom: 100%; display: block; }
        .product_item .prod_image .favorite { position: absolute; left: 3px; top: 10px; color: #202020; }
            .product_item .prod_image .favorite.active { color: #FFDD00; }
            .product_item .prod_image .favorite .far { }
            .product_item .prod_image .favorite .fas { display: none; }
            .product_item .prod_image .favorite.active .far { display: none; }
            .product_item .prod_image .favorite.active .fas { display: block;}
        .product_item .prod_image .sale { position: absolute; right: -5px; top: 10px; width: 56px; height: 56px; text-align: center; padding-top: 15px; font-size: 0.9em; font-weight: 700;border-radius:50%;background-color:#FFDD00; box-sizing:border-box;}
    .product_item .prod_colors {position:absolute;width:100%;right:0;bottom:-10px;z-index:1;width:100%; }
        .product_item .prod_colors .color_item { width: 20px; height: 20px; border: 3px solid #fff; box-shadow: 0px 3px 6px #00000029; display:block;box-sizing:border-box;border-radius:50%;text-align:center;}
    .product_item .prod_content {padding:0 20px 10px 20px;box-sizing:border-box;text-align:center; }
        .product_item .prod_content .prod_title {display:block; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align:center;margin-bottom:5px;font-weight:500;}
        .product_item .prod_content .prod_desc {display:block;text-align: center; margin-bottom: 5px; font-size:0.8em;height:33px;overflow:hidden;}
            .product_item .prod_content .prod_desc > * { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;line-height:120%; }
                .product_item .prod_content .prod_desc > *:not(:nth-child(1)) { display: none; }
        .product_item .prod_content .prod_link { display: inline-block; text-decoration: underline; color: #1694C4;margin-bottom:10px; }
    .product_item .prod_price { text-align:center;margin-bottom:10px;}
    .product_item .prod_price > * {display:inline-block;vertical-align:middle; }
        .product_item .prod_price > strong { font-weight:700;}
        .product_item .prod_price > strike { margin-right:10px;}
    .product_item .prod_add { display: block;  text-align:center;min-height:47px;}
        .product_item .prod_add .product_button {display:block; background-color: #1694C4; border-radius: 10px; box-shadow: 0px 3px 6px #00000059; color:#fff;padding:15px 5px;box-sizing:border-box;font-weight:700;font-size:1.15em;}
            .product_item .prod_add .product_button:hover, .product_item .prod_add .product_button:focus { background-color: #00b9ff; }
        .product_item .prod_add .prod_quantity {padding-top:5px; }
.prod_quantity_conti { display: none; }
    .prod_quantity > a { text-align: center; color: #1694C4;font-size:1.5em;padding:0 5px;box-sizing:border-box;}
    .prod_quantity .total { border: 1px solid #1694C4;padding:10px;box-sizing:border-box;text-align:center;border-radius:5px;width:100px; }
        .prod_quantity .total.active , .prod_quantity .total:focus { border-color: #89B32F; }
    .prod_quantity > a:hover, .prod_quantity > a:focus { color: #89B32F; }


@media only screen and (max-width : 1366px) {
    .product_item .prod_image .demand { width:110px;font-size:0.9em;padding:7px 0;}
    .product_item .prod_image .sale { width: 40px; height: 40px; padding-top: 9px; font-size: 0.8em; }
    .product_item .prod_add .product_button {font-size:1em; }
}

@media only screen and (max-width : 768px) {
    .product_item .prod_price { font-size:0.8em;}
}

@media only screen and (max-width : 414px) {
    .product_item .prod_add .product_button {font-size:0.9em;padding:10px 5px; }
    .product_item .prod_add {min-height:35px; }
    .prod_quantity .total { padding:6px 10px;}
}

@media only screen and (max-width : 360px) {
    .products_conti > ul > li {width:100% !important; }
}

html { font-family: 'Assistant', sans-serif; font-size: 15px; direction: rtl; color: #000; background: transparent linear-gradient(231deg, #1A1A1A 0%, #272727 100%) 0% 0% no-repeat padding-box; }
body { background-image: url('/Content/Resources/General/mainBg.png'); background-repeat: no-repeat; background-position: left  top; background-attachment: fixed; }
.main_wrapper { max-width: 100%; width: 100%; margin: 0 auto; overflow: hidden; }
.auto_margin { max-width: 1288px; width: 100%; margin: 0 auto; box-sizing: border-box; }
.auto_margin2 { max-width: 770px; width: 100%; margin: 0 auto; box-sizing: border-box; }
.auto_margin3 { max-width: 1366px; width: 100%; margin: 0 auto; box-sizing: border-box; }
.auto_margin4 { max-width: 1224px; width: 100%; margin: 0 auto; box-sizing: border-box; }
.auto_margin5 { max-width: 1800px; width: 100%; margin: 0 auto; box-sizing: border-box; }
.auto_margin6 { max-width: 1220px; width: 100%; margin: 0 auto; box-sizing: border-box; }
.auto_margin7 { max-width: 1283px; width: 100%; margin: 0 auto; box-sizing: border-box; }
.mobile_padding { padding: 0 10px; box-sizing: border-box; }

/******Popups******/
.popup_conti { position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); right: 0; top: 0; z-index: 1000000; padding: 10px; box-sizing: border-box; overflow-y: auto; display: none; }
.popup { background-color: #fff; margin: 0 auto; padding: 50px 20px 10px 20px; max-width: 600px; width: 100%; position: relative; box-sizing: border-box; top: 5%; border-radius: 10px; }
.close_popup { position: absolute; right: 20px; color: #000; top: 20px; font-weight: 400; font-size: 20px; }
/******End Popups******/

.message_conti { height: 60px; position: relative; }
.message_partial { background-color: #D85151; color: #fff; width: 100%; margin: 0 auto; position: absolute; right: 0; left: 0; }

[data-scroll="catalog"] { display:inline-block;}

.side_form_conti { position: fixed; z-index: 7; bottom: 50px; left: 0; }
.open_whatsapp { position: absolute; right: 0; top: -30px; width: 35px; }
    .open_whatsapp > img { width: 100%; position: relative; right: -8px; }
    .open_whatsapp > span { color: #8DC63F; font-weight: 500; position: relative; right: -10px; }
.open_side_form { position: absolute; left: 0; top: 0; background-color: #AA9387; box-shadow: 0px 3px 6px #00000057; border-radius: 0 50px 50px 0; color: #FFFFFF; font-weight: 500; font-size: 1.2em; width: 183px; text-align: center; }
    .open_side_form > .open_side_form_bg { position: absolute; right: -11px; top: -17px; text-align: center; border-radius: 50%; background-color: #fff; width: 31px; height: 31px; padding: 10px; box-sizing: border-box; pointer-events: none; }
        .open_side_form > .open_side_form_bg > img { width: 100%; }
.side_form_conti.active .open_side_form { top: -303px; }
.side_form_conti .lead_form { background-color: #BFDEF2; width: 270px; padding: 30px 20px 20px 20px; box-sizing: border-box; position: absolute; left: 0; bottom: -410px; height: 290px; }
.side_form_conti.active .lead_form { bottom: -30px; }
.side_form_conti .lead_form > form { }
    .side_form_conti .lead_form > form > ul { flex-wrap: wrap; }
        .side_form_conti .lead_form > form > ul > li { margin-bottom: 20px; width: 100%; }
            .side_form_conti .lead_form > form > ul > li:last-child { margin-bottom: 30px; }
            .side_form_conti .lead_form > form > ul > li .button1 { display: block; padding: 10px; }

.open_side_form .text { display: inline-block; padding: 12px 10px; box-sizing: border-box; }

.side_socials { position: fixed; bottom: 50px; left: 10px; }
    .side_socials > ul { }
        .side_socials > ul > li { margin-right: 10px; }
            .side_socials > ul > li > a { display: block; }
                .side_socials > ul > li > a > img { }

.socials { }
    .socials > li { position: relative; }
        .socials > li > a:hover ~ .tooltip { pointer-events: all; opacity: 1; }
.tooltip { position: absolute; bottom: 100%; left: 50%; opacity: 0; pointer-events: none; padding: 10px; box-sizing: border-box; background-color: #7FB6DB; border-radius: 5px; box-shadow: 0px 1px 10px #00000029; display: inline-table; transform: translateX(-50%); }
    .tooltip .polygon { position: absolute; left: 0; top: calc(100% - 5px); background-image: url(/Content/Resources/Calculator/tooltip.png); background-position: center top; background-repeat: no-repeat; width: 30px; height: 30px; right: 0; margin: 0 auto; background-size: contain; }
    .tooltip .content { white-space: nowrap; }
        .tooltip .content > * { line-height: 120%; font-size: 1em; color: #fff; }

.cover { position: relative; background-position: center center; position: relative; margin-bottom: 10px; background-repeat: no-repeat; }
    .cover > div { position: relative; height: 184px; }
    .cover h1 { position: absolute; top: 50%; right: 0; transform: translateY(-50%); font-size: 3em; font-weight: 400; }

/*****Index****/
.home_main_content { position: relative; color: #fff; padding: 121px 10px 0 10px; box-sizing: border-box; width: 100%; height: 548px; background-repeat: no-repeat; background-position: center top; margin-bottom: 0; }
    .home_main_content .content { text-align: center; max-width: 500px; margin: 0 auto; position: relative; z-index: 2; }
        .home_main_content .content h1 { display: block; font-weight: 800; margin-bottom: 10px; font-size: 4.5em; }
        .home_main_content .content .text { margin-bottom: 30px; }
            .home_main_content .content .text h2 { font-size: 2em; font-weight: 300; display: block; margin-bottom: 5px; }
            .home_main_content .content .text p { font-size: 1.3em; font-weight: 300; display: block; line-height: 120%; }
    .home_main_content .slider { position: absolute; right: 0; top: 0; width: 100%; height: 100%; }
        .home_main_content .slider > ul { }
            .home_main_content .slider > ul > li { position: absolute; right: 0; top: 0; width: 100%; height: 100%; opacity: 0; pointer-events: none; }
                .home_main_content .slider > ul > li.active { opacity: 1; }
.button_cta { position: relative; padding-top: 30px; }
    .button_cta .arrow_conti { position: absolute; margin: 0 auto; right: 0; left: 0; top: -20px; animation: upanddown 1s infinite; }
    .button_cta > .cta { display: inline-block; max-width: 260px; }

@keyframes upanddown {
    0% { top: -10px; }
    50% { top: -20px; }
    100% { top: -10px; }
}

.separate { position: absolute; background-color: #636363; bottom: 0; right: 0; left: 0; height: 1px; width: 100%; /*max-width: 1288px;*/ margin: 0 auto; z-index: 1; }

.main_links { height: 100px; background-color: #363636; }
    .main_links > ul { top: 0; padding: 20px 10px; box-sizing: border-box; box-shadow: 0px 6px 22px #0000004F; border-bottom: 9px solid #464646; }
        .main_links > ul.active { position: fixed; right: 0; width: 100%; z-index: 5; background-color: #363636; padding: 5px 10px; }
            .main_links > ul.active > li > a .border { bottom: -14px; }
        .main_links > ul > li { border-left: 1px solid #fff; }
            .main_links > ul > li:last-child { border-left: none; }
            .main_links > ul > li > a { display: block; color: #fff; position: relative; padding: 15px 20px; box-sizing: border-box; font-size: 1.4em; font-weight: 500; }
                .main_links > ul > li > a:hover { color: #0077FF; }
                .main_links > ul > li > a .border { position: absolute; bottom: -29px; right: 0; width: 0; height: 9px; background-color: #0077FF; box-shadow: 0px 3px 17px #2A4795; }
                .main_links > ul > li > a.active .border { width: 100%; }

.courses_conti { overflow: hidden; }
.courses_headline { position: relative; color: #fff; padding: 40px 10px 30px 10px; box-sizing: border-box; }
.general_padding { padding-left: 10px; padding-right: 10px; box-sizing: border-box; }
/*.courses_items .blur_bg { pointer-events: none; position: absolute; z-index: 1; opacity: 0.5; width: 100%; height: 100%; right: 0; top: 0; background-image: url('/Content/Resources/General/blurBg.png'); background-repeat: repeat; filter: blur(8px); -webkit-filter: blur(8px); }*/
.courses_items { position: relative; padding: 40px 10px; box-sizing: border-box; overflow: hidden; }
.courses_items_conti { position: relative; z-index: 2; align-items: stretch; }
    .courses_items_conti > li { position: relative; width: 32%; margin-left: 2%; margin-bottom: 17px; padding-bottom: 20px; background-color: #000; }
        .courses_items_conti > li:nth-child(3n) { margin-left: 0; }

.course_item { display: block; height: 100%; background-color: #000; }
    .course_item .image_conti { padding-bottom: 65%; position: relative; border-bottom: 5px solid #0077FF; overflow: hidden; }
        .course_item .image_conti::after { content: ""; position: absolute; right: 0; top: 0; height: 100%; width: 100%; z-index: 2; transition: all 0.5s ease-in-out; }
    .course_item .image { position: absolute; right: 0; top: 0; width: 100%; height: 100%; }
    .course_item .image_conti .show_special1, .course_item .image_conti .show_special2 { position: absolute; bottom: 0; right: 0; width: 100%; opacity: 0; background-color: #000; color: #fff; padding: 5px; text-align: center; font-size: 1.5em; box-sizing: border-box; z-index: 3; }
        .course_item .image_conti .show_special1 > img, .course_item .image_conti .show_special2 > img { display: inline-block; vertical-align: middle; }
        .course_item .image_conti .show_special1 > span, .course_item .image_conti .show_special2 > span { display: inline-block; vertical-align: middle; }
    .course_item.special1 .image_conti .show_special1 { opacity: 1; }
    .course_item.special2 .image_conti .show_special2 { opacity: 1; }
    .course_item .content { padding: 15px 10px 30px 10px; box-sizing: border-box; background-color: #000; }
        .course_item .content .title { font-size: 1.9em; font-weight: 700; color: #fff; text-align: center; display: block; margin-bottom: 15px; padding-bottom: 15px; position: relative; min-height: 58px; }
            .course_item .content .title::after { content: ""; position: absolute; bottom: 0; right: 0; left: 0; margin: 0 auto; height: 5px; width: 100%; max-width: 102px; background-color: #0077FF; box-shadow: 0px -1px 36px #676767E0; }
    .course_item.special1 .content .title::after { background-color: #FFC400; }
    .course_item.special2 .content .title::after { background-color: #F20221; }
    .course_item .content .text { height: 79px; overflow: hidden; color: #fff; line-height: 120%; font-size: 1.2em; text-align: center; }
        .course_item .content .text > * { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-align:center !important;}
            .course_item .content .text > *:not(:nth-child(1)) { display: none; }
    .course_item .button { width: 266px; max-width: 90%; margin: 0 auto; display: block; position: absolute; bottom: 10px; right: 0; left: 0; }
    .course_item:hover .image, .course_item:focus .image { transform: scale(1.2); }
    .course_item:hover .image_conti::after, .course_item:focus .image_conti::after { background-color: rgb(0 119 255 / 0.35); }


.packages_items { position: relative; padding: 30px 10px; box-sizing: border-box; overflow: hidden; }
.blur_bg { pointer-events: none; position: absolute; z-index: -1; opacity: 0.4; width: 100%; height: 100%; right: 0; top: 0; background-image: url('/Content/Resources/General/blurBg.png'); background-repeat: repeat; filter: blur(8px); -webkit-filter: blur(8px); }
.packages_items_conti { position: relative; z-index: 2; }
    .packages_items_conti > li { width: 32%; margin-left: 2%; margin-bottom: 17px; position: relative; padding-bottom: 20px; background-color: #000; }
        .packages_items_conti > li:nth-child(3n) { margin-left: 0; }

.package_item { }
    .package_item .image_conti { padding-bottom: 65%; position: relative; border-bottom: 5px solid #0077FF; overflow: hidden; }
        .package_item .image_conti::after { content: ""; width: 100%; height: 100%; position: absolute; right: 0; top: 0; background-color: transparent; z-index: 1; transition: all 0.5s ease-in-out; }
        .package_item .image_conti .image { position: absolute; right: 0; top: 0; width: 100%; height: 100%; }
    .package_item .content { padding: 25px 10px 15px 10px; box-sizing: border-box; background-color: #000; }
        .package_item .content .title { font-size: 1.8em; font-weight: 700; color: #fff; text-align: center; display: block; margin-bottom: 5px; position: relative; }
        .package_item .content .text { height: 98px; overflow: hidden; color: #fff; font-size: 1.2em; text-align: center; line-height: 120%; }
            .package_item .content .text > * { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
                .package_item .content .text > *:not(:nth-child(1)) { display: none; }
    .package_item .button { width: 266px; max-width: 90%; margin: 0 auto; display: block; position: absolute; right: 0; left: 0; bottom: 10px; }
    .package_item:hover .image, .package_item:focus .image { transform: scale(1.2); }
    .package_item:hover .image_conti::after, .package_item:focus .image_conti::after { background-color: rgb(0 119 255 / 0.35); }

.general_buttons { }
    .general_buttons > li { margin-left: 20px; }
        .general_buttons > li:last-child { margin-left: 0; }
        .general_buttons > li .button { width: 100%; min-width: 266px; }

.test_bg { background-color: #1e1e1e; background-image: url('/Content/Resources/General/testBg.png'); background-position: center top; background-repeat: no-repeat; }

.test_item { display: block; background-color: #3D3D3D; padding: 25px 22px; box-sizing: border-box; }
    .test_item > .flex { }
    .test_item .video_conti, .test_item .image { width: 43%; padding-bottom: 43%; pointer-events: none; }
    .test_item .content { width: 50%; position: relative; padding: 0 45px; box-sizing: border-box; }
        .test_item .content::before { content: ""; width: 35px; height: 28px; position: absolute; right: 0; top: 0; background-image: url('/Content/Resources/General/quoteRight.png'); background-repeat: no-repeat; background-size: contain; background-position: center top; }
        .test_item .content::after { content: ""; width: 35px; height: 28px; position: absolute; left: 0; bottom: 0; background-image: url('/Content/Resources/General/quoteLeft.png'); background-repeat: no-repeat; background-size: contain; background-position: center bottom; }
        .test_item .content .title { font-size: 1.2em; color: #fff; margin-bottom: 5px; }
        .test_item .content .title { font-weight: 500; }
            .test_item .content .title .rool { color: #0077FF; font-weight: 400; }
        .test_item .content .text { font-size: 1.15em; font-weight: 400; color: #A5A5A5; margin-bottom: 5px; height: 198px; overflow: hidden; line-height: 120%; }
            .test_item .content .text > * { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 9; -webkit-box-orient: vertical; }
                .test_item .content .text > *:not(:nth-child(1)) { display: none; }
        .test_item .content .test_link { font-size: 1.15em; font-weight: 500; color: #fff; text-decoration: underline; cursor: pointer; }
            .test_item .content .test_link:hover, .test_item .content .test_link:focus { color: #0077FF; }

.test_conti { }
    .test_conti > ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
        .test_conti > ul > li { width: 49%; margin-bottom: 25px; }

.why_us { min-height: 350px; }
    .why_us .content { width: 433px; background-color: #272727; box-shadow: -1px 3px 17px #00000024; color: #fff; align-items: center; padding-top: 50px; }
        .why_us .content > * { width: 100%; }
        .why_us .content > .headline_image { }
            .why_us .content > .headline_image > img { max-width: 115px; }
        .why_us .content .headline1 { font-size: 2em; }
        .why_us .content article { padding: 0 20px; box-sizing: border-box; }
    .why_us .details { width: calc(100% - 433px); color: #fff; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; background-position: center center; background-repeat: no-repeat; background-size: cover; }
        .why_us .details .running_numbers { width: 70%; display: flex; justify-content: space-between; }
            .why_us .details .running_numbers > li { }
                .why_us .details .running_numbers > li > strong { font-size: 3em; font-weight: 700; border-right: 10px solid rgb(255 255 255 / 0.8); border-left: 10px solid rgb(255 255 255 / 0.8); padding: 30px 5px; box-sizing: border-box; width: auto; min-width: 100px; display: block; text-align: center; }
                .why_us .details .running_numbers > li > span { display: block; padding: 5px 0; box-sizing: border-box; font-weight: 500; text-align: center; }


.contact_conti { padding: 80px 10px 60px 10px; box-sizing: border-box; background-color: #3c3c3c; }
    .contact_conti .headline1 { color: #fff; }
.general_form { width: 90%; margin: 0 auto; }
    .general_form form { width: 100%; }
        .general_form form ul { justify-content: space-between }
            .general_form form ul > li { width: 31%; }
                .general_form form ul > li label { }
                .general_form form ul > li:last-child { width: 100%; text-align: center; margin-top: 30px; }
                .general_form form ul > li .button { width: 100%; max-width: 260px; display: inline-block; }


/*****End Index****/


/*****General Page****/
.general_page { }
    .general_page .inner_main_image { }

.about_items { }
    .about_items > div { min-height: 469px; }
        .about_items > div .content { width: 50%; display: flex; flex-wrap: wrap; align-items: center; background-color: #3D3D3D; color: #fff; padding: 20px 3%; box-sizing: border-box; }
        .about_items > div .image {position:relative; width: 50%; height: auto; }
        .about_items > div .image .video_conti {position:absolute;right:0;top:0;width:100%;height:100%;padding-bottom:0; }
        .about_items > div.child2 .content { order: 2; }
        .about_items > div.child2 .image { order: 1; }
        .about_items > div .content .title { position: relative; padding-right: 15px; box-sizing: border-box; margin-bottom: 10px; width: 100%; }
            .about_items > div .content .title > * { font-size: 2.8em; font-weight: 700; }
            .about_items > div .content .title::after { content: ""; width: 8px; height: 100%; max-height: 52px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background-color: #fff; }
        .about_items > div .content .text { line-height: 120%; font-size: 1.2em; width: 100%; }
/*****End General Page****/

/****Documents*****/
.documents_items { }
    .documents_items > ul { }
        .documents_items > ul > li { border-bottom: 1px solid #fff; }

.document_item { position: relative; display: block; width: 100%; padding: 20px 80px 20px 10px; box-sizing: border-box; }
    .document_item:hover, .document_item:focus { background-color: #fff; color: #0077FF; }
    .document_item .image { width: 40px; height: 50px; background-size: contain; position: absolute; right: 0; top: 20px; }
    .document_item .content { width: 100%; }
        .document_item .content .title { font-size: 1.5em; display: block; margin-bottom: 15px; }
        .document_item .content .text { display: block; line-height: 120%; }
            .document_item .content .text > p { font-size: 1.2em; }
/****End Documents*****/

/****Gallery****/
.gallery { }
    .gallery > ul { padding: 0 5px; box-sizing: border-box; }
        .gallery > ul:nth-child(1) { width: 49.8%; }
        .gallery > ul:nth-child(2) { width: 49.8%; }
        .gallery > ul:nth-child(3) { width: 100%; }
        .gallery > ul:nth-child(1) > li { width: 100%; }
        .gallery > ul:nth-child(2) > li { width: 49%; }
        .gallery > ul:nth-child(3) > li { width: 24%; }


        .gallery > ul > li { width: 49%; box-sizing: border-box; margin-bottom: 12px; }
            .gallery > ul > li:nth-child(4n) { margin-left: 0; }
            .gallery > ul > li > a { display: block; padding-bottom: 100%; }
            .gallery > ul > li .video_conti {padding-bottom:100%;}
            .gallery > ul > li .video_conti iframe {pointer-events:none;}
            .gallery > ul > li .video_conti:hover , .gallery > ul > li .video_conti:focus {filter:brightness(1.5);}
/****End Gallery****/

/***Coursese Inner****/
.dark_bg { background: rgb(255 255 255 / 5%) 0% 0% no-repeat padding-box; opacity: 1; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); }
.padding_20 { padding: 20px 0; box-sizing: border-box; }
.course_padding { padding: 20px 10px; box-sizing: border-box; }
.course_details { }
    .course_details .side_one { width: 50%; order:2;}
    .course_details .side_two { width: 45%; color: #fff; order:1;}
    .course_details .side_one .image { width: 100%; padding-bottom: 66%; }
    .course_details .side_two .title { font-size: 2.5em; font-weight: 700; color: #fff; display: block; margin-bottom: 10px; }
    .course_details .side_two .general_article { margin-bottom: 20px; }
    .course_details .side_two .totals { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #707070; }
        .course_details .side_two .totals > ul { }
            .course_details .side_two .totals > ul > li { margin-left: 80px; }
                .course_details .side_two .totals > ul > li:last-child { margin-left: 0; }
                .course_details .side_two .totals > ul > li img { display: inline-block; vertical-align: middle; margin-left: 10px; }
                .course_details .side_two .totals > ul > li div { display: inline-block; vertical-align: middle; }
                    .course_details .side_two .totals > ul > li div > strong { display: block; font-size: 1.4em; font-weight: 700; margin-bottom: 5px; }
                    .course_details .side_two .totals > ul > li div > span { font-size: 0.95em; font-weight: 300; }
    .course_details .button_conti { }
        .course_details .button_conti .button { max-width: 218px; }

.benfit_contents { }
    .benfit_contents > ul { }
        .benfit_contents > ul > li { color: #fff; width: 22%; margin-left: 4%; margin-bottom: 20px; }
            .benfit_contents > ul > li:nth-child(4n) { margin-left: 0; }
            .benfit_contents > ul > li .icon { width: 60px; height: 60px; background-size: contain; background-position: center bottom; margin: 0 auto 50px auto; }
            .benfit_contents > ul > li .title { font-size: 1.8em; font-weight: 700; display: block; text-align: center; margin-bottom: 10px; }
            .benfit_contents > ul > li .text { line-height: 120%; text-align: center; }
                .benfit_contents > ul > li .text > * { font-size: 1.2em; font-weight: 400; }

.inner_gallery { }
    .inner_gallery > ul { }
        .inner_gallery > ul > li { width: 16.667%; position: relative; margin-bottom: 4px; overflow: hidden; }
            .inner_gallery > ul > li:not(:nth-child(6n))::after { content: ""; width: 4px; height: 100%; position: absolute; left: 0; top: 0; background-color: #000; z-index: 2; pointer-events: none; }
            .inner_gallery > ul > li > a { display: block; padding-bottom: 100%; }
                .inner_gallery > ul > li > a:hover, .inner_gallery > ul > li > a:focus { transform: scale(1.2); }
/***End Coursese Inner****/

/***Franchise****/
.frenchise_video { padding: 20px 10px; box-sizing: border-box; margin-bottom: 100px; }
    .frenchise_video .button { max-width: 266px; margin: 0 auto; }

.faqs .headline1 { color: #fff; }

.faq_item { background-color: #3C3C3C; color: #fff; }
    .faq_item .title { position: relative; padding: 25px 10px; box-sizing: border-box; display: block; }
        .faq_item .title > strong { font-size: 1.4em; font-weight: 700; display: block; width: 100%; padding-left: 60px; box-sizing: border-box; }
        .faq_item .title .arrow_conti { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); box-sizing: border-box; display: flex; justify-content: center; align-items: center; width: 46px; height: 46px; background-color: #1F1F1F; }
            .faq_item .title .arrow_conti .arrow { position: relative; }
                .faq_item .title .arrow_conti .arrow.arrow_down { top: -3px; }
                .faq_item .title .arrow_conti .arrow.arrow_up { top: 3px; }
    .faq_item .ans { display: none; padding: 20px; box-sizing: border-box; line-height: 120%; color: #fff; font-weight: 300; font-size: 1.2em; }

.faq_items { }
    .faq_items > ul { }
        .faq_items > ul > li { margin-bottom: 37px; }

.franchise_section { position: relative; min-height: 700px; padding-top: 20px; z-index: 1; }
.blur_dark_bg { pointer-events: none; position: absolute; z-index: -1; width: 100%; height: 100%; right: 0; top: 0; background-color: rgb(0 0 0 / 0.6); filter: blur(8px); -webkit-filter: blur(8px); }
.franchise_section .bg_image { z-index: -2; position: absolute; width: 100%; height: 100%; right: 0; top: 0; }
.franchise_form { background-color: #3D3D3D; border-radius: 10px; padding: 20px 20px 10px 20px; box-sizing: border-box; }
    .franchise_form .title { font-size: 2.2em; font-weight: 500; display: block; margin-bottom: 10px; color: #fff; text-align: center; }
    .franchise_form .text { font-size: 1.8em; font-weight: 400; display: block; margin-bottom: 20px; color: #fff; text-align: center; }
    .franchise_form form ul { padding-right: 10px; }
        .franchise_form form ul > li { margin-bottom: 15px; width: 25%; padding-left: 10px; box-sizing: border-box; }
            .franchise_form form ul > li:last-child { width: 100%; }
            .franchise_form form ul > li .button { max-width: 260px; margin: 0 auto; display: block; }
.franchise_cta { width: 100%; color: #fff; padding: 40px 10px; text-align: center; margin: 0 auto; background-color: #000; box-shadow: 0 3px 6px rgb(0 0 0 / 0.36); box-sizing: border-box; }
    .franchise_cta > * { display: inline-block; vertical-align: middle; width: auto; }
    .franchise_cta > span { font-size: 1.5em; font-weight: 500; margin-left: 10px; }

.krav_maga_catalog  {padding:20px 10px;box-sizing:border-box; }
    .krav_maga_catalog > a { display: block; text-align: center; max-width: 400px; margin: 0 auto; width: 100%; position: relative; border-radius: 10px; overflow: hidden; box-shadow: 0 3px 6px rgb(0 0 0 / 0.36); }
    .krav_maga_catalog > a:hover, .krav_maga_catalog > a:focus {filter:brightness(1.2); }
    .krav_maga_catalog > a::after {content:"";width:100%;height:100%;background-color:#0077FF;position:absolute;right:0;top:0;z-index:1;opacity:0.5; }
        .krav_maga_catalog > a > span { background-color: #fff; padding: 10px; border-top: 1px solid #000; border-bottom: 1px solid #000; box-sizing: border-box; color: #000; font-size: 1.5em; display: block; margin-bottom: 20px; font-weight: 700; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 100%; z-index: 2; }
    .krav_maga_catalog > a > img {display:block;width:100%;vertical-align:bottom;}

/***End Franchise****/

/****Packages Inner****/
.info_items_conti { background-color: rgb(0 0 0 / 0.3); }
.info_conti { }
    .info_conti .side_one { width: 100%; }
    .info_conti .side_two { margin: 30px auto 0 auto; width: 100%; max-width: 600px; background-color: #3D3D3D; color: #fff; border-radius: 20px; padding: 30px 20px; box-sizing: border-box; text-align: center; border: 5px solid #0077FF; }
        .info_conti .side_two article { max-width: 550px; margin: 0 auto; }
        .info_conti .side_two h2 { font-size: 1.8em; margin-bottom: 10px; }
        .info_conti .side_two p { font-size: 1.2em; font-weight: 500; }

.info_items { position: relative; display: flex; flex-wrap: wrap; padding-top: 40px; }

    .info_items > li { margin-bottom: 30px; width: 32%; margin-left:2%;}
    .info_items > li:nth-child(3n) { margin-left:0;}
    .info_items > li:last-child {margin-left:0;}
        /*.info_items > li:nth-child(even) { margin-bottom: 60px; }
        .info_items > li:nth-child(odd) { margin-top: -60px; }*/
.info_item { position: relative; }
    .info_item .circle { position: absolute; padding: 10px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; right: 0; top: 0; border-radius: 50%; width: 85px; height: 85px; border: 5px solid #fff; background-color: #0077FF; color: #fff; font-size: 1.1em; font-weight: 500; box-sizing: border-box; text-align: center; }
        .info_item .circle::after { content: ""; position: absolute; width: calc(100% + 30px); height: calc(100% + 30px); right: -15px; top: -15px; border: 10px solid #000; box-sizing: border-box; border-radius: 50%; }
/*.info_item .circle::before {content:"";position:absolute;top:100%; width:10px;height:12px;background-color:#0077FF;top:calc(100% + 5px);right:0;left:0;margin:0 auto; z-index:3;}*/
.info_items > li:last-child .info_item .circle::before { display: none; }

.info_item .content { width: 100%; background: #404040; box-shadow: 0px -1px 11px #00000029; display: flex; align-items: center; font-size: 1.1em; font-weight: 700; color: #fff; padding: 10px 50px 10px 10px; box-sizing: border-box; border-radius: 10px 25px 25px 10px; min-height: 85px; border-right: 60px solid #000; }
    .info_item .content > div { }
/****End Packages Inner****/

/****Testamonials****/
.test_slider { position: relative; height: 0; padding-bottom: 50%; overflow: hidden; background-color: #000; }
    .test_slider > ul { }
        .test_slider > ul > li { position: absolute; right: 0; top: 0; width: 100%; height: 100%; opacity: 0; pointer-events: none; }
            .test_slider > ul > li.active { opacity: 1; pointer-events: all; z-index: 2; }
            .test_slider > ul > li.prev { right: -100%; }
            .test_slider > ul > li.next { right: 100%; }
.test_slide_item { box-shadow: 25px 3px 23px #00000057; }
    .test_slide_item .image { width: 50%; padding-bottom: 50%; }
    .test_slide_item .slide_content { width: 50%; padding-left: 60px; box-sizing: border-box; background-color: #0077FF; color: #fff; position: relative; display: flex; justify-content: center; align-items: center; }
        .test_slide_item .slide_content .text { line-height: 120%; font-size: 1.15em; }
            .test_slide_item .slide_content .text .slide_link { display: block; text-decoration: underline; font-size: 1.15em; font-weight: 500; }
.slide_arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 46px; height: 46px; z-index: 3; display: flex; justify-content: center; align-items: center; background-color: transparent; }
    .slide_arrow:hover, .slide_arrow:focus { background-color: #272727 !important; }
.slide_arrow_left { left: 10px; background-color: #003E91; }
    .slide_arrow_left > .arrow { right: -2px; position: relative; }
.slide_arrow_right { right: 10px; }
    .slide_arrow_right > .arrow { left: -2px; position: relative; }
.slide_arrow .arrow { border-color: #fff !important; }

.test_slide_item .slide_content .text { max-width: 350px; width: 100%; position: relative; padding: 0 38px; box-sizing: border-box; }
    .test_slide_item .slide_content .text::before { content: ""; width: 35px; height: 28px; position: absolute; right: 0; top: 0; background-image: url('/Content/Resources/General/quoteRightWhite.png'); background-repeat: no-repeat; background-size: contain; background-position: center top; }
    .test_slide_item .slide_content .text::after { content: ""; width: 35px; height: 28px; position: absolute; left: 0; bottom: 0; background-image: url('/Content/Resources/General/quoteLeftWhite.png'); background-repeat: no-repeat; background-size: contain; background-position: center bottom; }
    .test_slide_item .slide_content .text .title { font-size: 1.2em; color: #fff; margin-bottom: 5px; }
        .test_slide_item .slide_content .text .title > strong { font-weight: 500; }
    .test_slide_item .slide_content .text .rool { color: #fff; font-weight: 400; }
/****End Testamonials****/

/*****Contact****/
.contac_form_conti { background-color: #272727; padding: 20px; box-sizing: border-box; box-shadow: 0 3px 6px rgb(0 0 0 / 0.36); }
.contac_page .map { }
    .contac_page .map iframe { width: 100%; height: 287px; }
.contac_page .technical_specifications { color: #353535; margin-bottom: 20px; }
    .contac_page .technical_specifications > ul { }
        .contac_page .technical_specifications > ul:nth-child(odd) > li > div { background-color: rgba(53, 53, 53, 0.05); }
        .contac_page .technical_specifications > ul > li { }
            .contac_page .technical_specifications > ul > li > div { padding: 10px; box-sizing: border-box; }
.contac_page form > ul > li { margin-bottom: 20px; }
.contac_page .checkbox_conti_absolute label { padding-top: 8px; padding-right: 5px; box-sizing: border-box; }
.contac_form_conti article img { display: inline-block; width: 30px; vertical-align: bottom; margin-left: 5px; margin-bottom: 0; float: right; }
/*****End Contact****/

/*****Thanks****/
.thanks_page { padding-top: 50px; padding-bottom: 150px; color: #fff; }
    .thanks_page > h1 { font-size: 2.2em; font-weight: 700; margin-bottom: 25px; }
    .thanks_page > h2 { font-size: 1.5em; font-weight: 600; margin-bottom: 25px; }
    .thanks_page > p { font-size: 1.15em; }
    .thanks_page .image_conti { margin-bottom: 20px; max-width: 150px; margin: 0 auto 40px auto; }
        .thanks_page .image_conti > img { width: 100%; vertical-align: bottom; }
.error_page .image_conti { max-width: 415px; margin-bottom: 20px; }
.thanks_page .headline3 { border-bottom: none; margin-bottom: 0; padding-bottom: 10px; }


.error_page { text-align: center; padding: 30px 10px 80px 10px; box-sizing: border-box; color: #fff; }
    .error_page > h1 { font-size: 2.2em; font-weight: 700; display: block; margin-bottom: 10px; }
    .error_page > p { line-height: 120%; }
    .error_page > img { width: 100%; max-width: 415px; margin: 0 auto 15px auto; display: block; }


.server_error_page { text-align: center; padding: 30px 10px 80px 10px; box-sizing: border-box; color: #fff; }
    .server_error_page > h1 { font-size: 2em; font-weight: 700; display: block; margin-bottom: 10px; }
    .server_error_page > p { line-height: 120%; font-size: 1.2em; display: block; margin-bottom: 67px; }
    .server_error_page > img { width: 100%; max-width: 414px; margin: 0 auto 40px auto; display: block; }
/*****End Thanks****/


/*****Events****/
.cats_nav { border-bottom: 1px solid #707070;margin-bottom:40px;}
    .cats_nav > ul { justify-content:center;}
        .cats_nav > ul > li { }
            .cats_nav > ul > li > a {color:#fff; display: block;font-size:1.4em;font-weight:300; padding:15px;box-sizing:border-box;border-bottom:4px solid transparent;}
                .cats_nav > ul > li > a.active, .cats_nav > ul > li > a:hover, .cats_nav > ul > li > a:focus { border-color: #0077FF; }

.event_item { display: block; min-height: 100%; background-color: #000; }
    .event_item .image_conti { position: relative; height: 282px; }
    .event_item .image_conti .image {position:absolute;height:100%;width:100%;right:0;top:0; }
        .event_item .image_conti .sale_percent {text-align:center; position: absolute; bottom: 0; right: 0; width: 100%; color: #fff; font-weight: 300; padding: 10px 5px; box-sizing: border-box; box-shadow: 0px 3px 26px #00000059; background-color:rgb(255 255 255 / 0.5);z-index:2;}
    .event_item .content { background-color: #000; border-top: 12px solid #0077FF;padding:10px;box-sizing:border-box; text-align:center;}
        .event_item .content .event_type { display: inline-block; font-size: 1.55em; font-weight: 700; padding-bottom: 5px; border-bottom: 1px solid #F20221; color: #fff; margin-bottom: 10px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-width: 100%;height:45px; }
        .event_item .content .title { display: block; font-size: 1.2em; color: #fff; font-weight: 400; margin-bottom: 3px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height: 55px ;}
        .event_item .content .location { display: block; font-size: 1.2em; color: #fff; font-weight: 400;height:18px; margin-bottom: 30px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
    .event_item .event_price {font-size:1.3em; color:#fff;text-align:center;margin-bottom:15px;height:38px;overflow:hidden;}
        .event_item .event_price strike { color:rgb(255 255 255 / 0.23);display:inline-block;vertical-align:middle;margin-right:5px;}
        .event_item .event_price span { font-weight: 300; display: inline-block; vertical-align: middle; }
    .event_item .button { }

.products_items_conti {padding:0 10px;box-sizing:border-box; }
    .products_items_conti { }
.products_items_conti > li {width:24%;margin:0 0 1.33% 1.33%; }
        .products_items_conti  > li:nth-child(4n) { margin-left:0;}

.sub_images { margin-top:10px;}
    .sub_images > ul { }
        .sub_images > ul > li { width: 24%; margin:0 0 1.33% 1.33%;}
        .sub_images > ul > li:nth-child(4n) { margin-left:0;}
.sub_images > ul > li > a {display:block;padding-bottom:100%; }

.choose_price { display: inline-block; vertical-align: middle; background-color: #000; color: #fff; padding:13px 10px; border: none; box-shadow: 0px 3px 6px #00000029; line-height: 1; font-size: 0.7em; }
/*****End Events****/

/*****Event Inner****/
.event_inner { }
    .event_inner .location_and_time {font-size:1.5em;font-weight:400;margin-bottom:10px; }
    .event_inner h1.title {display:block;padding-bottom:10px;border-bottom:1px solid #fff;margin-bottom:10px; }
    .event_inner .sub_title {font-size:1.2em;display:block;padding:0 0 10px 0;box-sizing:border-box;border-bottom:1px solid #fff;margin-bottom:10px; font-weight:500;}
    .event_inner .event_price { padding-bottom: 10px; border-bottom: 1px solid #fff; font-size: 1.7em; font-weight: 400; margin-bottom: 10px; }
        .event_inner .event_price > span { font-weight: 700; display: inline-block; vertical-align: middle; }
    .event_inner .event_price > strike {color:rgb(255 255 255 / 0.65);font-weight:300;display:inline-block;vertical-align:middle;margin-right:5px;}
    .event_inner .button_conti {padding-bottom:10px;box-sizing:border-box; border-bottom: 1px solid #fff;margin-bottom:30px; }

.sub_images { margin-top: 10px; }
    .sub_images > ul { }
        .sub_images > ul > li { width: 24%; margin: 0 0 1.33% 1.33%; }
            .sub_images > ul > li:nth-child(4n) { margin-left: 0; }
            .sub_images > ul > li > a { display: block; padding-bottom: 100%; }
/*****End Event Inner****/



@media only screen and (max-width : 1610px) {
    /****Customers****/
    .customers_images { padding: 0; }
    /****End Customers****/
}

@media only screen and (max-width : 1366px) {
    /*General Classes*/
    /*End General Classes*/
}

@media only screen and (max-width : 1210px) {
    /*General Classes*/
    /*End General Classes*/
}

@media only screen and (max-width : 1040px) {
    /*General Classes*/
    body { background-position: right bottom 521px; }
    .message_conti { height: auto; }
    .message_partial { width: 100%; position: relative; }
    .why_us .content .headline1 { font-size: 1.5em; }
    .headline1 .title { padding: 0 15px; }

    .green_energy { display: none; }
    .general_form { padding: 20px 10px; }
    .general_article p { font-size: 1em; }
    .test_item .test_content > p { font-size: 1em; }
    .main_image { min-height: 80px; }
        .main_image .general_form { display: none; }
    .bread { margin-bottom: 10px; font-size: 0.8em; }
    .open_side_form > .open_side_form_bg { right: 0; }
    /*End General Classes*/

    /*Home*/
    .main_links > ul > li > a { font-size: 1.2em; }
    .home_main_content { height: 350px; padding-top: 30px; background-size: cover; background-position: center top; }
        .home_main_content .content h1 { font-size: 3em; }

    .headline_with_button h2 { font-size: 1.5em; }
    .headline_with_button .button { max-width: 150px; }

    .test_conti > ul > li { width: 100%; }

    .why_us .content { width: 350px; }
    .why_us .details { width: calc(100% - 350px); }
        .why_us .details .running_numbers { width: 95%; }
    /*End Home*/

    /****Packages Inner****/
    .course_details .side_one { width: 100%; order: 2; }
    .course_details .side_two { width: 100%; order: 1; margin-bottom: 20px; }
    /****End Packages Inner****/


    .about_items > div { margin-bottom: 30px; min-height: 0; }
        .about_items > div .content { width: 100%; padding-top: 50px; margin-top: -40px; }
        .about_items > div .image { width: 200px; padding-bottom: 0; height: 200px; margin: 0 auto; background-color: #272727; z-index: 2; position: relative; }

        .about_items > div:nth-child(odd) .content { order: 2; }
        .about_items > div:nth-child(odd) .image { order: 1; }

    /*****Events****/
    .event_item .content .event_type {font-size:1.3em; }
    .products_items_conti {justify-content:space-between; }
    .products_items_conti > li {width:49%;margin:0 0 15px 0 !important; }
    .event_item .image_conti { height: 0; padding-bottom: 75%; }
/*****End Events****/
}

@media only screen and (max-width : 768px) {
    /*Home*/
    .courses_items_conti, .packages_items_conti { justify-content: space-between; }
        .courses_items_conti > li, .packages_items_conti > li { width: 49%; margin: 0 0 20px 0; }
    .course_item .content .title { min-height: 39px; }

    .why_us .content { width: 100%; padding: 20px 0; }
    .why_us .details { width: 100%; min-height: 250px; }
        .why_us .details .running_numbers { width: 95%; }
            .why_us .details .running_numbers > li > strong { font-size: 2em; width: 60px; }
    /*End Home*/

    /***Coursese Inner****/
    .info_conti .side_one { width: 100%; }
    .info_conti .side_two { width: 100%; }
    /*.info_item .content {font-size:1.2em;}*/
    .benfit_contents > ul { justify-content: space-between; }
        .benfit_contents > ul > li { width: 49%; margin: 0 0 20px 0; font-size: 0.8em; }
            .benfit_contents > ul > li .icon { margin-bottom: 20px; }
    /***End Coursese Inner****/

    .franchise_section { min-height: 700px; height: auto; padding-top: 0; }
    .franchise_form form ul > li { width: 100%; }

    .info_conti .side_two {font-size:0.9em;}
    .info_items { padding-top: 0; }

        .info_items > li { margin-bottom: 10px; width: 100%; margin-left:0;}
            /*.info_items > li:nth-child(even) { margin-bottom: 10px; }*/
            /*.info_items > li:nth-child(odd) { margin-top: 0; }*/

    /*****Event Inner****/
    .event_inner .location_and_time {font-size:1.2em; }
    .course_details .side_two .title {font-size:2em; }
    .event_inner .event_price {font-size:1.3em; }
    /*****End Event Inner****/
}


@media only screen and (max-width : 600px) {


    /*Side Form*/
    /*.side_form_conti { top: initial; bottom: 0; left: initial; right: 0; }
    .open_side_form { left: initial; right: 0; top: initial; bottom: 0; transform: rotate(0deg); }*/
    .open_whatsapp { top: -71px; left: initial; right: 0; }
        /*.side_form_conti .lead_form { left: initial; right: 0; bottom: -340px; top: initial; }
    .side_form_conti.active .lead_form { bottom: 0; }
    .side_form_conti.active .open_side_form { top: -293px; }*/
        .open_whatsapp > img { right: 0; display: inline-block; vertical-align: middle; width: 35px; }
        .open_whatsapp > span { right: 0; display: inline-block; vertical-align: middle; font-size: 1.2em; }
    .open_whatsapp { width: 90px; }
    /*End Side Form*/

    /*Home*/
    .course_item .image_conti .show_special1, .course_item .image_conti .show_special2 { font-size: 1.2em; }
        .course_item .image_conti .show_special1 > img, .course_item .image_conti .show_special2 > img { width: 30px; }
    .course_item .content .title, .package_item .content .title { font-size: 1.3em; }
    .course_item .content .text, .package_item .content .text { font-size: 1em; }
    .general_buttons > li .button { min-width: auto; font-size: 1em; }
    .test_item { padding: 10px; }
        .test_item .video_conti, .test_item .image { width: 100%; padding-bottom: 65%; margin-bottom: 10px; }
        .test_item .content { width: 100%; }
            .test_item .content::before, .test_item .content::after { width: 25px; height: 18px; }
            .test_item .content .text { height: auto; }
        .test_item .content { padding: 0 28px; }

    .contact_conti { padding: 20px 10px; }
    .general_form form ul > li { width: 100%; margin-bottom: 10px; }
        .general_form form ul > li:last-child { margin-top: 10px; }

    .main_links > ul > li > a {padding:15px 10px; }
    /*End Home*/

    /****Gallery****/

    .gallery > ul:nth-child(1) { width: 100%; }
    .gallery > ul:nth-child(2) { width: 100%; }
    .gallery > ul:nth-child(3) { width: 100%; }
        .gallery > ul:nth-child(3) > li { width: 49%; }
    /****End Gallery****/

    /*****Contact****/
    .contact_page .contact_form form > ul { padding-right: 0; box-sizing: border-box; }
        .contact_page .contact_form form > ul > li { padding-left: 0; width: 100% !important; }
            .contact_page .contact_form form > ul > li:nth-child(6), .contact_page .contact_form form > ul > li:nth-child(7) { text-align: right; }
    /*****End Contact****/

    /****Testamonials****/
    .test_slider > ul > li.active { position: relative; }
    .test_slider > ul > li.next { position: absolute; }
    .test_slider > ul > li.prev { position: absolute; }
    .test_slider { padding-bottom: 0; height: auto; }
    .test_slide_item .image { width: 100%; padding-bottom: 100%; }
    .test_slide_item .slide_content { width: 100%; padding: 20px 10px; box-sizing: border-box; }
        .test_slide_item .slide_content .text { max-width: 100%; }
    /****End Testamonials****/

    .franchise_cta > * { display: block; margin: 0 0 10px 0; }

    .why_us .details .running_numbers > li > strong {min-width:80px;}
}

@media only screen and (max-width : 414px) {
    /*Home*/
    /*End Home*/

    /*****Events****/
        .products_items_conti > li { width: 100%; margin: 0 0 15px 0 !important; }
    /*****End Events****/

}

@media only screen and (max-width : 360px) {
    /*Home*/
    .courses_items_conti > li, .courses_items_conti > li, .packages_items_conti > li { width: 100%; }
    .course_item .content .title, .package_item .content .title { min-height: auto; }
    /*End Home*/

}

.flex { display: flex; }
.flex_space_evenly { justify-content: space-between; }
.flex_space_center { justify-content: center; }
.flex_items_align_middle { align-items: center; }
.flex_wrap { flex-wrap: wrap; }
.flex_row { flex-direction: row; }
.flex_column { flex-direction: column; }

.item_order_1 { order: 1; }
.item_order_2 { order: 2; }
.item_order_3 { order: 3; }
.item_order_4 { order: 4; }
.item_order_5 { order: 5; }
.item_order_6 { order: 6; }
.item_order_7 { order: 7; }
.item_order_8 { order: 8; }
.item_order_9 { order: 9; }
.item_order_10 { order: 10; }

.flex_column_1 { width: 10%; }
.flex_column_2 { width: 20%; }
.flex_column_3 { width: 30%; }
.flex_column_4 { width: 40%; }
.flex_column_5 { width: 50%; }
.flex_column_6 { width: 60%; }
.flex_column_7 { width: 70%; }
.flex_column_8 { width: 80%; }
.flex_column_9 { width: 90%; }
.flex_column_10 { width: 100%; }

.flex_items_1 { width: 100%; }
.flex_items_2 { width: 50%; }
.flex_items_3 { width: 33.33%; }
.flex_items_4 { width: 25%; }
.flex_items_5 { width: 20%; }
.flex_items_6 { width: 16.66%; }
.flex_items_7 { width: 14.285%; }
.flex_items_8 { width: 12.5%; }
.flex_items_9 { width: 11.11%; }
.flex_items_10 { width: 10%; }

.flex_item_space_0 { padding-left: 0; }
.flex_item_space_right_0 { padding-right: 0; }
.flex_item_space_5 { padding-left: 5px; }
.flex_item_space_right_5 { padding-right: 5px; }
.flex_column_space_5 { padding-right: 5px; }
.flex_column_space_left_5 { padding-left: 5px; }
.flex_item_space_10 { padding-left: 10px; }
.flex_item_space_right_10 { padding-right: 10px; }
.flex_column_space_10 { padding-right: 10px; }
.flex_column_space_left_10 { padding-left: 10px; }
.flex_item_space_15 { padding-left: 15px; }
.flex_item_space_right_15 { padding-right: 15px; }
.flex_column_space_15 { padding-right: 15px; }
.flex_column_space_left_15 { padding-left: 15px; }
.flex_item_space_20 { padding-left: 20px; }
.flex_item_space_right_20 { padding-right: 20px; }
.flex_column_space_20 { padding-right: 20px; }
.flex_column_space_left_20 { padding-left: 20px; }
.flex_item_space_25 { padding-left: 25px; }
.flex_item_space_right_25 { padding-right: 25px; }
.flex_column_space_25 { padding-right: 25px; }
.flex_column_space_left_25 { padding-left: 25px; }
.flex_item_space_30 { padding-left: 30px; }
.flex_item_space_right_30 { padding-right: 30px; }
.flex_column_space_30 { padding-right: 30px; }
.flex_column_space_left_30 { padding-left: 30px; }
.flex_item_space_35 { padding-left: 35px; }
.flex_item_space_right_35 { padding-right: 35px; }
.flex_column_space_35 { padding-right: 35px; }
.flex_column_space_left_35 { padding-left: 35px; }
.flex_item_space_40 { padding-left: 40px; }
.flex_item_space_right_40 { padding-right: 40px; }
.flex_column_space_40 { padding-right: 40px; }
.flex_column_space_left_40 { padding-right: 40px; }

.item_margin_b_0 { margin-bottom: 0; }
.item_margin_b_5 { margin-bottom: 5px; }
.item_margin_b_10 { margin-bottom: 10px; }
.item_margin_b_15 { margin-bottom: 15px; }
.item_margin_b_15 { margin-bottom: 15px; }
.item_margin_b_20 { margin-bottom: 20px; }
.item_margin_b_25 { margin-bottom: 25px; }
.item_margin_b_30 { margin-bottom: 30px; }
.item_margin_b_35 { margin-bottom: 35px; }
.item_margin_b_40 { margin-bottom: 40px; }
.item_margin_b_45 { margin-bottom: 45px; }
.item_margin_b_50 { margin-bottom: 50px; }
.item_margin_b_60 { margin-bottom: 60px; }
.item_margin_b_70 { margin-bottom: 70px; }
.item_margin_b_80 { margin-bottom: 80px; }
.item_margin_b_90 { margin-bottom: 90px; }
.item_margin_b_100 { margin-bottom: 100px; }

@media only screen and (max-width : 1366px) {
    .flex_laptop_column_1 { width: 10%; }
    .flex_laptop_column_2 { width: 20%; }
    .flex_laptop_column_3 { width: 30%; }
    .flex_laptop_column_4 { width: 40%; }
    .flex_laptop_column_5 { width: 50%; }
    .flex_laptop_column_6 { width: 60%; }
    .flex_laptop_column_7 { width: 70%; }
    .flex_laptop_column_8 { width: 80%; }
    .flex_laptop_column_9 { width: 90%; }
    .flex_laptop_column_10 { width: 100%; }

    .flex_laptop_items_1 { width: 100%; }
    .flex_laptop_items_2 { width: 50%; }
    .flex_laptop_items_3 { width: 33.33%; }
    .flex_laptop_items_4 { width: 25%; }
    .flex_laptop_items_5 { width: 20%; }
    .flex_laptop_items_6 { width: 16.66%; }
    .flex_laptop_items_7 { width: 14.285%; }
    .flex_laptop_items_8 { width: 12.5%; }
    .flex_laptop_items_9 { width: 11.11%; }
    .flex_laptop_items_10 { width: 10%; }

    .item_order_laptop_1 { order: 1; }
    .item_order_laptop_2 { order: 2; }
    .item_order_laptop_3 { order: 3; }
    .item_order_laptop_4 { order: 4; }
    .item_order_laptop_5 { order: 5; }
    .item_order_laptop_6 { order: 6; }
    .item_order_laptop_7 { order: 7; }
    .item_order_laptop_8 { order: 8; }
    .item_order_laptop_9 { order: 9; }
    .item_order_laptop_10 { order: 10; }

    .item_margin_b_laptop_0 { margin-bottom: 0; }
    .item_margin_b_laptop_10 { margin-bottom: 10px; }
    .item_margin_b_laptop_20 { margin-bottom: 20px; }
    .item_margin_b_laptop_30 { margin-bottom: 30px; }
    .item_margin_b_laptop_40 { margin-bottom: 40px; }
    .item_margin_b_laptop_50 { margin-bottom: 50px; }
    .item_margin_b_laptop_60 { margin-bottom: 60px; }
    .item_margin_b_laptop_70 { margin-bottom: 70px; }
    .item_margin_b_laptop_80 { margin-bottom: 80px; }
    .item_margin_b_laptop_90 { margin-bottom: 90px; }
    .item_margin_b_laptop_100 { margin-bottom: 100px; }

    .flex_item_space_laptop_0 { padding-left: 0; }
    .flex_item_space_right_laptop_0 { padding-right: 0; }
    .flex_item_space_laptop_5 { padding-left: 5px; }
    .flex_item_space_right_laptop_5 { padding-right: 5px; }
    .flex_column_space_laptop_5 { padding-right: 5px; }
    .flex_column_space_left_laptop_5 { padding-left: 5px; }
    .flex_item_space_laptop_10 { padding-left: 10px; }
    .flex_item_space_right_laptop_10 { padding-right: 10px; }
    .flex_column_space_laptop_10 { padding-right: 10px; }
    .flex_column_space_left_laptop_10 { padding-left: 10px; }
    .flex_item_space_laptop_15 { padding-left: 15px; }
    .flex_item_space_right_laptop_15 { padding-right: 15px; }
    .flex_column_space_laptop_15 { padding-right: 15px; }
    .flex_column_space_left_laptop_15 { padding-left: 15px; }
    .flex_item_space_laptop_20 { padding-left: 20px; }
    .flex_item_space_right_laptop_20 { padding-right: 20px; }
    .flex_column_space_laptop_20 { padding-right: 20px; }
    .flex_column_space_left_laptop_20 { padding-left: 20px; }
    .flex_item_space_laptop_25 { padding-left: 25px; }
    .flex_item_space_right_laptop_25 { padding-right: 25px; }
    .flex_column_space_laptop_25 { padding-right: 25px; }
    .flex_column_space_left_laptop_25 { padding-left: 25px; }
    .flex_item_space_laptop_30 { padding-left: 30px; }
    .flex_item_space_right_laptop_30 { padding-right: 30px; }
    .flex_column_space_laptop_30 { padding-right: 30px; }
    .flex_column_space_left_laptop_30 { padding-left: 30px; }
    .flex_item_space_laptop_35 { padding-left: 35px; }
    .flex_item_space_right_laptop_35 { padding-right: 35px; }
    .flex_column_space_laptop_35 { padding-right: 35px; }
    .flex_column_space_left_laptop_35 { padding-left: 35px; }
    .flex_item_space_laptop_40 { padding-left: 40px; }
    .flex_item_space_right_laptop_40 { padding-right: 40px; }
    .flex_column_space_laptop_40 { padding-right: 40px; }
    .flex_column_space_left_laptop_40 { padding-right: 40px; }
}

@media only screen and (max-width : 1020px) {
    .flex_laptop_smaller_column_1 { width: 10%; }
    .flex_laptop_smaller_column_2 { width: 20%; }
    .flex_laptop_smaller_column_3 { width: 30%; }
    .flex_laptop_smaller_column_4 { width: 40%; }
    .flex_laptop_smaller_column_5 { width: 50%; }
    .flex_laptop_smaller_column_6 { width: 60%; }
    .flex_laptop_smaller_column_7 { width: 70%; }
    .flex_laptop_smaller_column_8 { width: 80%; }
    .flex_laptop_smaller_column_9 { width: 90%; }
    .flex_laptop_smaller_column_10 { width: 100%; }

    .flex_laptop_smaller_items_1 { width: 100%; }
    .flex_laptop_smaller_items_2 { width: 50%; }
    .flex_laptop_smaller_items_3 { width: 33.33%; }
    .flex_laptop_smaller_items_4 { width: 25%; }
    .flex_laptop_smaller_items_5 { width: 20%; }
    .flex_laptop_smaller_items_6 { width: 16.66%; }
    .flex_laptop_smaller_items_7 { width: 14.285%; }
    .flex_laptop_smaller_items_8 { width: 12.5%; }
    .flex_laptop_smaller_items_9 { width: 11.11%; }
    .flex_laptop_smaller_items_10 { width: 10%; }

    .item_order_laptop_smaller_1 { order: 1; }
    .item_order_laptop_smaller_2 { order: 2; }
    .item_order_laptop_smaller_3 { order: 3; }
    .item_order_laptop_smaller_4 { order: 4; }
    .item_order_laptop_smaller_5 { order: 5; }
    .item_order_laptop_smaller_6 { order: 6; }
    .item_order_laptop_smaller_7 { order: 7; }
    .item_order_laptop_smaller_8 { order: 8; }
    .item_order_laptop_smaller_9 { order: 9; }
    .item_order_laptop_smaller_10 { order: 10; }

    .item_margin_b_laptop_smaller_0 { margin-bottom: 0; }
    .item_margin_b_laptop_smaller_10 { margin-bottom: 10px; }
    .item_margin_b_laptop_smaller_20 { margin-bottom: 20px; }
    .item_margin_b_laptop_smaller_30 { margin-bottom: 30px; }
    .item_margin_b_laptop_smaller_40 { margin-bottom: 40px; }
    .item_margin_b_laptop_smaller_50 { margin-bottom: 50px; }
    .item_margin_b_laptop_smaller_60 { margin-bottom: 60px; }
    .item_margin_b_laptop_smaller_70 { margin-bottom: 70px; }
    .item_margin_b_laptop_smaller_80 { margin-bottom: 80px; }
    .item_margin_b_laptop_smaller_90 { margin-bottom: 90px; }
    .item_margin_b_laptop_smaller_100 { margin-bottom: 100px; }

    .flex_item_space_smaller_0 { padding-left: 0; }
    .flex_item_space_right_smaller_0 { padding-right: 0; }
    .flex_item_space_smaller_5 { padding-left: 5px; }
    .flex_item_space_right_smaller_5 { padding-right: 5px; }
    .flex_column_space_smaller_5 { padding-right: 5px; }
    .flex_column_space_left_smaller_5 { padding-left: 5px; }
    .flex_item_space_smaller_10 { padding-left: 10px; }
    .flex_item_space_right_smaller_10 { padding-right: 10px; }
    .flex_column_space_smaller_10 { padding-right: 10px; }
    .flex_column_space_left_smaller_10 { padding-left: 10px; }
    .flex_item_space_smaller_15 { padding-left: 15px; }
    .flex_item_space_right_smaller_15 { padding-right: 15px; }
    .flex_column_space_smaller_15 { padding-right: 15px; }
    .flex_column_space_left_smaller_15 { padding-left: 15px; }
    .flex_item_space_smaller_20 { padding-left: 20px; }
    .flex_item_space_right_smaller_20 { padding-right: 20px; }
    .flex_column_space_smaller_20 { padding-right: 20px; }
    .flex_column_space_left_smaller_20 { padding-left: 20px; }
    .flex_item_space_smaller_25 { padding-left: 25px; }
    .flex_item_space_right_smaller_25 { padding-right: 25px; }
    .flex_column_space_smaller_25 { padding-right: 25px; }
    .flex_column_space_left_smaller_25 { padding-left: 25px; }
    .flex_item_space_smaller_30 { padding-left: 30px; }
    .flex_item_space_right_smaller_30 { padding-right: 30px; }
    .flex_column_space_smaller_30 { padding-right: 30px; }
    .flex_column_space_left_smaller_30 { padding-left: 30px; }
    .flex_item_space_smaller_35 { padding-left: 35px; }
    .flex_item_space_right_smaller_35 { padding-right: 35px; }
    .flex_column_space_smaller_35 { padding-right: 35px; }
    .flex_column_space_left_smaller_35 { padding-left: 35px; }
    .flex_item_space_smaller_40 { padding-left: 40px; }
    .flex_item_space_right_smaller_40 { padding-right: 40px; }
    .flex_column_space_smaller_40 { padding-right: 40px; }
    .flex_column_space_left_smaller_40 { padding-right: 40px; }
}

@media only screen and (max-width : 768px) {
    .flex_tab_column_1 { width: 10%; }
    .flex_tab_column_2 { width: 20%; }
    .flex_tab_column_3 { width: 30%; }
    .flex_tab_column_4 { width: 40%; }
    .flex_tab_column_5 { width: 50%; }
    .flex_tab_column_6 { width: 60%; }
    .flex_tab_column_7 { width: 70%; }
    .flex_tab_column_8 { width: 80%; }
    .flex_tab_column_9 { width: 90%; }
    .flex_tab_column_10 { width: 100%; }

    .flex_tab_items_1 { width: 100%; }
    .flex_tab_items_2 { width: 50%; }
    .flex_tab_items_3 { width: 33.33%; }
    .flex_tab_items_4 { width: 25%; }
    .flex_tab_items_5 { width: 20%; }
    .flex_tab_items_6 { width: 16.66%; }
    .flex_tab_items_7 { width: 14.285%; }
    .flex_tab_items_8 { width: 12.5%; }
    .flex_tab_items_9 { width: 11.11%; }
    .flex_tab_items_10 { width: 10%; }

    .item_order_tab_1 { order: 1; }
    .item_order_tab_2 { order: 2; }
    .item_order_tab_3 { order: 3; }
    .item_order_tab_4 { order: 4; }
    .item_order_tab_5 { order: 5; }
    .item_order_tab_6 { order: 6; }
    .item_order_tab_7 { order: 7; }
    .item_order_tab_8 { order: 8; }
    .item_order_tab_9 { order: 9; }
    .item_order_tab_10 { order: 10; }

    .item_margin_b_tab_0 { margin-bottom: 0; }
    .item_margin_b_tab_10 { margin-bottom: 10px; }
    .item_margin_b_tab_20 { margin-bottom: 20px; }
    .item_margin_b_tab_30 { margin-bottom: 30px; }
    .item_margin_b_tab_40 { margin-bottom: 40px; }
    .item_margin_b_tab_50 { margin-bottom: 50px; }
    .item_margin_b_tab_60 { margin-bottom: 60px; }
    .item_margin_b_tab_70 { margin-bottom: 70px; }
    .item_margin_b_tab_80 { margin-bottom: 80px; }
    .item_margin_b_tab_90 { margin-bottom: 90px; }
    .item_margin_b_tab_100 { margin-bottom: 100px; }

    .flex_item_space_tab_0 { padding-left: 0; }
    .flex_item_space_right_tab_0 { padding-right: 0; }
    .flex_item_space_tab_5 { padding-left: 5px; }
    .flex_item_space_right_tab_5 { padding-right: 5px; }
    .flex_column_space_tab_5 { padding-right: 5px; }
    .flex_column_space_left_tab_5 { padding-left: 5px; }
    .flex_item_space_tab_10 { padding-left: 10px; }
    .flex_item_space_right_tab_10 { padding-right: 10px; }
    .flex_column_space_tab_10 { padding-right: 10px; }
    .flex_column_space_left_tab_10 { padding-left: 10px; }
    .flex_item_space_tab_15 { padding-left: 15px; }
    .flex_item_space_right_tab_15 { padding-right: 15px; }
    .flex_column_space_tab_15 { padding-right: 15px; }
    .flex_column_space_left_tab_15 { padding-left: 15px; }
    .flex_item_space_tab_20 { padding-left: 20px; }
    .flex_item_space_right_tab_20 { padding-right: 20px; }
    .flex_column_space_tab_20 { padding-right: 20px; }
    .flex_column_space_left_tab_20 { padding-left: 20px; }
    .flex_item_space_tab_25 { padding-left: 25px; }
    .flex_item_space_right_tab_25 { padding-right: 25px; }
    .flex_column_space_tab_25 { padding-right: 25px; }
    .flex_column_space_left_tab_25 { padding-left: 25px; }
    .flex_item_space_tab_30 { padding-left: 30px; }
    .flex_item_space_right_tab_30 { padding-right: 30px; }
    .flex_column_space_tab_30 { padding-right: 30px; }
    .flex_column_space_left_tab_30 { padding-left: 30px; }
    .flex_item_space_tab_35 { padding-left: 35px; }
    .flex_item_space_right_tab_35 { padding-right: 35px; }
    .flex_column_space_tab_35 { padding-right: 35px; }
    .flex_column_space_left_tab_35 { padding-left: 35px; }
    .flex_item_space_tab_40 { padding-left: 40px; }
    .flex_item_space_right_tab_40 { padding-right: 40px; }
    .flex_column_space_tab_40 { padding-right: 40px; }
    .flex_column_space_left_tab_40 { padding-right: 40px; }
}

@media only screen and (max-width : 600px) {
    .flex_mobile_column_1 { width: 10%; }
    .flex_mobile_column_2 { width: 20%; }
    .flex_mobile_column_3 { width: 30%; }
    .flex_mobile_column_4 { width: 40%; }
    .flex_mobile_column_5 { width: 50%; }
    .flex_mobile_column_6 { width: 60%; }
    .flex_mobile_column_7 { width: 70%; }
    .flex_mobile_column_8 { width: 80%; }
    .flex_mobile_column_9 { width: 90%; }
    .flex_mobile_column_10 { width: 100%; }

    .flex_mobile_items_1 { width: 100%; }
    .flex_mobile_items_2 { width: 50%; }
    .flex_mobile_items_3 { width: 33.33%; }
    .flex_mobile_items_4 { width: 25%; }
    .flex_mobile_items_5 { width: 20%; }
    .flex_mobile_items_6 { width: 16.66%; }
    .flex_mobile_items_7 { width: 14.285%; }
    .flex_mobile_items_8 { width: 12.5%; }
    .flex_mobile_items_9 { width: 11.11%; }
    .flex_mobile_items_10 { width: 10%; }

    .item_order_mobile_1 { order: 1; }
    .item_order_mobile_2 { order: 2; }
    .item_order_mobile_3 { order: 3; }
    .item_order_mobile_4 { order: 4; }
    .item_order_mobile_5 { order: 5; }
    .item_order_mobile_6 { order: 6; }
    .item_order_mobile_7 { order: 7; }
    .item_order_mobile_8 { order: 8; }
    .item_order_mobile_9 { order: 9; }
    .item_order_mobile_10 { order: 10; }

    .item_margin_b_mobile_0 { margin-bottom: 0; }
    .item_margin_b_mobile_10 { margin-bottom: 10px; }
    .item_margin_b_mobile_20 { margin-bottom: 20px; }
    .item_margin_b_mobile_30 { margin-bottom: 30px; }
    .item_margin_b_mobile_40 { margin-bottom: 40px; }
    .item_margin_b_mobile_50 { margin-bottom: 50px; }
    .item_margin_b_mobile_60 { margin-bottom: 60px; }
    .item_margin_b_mobile_70 { margin-bottom: 70px; }
    .item_margin_b_mobile_80 { margin-bottom: 80px; }
    .item_margin_b_mobile_90 { margin-bottom: 90px; }
    .item_margin_b_mobile_100 { margin-bottom: 100px; }

    .flex_item_space_mobile_0 { padding-left: 0; }
    .flex_item_space_right_mobile_0 { padding-right: 0; }
    .flex_item_space_mobile_5 { padding-left: 5px; }
    .flex_item_space_right_mobile_5 { padding-right: 5px; }
    .flex_column_space_mobile_5 { padding-right: 5px; }
    .flex_column_space_left_mobile_5 { padding-left: 5px; }
    .flex_item_space_mobile_10 { padding-left: 10px; }
    .flex_item_space_right_mobile_10 { padding-right: 10px; }
    .flex_column_space_mobile_10 { padding-right: 10px; }
    .flex_column_space_left_mobile_10 { padding-left: 10px; }
    .flex_item_space_mobile_15 { padding-left: 15px; }
    .flex_item_space_right_mobile_15 { padding-right: 15px; }
    .flex_column_space_mobile_15 { padding-right: 15px; }
    .flex_column_space_left_mobile_15 { padding-left: 15px; }
    .flex_item_space_mobile_20 { padding-left: 20px; }
    .flex_item_space_right_mobile_20 { padding-right: 20px; }
    .flex_column_space_mobile_20 { padding-right: 20px; }
    .flex_column_space_left_mobile_20 { padding-left: 20px; }
    .flex_item_space_mobile_25 { padding-left: 25px; }
    .flex_item_space_right_mobile_25 { padding-right: 25px; }
    .flex_column_space_mobile_25 { padding-right: 25px; }
    .flex_column_space_left_mobile_25 { padding-left: 25px; }
    .flex_item_space_mobile_30 { padding-left: 30px; }
    .flex_item_space_right_mobile_30 { padding-right: 30px; }
    .flex_column_space_mobile_30 { padding-right: 30px; }
    .flex_column_space_left_mobile_30 { padding-left: 30px; }
    .flex_item_space_mobile_35 { padding-left: 35px; }
    .flex_item_space_right_mobile_35 { padding-right: 35px; }
    .flex_column_space_mobile_35 { padding-right: 35px; }
    .flex_column_space_left_mobile_35 { padding-left: 35px; }
    .flex_item_space_mobile_40 { padding-left: 40px; }
    .flex_item_space_right_mobile_40 { padding-right: 40px; }
    .flex_column_space_mobile_40 { padding-right: 40px; }
    .flex_column_space_left_mobile_40 { padding-right: 40px; }
}

