@import url(reset.css);
/*Header: строка - 17 */
/*Навигация - строка 27 */
/*Карусель: строка - 43 */
/*div_1 advanteg: - 88 */
/*div_2 our works: -  */

@font-face {
	font-family: 'ApexMk3 Medium'; 
	src: url(/fonts/ApexMk3_Medium.ttf); 
}


body { background-color: #eae7dc; height: 100%; font-family: 'GermanCondensed',serif;}

/* Header */
.wrapper_header { max-width: 100%;}
    .header { max-width: 1160px; margin: 0 auto; padding: 5px; text-align: center;}
        .header div { }
        .contact_header { display: inline-block; color: #8e8d8a; vertical-align: top; padding-top: 45px; padding-right: 95px;}
            .contact_header p { font-size: 18px; }
            .contact_header a { color: #8e8d8a; text-decoration: none; font-size: 30px; display: block; padding-bottom: 10px;} 
        .logo_header  { display: inline-block;}
            .logo_header img { width: 80%; }
        .button_challenge_header { display: inline-block;  vertical-align: top; padding-top: 50px; padding-left: 95px;}
            .button_challenge_header a{ display: inline-block; text-transform: uppercase; text-decoration: none; color: #8e8d8a; font-size: 24px; padding: 15px; color: #dbdad5; background: linear-gradient(0deg, rgb(181, 100, 91) 0%, rgb(115, 62, 57) 2%, rgb(181, 100, 91) 50%, rgb(115, 62, 57) 98%, rgb(181, 100, 91) 100%); border-radius: 2px 2px 2px 2px; box-shadow: 0px 0px 2px 2px #9b8e8e;}
                .button_challenge_header a:hover {  background: rgb(115,62,57);
background: linear-gradient(0deg, rgba(115,62,57,1) 0%, rgba(181,100,91,1) 3%, rgba(115,62,57,1) 50%, rgba(181,100,91,1) 97%, rgba(115,62,57,1) 100%); }
                
/* Навигация */
.clearfix:before, .clearfix:after { content: " "; display: table;}
.clearfix:after {clear: both;}
.clearfix { *zoom: 1;}

.wrapper_menu { background: url(../images/menu_bg.png) center repeat-x;}
.clearfix { display: block; max-width: 1160px; margin: 0 auto; font-size: 40px;  position: relative;}
 .clearfix ul { width: 100%; display: table; line-height: 40px; text-align: center;}
    .clearfix li { display: table-cell;}
        .clearfix a { color: #733e39; display: inline-block; text-align: center; text-decoration: none; line-height: 1.4; padding: 0px 15px; position: relative; cursor: pointer; padding-bottom: 2px; font-size: 40px; }
            .clearfix a:after { display: block; position: absolute; left: 0; width: 0; height: 3px; bottom: 0px; background-color: #733e39; content: ""; transition: width 0.3s ease-out;}
            .clearfix a:hover:after, .clearfix a:focus:after { width: 100%; color: #f6ebdb;}
            .clearfix .active { color: #f6ebdb;  background: rgb(181,100,91);
background: linear-gradient(0deg, rgba(181,100,91,1) 0%, rgba(115,62,57,1) 2%, rgba(181,100,91,1) 50%, rgba(115,62,57,1) 98%, rgba(181,100,91,1) 100%); }
    .clearfix a#pull { display: none;}

/* Карусель */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus  { outline: none;}
.slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none;}
.flexslider a img { outline: none; border: none;}
.flexslider { margin: 0; padding: 0;}
    .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden;}
    .flexslider .slides img { width: 100%; display: block;}
    .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides { display: block;}
* html .slides { height: 1%; }
    .flexslider { position: relative; zoom: 1;}
        .forma_slides_div { position: absolute; width: 300px; bottom: 150px; background: rgba(149,148,146,0.85); box-shadow: 0px 1px 3px 1px #333, 0px 1px 3px 3px #f9f3e7; left: 60%; margin-left: -150px; margin-top: 335px; padding: 20px; text-align: center;}
            .slog_slides_1 { font-size: 40px; color: #f9f3e7; font-family: 'GermanCondensed',serif; padding: 10px; background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(115,62,57,0.80), rgba(0,0,0,0)); text-shadow: 1px 1px 1px #070707;}
                .slog_slides_1 span { display: block;}
            .slides_a { text-decoration: none; color: #8e8d8a; font-family: 'GermanCondensed',serif; font-size: 24px; padding: 15px; color: #dbdad5; background: linear-gradient(0deg, rgb(181, 100, 91) 0%, rgb(115, 62, 57) 2%, rgb(181, 100, 91) 50%, rgb(115, 62, 57) 98%, rgb(181, 100, 91) 100%); border-radius: 2px 2px 2px 2px; box-shadow: 0px 0px 2px 2px #9b8e8e; text-transform: uppercase; display: inline-block;}
                .slides_a:hover { background: rgb(115,62,57); background: linear-gradient(0deg, rgba(115,62,57,1) 0%, rgba(181,100,91,1) 3%, rgba(115,62,57,1) 50%, rgba(181,100,91,1) 97%, rgba(115,62,57,1) 100%);}
            .slog_slides_2 { font-size: 30px; color: #733e39; font-family: 'GermanCondensed',serif; padding-top: 20px; padding-bottom: 10px; text-shadow: 0px 0px 5px #eae7dc;}
                .slog_slides_2 span { text-transform: uppercase;}
        .flex-direction-nav a { display: block; position: absolute; margin: -17px 0 0 0; width: 35px; height: 35px; top: 50%; cursor: pointer; text-indent: -9999px;
                                background: rgb(115,62,57);
background: linear-gradient(0deg, rgba(115,62,57,1) 0%, rgba(181,100,91,1) 3%, rgba(115,62,57,1) 50%, rgba(181,100,91,1) 97%, rgba(115,62,57,1) 100%); }
            .flex-direction-nav a:before { display: block; position: absolute; content: ''; width: 9px; height: 13px; top: 11px; left: 11px; background: url(../images/arrows.png) no-repeat;}
            .flex-direction-nav a:after { display: block; position: absolute; content: ''; width: 0; height: 0; top: 35px;}
            .flex-direction-nav .flex-next { right: 1px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px;}
            .flex-direction-nav .flex-prev { left: -5px; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0;}
                .flex-direction-nav .flex-next:before { background-position: -9px 0; left: 15px;}
                .flex-direction-nav .flex-prev:before { background-position: 0 0;}
                .flex-direction-nav .flex-next:after { right: 0; border-bottom: 5px solid transparent;}
                .flex-direction-nav .flex-prev:after { left: 0; border-bottom: 5px solid transparent; border-right: 5px solid #070707;}
            .flexslider .flex-control-nav { position: absolute; width: 100%; bottom: 10px; text-align: center; margin: 0 0 0 -10px;}
            .flex-control-nav li { display: inline-block; zoom: 1;}
                .flex-control-paging li a { display: block; cursor: pointer; text-indent: -9999px; width: 20px; height: 20px; margin: 0 3px; background-color: #eae7dc;
                                             -webkit-border-radius: 12px;
                                             -moz-border-radius: 12px;
                                             border-radius: 12px;
                                             -webkit-box-shadow: inset 0 0 0 2px #733e39;
                                             -moz-box-shadow: inset 0 0 0 2px #733e39;
                                             box-shadow: inset 0 0 0 2px #733e39;}
                .flex-control-paging li a.flex-active {background: rgb(115,62,57);
                                                       background: linear-gradient(0deg, rgba(115,62,57,1) 0%, rgba(181,100,91,1) 3%, rgba(115,62,57,1) 50%, rgba(181,100,91,1) 97%, rgba(115,62,57,1) 100%); 
                                                       -webkit-border-radius: 12px;
                                             -moz-border-radius: 12px;
                                             border-radius: 12px;
                                             -webkit-box-shadow: inset 0 0 0 2px #eae7dc;
                                             -moz-box-shadow: inset 0 0 0 2px #eae7dc;
                                             box-shadow: inset 0 0 0 2px #eae7dc;}

.h3_div1_advantage { color: #692924; text-align: center; font-size: 35px; padding: 20px;}

/* bread_crumbs */
    .bread_crumbs { margin: 0 auto; max-width: 1160px; padding: 15px;}
        .bread_crumbs a { color: #9a9996; display: inline-block; padding-right: 5px;}
             .bread_crumbs a:hover { color: #733e39; }
        .bread_crumbs p { color: #9a9996; display: inline-block; text-decoration: underline;}

/* div_1_advanteg */
.div1_advantage_wrapper {   background: rgb(235,231,220); background: linear-gradient(90deg, rgba(235,231,220,1) 43%, rgba(181,100,91,1) 58%); }
    .div1_advantage { max-width: 1160px; margin: 0 auto; background-image: url(../images/bg_div1.jpg); background-attachment: fixed; background-size: 100% 100%;}
        .text_advantage { width: 35%; padding: 15px 60px; display: inline-block; text-align: justify;}
            .text_advantage p { font-size: 20px; padding-bottom: 35px;}
        .enum_advantage { width: 40%; padding: 25px 50px; vertical-align: top; display: inline-block;}
            .enum_advantage p { color: #eae7dc; font-size: 28px; text-align: center; padding: 5px;}
                .enum_advantage span { color: #733e39; font-size: 44px; text-decoration: underline; font-weight: bold;}

/* div_2_advanteg */
.div2_advantage_wrapper {   background: rgb(235,231,220); background: linear-gradient(90deg, rgba(181,100,91,1) 58%, rgba(235,231,220,1) 43%); }
    .div2_advantage { max-width: 1160px; margin: 0 auto; background-image: url(../images/bg_div2.jpg); background-attachment: fixed; background-size: 100% 100%;}
        .text_advantage_2 { width: 35%; padding: 15px 50px; display: inline-block; text-align: justify;}
            .text_advantage_2 p { font-size: 20px; padding-top: 35px;}
        .enum_advantage_2 { width: 40%; padding: 10px 50px; vertical-align: top; display: inline-block;}
            .enum_advantage_2 p { color: #eae7dc; font-size: 26px; text-align: justify; padding: 5px;}
                .enum_advantage_2 span { color: #733e39; font-size: 42px; text-decoration: underline; font-weight: bold;}

/* div_2_our_works_wrapper */
.div_2_our_works_wrapper { background: #8e8a8d; overflow: hidden;}
    .div_2_our_works { max-width: 1160px; margin: 0 auto;}
        .div_2_our_works h4 { color: #eae7dc; font-size: 35px; padding: 20px 10px; text-decoration: underline;}
    .slider { max-width: 90%; margin: 20px auto;}
    .description_our_works { font-size: 18px; text-align: center; padding: 5px 0; color: #eae7dc;}
    .price { text-align: center; font-size: 20px; color: #733e39; padding: 7px; background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgb(234, 231, 220), rgba(0,0,0,0));}
    .slick-slide { margin: 0px 20px;}
    .slick-slide img { width: 100%;}
    .slick-prev:before, .slick-next:before { color: black;}
    .slick-slide { transition: all ease-in-out .3s; opacity: .2;}
    .slick-active { opacity: .8;}
    .minimized { width: 300px; cursor: pointer; border: 1px solid #ebe7dc; box-shadow: 0px 0px 5px 2px #ebe7dc; padding: 3px;}
        .minimized:hover { box-shadow: 0px 0px 5px 2px #8e8a8d;}
    #magnify { display: none; position: fixed; max-width: 600px; height: auto; z-index: 9999;}
        #magnify img { width: 100%; padding: 3px; background: #eae7dc;}
    #overlay { display: none; background: #000; position: fixed; top: 0; left: 0; height: 100%; width: 100%; opacity: 0.5; z-index: 9990;}
    #close-popup { width: 30px; height: 30px; background: #ebe7dc; border: 1px solid #464446; border-radius: 15px; cursor: pointer; position: absolute; top: 15px; right: 15px;}
        #close-popup i { width: 30px;  height: 30px; background: url(https://codernote.ru/files/cross.png) no-repeat center center; background-size: 16px 16px; display: block;}
        @keyframes rota { 25% { transform: rotate(360deg); }}
    
/* div_3_our_production */
.div_3_our_production { max-width: 1160px; margin: 0 auto; }
    .div_3_our_production h4 { color: #b5645b; font-size: 35px; padding: 20px 10px; text-decoration: underline;}
    .div_3_our_production div { width: 33%; text-align: center; font-size: 20px; display: inline-block;}
        .div_3_our_production img { padding: 4px; background: #b5645b; box-shadow: 0px 0px 3px 3px #777; margin: 4px;} 
        .div_3_our_production div p { padding: 15px;}
    
/* div_4_examples */
.div_4_examples_wrapper { background: #b5645b; padding-bottom: 15px;}
 .div_4_examples { max-width: 1160px; margin: 0 auto;}
    .div_4_examples h4 { color: #eae7dc; font-size: 35px; padding: 20px 10px; text-decoration: underline;}  
    .tabs {	position: relative;	max-width: 100%; margin: 1em 0 2em; font-weight: 300;}
        .tabs nav { background: #eae7dc; text-align: center; margin-bottom: 2px;}
            .tabs nav ul { display: table; max-width: 100%;}
                .tabs nav ul li { display: table-cell; position: relative; line-height: 2;}/* width: 100%; */
    .tabs nav li.tab-current { z-index: 100;}
        .tabs nav li.tab-current:before,.tabs nav li.tab-current:after { content: ''; position: absolute; right: 100%;bottom: 0;width: 1000px;}
        .tabs nav li.tab-current:after { right: auto; left: 100%; width: 4000px;}
            .tabs nav a { color: #733e39; display: block; font-size: 1.45em; padding: 0 1.25em; white-space: nowrap;}/*padding: 0 10px */
                .tabs nav a:hover { color: #768e9d;}
            .tabs nav li.tab-current a { color: #eae7dc; background: #733e39;}
                .tabs nav a:before { display: inline-block; vertical-align: middle; text-transform: none; font-weight: normal; font-variant: normal; font-family: 'icomoon'; line-height: 1; speak: none; -webkit-font-smoothing: antialiased; margin: -0.25em 0.4em 0 0;}
    .content section { display: none; max-width: 1160px; text-align: center;}
        .content section:before,.content section:after { content: ''; display: table;}
        .content section:after { clear: both;}
        .no-js .content section { display: block; padding-bottom: 2em; border-bottom: 1px solid #47a3da;}
        .content section.content-current { display: block;}
    .mediabox img { border: 2px solid #733e39; display: inline-block; margin: 0 auto;}
    .examples_p { font-size: 20px; color: #733e39; text-align: center; padding: 10px 45px; line-height: 1.3;}

/* div_5_reviews */
.div_5_reviews { max-width: 1160px; margin: 0 auto;}
    .div_5_reviews h4 { color: #8e8a8d; font-size: 35px; padding: 20px 10px; text-decoration: underline;}  
    .block_1, .block_2, .block_3, .block_4, .block_5, .block_6 , .block_7, .block_8 { width: 40%; display: inline-block; height: 190px; overflow: hidden; padding: 15px; margin: 0 25px; background: rgba(211,207,200, .7); box-shadow: 0 0 3px 3px #7e7e7e;}
    .block_1 img, .block_2 img, .block_3 img, .block_4 img, .block_5 img, .block_6 img, .block_7 img, .block_8 img { width: 30%; display: inline-block; float: left; margin: 5px 10px; box-shadow: 0 0 2px 3px #7e7e7e; border: 1px solid;} 
    .reviews_block_author { text-align: right; padding: 15px; font-weight: 300;}

/* div_6_work_steps */
.div_6_work_steps_wrapper { background: #8e8a8d; padding-bottom: 15px;}
 .div_6_work_steps { max-width: 1160px; margin: 0 auto; text-align: center;}
    .div_6_work_steps h4 { color: #eae7dc; font-size: 35px; padding: 20px 10px; text-decoration: underline;}
    .div_6_work_steps div { overflow: hidden; width: 27%; padding: 15px; display: inline-block; background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgb(226, 225, 225), rgba(0,0,0,0)); margin: 1%; text-align: center; height: 150px; border: 1px solid #733e39; box-shadow: 0 0 2px 2px #696768;}
        .div_6_work_steps div h5 { color: #733e39; font-size: 35px; padding-bottom: 10px; }
        .div_6_work_steps div p { color: #575556; font-size: 20px; padding: 5px 25px;}
        .div_6_work_steps div span { color: #fff; background: #733e39; padding: 0px 15px;}

/* div_7_form_footer */
.div_7_form_footer { max-width: 1160px; margin: 0 auto; background-image: url(../images/bg_form_footer.png); background-attachment: fixed; background-repeat: no-repeat; background-position: center center; padding-bottom: 50px;}
    .div_7_form_footer h6 { color: #733e39; font-size: 40px; padding: 100px 0 20px 0;  line-height: 1.5; font-weight: bold; text-align: center; max-width: 500px; margin: 0 auto;}  
    .form_slides { width: 80%; margin:  0 auto;}
      .input_form_slides { display: block; width: 50%; padding: 15px; margin: 20px auto; border-radius: 8px; background-color: #e7e7e7; color: #733e39;}     
      .input_form_submit { display: block;}
       
        #submit_btn { background: #733e39; width: 54%; margin: 0 auto; height: 50px; text-align: center; color: #fff;  text-transform: uppercase;  border: none; border-radius: 7px; cursor: pointer; display: block;}
/* footer */
footer { max-width: 1160px; margin: 0 auto; }
    .footer_1, .footer_2, .footer_3 {text-align: center; width: 30%; display: inline-block; color: #8e8a8d; vertical-align: top;}
    .footer_1 { text-align: center;}
        .footer_1 p { width: 80%; color: #8e8a8d; font-size: 18px; margin: 0 auto;}
    .footer_2 { margin: 10px 0 0 100px;}
        .footer_2 a { color: #8e8a8d;}
            .footer_2 a:hover { color: #733e39;}
        .footer_2 li { padding-bottom: 10px; font-size: 24px;}
    .footer_3 a  { font-size: 24px; padding-top: 10px; display: block; color: #8e8a8d;} 
        .footer_3 a:hover { color: #733e39;}
        .menu_footer .active { color: #733e39;}
    .bottom_footer { padding: 40px 0 20px 0;}
        .bottom_footer_p_1 { text-align: center; color: #8e8a8d;}
        .bottom_footer_p_2 { color: #8e8a8d; padding: 15px 10px;}
            .bottom_footer_p_2 a { color: #733e39;}
.style-volna { margin: 35px;
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(115,62,57,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(115,62,57,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(115,62,57,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(115,62,57,0.75), rgba(0,0,0,0));}


/* inside page */
    .inside_page { margin: 0 auto; max-width: 1160px;}
        .inside_page h2 { font-size: 32px; padding: 20px; color: #8e8a8d;}
        .description_kontakt { font-size: 28px; padding: 0 0 10px 0px; font-weight: bold; color: #733e39; text-align: center;}
        .correction_kontakt { font-size: 30px; padding: 0 0 20px 0px; color: #8e8a8d; text-align: center;}
        .correction_kontakt a { color: #8e8a8d;}
        
        
@media screen and (max-width: 1700px) {
    .forma_slides_div { bottom: 50px; margin-left: 0;}
} 

@media screen and (max-width: 1400px) {
    .slog_slides_1 { font-size: 32px;}
    .flex-control-paging li a { width: 10px; height: 10px;}
} 

@media screen and (max-width: 1200px) {
    .div_2_our_works h4, .div_3_our_production h4, .div_4_examples h4, .div_5_reviews h4 { padding: 20px;}
    .mediabox img { max-width: 32%;}
    .tabs nav a  { padding: 0 20px;}
} 

@media screen and (max-width: 1150px) {
     .div_5_reviews { font-size: 15px;}    
}

@media screen and (max-width: 1090px) {
     .footer_2 { margin: 10px 0 0 80px;}    
} 

@media screen and (max-width: 1080px) {
    .contact_header { padding-right: 35px;}
    .button_challenge_header { padding-left: 35px;}
    .clearfix { font-size: 36px;}
    .forma_slides_div { bottom: 40px;}
    .slog_slides_1 span { display: inline-block;}
    .forma_slides_div { padding: 15px;}
}

@media screen and (max-width: 1065px) {
    .div_3_our_production img { width: 80%;}
     .tabs nav a  { padding: 0 15px;}
    
}  

@media screen and (max-width: 1000px) {
    .contact_header { padding-right: 0;}
    .button_challenge_header { padding-left: 0;}
    .forma_slides_div { left: 55%;}
    .text_advantage { padding: 15px 0 0 60px; width: 40%;}
    .block_1, .block_2, .block_3, .block_4, .block_5, .block_6, .block_7, .block_8 { height: 140px; width: 80%; margin: 15px auto; display: block;}
    .block_1 img, .block_2 img, .block_3 img, .block_4 img, .block_5 img, .block_6 img, .block_7 img, .block_8 img { width: 20%;}
    .tabs nav a  { padding: 0 12px;}
} 

@media screen and (max-width: 980px) {
    .clearfix { font-size: 30px;}
    .slog_slides_2 { font-size: 28px;}
    .tabs nav a  { padding: 0 10px;}
    .div_6_work_steps div p { font-size: 18px;}
}

@media screen and (max-width: 930px) {
    .enum_advantage { width: 45%; padding: 25px 10px 20px 50px;} 
    .tabs nav a  { font-size: 22px;}
    .div_6_work_steps div h5 { font-size: 33px;}
    .div_6_work_steps div span { padding: 0 13px;}
}

@media screen and (max-width: 900px) {
    .contact_header a { font-size: 25px;}
    .contact_header p  { font-size: 14px;}
    .button_challenge_header a { font-size: 20px;}
    .slides_a { font-size: 20px;}
    .tabs nav a  { font-size: 20px;}
    .footer_1, .footer_2, .footer_3 { width: 27%;}
} 

@media screen and (max-width: 850px) {
    .clearfix { font-size: 28px;}
    .forma_slides_div { left: 50%;}
    .slog_slides_1 { font-size: 28px;}
    .text_advantage { padding: 20px; width: 45%;}
    .enum_advantage { padding: 10px; width: 45%;}
    .enum_advantage span { font-size: 40px;}
    .enum_advantage { font-size: 24px;}
    .text_advantage p { font-size: 18px;}
    .div_3_our_production div { font-size: 18px;}
    .div_6_work_steps div p { padding: 5px;}
    .div_6_work_steps div h5 { font-size: 30px;}
}

@media screen and (max-width: 810px) {
   .enum_advantage p { font-size: 26px;}
   .div_2_our_works h4, .div_3_our_production h4, .div_4_examples h4, .div_5_reviews h4 { font-size: 32px;}
   .tabs nav a  { font-size: 18px;}
   .div_6_work_steps div { width: 40%;}
   .form_slides { width: 90%;}
} 

@media screen and (max-width: 800px) {
    .logo_header img { width: 60%;}
    .contact_header, .button_challenge_header { padding-top: 25px;}
    .logo_header { max-width: 50%;}
    .clearfix a { line-height: 1.6;}
    .clearfix { font-size: 26px;}
    .slog_slides_1 { display: none;}
    .slog_slides_2 { padding-top: 0;}
    .forma_slides_div { left: 10%;}
    .div_4_examples_wrapper { padding-bottom: 5px;}
    .div_7_form_footer h6 { font-size: 38px; padding: 70px 0 20px 0;}
    
}

@media screen and (max-width: 770px) {
    .text_advantage p, .div_3_our_production div { font-size: 16px;}
    .enum_advantage p { font-size: 24px;}
    .enum_advantage span { font-size: 36px;}
    .price { font-size: 18px;}
    .block_1, .block_2, .block_3, .block_4, .block_5, .block_6, .block_7, .block_8 { width: 90%;}
    .footer_1 p { font-size: 14px;}
    .footer_3 a { font-size: 22px;}
} 

@media screen and (max-width: 750px) {
    .clearfix { font-size: 24px;}
    #magnify { max-width: 500px;}
    .tabs nav a  { font-size: 16px;}
}

@media only screen and (max-width : 700px) {
	.clearfix {	border-bottom: 0;}
	.clearfix ul { display: none;height: auto;	}
	.clearfix a#pull { display: block; background: linear-gradient(0deg, rgb(181, 100, 91) 0%, rgb(115, 62, 57) 2%, rgb(181, 100, 91) 50%, rgb(115, 62, 57) 98%, rgb(181, 100, 91) 100%); max-width: 100%; position: relative;}
	   .clearfix a#pull:after { content:""; background: url('nav-icon.png') no-repeat; width: 30px; height: 30px; display: inline-block; position: absolute; right: 15px; top: 10px;}
    #pull img { padding: 8px 15px; display: block;}
    .wrapper_menu { background: none;}
    .clearfix li { display: block;}
    .flexslider .flex-control-nav { bottom: 0;}
    .forma_slides_div { padding: 8px;}
    .forma_slides_div { bottom: 25px;}
    .slog_slides_2 { font-size: 24px;}
    .enum_advantage p { font-size: 20px;}
    .enum_advantage span { font-size: 34px;}
}

@media screen and (max-width: 680px) {
   .contact_header { display: block; padding-top: 5px;}
   .contact_header a { padding-bottom: 3px;}
   .logo_header { display: block; max-width: 60%; margin: 0 auto;}
   .button_challenge_header { display: none;}
   .h3_div1_advantage { font-size: 30px;}
   .div_3_our_production div { width: 32%;}
   .tabs nav a { padding: 0 5px;}
   .form_slides { width: 100%;}
   .footer_1 img { width: 90%;}
   .footer_2 li { font-size: 20px;}
   .footer_3 a { font-size: 20px;}
}

@media screen and (max-width: 655px) {
    .div1_advantage { background-image: none;}
    .text_advantage { width: 90%; margin: 0 auto;}
    .div1_advantage_wrapper { background: rgb(235,231,220);}
    .text_advantage p { padding-bottom: 15px;}
    .enum_advantage { width: 100%; padding: 10px 0; margin: 0 auto; background: #b5655c; display: block;}
    .text_advantage p { font-size: 18px;}
    .enum_advantage p { font-size: 24px;}
    .enum_advantage span { font-size: 38px;}
    .tabs nav a  { font-size: 15px;}
}

@media screen and (max-width: 620px) {
    .tabs nav a  { font-size: 14px;}
    .block_1, .block_2, .block_3, .block_4, .block_5, .block_6, .block_7, .block_8 { height: 160px;}
    .footer_2 { margin: 10px 0 0 60px;}
}

@media screen and (max-width: 600px) {
    .logo_header img { width: 70%;}
    .forma_slides_div { display: none;}
    .div_3_our_production div { width: 90%; display: block; margin: 0 auto;}
    .div_3_our_production div p { width: 45%; display: inline-block;}
    .div_3_our_production img { width: 30%; display: inline-block;}
    .div_5_reviews { font-size: 14px;}
}

@media screen and (max-width: 550px) {
   #magnify { max-width: 450px;} 
   .price { font-size: 16px;}
   .description_our_works { font-size: 14px;}
   .slick-prev::before, .slick-next::before { font-size: 10px;}
   .div_3_our_production img { width: 40%;}
   .mediabox img { max-width: 47%;}
   .examples_p { font-size: 16px;}
   .block_1 img, .block_2 img, .block_3 img, .block_4 img, .block_5 img, .block_6 img, .block_7 img, .block_8 img { width: 30%;}
   .tabs nav a  { font-size: 13px;}
   .div_6_work_steps h4 { font-size: 32px;}
   .footer_1 { width: 45%;}
    .footer_1 img { width: 70%;}
   .footer_2 { width: 45%; margin: 0;}
   .footer_3 { width: 90%; padding-top: 15px;}
}

@media screen and (max-width: 540px) {
    .tabs nav a  { font-size: 12px;}
    .div_6_work_steps div { width: 80%; height: 120px;}
}


@media screen and (max-width: 500px) {
    .logo_header img { width: 90%;}
    #magnify { max-width: 400px;}
    .tabs nav a  { font-size: 12px;}
    .div_7_form_footer h6 { font-size: 34px; padding: 70px 20px 10px;}
    .footer_1 img { width: 80%;}
    .slick-prev { left: -10px;}
    .slick-next { right: -10px;}
}

@media screen and (max-width: 465px){
    .tabs nav a { font-size: 11px;}
}

@media screen and (max-width: 455px) {
    .h3_div1_advantage { font-size: 24px;}
    #magnify { max-width: 300px;}
    .tabs nav a  { font-size: 10px;}
    .bottom_footer_p_1 { font-size: 14px;}
    .bottom_footer_p_2 { font-size: 12px;}
}

@media screen and (max-width: 420px) {
    .div_3_our_production div p { font-size: 14px;}
}

@media screen and (max-width: 410px) {
    .div_2_our_works h4, .div_3_our_production h4, .div_4_examples h4, .div_5_reviews h4{ font-size: 24px;}
    .description_our_works { font-size: 10px;}
    .price { font-size: 12px;}
}

@media screen and (max-width: 400px) {
    .tabs nav a { font-size: 9px;}
}

@media screen and (max-width: 325px) {
    #magnify { max-width: 270px;}
}