/* Minification failed. Returning unminified contents.
(758,87): run-time error CSS1046: Expect comma, found '255'
(758,95): run-time error CSS1046: Expect comma, found '/'
(778,115): run-time error CSS1046: Expect comma, found '222'
(778,123): 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:none !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: 'Rubik', sans-serif; outline: 0; }

.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 32px 0 5px; margin-bottom: 10px; box-sizing: border-box; text-align: right; font-size: 1em; color: #535353; }
    .bread a { color: #7fb6db; }
        .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.2em; }
    .headline1 > * { font-weight: 500; display: inline-block; position: relative; }

.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; }
/******End Headlines******/

/***Arrows****/
.arrow { border: solid black; border-width: 0 2px 2px 0; display: inline-block; padding: 4px; }
.arrow_right { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.arrow_left { transform: rotate(135deg); -webkit-transform: rotate(135deg); }
.arrow_up { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); }
.arrow_down { transform: rotate(45deg); -webkit-transform: rotate(45deg); }
/***Arrows****/

@media only screen and (max-width : 1320px) {
    .bread {padding-right:12px; }
}

    @media only screen and (max-width : 1020px) {
        .headline1 { font-size: 1.2em; }
        .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: #000; font-size: 1.2em; text-align: center; }
                .pagination > ul > li > a:hover, .pagination > ul > li > a:focus { color: #E50029; }
                .pagination > ul > li > a.active { color: #E50029;font-weight:700; }
/******End Pagination******/
#E50029

/******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; max-width: 600px; width: 100%; position: relative; box-sizing: border-box; top: 5%; border-radius: 30px; }
.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; }
.video_popup .video_conti { padding-bottom: 56.5%; }

@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: 1px solid #000; border-radius: 10px; line-height: 1; font-size: 1em; 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:0.9em; }
::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #000; }
::-moz-placeholder { /* Firefox 19+ */ color: #000; }
:-ms-input-placeholder { /* IE 10+ */ color: #000; }
:-moz-placeholder { /* Firefox 18- */ color: #000; }

.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: 20px; padding-right: 25px; box-sizing: border-box; }
    .checkbox_conti_absolute > div { position: absolute; vertical-align: middle; width: 20px; height: 20px; 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: 1px; top: 1px; color: #7FB6DB; -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: 1em; }
        .checkbox_conti_absolute > div > input:checked ~ span::after { width: 100%; }
    .checkbox_conti_absolute label { display: inline-block !important; vertical-align: top; text-align: right; margin-bottom: 0 !important; padding-top:5px;}
        .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: 'Heebo', 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: 15px 10px; box-sizing: border-box; background-color: #3597d9; box-shadow: 0px 3px 8px #548DB4; color: #fff; font-size: 1.2em; font-weight: 500; text-align: center; border-radius: 5px; }
    .button1:hover, .button1:focus { background-color: #004879; }

.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; }

/******Header******/
.burger { display: none; width: 30px; }
    .burger > ul { }
        .burger > ul > li { width: 100%; height: 4px; border-radius: 10px; background-color: #7fb6db; margin-bottom: 5px; }
            .burger > ul > li:last-child { margin-bottom: 0; }
.close_nav { display: none; }
header { z-index: 100; text-align: center; position: fixed; top: 0; right: 0; width: 100%; padding: 35px 10px; box-sizing: border-box; background-color: #FFFFFF; box-shadow: 0px 3px 6px #0000000D; }

.logo { position: absolute; right: 30px; top: 50%; transform: translateY(-50%); width: 192px; }
    .logo > img { width: 100%; }

.header_tel { position: absolute; left: 30px; top: 50%; color: #000000; transform: translateY(-50%); }
.header_tel > span {margin-left:5px; }
    .header_tel > * { display: inline-block; vertical-align: middle; font-size: 1.2em; font-weight: 400; }

nav { display: inline-block; box-sizing: border-box; }
    nav > div { }
.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 {position:relative; display: block; color: #000; padding:0 25px; 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: 500; }
            nav > div > ul > li > a::after { content: ""; display: block; border-radius: 10px; height: 4px; width: 100%; position: absolute; right: 0; left: 0; bottom: -25px; background-color: #3597d9; transform: scaleX(0); -ms-transform: scaleX(0); -webkit-transform: scaleX(0); transition: -webkit-transform .2s cubic-bezier(.22,.61,.36,1); transition: transform .2s cubic-bezier(.22,.61,.36,1); transition: transform .2s cubic-bezier(.22,.61,.36,1), -webkit-transform .2s cubic-bezier(.22,.61,.36,1); -webkit-transition: transform .2s cubic-bezier(.22,.61,.36,1); -moz-transition: transform .2s cubic-bezier(.22,.61,.36,1); -o-transition: transform .2s cubic-bezier(.22,.61,.36,1); }
            nav > div > ul > li > a:hover::after, nav > div > ul > li > a:focus::after { transform: scaleX(1); -ms-transform: scaleX(1); -webkit-transform: scaleX(1); }

.mobile_nav_item { display: none; }

.top_header { display: block; background-color: #E6E0DD; padding: 10px; box-sizing: border-box; text-align: left; }
    .top_header > ul { display: inline-block; }
        .top_header > ul > li { display: inline-block; vertical-align: middle; position: relative; border-left: 1px solid #D9C77F; }
            .top_header > ul > li:last-child { border-left: none; }
            .top_header > ul > li > a { display: block; color: #000; padding: 2px 20px; box-sizing: border-box; position: relative; font-size: 1.2em; font-weight: 300; }
                .top_header > ul > li > a:hover, .top_header > ul > li > a:focus { color: #E50029; }
                .top_header > ul > li > a.active { color: #E50029; font-weight: 500; }

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 : 1320px) {
    .logo { right: 10px; width: 140px; }
    .header_tel {left:10px; }
    nav > div > ul > li > a { padding: 0 10px; }
}

@media only screen and (max-width : 1020px) {
    header { min-height: 75px; text-align: center; padding: 10px; }
        header > .socials { display: none; }
    .burger { display: block; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); }
    .logo { width: 192px; right: 0; left: 0; margin: 0 auto; }
    .header_tel > span { display: none; }
    .top_header { display: none; }
    .header_tel { top: 50%; transform: translateY(-50%); left: 10px; }

    nav { display: none; position: fixed; width: 100%; height: 100%; overflow-y: auto; background-color: rgba(255, 255, 255, 0.80); right: 0; top: 0; z-index: 10; }
    header nav > div { width: 279px; background-color: #F9FCFF; right: -300px; top: 0; padding-top: 0; box-sizing: border-box; position: absolute; border-top: 100px solid #F9FCFF; box-shadow: 0px 7px 18px #00000066; padding-bottom: 20px; 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: #7fb6db; font-size: 25px; }

    nav > div > ul > li { width: 100%; display: block; border-bottom: 1px solid #7fb6db; 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: #000; text-align: right; }
    .drop { display: none; }
    nav .socials { padding-top: 20px; padding-right: 20px; }
    .mobile_nav_item { display: block; }
    header nav .socials { position: static; }
}

/******Footer******/
footer {background-color:#fff; color: #000; margin-top: 73px; border-top: 1px solid #000000 ;padding-top:22px;}
.footer_bg { position: relative;  padding: 0 10px 17px 10px; box-sizing: border-box; }
.footer_logo { width: 192px; }
    .footer_logo > img { width: 100%; vertical-align: middle;}
.footer_nav { }
    .footer_nav > ul { }
        .footer_nav > ul > li {  }
            .footer_nav > ul > li:last-child { border-left: none; }
            .footer_nav > ul > li > a { font-size: 1em; padding:25px; box-sizing: border-box; display: block; }
                .footer_nav > ul > li > a:hover, .footer_nav > ul > li > a:focus { text-decoration: underline; }

.footer_tel {  }
    .footer_tel > * { display: inline-block; vertical-align: middle; }
    .footer_tel > img { margin-right: 5px; }
    .footer_tel > span { }
footer .credit { padding-top: 10px;font-size:0.9em; }
.powerd_by { padding: 10px; box-sizing: border-box; }
    .powerd_by a { display: inline-block; }
.footer_secure img { vertical-align: bottom; }
footer .footer_socails {width:100%; }
footer .socials > li > a { width: auto; height: auto; line-height: 1; border-radius: initial; background-color: transparent !important; color: #000; }
    footer .socials > li > a > img { width: auto; height: auto; max-width: 22px; max-height: 16px; }
/******End Footer******/

@media only screen and (max-width : 1020px) {
    .footer_logo {margin:0 auto;display:block;position:static; }
    .footer_nav { width: 100%; }
        .footer_nav > ul { justify-content: center; }
            .footer_nav > ul > li {width:100%; text-align:center;}
            .footer_nav > ul > li > a {display:inline-block; padding: 15px 10px; box-sizing: border-box; }
    footer .credit { display: block; text-align: center; margin-top: 10px; width: 100%; }
    .footer_tel {width:160px;display:block;margin:0 auto 10px auto; }
}

@media only screen and (max-width : 736px) {
    .footer_logo { display: block; margin: 0 auto 20px auto; }
    footer .socails_and_contacts { display: block; text-align: center; margin: 0 auto; width: 100%; }
    footer .socials { display: block; text-align: center; margin: 0 auto 10px auto; width: 100%; }
    .socials > li { display: inline-block; }
    footer .top_part { flex-wrap: wrap; padding: 20px 10px; }
    footer .credit > p { flex-wrap: wrap; }
        footer .credit > p > * { width: 100%; text-align: center; margin-bottom: 5px; }
    .footer_bg { background-repeat: repeat; background-size: auto; }
        .footer_bg hr { display: none; }
}

@media only screen and (max-width : 414px) {
    .footer_nav > ul > li { width: 100%; text-align: center; border-left: none; }
    .footer_nav > ul { justify-content: space-between; }
    .footer_secure img { width: 55px; }
}


/******Articles******/
.general_article { }
    .general_article p { line-height: 140%; margin-bottom: 12px; font-size: 1em; }
    .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; padding-right:10px;}
    .general_article li { margin-bottom: 5px; position: relative; padding-right: 10px; box-sizing: border-box; }
    .general_article ul.no_dots li { padding-right:0;}
    .general_article > ul:not(.no_dots) > li::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background-color: #717171; position: absolute; right: 0; top: 5px; }
    .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****/
    .general_article h2 {font-size:1.1em; }
    .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: 'Heebo', sans-serif; font-size: 15px; direction: rtl; background-color: #FFFFFF; color: #000; }
body { background-color: #F9FCFF; background-image: url('/Content/Resources/General/mainBg.png'); background-repeat: no-repeat; background-position: center bottom 205px; }
.main_wrapper { max-width: 100%; width: 100%; margin: 0 auto; overflow: hidden; }
.auto_margin { max-width: 1536px; width: 100%; margin: 0 auto; box-sizing: border-box; }
.auto_margin2 { max-width: 1020px; 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; }

.message_conti { height: 60px; position: relative; }
.message_partial { background-color: #D85151; color: #fff; width: 100%; margin: 0 auto; position: absolute; right: 0; left: 0; }

.side_form_conti { position: fixed; z-index: 7; bottom: 85px; 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: 85px; 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: #2C2C2C; padding: 80px 10px 0 10px; box-sizing: border-box; width: 100%; height: 660px; background-repeat: no-repeat; background-position: center top; margin-bottom: 70px; }
    .home_main_content .content { text-align: center; }
        .home_main_content .content h1, .calc_page .text h1 { display: block; font-weight: 800; margin-bottom: 10px; font-size: 4em; color: #6c6c6c; }
.calc_page .text h1 {color:#000; }
        .home_main_content .content .text { margin-bottom: 51px; }
            .home_main_content .content .text h2, .calc_page .text h2 { font-size: 2em; font-weight: 300; display: block; margin-bottom: 5px; }
            .home_main_content .content .text p, .calc_page .text p { font-size: 1.05em; font-weight: 300; display: block; }
.button_cta { position: relative; }
    .button_cta .arrow_conti { position: absolute; margin: 0 auto; right: 0; left: 0; top: -20px; width: 16px; animation: upanddown 1s infinite; }
        .button_cta .arrow_conti .arrow { border-color: #E1E1E1; }
    .button_cta > .button1 { display: inline-block; max-width: 260px; }

@keyframes upanddown {
    0% { top: -20px; }
    50% { top: -30px; }
    100% { top: -20px; }
}

.general_form1 { margin-bottom: 12px; }
.general_form { background-color: #BFDEF2; padding: 20px 10px; box-sizing: border-box; border-radius: 10px; }
    .general_form .headline6 { position: relative; z-index: 2; color: #000; }
    .general_form > p { display: block; position: relative; z-index: 2; color: #000;font-size:1.15em; }
    .general_form .form_conti { width: 100%; max-width: 800px; margin: 0 auto; position: relative; }
        .general_form .form_conti form { width: 100%; }
    .general_form form > ul { width: 100%; }
        .general_form form > ul > li { width: calc(33.33% - 45px); padding-left: 20px; box-sizing: border-box; margin-bottom:10px;}
            .general_form form > ul > li:nth-child(4) { width: 135px; padding-left: 0; }
            .general_form form > ul > li.full { width: 100%; padding-left: 0; }
    .general_form input, .general_form select { border-radius: 5px !important; border: none !important; box-shadow: none !important; }
    .general_form form > ul > li .button { padding: 8px 10px; }
.home_services { margin-bottom: 50px; }
    .home_services > ul { }
        .home_services > ul > li { width: 24%; margin-bottom: 15px; }
.sub_image { display: block; text-align: center; }
    .sub_image .icon { justify-content: center; align-items: flex-end; height: 81px; margin-bottom: 22px; }
        .sub_image .icon > img { max-width: 86px; }
    .sub_image .title { display: block; font-size: 1.15em; font-weight: 500; margin-bottom: 6px; }
    .sub_image .as_link { display: inline-block; color: #479BD4; font-weight: 500; text-decoration: underline; }
    .sub_image:hover .as_link, .sub_image:focus .as_link { color: #004879; }
/*****End Index****/


/*****General Page****/
.general_page { }
    .general_page .inner_main_image { }
.to_right > * { text-align: right; }
.to_right .button_cta { max-width: 260px; }
/*****End General Page****/

/*****Contact****/
.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-right: 5px; box-sizing: border-box; }
/*****End Contact****/

/*****Thanks****/
.thanks_page { padding-top: 50px; padding-bottom: 150px; }
    .thanks_page > h2 { font-size: 1.5em; font-weight: 500; margin-bottom: 25px; }
    .thanks_page > p { font-size: 1.15em; }
    .thanks_page .image_conti { margin-bottom: 20px; max-width: 261px; 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; }
/*****End Thanks****/

/***Our Services****/
.advertising { margin-bottom: 30px; }
    .advertising .advertising_image { height: 0; padding-bottom: 15%; width: 15%; position: relative; background-color: #fff; }
        .advertising .advertising_image .image { position: absolute; width: 90%; height: 90%; right: 5%; top: 5%; background-size: contain; }
    .advertising .content { width: 85%; background-color: rgba(53, 53, 53, 0.05); padding: 20px; box-sizing: border-box; position: relative; }
    .advertising .general_article p { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; }
    .advertising .like_button { width: 100%; display: block; max-width: 260px; padding: 10px; box-sizing: border-box; background-color: #816851; color: #fff; font-size: 1.2em; font-weight: 700; text-align: center; position: absolute; border-radius: 10px; box-shadow: 0px 3px 6px #00000059; right: 30px; bottom: 30px; }
        .advertising .like_button > span { position: relative; z-index: 2; }
        .advertising .like_button:hover::after, .like_button:focus::after { width: 100%; border-radius: 10px; }
        .advertising .like_button::after { content: ""; width: 11px; height: 100%; border-radius: 0 10px 10px 0; position: absolute; right: 0; top: 0; background-color: #86AB1D; transition: all 0.5s ease-in-out; }
/***End Our Services****/

/****Start*****/
.start_conti { background-color: #f3fcff; position: relative; padding: 40px 50px 8px 50px; width: 100%; max-width: 655px; margin: 100px auto 70px auto; box-sizing: border-box; min-height: 555px; }
    .start_conti .top { position: absolute; right: 0; top: -62px; width: 100%; height: 62px; background-image: url(/Content/Resources/Calculator/top.png); background-position: center top; background-size: cover; background-repeat: no-repeat; }
    .start_conti .bottom { position: absolute; right: 1px; bottom: -62px; width: 100%; height: 62px; background-image: url('/Content/Resources/Calculator/bottom.png'); background-position: center bottom; background-size: cover; background-repeat: no-repeat; }
    .start_conti .right { position: absolute; right: 1px; top: 0; width: 14px; height: 100%; background-image: url(/Content/Resources/Calculator/right.png); background-position: center bottom; /* background-size: cover; */ background-repeat: repeat-y; }
    .start_conti .left { position: absolute; left: 2px; top: 0; width: 14px; height: 100%; background-image: url('/Content/Resources/Calculator/left.png'); background-position: center bottom; /*background-size: contain;*/ background-repeat: repeat-y; }
.start_steps { position: relative; margin-bottom: 40px; }
    .start_steps > ul { }
        .start_steps > ul > li { position: relative; width: 18%; height: 3px; background-color: #D4D4D4; }
            .start_steps > ul > li::before { content: ""; position: absolute; width: 0; height: 100%; background-color: #7FB6DB; transition: all 0.5s ease-in; }
            .start_steps > ul > li:last-child { width: 25px; }
            .start_steps > ul > li.active::before { width: 100%; }
            .start_steps > ul > li .circle { position: absolute; right: 0; top: -11px; width: 25px; height: 25px; background-color: #EAEFF1; border-radius: 50%; border: 4px solid #F3FCFF; box-sizing: border-box; }
            .start_steps > ul > li.active .circle { background-color: #7FB6DB; border: 4px solid #FFFFFF; }
            .start_steps > ul > li:hover .tooltip { }
            .start_steps > ul > li:hover .tooltip, .calc_steps > ul > li:focus .tooltip { opacity: 1; bottom: calc(100% + 30px); }
.start_inner_steps { display: none; }
    .start_inner_steps .max_width { max-width: 260px; margin: 0 auto; }
    .start_inner_steps.active { display: block; }
    .start_inner_steps li > label { color: #565656; font-weight: 500; }
    .start_inner_steps select, .start_inner_steps input { border: 2px solid transparent !important; border-radius: 5px !important; box-shadow: 0px 3px 13px #00000029 !important; }
    .start_inner_steps .has_label > label { font-size: 1em; }
        .start_inner_steps .has_label > label > span:not(.line) { color: #D5D5D5; }
.has_label > input:focus ~ label > span:not(.line), .has_label > select:focus ~ label > span:not(.line), .has_label > textarea:focus ~ label > span:not(.line), .has_label > label.active > span:not(.line) { color: #000; }
.start_inner_steps > ul > li { margin-bottom: 15px; }
    .start_inner_steps > ul > li.button_conti { margin-top: 100px; }

.choose_mortgage { position: relative; text-align: center; width: 100%; max-width: 233px; margin: 0 auto; border: 1px solid #e1eff0; border-radius: 10px; padding: 30px; box-sizing: border-box; cursor: pointer; }
    .choose_mortgage .radio_conti { position: absolute; right: 10px; top: 10px; }
    .choose_mortgage > img { display: inline-block; max-width: 100%; }
    .choose_mortgage > span { display: block; text-align: center; font-size: 1.2em; font-weight: 500; color: #927B70; }

.error_message { position: absolute; min-width: 100%; right: 0; top: calc(100% + 3px); color: #D85151; font-size: 0.8em; display: block; text-align: center; opacity: 0; pointer-events: none; }
    .error_message > span { display: block; }
    .error_message.active { opacity: 1; }
.step_title { font-size: 1.2em; color: #535353; }
/****End Start*****/

/****Gallery****/
.gallery_nav { padding: 19px 10px; box-sizing: border-box; }
    .gallery_nav > ul { }
        .gallery_nav > ul > li { margin-left: 27px; margin-bottom: 10px; }
            .gallery_nav > ul > li:last-child { margin-left: 0; }
            .gallery_nav > ul > li > a { display: block; color: #000; font-size: 1.2em; }
                .gallery_nav > ul > li > a:hover, .gallery_nav > ul > li > a:focus { color: #B11A1E; }
                .gallery_nav > ul > li > a.active { font-weight: 700; }

.gallery_items { }
    .gallery_items > ul { padding: 0 5px; box-sizing: border-box; }
        .gallery_items > ul > li { width: calc(25% - 9px); margin-left: 12px; box-sizing: border-box; margin-bottom: 12px; }
            .gallery_items > ul > li:nth-child(4n) { margin-left: 0; }
            .gallery_items > ul > li > a { display: block; padding-bottom: 100%; }
/****End Gallery****/

/***Certificates****/
.certificates { }
    .certificates > ul { }
        .certificates > ul > li { width: 48%; margin-bottom: 4%; }
            .certificates > ul > li > h2 { font-size: 2.2em; display: block; text-align: center; margin-bottom: 9px; font-weight: 400; }
            .certificates > ul > li > a { display: block; padding-bottom: 100%; }
/***End Certificates****/

/****Catering Services Inner****/
.menu_link:hover, .menu_link:focus { filter: brightness(0.75); }
/****End Catering Services Inner****/

/****Calculator****/
.calc_nav { margin-bottom: 20px; }
    .calc_nav > ul { }
        .calc_nav > ul > li { margin-left: 20px; }
            .calc_nav > ul > li:last-child { margin-left: 0; }
            .calc_nav > ul > li > a { display: block; padding: 10px; box-sizing: border-box; font-size: 1.2em; font-weight: 500; border: 1px solid #7FB6DB; color: #000; }
                .calc_nav > ul > li > a:hover, .calc_nav > ul > li > a:focus { border-color: #D85151; }
                .calc_nav > ul > li > a.active { background-color: #7FB6DB; color: #fff; }

.loader_conti { position: fixed; width: 100%; height: 100%; background-color: rgb(255 255 255 / 0.9); right: 0; top: 0; z-index: 100000; }
    .loader_conti span { font-size: 1.5em; color: #7FB6DB; margin-top: 20px; width: 100%; text-align: center; font-weight: 800; }
    .loader_conti .loader { border: 16px solid #f3f3f3; border-radius: 50%; border-top: 16px solid #7FB6DB; width: 120px; height: 120px; -webkit-animation: spin 2s linear infinite; /* Safari */ animation: spin 2s linear infinite; display: block; margin: 0 auto 20px auto; }

/* Safari */
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.inner_cover { width: 100%; height: 250px;margin-top:-46px;margin-bottom:10px; }
.calc_page .text { text-align: center; margin-bottom: 5px; }
    .calc_page .text a { color: #7FB6DB; }
        .calc_page .text a:hover, .calc_page .text a:focus {text-decoration:underline;}

.calc_conti { position: relative; padding: 28px 10px 20px 10px; box-sizing: border-box; background-color: rgb(191 222 242 / 0.50); border-radius: 10px; margin-bottom: 60px; min-height: 445px; }
    .calc_conti .form { width: 100%; max-width: 488px; margin: 0 auto; }
        .calc_conti .form form { }
            .calc_conti .form form > ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
                .calc_conti .form form > ul > li { width: 49%; margin-bottom: 28px; }
                    .calc_conti .form form > ul > li.full { width: 100%; }
                    .calc_conti .form form > ul > li label {padding-right:10px;box-sizing:border-box; }
                    .calc_conti .form form > ul > li input { border-radius: 5px; box-shadow: 0px 3px 13px #00000029; border: none; color: #AA9387 ;}
                    .calc_conti .form form > ul > li select { border-radius: 5px; box-shadow: 0px 3px 13px #00000029; border: none; color: #AA9387 ;}

                    .calc_conti .form form > ul > li input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #D5D5D5; }
                    .calc_conti .form form > ul > li input::-moz-placeholder { /* Firefox 19+ */ color: #D5D5D5; }
                    .calc_conti .form form > ul > li input:-ms-input-placeholder { /* IE 10+ */ color: #D5D5D5; }
                    .calc_conti .form form > ul > li input:-moz-placeholder { /* Firefox 18- */ color: #D5D5D5; }

            .calc_conti .form form .buttons { }
                .calc_conti .form form .buttons > ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
                    .calc_conti .form form .buttons > ul > li { }
                        .calc_conti .form form .buttons > ul > li:nth-child(1) { width: 160px; }
                        .calc_conti .form form .buttons > ul > li:nth-child(2) { width: calc(100% - 180px); }
                        .calc_conti .form form .buttons > ul > li .button { background-color: #FF9900; color: #fff; font-size: 1.15em; padding: 12px 10px; width: 100%; border-radius: 10px; line-height: 1;box-sizing:border-box; }
                        .calc_conti .form form .buttons > ul > li > div { background-color: #7FB6DB; color: #fff; font-size: 1.15em; padding: 12px 10px; width: 100%; border-radius: 10px; line-height: 1; box-sizing: border-box; }
                            .calc_conti .form form .buttons > ul > li > div > span { }
                            .calc_conti .form form .buttons > ul > li > div > strong { font-weight: 800; }
                            .calc_conti .form form .buttons > ul > li > div > small { font-weight: 800; }

.calc_text { text-align: center; color: #565656 ;margin-top:10px;font-size:1.15em;}
    .calc_text strong {font-weight:800; }
    .calc_text small { }
    .calc_text .note {margin-top:10px; display: block; font-size: 0.8em; }

.lotti_arrows {opacity:0; display: inline-block; vertical-align: middle;  position: absolute; width: 80px; height: 80px; bottom: -70px; right: 0;left:0;margin:0 auto; }
    .lotti_arrows > * { position: absolute; right: 0; top: 0; width: 100%; height: 100%; }
    .lotti_arrows.active{opacity:1;}
    .ui-slider-horizontal .ui-slider-handle { width: 36px; height: 36px; border-radius: 50%; background-color: #000; color: #fff; text-align: center; padding: 12px 5px; box-sizing: border-box; top: -17px;font-size:0.85em; }
#slider-range-min { position: relative;width:calc(100% - 80px);margin:20px auto ;right:10px; }
    #slider-range-min::after { content: attr(data-max); position: absolute; left: -30px; color: #7FB6DB; top: -7px; font-size: 1em; }
    #slider-range-min::before { content: attr(data-min); position: absolute; right: -45px; color: #7FB6DB; top: -7px; font-size: 1em; }
.ui-widget-content { background: #7FB6DB ;height:2px;border:none;}
.ui-widget.ui-widget-content {border:none; }
.ui-widget-header { background: #7FB6DB; }
.slide_extra { content: ""; position: absolute; right: -20px; background-color: #7FB6DB; top: 0; height: 2px; width: 20px; }
/****End Calculator****/



@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 : 1020px) {
    /*General Classes*/
    body { background-position: right bottom 521px; }
    .message_conti { height: auto; }
    .message_partial { width: 100%; position: relative; }

    .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*/

    /*Index*/
    .home_main_content { background-position: center top; padding-top: 20px; height: 400px; background-size: cover; }
    /*End Index*/

    /***Contact***/
    .contac_page .main_image { padding: 30px 10px; min-height: initial; }
    /***End Contact***/

    /****Gallery****/
    .gallery_nav > ul > li { margin-left: 15px; }
        .gallery_nav > ul > li > a { font-size: 1em; }
    /****End Gallery****/

    /*Home*/
    .home_catering_services { padding: 0 10px; }
        .home_catering_services > h2, .give_to_community > h2, .field_tasting > h2, .clients > h2, .parallex_sides .side_one > h2 { margin-bottom: 15px; font-size: 1.5em; }

    .give_to_community { margin-bottom: 15px; }
        .give_to_community > ul > li { width: 100%; padding: 0 10px !important; margin-bottom: 10px; }
            .give_to_community > ul > li:nth-child(1) { border-left: none; border-bottom: 1px solid #B9B9B9; padding-bottom: 10px !important; }
    .field_tasting { margin-bottom: 15px; }
    .clients { padding: 15px 10px; }
    /*End Home*/

    .advertising .advertising_image { width: 100%; height: 0; padding-bottom: 35%; }
        .advertising .advertising_image .image { border-radius: 10px 10px 0 0 !important; max-width: 100px; max-height: 100px; margin: 0 auto; left: 0; top: 50%; transform: translateY(-50%); }
    .advertising .content { width: 100%; padding: 10px; border-radius: 0 0 10px 10px !important; }
    .advertising .headline3 { margin-bottom: 10px; padding-bottom: 10px; }
        .advertising .headline3 > * { font-size: 1.2em; }
    .advertising .general_article p { font-size: 1em; }
    .advertising .like_button { position: relative; right: 0; left: 0; bottom: 0; margin: 0 auto; }
}

@media only screen and (max-width : 818px) {
    /*Home*/
    .home_catering_services { margin-bottom: 15px; }
    .about_home { padding: 20px 10px; margin-bottom: 15px; }
        .about_home .side_one { width: 250px; margin: 0 auto 20px auto; }
        .about_home .side_two { width: 100%; padding: 0; }
            .about_home .side_two h1 { font-size: 1.8em; }
            .about_home .side_two article > *, .parallex_sides .side_one article > * { font-size: 1.2em; }
    .parallex_sides .side_one .more_details_conti > a { font-size: 1.3em; }
    .parallex_sides .side_one { width: 100%; margin-bottom: 15px; }
    .parallex_sides .side_two { width: 100%; }

    .field_tasting > ul > li { width: calc(33.33% - 10px); margin-left: 15px !important; margin-bottom: 15px; }
        .field_tasting > ul > li:nth-child(3n) { margin-left: 0 !important; }

    .clients > ul > li { width: calc(100% / 3 - 8px); margin-left: 12px; }
        .clients > ul > li:nth-child(3n) { margin-left: 0; }
    /*End Home*/
}

@media only screen and (max-width : 768px) {
    /***Index***/
    .general_form form > ul { justify-content: space-between; }
        .general_form form > ul > li { width: 49%; margin-bottom: 10px; padding-left: 0; }
            .general_form form > ul > li:last-child { width: 100%; text-align: center; }
            .general_form form > ul > li button { width: 157px; display: inline-block; }
    /***End Index****/

    /****Gallery****/
    .gallery_nav > ul > li { padding: 0 5px; margin-left: 0; text-align: center; box-sizing: border-box; }
        .gallery_nav > ul > li > a { font-size: 0.8em; display: inline-block; padding: 5px; box-sizing: border-box; background-color: #B11A1E; color: #fff; border-radius: 5px; }
            .gallery_nav > ul > li > a:hover, .gallery_nav > ul > li > a:focus { background-color: #670003; color: #fff; }
    .gallery_items > ul { justify-content: space-between; }
        .gallery_items > ul > li { width: 49%; margin-left: 0; margin-bottom: 2%; }
    /****End Gallery****/
}

@media only screen and (max-width : 700px) {
    /****Start*****/
    .start_conti .top { background-size: contain; top: -11%; padding-bottom: 0; height: 11%; background-position: center bottom; }
    .start_conti .bottom { background-size: contain; bottom: -11%; padding-bottom: 0; height: 11%; background-position: right -1px top; }
    .start_conti { padding: 20px 10px; max-width: 87%; margin-top: 50px; }
        .start_conti .right { width: 2.1%; background-size: contain; right: 0; }
        .start_conti .left { width: 2.1%; background-size: contain; left: 1px; }

    [data-step="step1"].start_inner_steps > ul.flex > li { width: 47%; }
    /****End Start*****/
}


@media only screen and (max-width : 600px) {
    .general_form .form_conti img { width: 50px; top: -70px; }
    .general_form .form_conti form { width: 100%; }
    .general_form form > ul > li { width: 100% !important; margin-bottom: 15px; padding: 0; }
        .general_form form > ul > li button { margin: 0 auto; width: 100%; }
        .general_form form > ul > li:nth-child(5) { order: 4;text-align:right; }
    .general_form form > ul > li:nth-child(4) {order:5; }
    .general_form > p br{display:none; }
    .main_image { height: auto; padding-top: 20px; }
    .side_socials > ul { width: 50px; flex-wrap: wrap; }
        .side_socials > ul > li { margin: 0 0 5px 0; }


    /*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*/

    /***Index***/
    .home_services > ul > li { width: 49%; }
    .home_main_content .content .text { width: 100%; max-width: 260px; margin: 0 auto 40px auto; }
        .home_main_content .content .text h1, .home_main_content .content .text h2 { display: inline; font-size: 2.2em; font-weight: 300; color: initial; }
        .home_main_content .content .text > p:nth-of-type(1) { margin-top: 10px; }
    /***End Index****/

    /*****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****/

    /***calculator****/
    .calc_nav > ul > li > a { font-size: 1em; }

    .calc_conti .form form > ul > li {width:100%; }
    .calc_conti .form form .buttons > ul > li {width:100% !important;margin-bottom:10px; }
    .calc_page .text h1 {font-size:2.6em; }
    /***End calculator****/

}

@media only screen and (max-width : 414px) {
    /***Index****/
    /***End Index****/

    /***About****/
    .about_images > ul > li { width: 100%; margin: 0 0 10px 0; }
    /***End About****/
}

@media only screen and (max-width : 380px) {
    .start_steps > ul > li { width: 16.667%; }
}

@media only screen and (max-width : 360px) {
    /***Index****/
    /***End Index****/
}

.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; }
}