@charset "UTF-8";/*!--------------------------------------------------------------

 *   DON'T EDIT THIS FILE
 *   After update you will lose all changes. Use child themes
 *
 *   НЕ РЕДАКТИРУЙТЕ ЭТОТ ФАЙЛ
 *   После обновления Вы потереяете все изменения. Используйте дочернюю тему
 *
 *   https://support.wpshop.ru/docs/general/child-themes/

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

/*@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, 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")
        format("woff");
    font-weight: 400;
    font-style: normal;
}
:root {
    --swiper-theme-color: #007aff;
}*/

body .zcolumn{
/*    margin: 0;*/
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #111;
/*    text-align: left;*/
    background-color: #fff;
}



/*.container .zcolumn {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}*/


.zcolumn{margin-bottom: 55px;}
/*.zcolumn{width: 1300px; margin: 0 auto; font-weight: 400;margin-bottom: 55px;}*/

./*zcolumn .breadcrumbs{color: #face45; font-size: 15px; text-align: center; margin: 35px 0;}
.zcolumn > div > .title{font-size: 34px; font-weight: bold; text-align: center; display: block; margin: 40px 0 33px;}
.zcolumn .breadcrumbs a{color: #face45; text-decoration: none;}
.zcolumn .breadcrumbs span{}
.zcolumn h1{font-size: 44px; display: block; margin: 45px 0 40px; text-align: center; font-weight: bold;}
.zcolumn .video{margin: 40px 0;}
.zcolumn .video a{display: block; cursor: pointer; position: relative;}
.zcolumn .video a:after{display: block; background: rgba(0,0,0,0.3) url('res/play.png') center no-repeat; content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.zcolumn .video img{display: block; width: 100%; height: auto;}
.zcolumn .conteiner{ display: grid; grid-template-columns: 850px 450px; justify-content: space-between;   width: 100%; margin: 44px 0;}
.zcolumn .conteiner .content{font-size: 22px;}
.zcolumn .conteiner .content .title{display: block; font-size: 34px; font-weight: bold;}
.zcolumn .conteiner .director{font-size: 20px; text-align: right;}
.zcolumn .conteiner .director img{  margin-bottom: 25px;}
.zcolumn .conteiner .director span{display: block;}
.zcolumn .works{}
.zcolumn .works .items{display: grid; grid-template-columns: 450px 450px 450px; margin: 0 -25px;}
.zcolumn .works .items .item{padding: 0 25px 25px;}
.zcolumn .mapblock{}
.zcolumn .mapblock .map img{display: block; margin: 0 auto;}*/


