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