.zcolumn .reviews-clients{ margin-top: 55px;}
/*.zcolumn .reviews-clients .reviews{display: grid; grid-template-columns: 640px 640px; justify-content: space-between;}*/
.zcolumn .reviews-clients .reviews .review{box-shadow: 0 0 4px rgba(0,0,0,0.15); padding: 25px 30px 35px 25px; display: grid; grid-template-columns: 200px 300px; height: 100%; margin: 4px 15px;}
.zcolumn .reviews-clients .reviews .review .left .top{position: relative; padding-left: 66px; height: 52px; padding-top: 1px;}
.zcolumn .reviews-clients .reviews .review .left .top img{position: absolute; width: 52px; height: 52px; border-radius: 52px; left: 0; top: 0;}
.zcolumn .reviews-clients .reviews .review .left .top .name{display: block; font-size: 14px; margin: 8px 0 5px; color: #000; text-decoration: none;}
.zcolumn .reviews-clients .reviews .review .left .top .name:hover{text-decoration: underline;}
.zcolumn .reviews-clients .reviews .review .left .top .date{display: block; font-size: 12px;}
.zcolumn .reviews-clients .reviews .review .left .stars{background: url('stars.png') left top no-repeat; width: 70px; height: 10px; margin: 15px 0;}
.zcolumn .reviews-clients .reviews .review .left .stars.stars4{width: 56px;}
.zcolumn .reviews-clients .reviews .review .left .stars.stars3{width: 42px;}
.zcolumn .reviews-clients .reviews .review .left .stars.stars2{width: 28px;}
.zcolumn .reviews-clients .reviews .review .left .stars.stars1{width: 14px;}
.zcolumn .reviews-clients .reviews .review .left .bottom{margin: 24px 0; position: relative; padding-left: 115px; padding-top: 1px;}
.zcolumn .reviews-clients .reviews .review .left .bottom img{width: 100px; height: 40px; object-fit: none; border:1px solid #eee; border-radius: 4px; background-size: auto; position: absolute; left: 0; top: 0;}
.zcolumn .reviews-clients .reviews .review .left .bottom span{display: block; font-size: 14px; padding-top: 0;}
.zcolumn .reviews-clients .reviews .review .left .bottom a{display: block; color: #FACE45; font-size: 12px;}
.zcolumn .reviews-clients .reviews .review .right p{margin-top: 0; font-size: 12px;}
.zcolumn .reviews-clients .reviews .review .right img{width: 60px; height: 60px; border-radius: 6px; object-fit: cover; display: block;}
.zcolumn .reviews-clients .reviews .review .right .gal a{display: inline-block; margin-top: 15px; position: relative;}
.zcolumn .reviews-clients .reviews .review .right .gal a:after{display: block; background: rgba(0,0,0,0.3) url('zoom.png') center no-repeat; content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.zcolumn .reviews-clients .reviews .review .right .gal a:hover:after{opacity: 1;background: rgba(0,0,0,0.1) url('zoom.png') center no-repeat;}


.zcolumn .reviews-detailed{margin: 125px 0 60px;}
/*.zcolumn .reviews-detailed .reviews{display: grid; grid-template-columns: 630px 630px; justify-content: space-between;}*/
.zcolumn .reviews-detailed .reviews .review{box-shadow: 0 0 4px rgba(0,0,0,0.15); padding: 30px 30px 55px;  margin: 4px 15px; }
.zcolumn .reviews-detailed .reviews .review .title{display: block; font-size: 23px; font-weight: bold;}
.zcolumn .reviews-detailed .reviews .review .title a{color: #000; text-decoration: none;}
.zcolumn .reviews-detailed .reviews .review p{font-size: 15px; margin-top: 16px;}
.zcolumn .reviews-detailed .reviews .review .bottom{font-size: 14px; color: #98ACC3;}
.zcolumn .reviews-detailed .reviews .review .bottom span{display: inline-block; margin-right: 24px; line-height: 22px; height: 22px;}
.zcolumn .reviews-detailed .reviews .review .bottom span.date{padding-left: 20px; background: url('date.png') left center no-repeat;}
.zcolumn .reviews-detailed .reviews .review .bottom span.comments{padding-left: 20px; background: url('com.png') left center no-repeat;}
.zcolumn .reviews-detailed .reviews .review .bottom span.views{padding-left: 20px; background: url('v.png') left center no-repeat;}

.slick-track
{
    display: flex !important;
}

.slick-slide
{
    height: inherit !important;
}
/*

  1111111     1111111        888888888          000000000 
 1::::::1    1::::::1      88:::::::::88      00:::::::::00 
1:::::::1   1:::::::1    88:::::::::::::88  00:::::::::::::00 
111:::::1   111:::::1   8::::::88888::::::80:::::::000:::::::0
   1::::1      1::::1   8:::::8     8:::::80::::::0   0::::::0
   1::::1      1::::1   8:::::8     8:::::80:::::0     0:::::0
   1::::1      1::::1    8:::::88888:::::8 0:::::0     0:::::0
   1::::l      1::::l     8:::::::::::::8  0:::::0 000 0:::::0
   1::::l      1::::l    8:::::88888:::::8 0:::::0 000 0:::::0
   1::::l      1::::l   8:::::8     8:::::80:::::0     0:::::0
   1::::l      1::::l   8:::::8     8:::::80:::::0     0:::::0
   1::::l      1::::l   8:::::8     8:::::80::::::0   0::::::0
111::::::111111::::::1118::::::88888::::::80:::::::000:::::::0
1::::::::::11::::::::::1 88:::::::::::::88  00:::::::::::::00 
1::::::::::11::::::::::1   88:::::::::88      00:::::::::00 
111111111111111111111111     888888888          000000000 

*/

@media (max-width:1300px) and (min-width:1180px) { 

.zcolumn{ width: 1180px; }
.zcolumn img{max-width: 100%}

.zcolumn .conteiner{ display: grid; grid-template-columns: 700px 340px; justify-content: space-between; }

.zcolumn .works .items{display: grid; grid-template-columns: 410px 410px 410px; margin: 0 -25px;}

/*.zcolumn .reviews-clients .reviews{grid-template-columns: 570px 570px; }*/
.zcolumn .reviews-clients .reviews .review{grid-template-columns: 240px 260px;}
/*.zcolumn .reviews-detailed .reviews{display: grid; grid-template-columns: 570px 570px; }*/
}
/*
     999999999          888888888          000000000     
   99:::::::::99      88:::::::::88      00:::::::::00   
 99:::::::::::::99  88:::::::::::::88  00:::::::::::::00 
9::::::99999::::::98::::::88888::::::80:::::::000:::::::0
9:::::9     9:::::98:::::8     8:::::80::::::0   0::::::0
9:::::9     9:::::98:::::8     8:::::80:::::0     0:::::0
 9:::::99999::::::9 8:::::88888:::::8 0:::::0     0:::::0
  99::::::::::::::9  8:::::::::::::8  0:::::0 000 0:::::0
    99999::::::::9  8:::::88888:::::8 0:::::0 000 0:::::0
         9::::::9  8:::::8     8:::::80:::::0     0:::::0
        9::::::9   8:::::8     8:::::80:::::0     0:::::0
       9::::::9    8:::::8     8:::::80::::::0   0::::::0
      9::::::9     8::::::88888::::::80:::::::000:::::::0
     9::::::9       88:::::::::::::88  00:::::::::::::00 
    9::::::9          88:::::::::88      00:::::::::00   
   99999999             888888888          000000000    
*/

@media (max-width:1180px) and (min-width:980px) {

.zcolumn{ width: 980px; }
.zcolumn img{max-width: 100%}

.zcolumn .conteiner{ display: grid; grid-template-columns: 600px 340px; justify-content: space-between; }

.zcolumn .works .items{display: grid; grid-template-columns: 343px 343px 343px; margin: 0 -25px;}

/*.zcolumn .reviews-clients .reviews{grid-template-columns: 480px 480px; }*/
.zcolumn .reviews-clients .reviews .review{grid-template-columns: 1fr;  align-items: start; align-content: start; }
/*.zcolumn .reviews-detailed .reviews{display: grid; grid-template-columns: 480px 480px; }*/

}

/*
77777777777777777777 222222222222222         000000000     
7::::::::::::::::::72:::::::::::::::22     00:::::::::00   
7::::::::::::::::::72::::::222222:::::2  00:::::::::::::00 
777777777777:::::::72222222     2:::::2 0:::::::000:::::::0
           7::::::7             2:::::2 0::::::0   0::::::0
          7::::::7              2:::::2 0:::::0     0:::::0
         7::::::7            2222::::2  0:::::0     0:::::0
        7::::::7        22222::::::22   0:::::0 000 0:::::0
       7::::::7       22::::::::222     0:::::0 000 0:::::0
      7::::::7       2:::::22222        0:::::0     0:::::0
     7::::::7       2:::::2             0:::::0     0:::::0
    7::::::7        2:::::2             0::::::0   0::::::0
   7::::::7         2:::::2       2222220:::::::000:::::::0
  7::::::7          2::::::2222222:::::2 00:::::::::::::00 
 7::::::7           2::::::::::::::::::2   00:::::::::00   
77777777            22222222222222222222     000000000   
*/

@media (max-width:979px) and (min-width:700px) {

.zcolumn{ width: 680px; }
.zcolumn img{max-width: 100%}

.zcolumn .conteiner{ display: grid; grid-template-columns: 1fr; justify-content: space-between; }
.zcolumn .conteiner .director{font-size: 20px; text-align: center;}
.zcolumn .conteiner .director img{margin: 0 auto 25px; max-width: 300px}
.zcolumn .works .items{display: grid; grid-template-columns: 330px 330px; margin: 0; gap:20px}
.zcolumn .works .items .item{padding: 0}

/*.zcolumn .reviews-clients .reviews{grid-template-columns: 1fr; gap:25px}*/
/*.zcolumn .reviews-clients .reviews .review{grid-template-columns: 1fr;  align-items: start; align-content: start; }*/
/*.zcolumn .reviews-detailed .reviews{display: grid; grid-template-columns: 1fr; gap:25px}*/


.zcolumn .reviews-detailed {margin: 50px 0 50px;}

}

/*
        66666666         444444444       000000000     
       6::::::6         4::::::::4     00:::::::::00   
      6::::::6         4:::::::::4   00:::::::::::::00 
     6::::::6         4::::44::::4  0:::::::000:::::::0
    6::::::6         4::::4 4::::4  0::::::0   0::::::0
   6::::::6         4::::4  4::::4  0:::::0     0:::::0
  6::::::6         4::::4   4::::4  0:::::0     0:::::0
 6::::::::66666   4::::444444::::4440:::::0 000 0:::::0
6::::::::::::::66 4::::::::::::::::40:::::0 000 0:::::0
6::::::66666:::::64444444444:::::4440:::::0     0:::::0
6:::::6     6:::::6         4::::4  0:::::0     0:::::0
6:::::6     6:::::6         4::::4  0::::::0   0::::::0
6::::::66666::::::6         4::::4  0:::::::000:::::::0
 66:::::::::::::66        44::::::44 00:::::::::::::00 
   66:::::::::66          4::::::::4   00:::::::::00   
     666666666            4444444444     000000000   
*/

@media (max-width:699px) and (min-width:600px) { 


.zcolumn{ width: 600px; }
.zcolumn img{max-width: 100%}

.zcolumn .conteiner{ display: grid; grid-template-columns: 1fr; justify-content: space-between; }
.zcolumn .conteiner .director{font-size: 20px; text-align: center;}
.zcolumn .conteiner .director img{margin: 0 auto 25px; max-width: 300px}

.zcolumn .works .items{display: grid; grid-template-columns: 290px 290px; margin: 0; gap:20px}
.zcolumn .works .items .item{padding: 0}

/*.zcolumn .reviews-clients .reviews{grid-template-columns: 1fr; gap:25px}*/
.zcolumn .reviews-clients .reviews .review{grid-template-columns: 260px 290px;}
/*.zcolumn .reviews-detailed .reviews{display: grid; grid-template-columns: 1fr; gap:25px}*/

.zcolumn .reviews-detailed {margin: 50px 0 50px;}
}

/*
       444444444         444444444       000000000     
      4::::::::4        4::::::::4     00:::::::::00   
     4:::::::::4       4:::::::::4   00:::::::::::::00 
    4::::44::::4      4::::44::::4  0:::::::000:::::::0
   4::::4 4::::4     4::::4 4::::4  0::::::0   0::::::0
  4::::4  4::::4    4::::4  4::::4  0:::::0     0:::::0
 4::::4   4::::4   4::::4   4::::4  0:::::0     0:::::0
4::::444444::::4444::::444444::::4440:::::0 000 0:::::0
4::::::::::::::::44::::::::::::::::40:::::0 000 0:::::0
4444444444:::::4444444444444:::::4440:::::0     0:::::0
          4::::4            4::::4  0:::::0     0:::::0
          4::::4            4::::4  0::::::0   0::::::0
          4::::4            4::::4  0:::::::000:::::::0
        44::::::44        44::::::44 00:::::::::::::00 
        4::::::::4        4::::::::4   00:::::::::00   
        4444444444        4444444444     000000000    
*/

@media (max-width:599px) and (min-width:440px) {



.zcolumn{ width: 420px; }
.zcolumn img{max-width: 100%}

.zcolumn .conteiner{ display: grid; grid-template-columns: 1fr; justify-content: space-between; }
.zcolumn .conteiner .director{font-size: 20px; text-align: center;}
.zcolumn .conteiner .director img{margin: 0 auto 25px; max-width: 60%}

.zcolumn .works .items{display: grid; grid-template-columns: 200px 200px; margin: 0; gap:20px}
.zcolumn .works .items .item{padding: 0}

/*.zcolumn .reviews-clients .reviews{grid-template-columns: 1fr; gap:25px}*/
.zcolumn .reviews-clients .reviews .review{grid-template-columns: 1fr;  align-items: start; align-content: start; }
/*.zcolumn .reviews-detailed .reviews{display: grid; grid-template-columns: 1fr; gap:25px}*/


.zcolumn h1{font-size: 24px; margin: 40px 0 30px; }
.zcolumn > div > .title { font-size: 22px; margin: 30px 0 20px;}
.zcolumn .video{margin: 30px 0}
.zcolumn .conteiner{margin: 30px 0}
.zcolumn .conteiner .content .title{font-size: 22px}
.zcolumn .conteiner .content{font-size: 18px}
.zcolumn .conteiner .director{font-size: 18px}
.zcolumn .reviews-detailed .reviews .review .title{font-size: 20px}

.zcolumn .reviews-detailed {margin: 50px 0 50px;}
}

/*
 333333333333333           66666666        000000000     
3:::::::::::::::33        6::::::6       00:::::::::00   
3::::::33333::::::3      6::::::6      00:::::::::::::00 
3333333     3:::::3     6::::::6      0:::::::000:::::::0
            3:::::3    6::::::6       0::::::0   0::::::0
            3:::::3   6::::::6        0:::::0     0:::::0
    33333333:::::3   6::::::6         0:::::0     0:::::0
    3:::::::::::3   6::::::::66666   40:::::0 000 0:::::0
    33333333:::::3 6::::::::::::::66 40:::::0 000 0:::::0
            3:::::36::::::66666:::::640:::::0     0:::::0
            3:::::36:::::6     6:::::60:::::0     0:::::0
            3:::::36:::::6     6:::::60::::::0   0::::::0
3333333     3:::::36::::::66666::::::60:::::::000:::::::0
3::::::33333::::::3 66:::::::::::::66  00:::::::::::::00 
3:::::::::::::::33    66:::::::::66      00:::::::::00   
 333333333333333        666666666          000000000     
*/
@media (max-width:439px) and (min-width:360px) {

.zcolumn{ width: 360px; }
.zcolumn img{max-width: 100%}

.zcolumn .conteiner{ display: grid; grid-template-columns: 1fr; justify-content: space-between; }
.zcolumn .conteiner .director{font-size: 20px; text-align: center;}
.zcolumn .conteiner .director img{margin: 0 auto 25px; max-width: 60%}

.zcolumn .works .items{display: grid; grid-template-columns: 170px 170px; margin: 0; gap:20px}
.zcolumn .works .items .item{padding: 0}

/*.zcolumn .reviews-clients .reviews{grid-template-columns: 1fr; gap:25px}*/
.zcolumn .reviews-clients .reviews .review{grid-template-columns: 1fr;  align-items: start; align-content: start; padding: 20px 20px 30px}
/*.zcolumn .reviews-detailed .reviews{display: grid; grid-template-columns: 1fr; gap:25px}*/
.zcolumn .reviews-detailed .reviews .review{padding: 20px 20px 30px }


.zcolumn h1{font-size: 24px; margin: 40px 0 30px; }
.zcolumn > div > .title { font-size: 22px; margin: 30px 0 20px;}
.zcolumn .video{margin: 30px 0}
.zcolumn .conteiner{margin: 30px 0}
.zcolumn .conteiner .content .title{font-size: 22px}
.zcolumn .conteiner .content{font-size: 18px}
.zcolumn .conteiner .director{font-size: 18px}
.zcolumn .reviews-detailed .reviews .review .title{font-size: 20px}

.zcolumn .reviews-detailed {margin: 50px 0 50px;}
}
/*
 333333333333333        000000000          000000000     
3:::::::::::::::33    00:::::::::00      00:::::::::00   
3::::::33333::::::3 00:::::::::::::00  00:::::::::::::00 
3333333     3:::::30:::::::000:::::::00:::::::000:::::::0
            3:::::30::::::0   0::::::00::::::0   0::::::0
            3:::::30:::::0     0:::::00:::::0     0:::::0
    33333333:::::3 0:::::0     0:::::00:::::0     0:::::0
    3:::::::::::3  0:::::0 000 0:::::00:::::0 000 0:::::0
    33333333:::::3 0:::::0 000 0:::::00:::::0 000 0:::::0
            3:::::30:::::0     0:::::00:::::0     0:::::0
            3:::::30:::::0     0:::::00:::::0     0:::::0
            3:::::30::::::0   0::::::00::::::0   0::::::0
3333333     3:::::30:::::::000:::::::00:::::::000:::::::0
3::::::33333::::::3 00:::::::::::::00  00:::::::::::::00 
3:::::::::::::::33    00:::::::::00      00:::::::::00   
 333333333333333        000000000          000000000     
*/
@media (max-width:359px) {

.zcolumn{ width: 300px; }
.zcolumn img{max-width: 100%}

.zcolumn .conteiner{ display: grid; grid-template-columns: 1fr; justify-content: space-between; }
.zcolumn .conteiner .director{font-size: 20px; text-align: center;}
.zcolumn .conteiner .director img{margin: 0 auto 25px; max-width: 60%}

.zcolumn .works .items{display: grid; grid-template-columns: 140px 140px; margin: 0; gap:20px}
.zcolumn .works .items .item{padding: 0}

/*.zcolumn .reviews-clients .reviews{grid-template-columns: 1fr; gap:25px}*/
.zcolumn .reviews-clients .reviews .review{grid-template-columns: 1fr;  align-items: start; align-content: start; padding: 20px 20px 30px}
/*.zcolumn .reviews-detailed .reviews{display: grid; grid-template-columns: 1fr; gap:25px}*/
.zcolumn .reviews-detailed .reviews .review{padding: 20px 20px 30px }


.zcolumn h1{font-size: 24px; margin: 40px 0 30px; }
.zcolumn > div > .title { font-size: 22px; margin: 30px 0 20px;}
.zcolumn .video{margin: 30px 0}
.zcolumn .conteiner{margin: 30px 0}
.zcolumn .conteiner .content .title{font-size: 22px}
.zcolumn .conteiner .content{font-size: 18px}
.zcolumn .conteiner .director{font-size: 18px}
.zcolumn .reviews-detailed .reviews .review .title{font-size: 20px}

.zcolumn .reviews-detailed {margin: 50px 0 50px;}
}