/* -------Общие правила---------  */
*{margin:0;padding:0;}
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {display: block;}
body {font-family: Helvetica, Arial, sans-serif; color: #3e3e3e;}

h1 {font-size: 1.5em;line-height: 1.1em;}
h2 {font-size: 1.7em;line-height: 1.1em;letter-spacing: -0.06em;}
h3 {font-size: 1.6em;line-height: 1.1em;letter-spacing: -0.06em;}
h4 {font-size: 1.5em;line-height: 1.1em; letter-spacing: -0.05em;}
h5 {font-size: 1.4em;line-height: 1.1em;letter-spacing: -0.05em;}
h6 {font-size: 1.3em;letter-spacing: -0.02em;}

.zagoll h2 {font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; font-style: normal; font-variant: normal; font-weight: 100; line-height: 26.4px; font-weight: 100;line-height: 1.5em;letter-spacing: 0.01em;text-transform: uppercase;position: relative;padding-left: 25px;margin: 0 0 30px 2px;font-size: 1.3em;
	
	

        text-align: center;overflow: visible;
        }


.zagoll h2:before { content: "";display: inline-block; width: 20px;
    height: 24px;background: url("/images/strel2.png") no-repeat top left;overflow: visible; margin-right: 10px; }

.titleewhite {color: #e6e6e6;}
.titleegray {color: #505050;}


a {text-decoration: underline; color:#0087ff}
a:hover {text-decoration: underline; color: rgb(0, 158, 255);}
a:active {text-decoration: none; color: rgb(255, 142, 20);}

p {line-height: 1.5em; letter-spacing: .01em; color: #333;font-size: 1em;}
.center{text-align: center;}

.tonkij{font-weight:300;}
p.text:first-line {line-height: 1.6em;font-size: 1.4em;text-shadow: 0px 1px 2px #C2C2C2; font-weight: 300;}
p.spisok{ font-size: 0.96em!important;letter-spacing: -.03em;text-align: center; color: #FFCF9B!important;}
span.bolt {font-size: 1.4em;font-weight: 400;letter-spacing: .07em;color: rgb(255, 255, 255);text-shadow: 1px 1px 1px rgba(0, 0, 0, .53);margin-top: 43px;line-height: 1.5em;}
mark { background-color: rgba(255, 132, 0, 0.32);padding: 0px 6px 4px 7px;}
.h1block{height:290px; margin: 113px 0 44px 0;}



.idiotizm {font-size: 1.5em;background-color: rgba(0, 0, 0, 0.61)!important;padding: 11px;text-transform: uppercase!important;color: white!important;font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif!important;font-weight: 100!important;letter-spacing: 0.09em;}
}

@media (min-width: 576px) {
.h1block{height: 80px; margin: 20px 0 26px 0}
.textpodh1{width: 90%; margin:30px auto 50px auto; }
.zagoll h2 {font-size: 1.7em; padding-left: 27px;}	

}

@media (min-width: 767px) {
.h1block{height: 300px;
    margin: 115px 0 0px 0;}	
.textpodh1{width: 80%; margin:45px auto 53px auto; } 
.zagoll h2 {font-size: 1.8em; padding-left: 29px;}

.idiotizm {font-size: 2.3em;padding: 11px;}
}

@media (min-width: 992px) {
.h1block{height:500px;margin: 218px 0 0px 0}		
.textpodh1{width: 70%; margin:45px auto 53px auto; } 
h1 {font-size: 2em;}
.idiotizm {font-size: 2.5em;
    width: 928px;
    padding: 11px;}

}

@media (min-width: 1200px) {
.idiotizm {font-size: 3em;width: 1040px;padding: 11px;}


p {font-size: 1.1em;} 
.h1block{height:500px;margin: 211px 0 0px 0;}
.textpodh1{width: 70%; margin: 46px auto 66px auto; } 
.zagoll h2 {font-size: 1.9em; padding-left: 27px;}	
}

@media (min-width: 1599px) {
h1 {font-size: 2.4em;}
h2 {font-size: 2em;}
h3 {font-size: 1.9em;}
h4 {font-size: 1.8em;}
h5 {font-size: 1.7em;}
h6 {font-size: 1.5em;}	
p {font-size: 1.2em;} 
  
.h1block{height:500px;margin: 278px 0 0px 0;}
.textpodh1{width: 50%; margin: 60px auto 82px auto; } 
.zagoll h2 {font-size: 2em; padding-left: 27px;}	
 
}
@media (min-width: 1900px) {



}

/* hr - ки */

.style-one{border: 0;margin: 0 auto;width: 70%;height: 1px;background: #333;background-image: linear-gradient(to right, #909090, #a9a9a9, #909090);}
.style2{width: 60%; margin: 0 auto; border: 0;height: 1px;background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));background-image:-moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));}
.line-hr{width: 100%; height: 7px; display: block; background-repeat: repeat-x;}
.sprite2.style3 {background-position: 0px -568px;height: 6px;width: 100%;}
.zakarluch {height: 14px;width: 315px;margin: 2% auto;background-position: -94px -398px;}

ul {list-style:none;}

.semantics_info {display: none;}
.graybackground {background-color: #f0f0f0!important;}
.bluebackground {background-color: #3D708E;}
img.krug200 {width: 90%;border-radius: 50%;}
img.krug240 {width: 90%;border-radius: 50%;}

@media (min-width: 576px) {
	
img.krug200 {width: 200px;}
img.krug240 {width: 212px;}
	
}
@media (min-width: 1600px) {
img.krug240 {width: 240px;}
}

.headerrline_sontsiconki_facebook{width: 29px;height: 31px;float: left;margin: 1px 0 0 2%;background-position: -91px 0px;opacity: 0.5;} 
.headerrline_sontsiconki_facebook:hover {opacity: 0.9;transition: all .2s;}
.headerrline_sontsiconki_vk{width: 29px;height: 31px;float: left;margin: 1px 0 0 2%;background-position: -123px 0px;opacity: 0.5;}
.headerrline_sontsiconki_vk:hover {opacity: 0.9;transition: all .2s;}
.headerrline_sontsiconki_instagram{width: 29px;height: 31px;float: left;margin: 1px 0 0 2%;background-position: -156px 0px;opacity: 0.5;}
.headerrline_sontsiconki_instagram:hover {opacity: 0.9;transition: all .2s;}
.headerrline_sontsiconki_viber{width: 29px;height: 31px;float: left;margin: 1px 0 0 2%;background-position: -58px 0px;opacity: 0.5;}
.headerrline_sontsiconki_viber:hover {opacity: 0.9;transition: all .2s;}
.headerrline_sontsiconki_telegram{width: 29px;height: 31px;float: left;margin: 1px 0 0 2%;background-position: -190px 0px;opacity: 0.5;}
.headerrline_sontsiconki_telegram:hover {opacity: 0.9;transition: all .2s;}
.headerrline_sontsiconki_scype{width: 29px;height: 31px;float: left;margin: 1px 0 0 2%;background-position: -26px 0px;opacity: 0.5;}
.headerrline_sontsiconki_scype:hover {opacity: 0.9;transition: all .2s;}
.headerrline_sontsiconki_wats{width:29px;height:31px;float:left;margin:1px 0 0 2%;background-position:-229px 0;opacity:.5}
.headerrline_sontsiconki_wats:hover{opacity:.9;transition:all .2s}
.price_video{width: 38px;height: 27px;background-position: -250px 2px;cursor: pointer;}
.price_video:hover {background-position: -250px -26px;transition: all .1s;}

/* хеадер */

#headerrline_tel{ width: 300px;height: 30px;}
.side-menu-wrapper ul{display: block!important;}

.headerrlogo{
       background-position: -117px -54px;
    width: 291px;
    height: 60px;
    position: absolute;
    top: 279px;
    /* left: 10px; */
    margin: 0% 0 0% 0;
    transition: 0.4s;
    left: -1%;}

/* цифры в счётчике */

.counter {width: 45%;
    height: 0%;
    display: block;
    position: absolute;
    margin: -13% 0 0 2%;}
.counter-value {color: #ac6500;
    font-size: 199%;
    text-align: center;
    font-weight: 600;}
	
.priceeee{width: 100%; margin: 0 auto;}

@media (min-width: 576px) {
	
.counter {width: 100px;height: 50px;display: block;position: absolute; margin: -68px 0 0 73px;}
.counter-value {color: #008524;font-size: 3em;text-align: center;font-weight: 600;}
	
}
@media (min-width: 992px) {
	
.headerrlogo{
        background-position: -117px -54px;
    width: 291px;
    height: 60px;
    position: fixed!important;
   
    top: -1px;
    margin: 0% 0 0% 0;
    transition: 0.4s;
    left: 1%;
	}
	
}

.headerrlogo2{
    background-position: -117px -54px;
    width: 291px;
    height: 60px; 
   position: absolute;
   z-index: 2;
    margin: 20px 0 0 4%;
    transition: 0.4s;
    }
	
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------vsio chto responsive ------------------ ------------ -- ---- ---- --------- --- -------------- --------- ------------- ---------- --- ------------------------------------------------------------------------------------------- -- */


.margintopmin{margin-top:15px}
.marginbottommin{margin-bottom:15px}
.paddingtopmin{padding-top:15px}
.paddingbottommin{padding-bottom:15px}
.margintopbottommin{margin:15px 0}
.paddingtopbottommin{padding:15px 0}
.margintopbottommid{margin:20px 0}
.paddingtopbottommid{padding:20px 0}
.margintopmid{margin-top:20px}
.marginbottommid{margin-bottom:20px}
.paddingtopmid{padding-top:20px}
.paddingbottommid{padding-bottom:20px}
.margintopbottommax{margin:30px 0}
.paddingtopbottommax{padding:30px 0}
.margintopmax{margin-top:30px}
.marginbottommax{margin-bottom:30px}
.paddingtopmax{padding-top:30px}
.paddingbottommax{padding-bottom:30px}
.margintopsupermax  { margin-top: 60px;}


@media (min-width: 900px) {
.margintopmin{margin-top:20px}.marginbottommin{margin-bottom:20px}.paddingtopmin{padding-top:20px}.paddingbottommin{padding-bottom:20px}.margintopbottommin{margin:20px 0}.paddingtopbottommin{padding:20px 0}.margintopbottommid{margin:30px 0}.paddingtopbottommid{padding:30px 0}.margintopmid{margin-top:30px}.marginbottommid{margin-bottom:30px}.paddingtopmid{padding-top:30px}.paddingbottommid{padding-bottom:30px}.margintopbottommax{margin:40px 0}.paddingtopbottommax{padding:40px 0}.margintopmax{margin-top:40px}.marginbottommax{margin-bottom:40px}.paddingtopmax{padding-top:40px}.paddingbottommax{padding-bottom:40px}.margintopsupermax  { margin-top: 90px;}

.priceeee{width: 600px; margin: 0 auto;}
}

@media (min-width: 1200px) {
.margintopmin { margin-top: 20px;}
.marginbottommin { margin-bottom: 20px;}
.paddingtopmin { padding-top: 20px;}
.paddingbottommin { padding-bottom: 20px;} 
.margintopbottommin { margin: 20px 0 20px 0;}
.paddingtopbottommin { padding: 20px 0 20px 0;}
.margintopbottommid { margin: 40px 0 40px 0;}
.paddingtopbottommid { padding: 40px 0 40px 0;}
.margintopmid { margin-top: 40px;}
.marginbottommid { margin-bottom: 40px;}
.paddingtopmid { padding-top: 40px;}
.paddingbottommid { padding-bottom: 40px;}
.margintopbottommax { margin: 60px 0 60px 0;}
.paddingtopbottommax { padding: 60px 0 60px 0;}
.margintopmax  { margin-top: 60px;}
.marginbottommax  { margin-bottom: 60px;}
.paddingtopmax  { padding-top: 60px;}
.paddingbottommax  { padding-bottom: 60px;}
.margintopsupermax  { margin-top: 120px;}
}

  /* header */
  
  .contenttt{width:100%;margin: 0 auto; overflow: auto;}  
.contentt{width:100%;margin: 0 auto; overflow: auto;}  
.middiv{width: 90%; margin: 0 auto;}
.features-table {width: 95%;font-size: 0.9em;}
.proekt{width:100%;overflow: auto;padding-top: 60px;}

 .middivfix{width: 90%; margin: 0 auto;}
 .proektt{width:100%;overflow: auto;}


@media (min-width: 576px) {
	.contentt{width:570px;}  .contenttt{width:570px;}  
	.middiv{width: 80%;}
	
}
@media (min-width: 767px) {
	 .contenttt{width:720px;}  
  .contentt{width:720px;}  
  .middiv{width: 80%;}
  .middivfix{width: 700px;}
  .features-table {width: 701px; margin: 0 auto;}
   
.proektt{width:620px;  margin: 0 auto;}  
}
@media (min-width: 992px) {
	
	.contentt{width:960px;}
    .middiv{width: 80%;}
	.scroller{right: 30px;}
	
.proektt{width:450px; float:left; margin: 10px;} 
	
}
@media (min-width: 1200px) {
	.contentt{width:1200px;} 
  .contenttt{width:1200px;} 
  .middiv{width: 80%;}
 
 .proekt{width:1100px; margin: 0 auto;}
  .middivfix{width: 1200px;}
   
.proektt{width:550px; float:left;margin: 23px;}
}
@media (min-width: 1599px) {
	 .contenttt{width:1200px;} 
  .contentt{width:1500px;} 
  .middiv{width: 70%;}
  
  .middivfix{width: 1200px;}

.proektt{width:650px; float:left; margin: 30px;}
 
}


.videorol1{position: relative; overflow: hidden; background: linear-gradient(to right, #232323, #5b5b5b);}
.videorol1 video {display: none}
.videodiv1{margin-top: 50px;z-index: 1;}

.videorol2{position: relative;overflow: hidden; background: linear-gradient(to right, WhiteSmoke, Beige);}
.videorol2 video {display: none}
.videodiv2{margin-top: 50px;z-index: 1;}

.videorol3{position: relative; overflow: hidden; background: linear-gradient(to right, #404040, #2b2b2b);}
.videorol3 video {display: none}
.videodiv3{margin-top: 65px;z-index: 1;}

.videorol4{position: relative; overflow: hidden; background: linear-gradient(to right, #0e0038, #2d0000);}
.videorol4 video {display: none}
.videodiv4{margin-top: 65px;z-index: 1;} 

.videorol5{position: relative; height: 30%;overflow: hidden; background: linear-gradient(to right, #fff6f6, #dee4f3);}
.videorol5 video {display: none}
.videodiv5{margin-top: 65px;z-index: 1;}

.videorol7{position: relative;overflow: hidden; background: linear-gradient(to right, #4f515d, #435667);}
.videorol7 video {display: none}
.videodiv7{margin-top: 65px;z-index: 1;}

.videorol9{position: relative; overflow: hidden; background: linear-gradient(to right, #fff9f1, #b0cde2);}
.videorol9 video {display: none}
.videodiv9{margin-top: 65px;z-index: 1;}


.videohead{position: relative; overflow: hidden; width: 100%; height: 120px;background: linear-gradient(to right, #fff9f1, #b0cde2);}

.head{z-index: 1;}

.bigvideorolik{width: 100%; margin: 0 auto 50px auto}


@media (min-width: 576px) {
	

	
}
@media (min-width: 767px) {
.bigvideorolik{width: 80%; margin: 0 auto 50px auto}	
  
}
@media (min-width: 992px) { 
	
	.videorol1{background: none;} 
	.videorol1 video {width: 185%;position: absolute;z-index: -1; display: block}
	
	.videorol2{background: none;} 
	.videorol2 video {width: 187%;position: absolute;z-index: -1; display: block}
	
	.videorol3{background: none;} 
	.videorol3 video {width: 180%;position: absolute;z-index: -1; display: block}
	
	.videorol4{background: none;} 
	.videorol4 video {width: 190%;position: absolute;z-index: -1; display: block}
	
	.videorol5{background: none;} 
	.videorol5 video {width: 150%;position: absolute;z-index: -1; display: block}
	
	.videorol7{background: none;} 
	.videorol7 video {width: 180%;position: absolute;z-index: -1; display: block}
	
	.videorol9{background: none;} 
	.videorol9 video {width: 146%;position: absolute;z-index: -1; display: block}
	
	.videohead{height: 110px;} 
	
	
 
.bigvideorolik{width: 60%; margin: 0 auto 50px auto}		
}
@media (min-width: 1200px) {
	
	.videorol1{} 
	.videorol1 video {width: 155%;}
	
	.videorol2{} 
	.videorol2 video {width: 160%;}
	
	.videorol3{} 
	.videorol3 video {width: 121%;}
	
	.videorol4{} 
	.videorol4 video {width: 158%;}
	
	.videorol5{} 
	.videorol5 video {width: 130%;}
	
	.videorol7{} 
	.videorol7 video {width: 162%;}
	
	.videorol9{} 
	.videorol9 video {width: 124%;}
	
.bigvideorolik{width: 50%; margin: 0 auto 50px auto}	
}
@media (min-width: 1599px) {
	
  
    .videorol1{}
	.videorol1 video {width: 115%;}
	

	.videorol2{}
	.videorol2 video {width: 121%;}
	.videodiv2{margin-top: 60px;}

	.videorol3{}
	.videorol3 video {width: 107%;}
	.videodiv3{ margin-top: 90px;}

	.videorol4{}
	.videorol4 video {width: 127%;}
	.videodiv4{ margin-top: 90px;}

	.videorol5{}
	.videorol5 video {width: 112%;}
	.videodiv5{ margin-top: 70px;}

	.videorol7{}
	.videorol7 video {width: 124%;}
	.videodiv7{ margin-top: 70px;}

	.videorol9{}
	.videorol9 video {width: 101%;}
	.videodiv9{ margin-top: 70px;}

	.videohead{height: 116px;}
	
	.head{ z-index: 1;} 
 
  
}



/* header */

#headerrline_tel{margin: 0 auto}
#headerupline{width: 100%;height: 36px;background-color: #656565;}
.headerrline_icon{width: 201px; display:none}
.phonenaverhu{width: 147px;height: 20px;float: left;font-size: 0.8em;margin-top: 7px;}
.phonenaverhu p{color: #d0d0d0; font-size: 1.2em}
.headerrlogo a{display:block;width:264px;height:70px;} 
.headerrlogo2 a{display:block;width:264px;height:70px;} 
.headerrlogo{}
.headerrline_icon {width: 201px; display:none}

@media (min-width: 576px) {
	
	
#headerrline_tel{float: left;}
.headerrline_icon{display: block}
.headerrlogo{margin: 15px auto;}
 
  
}
@media (min-width: 767px) {
	
#headerrline_tel{float: left;}
.headerrline_icon{}
.headerrlogo{}	
  

}
@media (min-width: 992px) {
	
#headerrline_tel{float: left;}

.headerrlogo2{display: none;}

.headerrlogo{margin: 30px auto;}
 	
.headerrlogo.fixedddd
	{		    background-position: -117px -54px;
    width: 291px;
    height: 60px;
    position: fixed!important;
    z-index: 9999!important;
    top: 6px;
    margin: 0% 0 0% 0;
    transition: 0.4s;
    left: 1%;}  
}

@media (min-width: 1500px) {
	
#headerrline_tel{float: left;}
.headerrline_icon{}
.headerrlogo{margin: 15px auto;}   


.headerrline_icon.fixeddd{right: 11%;}
.headerrlogo.fixedddd{left: 11%;}  

}

/* -----------menu------------- */

.side-menu-wrapper {font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif!important;}
.menuicon {margin: 5px auto 5px;}
.menu_odin{width: 46px;height: 48px;background-position: 0px -241px ; margin: 0 auto;filter: grayscale(100%);}
.menu_odin:hover {filter: grayscale(1%) opacity(100%); transition: all .4s;}
.menu_dva{width: 56px;
    height: 48px;
    background-position: -176px -241px;
    margin: 0 auto;filter: grayscale(100%);}
.menu_dva:hover {filter: grayscale(1%) opacity(100%); transition: all .4s;}

.menu_tri{width: 46px;
    height: 48px;
    background-position: -52px -240px;
    margin: 0 auto;
    filter: grayscale(100%);}
.menu_tri:hover {filter: grayscale(1%) opacity(100%); transition: all .4s;}
.menu_chetire{width: 55.5px;
    height: 48px;
    background-position: -113px -240px;
    margin: 0 auto;
    filter: grayscale(100%);}
.menu_chetire:hover {filter: grayscale(1%) opacity(100%); transition: all .4s;}
.menu_piat{width: 40px;height: 48px;background-position: -243px -241px; margin: 0 auto;filter: grayscale(100%);}
.menu_piat:hover {filter: grayscale(1%) opacity(100%); transition: all .4s;}
.menu .level2 { }
.menu .level2 a{ font-size: 0.9em; padding: 3px 0 3px 10px; color: #989898;} 
.menu .level2 li:first-child{ display: block; margin-top: 4px}
.bigmenutext{color: rgba(255, 255, 255, 0.65);}
.side-menu-wrapper a{text-decoration: none!important;}


/* -------menu responsive--------- */

@media (max-width: 1023px) {
	
.slide-menu-open {position: fixed;top: 40px;right: 10px;background-position: -283px -2px;width: 45px;height: 45px;cursor: pointer; z-index: 15;}
.side-menu-wrapper{overflow:hidden;background:rgba(0,0,0,.95);padding:40px 0 0 40px;position:fixed;top:0;right:-290px;height:100%;z-index:15;transition:.5s;width:250px}
.side-menu-wrapper > ul{list-style:none;padding:0;margin:0;overflow-y:auto;width:500px;height:95%}
.side-menu-wrapper .menuicon{display:none}
.side-menu-wrapper > ul > li {display:block;border-bottom:1px solid #131313;padding:7px 0px;color:#989898;transition:.3s;text-decoration:none}
.side-menu-wrapper > a.menu-close{padding: 0px 0 7px 20px;color:#6B6B6B;display:block;margin:-30px 0 -10px -20px;font-size:164%;text-decoration:none}
.side-menu-overlay{height:100%;width:0;position:fixed;z-index:1;top:0;left:0;background-color:rgba(0,0,0,.7);overflow-y:auto;overflow-x:hidden;text-align:center;opacity:0;transition:opacity 1s}
.side-menu-wrapper-info{position: absolute;bottom: 7%;left: 33px;width: 240px;}
.side-menu-wrapper-info a{color: #eaeaea!important;}
.side-menu-wrapper-info p{margin-left: 9px;}

.bigmenutext span{display:none}
.smolmenutext{display:none;}
.menestrelka{width: 32px;height: 32px;position: absolute;margin: 2px 0 0 172px;font-size: 3.5em;color: #696969;transform: rotate(90deg);}
 } 
 

  
@media (min-width: 1024px) {
.side-menu-wrapper {width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    position: absolute;
    padding: 30px 0 0 0px;
    height: 52px;
    z-index: 2;
    transition: 0.7s;}
.side-menu-wrapper ul {
    width: 691px;
    display: block;
    margin: 17px 0 0 33%;}
.side-menu-wrapper li{display: inline-block;margin-right: 11px;text-transform:uppercase;text-decoration: none;text-align: center;color: #eaeaea;transition: 0.1s;font-size: 0.9em}

.side-menu-wrapper p {font-size: 1.1em;
    line-height: 1.3em;
    color: #c9c9c9;}
.side-menu-wrapper  li:last-child {border-right: 0;}
.side-menu-wrapper li.active .menuicon{color: white!important; filter: grayscale(1%);}  
.side-menu-wrapper li.active p{color: white!important; border-bottom: 2px solid #969696;}
.side-menu-wrapper > a.menu-close { display: none;}
.side-menu-wrapper.fixedd p:hover{color: white!important;transition: 0.1s;} 
.side-menu-wrapper.fixedd .active p{color: white!important; }
.bigmenutext{display: block; }
.bigmenutext span{font-style: italic; font-size: 0.8em; text-transform: none; }
.smolmenutext{display: none;}
.fixedd {position: fixed;top: 0px;overflow: hidden;width: 100%;color: white!important;box-sizing: border-box;border-top: none;border-bottom: 1px solid #000000;border-color: rgba(56, 56, 56, 0.26);background-color: #656565;padding: 11px 0 0 0px;height: 74px;z-index: 12;transition: 0.7s;}
.fixedd .bigmenutext{display: none;}
.fixedd .smolmenutext{display: block;}
.fixedd p {color: #dddddd;}
.fixedd a {display: inline-block; text-transform:uppercase;text-decoration: none;text-shadow: none; }
.fixedd .menuicon{display: none;}
.side-menu-wrapper.fixedd li {}
.side-menu-wrapper.fixedd ul { width: 691px;
    display: block;
    margin: 17px 0 0 33%;}
.side-menu-wrapper-info{display: none;}

.menestrelka{width: 32px;height: 32px;position: absolute;margin: 45px 0 0 190px;font-size: 3.5em;color: #696969;transform: rotate(90deg);}
.fixedd .menestrelka{margin: -8px 0 0 188px}

}   
  
@media (min-width: 1300px) {
.menestrelka{margin: 49px 0 0 228px;}
.fixedd .menestrelka{margin: -8px 0 0 229px}
.side-menu-wrapper ul{width: 691px;
    display: block;
    margin: 17px 0 0 33%;}
	
.side-menu-wrapper li {display: inline-block;margin-right: 41px;font-size: 1em} 
.side-menu-wrapper.fixedd ul {width: 691px;
    display: block;
    margin: 17px 0 0 33%;}
.side-menu-wrapper.fixedd li {} 
}   




/* -------блоки с видео лево и право--------- */

.contenttblock {overflow: hidden;border-bottom-color: #00e23d;border-bottom-style: dotted;border-bottom-width: 2px; padding: 30px 0 30px 3px;}
.contenttblock:last-child {border-bottom: none;} 
.contenttblock h3 {font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;color: #49534b;font-weight: 600;line-height: 1.2em;letter-spacing: 0.01em;position: relative;padding-left: 17px; margin: 18% 0 5% 0;}
.contenttblock h3:before {position: absolute;left: 0;top: 1px;content: '';height: 102%;width: 4px;background: #00e23d;}
.mnogotexta {margin: 5% 0 5% 0!important;}
.divleft{width: 100%; min-height: 200px;  }
.divright{width: 100%;min-height: 200px; }


.divleftvideo {width: 300px; height: 300px; margin: 10px auto;display: block}
.divleftvideo video {display: block}

.divrightvideo {width: 300px; height: 300px;margin: 10px auto;display: block}
.divrightvideo video {display: block}



@media (min-width: 576px) {
.contenttblock {padding: 20px 0 20px 0;}
.contenttblock h3 {font-size: 1.9em;padding-left: 27px;}
	
.divleft{width: 550px; min-height: 200px; margin: 0 auto }
.divright{width: 550px;min-height: 200px; margin: 0 auto }

.divleftvideo {width: 350px; height: 350px; }
.divrightvideo {width: 350px; height: 350px;}


  
}

@media (min-width: 992px) {
.contenttblock {padding: 60px 0 60px 0;}	
.divleft{width: 550px; min-height: 200px; float: left; }
.divright{width: 550px;min-height: 200px; float: right;}

.divleftvideo {width: 350px;height: 350px;margin-top: 40px; float: left;display:block}

.divrightvideo {width: 350px;height: 350px;margin-top: 40px;float: right;display:block}

  
}
@media (min-width: 1200px) {
.contenttblock {padding: 40px 0 30px 0;}
.contenttblock h3{margin: 20% 0 5% 0;}		
.divleft{width: 650px; min-height: 200px; float: left; }
.divright{width: 650px;min-height: 200px; float: right;}
.divleftvideo {width: 400px;height: 400px;margin-top: 60px; float: left;}

.divrightvideo {width: 400px;height: 400px;margin-top: 60px;float: right;}
.mnogotexta {margin: 12% 0 5% 0!important;}
  

}
@media (min-width: 1600px) {
.contenttblock {padding: 80px 0 60px 0;}
.contenttblock h3{font-size: 2.2em;margin: 20% 0 5% 0;}	
.divleft{width: 740px; min-height: 200px; float: left; }
.divright{width: 740px;min-height: 200px; float: right;}
.divleftvideo {width: 500px;height: 500px;margin-top: 60px; float: left;}

.divrightvideo {width: 500px;height: 500px;margin-top: 60px;float: right;}
	
  
}
@media (min-width: 1900px) {
.contenttblock {padding: 90px 0 70px 0;}

	
  
}

/* -4 блока- */


.chetirebloka{width: 48%; display: block; padding: 10px 0 10px 0;float: left; margin: 5px 0% 5px 1%;}
.seriyback{ background-color: rgba(42, 42, 42, 0.59);}

.chetirebloka h3{font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;  font-weight: 100; line-height: 26.4px; font-size: 100%;font-weight: 100;letter-spacing: 0.03em;text-shadow: 0px 0px 6px rgba(18, 18, 17, 0.18);}
.chetirebloka p{margin: 13px 0px 13px 0px;color: #ffffff;font-size: 0.75em;font-weight: 300;font-style: italic;}
.chetireblokatext {width: 100%;margin: 0px 8px}
.chetireblokatext h3 {margin: 6px 0px 0px 15px;color: #272727;line-height: 1.1em;font-size: 100%;font-weight: 100;text-align: left;text-transform: lowercase;}

@media (min-width: 576px) {

    .chetirebloka{width: 245px; margin: 15px 0 15px 5%;padding: 10px 0 10px 0;}
	.chetirebloka h3{font-size: 1em;}
	.chetireblokatext {width: 217px;margin: 0px 8px;border-left-color: #fa8d3c;border-left-style: solid;border-left-width: 7px;padding-left: 14px;}
	.chetireblokatext h3 {margin: 6px 0px 0px 15px;font-size: 1.4em;}
	.chetirebloka p{font-size: 0.9em;}
}
@media (min-width: 767px) {
	.chetirebloka{margin: 15px 0 15px 8%; padding: 10px 0 10px 0;}
 }
@media (min-width: 992px) {
	.chetirebloka{width: 235px;margin: 25px -1% 25px 0px;}
	.chetireblokatext {margin: 15px 8px;}
	.chetireblokatext h3 {margin: 26px 0px 0px 15px;}
	.chetireblokadiv > div:last-child {margin: 25px -1% 35px 0px;}
}
@media (min-width: 1200px) {
	.chetirebloka{width: 245px;margin: 15px 6% 15px 0px;}
	.chetireblokadiv > div:last-child {margin: 15px 0% 35px 0px;}
}
@media (min-width: 1599px){
	.chetirebloka{width: 245px;margin: 25px 11% 35px 0px;padding: 33px 0 10px 0;}
	.chetireblokatext {margin: 45px 8px;}
	.chetireblokatext h3 {margin: 26px 0px 0px 15px;}
	.chetireblokadiv > div:last-child {margin: 25px 0% 35px 0px;}
}


/* прайс */
.fotoramadiv2 { width:100%; height:auto;}
.fotoramadiv2 > .fotorama{ width:100%!important;height:auto!important;}
.fotoramadiv2 > .fotorama img{ width:100%!important; height:auto!important;}
.fotoramadiv { width: 100%;}
.divrightprice { width: 100%;min-height: 200px;padding: 5px;box-sizing: border-box;position: relative; overflow:hidden;box-shadow: 0 1px 2px rgba(0,0,0,.1);}
.divrightprice2 { width: 100%;min-height: 200px;padding: 5px;box-sizing: border-box;position: relative; overflow:hidden;}
ul.leaderss {margin-top: 40px;padding: 0;overflow-x: hidden;list-style: none}
ul.leaderss li{margin-bottom: 10px;}

ul.leaderss li:before {float: left;width: 0;white-space: nowrap;content:". . . . . . . . . . . . . . . . . . . . "". . . . . . . . . . . . . . . . . . . . "". . . . . . . . . . . . . . . . . . . . "". . . . . . . . . . . . . . . . . . . . ";color: black;}


ul.leaderss span:first-child {padding-right: 0.33em;background: #ffffff;color: #2f2f2f;font-size: 0.85em;line-height: 1.5em;letter-spacing: -.04em;}
ul.leaderss span + span {float: right;background: #ffffff;color: #2f2f2f;font-size: 0.95em;}	
.priceee{display: block;
    position: absolute;
    left: 55px;
    bottom: -15px;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    color: rgb(177, 177, 177);
    font-weight: 100;
   }
.priceee span{display: block;
    font-size: 3em;
    margin-left: 20px;
    font-weight: 100;}



@media (min-width: 576px) {
	
.fotoramadiv { width: 550px; }
.divrightprice { width: 550px;min-height: 200px;padding: 10px;}
ul.leaderss {display: block;}
ul.leaderss {display: block;}

ul.leaderss span:first-child {font-size: 1.1em;line-height: 1.5em;letter-spacing: .04em;}
ul.leaderss span + span {font-size: 1.2em;}	
.priceee{
    left: 155px;
   
   }

}
@media (min-width: 767px) {

.fotoramadiv { width: 600px;}
.divrightprice { width: 700px;min-height: 200px;padding: 10px;}


 
}
@media (min-width: 992px) {
.fotoramadiv {width: 460px;float: left;}
.divrightprice {width: 470px;min-height: 200px;float: right;padding: 26px;box-sizing: border-box;}

ul.leaderss {display: block; }
ul.leaderss {display: block; }

ul.leaderss span:first-child {font-size: 0.9em;line-height: 1.5em;letter-spacing: .04em;}
ul.leaderss span + span {font-size: 1em;}	

.fotoramadivproektiprice {width: 460px;float: left; margin: 20px 7px 20px 7px}	 
	
}
@media (min-width: 1200px) {
.fotoramadiv {width: 550px;float: left;}

.fotoramadiv2 {width: 556px;float: left;}
	.divrightprice2 {width: 543px;
    height: 378px;
    float: left;
    background-color: white;
    padding: 0px;
    box-sizing: border-box;}	
.divrightprice {width: 494px;
    height: 413px;
    float: left;
   
    background-color: white;
    padding: 0px;
    box-sizing: border-box;}	
	
.fotoramadivproektiprice {width: 390px;float: left; margin: 20px 2px 20px 2px}	 

ul.leaderss {margin: 9%;}

ul.leaderss span:first-child {font-size: 0.95em;line-height: 1.5em;letter-spacing: .01em;}
ul.leaderss span + span {font-size: 1.1em;}	
 .divrightprice h4 {display: block; margin: 20px 0 20px 0; text-align: center}
 
}
@media (min-width: 1599px){



.fotoramadivproektiprice {width: 485px;float: left; margin: 20px 5px 20px 5px}

	

	

	
}
@media (min-width: 1900px){
	
.stoimost h3, .stoimost2 h3 {margin: -140px 50px 0 -273px;font-size: 67em;}
	
	
}


/* блок 5 приемуществ */
.piatpriemeshestvright p,h3{margin: 10px;}
.piatpriemeshestvleft p,h3{margin: 10px;}
.piatpriemeshestvright h3{color: #565656;font-size: 1.3em;letter-spacing: -0.02em;margin: 31px 0 31px 9px;}
.piatpriemeshestvleft h3{color: #565656;font-size: 1.3em;letter-spacing: -0.02em;margin: 31px 0 31px 11px ;}  
.piatpriemeshestvright p{font-size: 0.9em;letter-spacing: 0.01em;}
.piatpriemeshestvleft p{font-size: 0.9em;letter-spacing: 0.01em;}
.piatpriemeshestvright p>span {
    font-size: 1.5em;
    color: orange;
}
.piatpriemeshestvleft p>span {
    font-size: 1.5em;
    color: orange;
}
.piatpriemeshestvtitle  {background: rgba(255, 255, 255, 0.75);height: 150px;overflow: hidden; }
.piatpriemeshestvright{width: 340px; height: 195px; float: left; background-color: white;}
.piatpriemeshestvleft{width: 340px; height: 195px; float: right;background-color: white;}
.piatpriemeshestvrightnamber {max-width: 340px;height: 50px;background-color: #fcfae1;
width: 100%;}
.piatpriemeshestvleftnamber {max-width:340px;height: 50px;background-color: #fcfae1;
width: 100%;}
.piatpriemeshestvleftnamber, .piatpriemeshestvrightnamber span {color: #f6e497;font-size: 40px;font-weight: 800;text-align: center;display: block;}



@media (min-width: 576px) {
.piatpriemeshestvright{width: 550px; height: 150px; float: right;}
.piatpriemeshestvleft{width: 550px; height: 150px; float: left; }
.piatpriemeshestvright h3{font-size: 1.6em; margin: 33px 0 0 182px;}
.piatpriemeshestvleft h3{font-size: 1.6em;margin: 33px 0 0 60px} 
.piatpriemeshestvright p{font-size: 1em;margin: 28px 0 0 184px;}
.piatpriemeshestvleft p{font-size: 1em;margin: 30px 0 0 60px!important;} 
.piatpriemeshestvrightnamber {float: left;max-width: 150px;height: 150px;background-color: #fcfae1;
width: 100%; margin-right: 10px;}
.piatpriemeshestvleftnamber {float: right;max-width: 150px;height: 150px;background-color: #fcfae1;
width: 100%;} 
.piatpriemeshestvleftnamber,.piatpriemeshestvrightnamber span {font-size: 100px;}	
}
@media (min-width: 767px) {
.piatpriemeshestvright{width: 600px; }
.piatpriemeshestvleft{width: 600px; }	
 
}
@media (min-width: 992px) {
.piatpriemeshestvright{width: 600px; margin: 0 30px 0 0;}
.piatpriemeshestvleft{width: 600px; margin: 0 0 0 30px; }	
	
}
@media (min-width: 1200px) {
.piatpriemeshestvright{width: 600px; margin: 0 75px 0 0;}
.piatpriemeshestvleft{width: 600px; margin: 0 0 0 75px; }
  
}
@media (min-width: 1599px){
	
.piatpriemeshestvright{width: 600px; margin: 0 225px 0 0;}
.piatpriemeshestvleft{width: 600px; margin: 0 0 0 225px; }
	
}




/* -6 причин блок- */

.prichini {width: 100%;height: 167px;margin: 10px 0 10px 2%;}
.prichini h3 {float: left;
    margin: 0px 14px 0px 0px;
        color: #00dc49;
    font-size: 3em;}
.prichini h4 {color: #c1c1c1;font-weight: 400;font-size: 1.2em;letter-spacing: .007em;font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma,sans-serif; }
.prichini p {margin-top: 27px;color: #c1c1c1;font-size: 0.9em;}


@media (min-width: 576px) {
	.prichini {width: 50%; float: left; margin: 15px auto 15px 0;float: left;}
	.prichini h3 {font-size: 3em;}
}
@media (min-width: 767px) {
	.prichini {float: left;margin: 15px auto 15px auto;}
	.prichini h3 {font-size: 4em; margin: 0px 34px 0px 0px;}
	.prichini h4 {font-style: italic; margin-top: 15px;}
}
@media (min-width: 992px) {
	.prichini {width: 370px; margin: 20px 0 20px 8%;}
	.prichini h3 {margin: 13px 34px 0px 0px;}
	.prichini h4 {font-size: 1.4em;font-style: italic; margin-top: 20px;}
}
@media (min-width: 1200px) {
	
.prichini {margin: 30px 0 30px 3%;}
.divprichini > div:first-child {margin: 30px 0 30px 0%;}
.divprichini > div:nth-child(4) {margin: 30px 0 30px 0%;}		
  
}
@media (min-width: 1599px){
	
.prichini {margin: 51px 0 51px 13%;}
.divprichini > div:first-child {margin: 51px 0 51px 0%;}
.divprichini > div:nth-child(4) {margin: 51px 0 51px 0%;}	
	
	
}


/* блок с 8-ю квадратными категориями */

.column div {position: relative;width: 45%;padding: 0;margin: 10px 0 10px 3%;float: left;}
.column div span {position: absolute;background-color: rgba(0, 0, 0, 0.64);bottom: 4px;left: 0; z-index: 1;display: block;margin: 0; padding: 15px;color: white;font-size: 14px;text-decoration: none;text-align: center;-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;opacity: 0.9;text-transform: uppercase;}
.column figure {width:100%;height: 90%;margin: 0;padding: 0;background: #fff;overflow: hidden;}
.column figure:hover+span {opacity: 1;}
.hover15 figure {position: relative;}
.hover15 figure img {-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .4s ease-in-out;transition: .4s ease-in-out;width: 100%;filter: grayscale(60%);}
.hover15 figure:hover img {-webkit-transform: rotate(5deg) scale(1.1);transform: rotate(5deg) scale(1.1);filter: grayscale(0%);}
.hover15 figure::before {position: absolute;top: 50%;left: 50%;z-index: 2;display: block;content: '';width: 0;height: 0;background: rgba(255,255,255,.2);border-radius: 100%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);opacity: 0;}
.hover15 figure:hover::before {-webkit-animation: circle .75s;animation: circle .75s;}
@-webkit-keyframes circle {0% {opacity: 1;}40% {opacity: 1;}100% {width: 200%;height: 200%;opacity: 0;}}
@keyframes circle {0% {opacity: 1;}40% {opacity: 1;}100% {width: 200%;height: 200%;opacity: 0;}}	



@media (min-width: 576px) {
	.column div {margin:1% 0 1% 1%; width: 32%;}
	
}
@media (min-width: 767px) {
.column div {margin: 30px 0 30px 1%; width: 32%;}	

 
 
}
@media (min-width: 992px) {
.column div {margin: 30px 0 30px 1%; width: 24%;}
 .column figure {}
 .column div span {bottom: 4px;padding: 12px;color: white;font-size: 16px;bottom: 0px;}

	
	
}
@media (min-width: 1200px) {
.column div {margin: 30px 0 30px 5%; width: 250px;height: 250px;}
 .column figure {width: 250px;height: 250px;}
 .column div span {bottom: 0px;width: 216px;padding: 17px;color: white;font-size: 16px;bottom: 0px;}	

.column > div:first-child {margin: 30px 0 30px 0%;}
.column > div:nth-child(5) {margin: 30px 0 30px 0%;}		
  
}
@media (min-width: 1599px){
.column div {margin: 30px 0 30px 3%; width: 300px;height: 300px;}
 .column figure {width: 300px;height: 300px;}
 .column div span {top: 245px;width: 266px;padding: 17px;color: white;font-size: 18px;bottom: 0px;}
	
	
.column div {margin: 30px 0 30px 6%;}
.column > div:first-child {margin: 30px 0 30px 0%;}
.column > div:nth-child(5) {margin: 30px 0 30px 0%;}	
	
	
}

/* блок отзывы клиентов */

.otzivi{width:360px; height: 330px; margin: 0 auto;}
.centerslide{width: 362px;height: 300px;margin: 0 auto; background-color: #eaeaea;padding: 21px; position: relative;}
.centerslide h3 {display: block;margin: 5px 25px 0 2px;text-shadow: 0px 0px 4px rgb(255, 255, 255);color: #4c4c4c;font-weight: 300;}
.centerslide h4{display: block;font-size:1.4em;color:#49534b;line-height:1.1em;font-weight:400;letter-spacing:-.06em;text-shadow:2px 2px 2px rgba(255,255,255,1);margin:15px 25px 0 1px;}
.centerslide img{margin:0px 5px 0 100px;width:110px;border-radius:50%;}
.centerslide p{display: block;font-size:.9em;margin:15px 25px 0 1px;}
.centerslide hr{width: 83%;margin-left: 3%;}

@media (min-width: 576px) {
.otzivi{width:500px; height: 322px;}
.centerslide{width: 500px;height: 240px;padding: 5px;}
.centerslide h3 {margin: 30px 25px 0 2px;text-align: right;}
.centerslide h4{text-align:right}
.centerslide img{margin:55px 15px 0 12px;width:130px;float: left}
.centerslide p{text-align:right}
.centerslide hr{width: 43%;margin-left: 53%;}	
 
	
}
@media (min-width: 767px) {
.otzivi{width:700px; height: 380px;}
.centerslide{width: 652px;height: 250px;padding: 21px;}
.centerslide h3 {margin: 50px 25px 0 2px;text-align: right;}
.centerslide h4{text-align:right}
.centerslide img{margin:45px 25px 0 42px;width:170px;float: left}
.centerslide p{text-align:right}
.centerslide hr{width: 43%; margin-left: 53%;}	
 
}



/* -блок это МЫ- */

.contenttlineblock-eto-mi-img > div {width: 150px;height: 150px;float: left;margin: 25px 11px 25px 12px;}
p.imena {display: block; font-size: 1.3em;color: #fff;line-height: 1.1em;font-weight: 300;letter-spacing: -.02em;
text-align: center;text-shadow: 0 0 3px rgba(73, 83, 75, 1);}

@media (min-width: 576px) {
	.contenttlineblock-eto-mi-img > div {width: 150px;height: 150px;float: left;margin: 25px 21px 25px 16px;}
}
@media (min-width: 767px) {
.contenttlineblock-eto-mi-img > div {width: 150px;height: 150px;float: left;margin: 25px 42px 25px 47px;}
}
@media (min-width: 992px) {

.contenttlineblock-eto-mi-img > div {width: 150px;height: 150px;float: left;margin: 25px 10px 25px 0px;}
.contenttlineblock-eto-mi-img > div:last-child {margin: 25px 0px 25px 0px;}			
	
}
@media (min-width: 1200px) {

.contenttlineblock-eto-mi-img > div {width: 150px;height: 150px;float: left;margin: 25px 50px 25px 0px;}
.contenttlineblock-eto-mi-img > div:last-child {margin: 25px 0px 25px 0px;}		
  
}
@media (min-width: 1599px){
.contenttlineblock-eto-mi-img > div {width: 150px;height: 150px;float: left;margin: 25px 118px 25px 0px;}
.contenttlineblock-eto-mi-img > div:last-child {margin: 25px 0px 25px 0px;}	
	
	
}


/* -Всё что responsive в footere- */

.footermenu {width: 250px;margin: 50px auto 0 auto;}
.footersotsseti {width: 270px;margin: 47px auto 33px auto;}
.footermenu a{color: #b7b7b7;transition: color .5s, color .5s;}
.footermenu a:hover{color: white; text-decoration: none;}
.footermenu li{margin: 10px 0;color: #d0d0d0;font-size: 1.2em;}
#footerline{width: 100%;height: 26px;padding-top:10px;background-color: rgba(0, 0, 0, 0.27);box-shadow: 0 1px 0 rgba(136, 136, 136, 0.5)inset,0 -1px 0 rgba(111,151,182,.2)inset,0 1px 1px rgba(0,0,0,.2);}

@media (min-width: 576px) {
	
.footermenu {width: 250px;float: left; margin: 77px auto 0 auto;}
.footersotsseti {width: 270px;float: right; margin: 27px auto 13px auto;}

	
}






.footerflexline{display:flex; width: 100%; height: 10px;}
.footerflexlinebox:nth-child(1){flex:6; background-color: #3d6f8e;}
.footerflexlinebox:nth-child(2){flex:5; background-color: #3d8e8a;}
.footerflexlinebox:nth-child(3){flex:4;background-color: #ff8585;}
.footerflexlinebox:nth-child(4){flex:3;background-color: #a58c68;}
.footerflexlinebox:nth-child(5){flex:2;background-color: #90648f;}
.footerflexlinebox:nth-child(6){flex:1; background-color: #6b8790;}
.footericonki{width: 230px; display: block; overflow: auto;}
#footerconttel {color: white;width: 270px;}
#footerconttel li {margin: 15px 0;color: #d0d0d0;font-size: 1.2em;}




/* -Всё что responsive в contente- */

.uptext p{font-size: 1.5em;color: #232323;line-height: 1.2em;font-weight: 300;letter-spacing: -0.02em;text-shadow: 0px 0px 1px rgba(255, 255, 255, 1);}





/*----------кнопка наверх------------*/
.scroller{position: fixed;bottom: 90px;right: 10px;cursor: pointer;border-radius: 50%;opacity: 0.2;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;
background-position: -335px -2px;width: 45px;height: 45px;display:none; visibility: hidden;}
.zvonokkk{position: fixed;bottom: 20px;right: 20px;cursor: pointer;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;opacity: 0.5;
width: 45px;height: 45px;display:block;}.zvonokkk:hover {opacity: 1;}
.zvonokk{position: fixed;bottom: 30px;right: 10px;cursor: pointer;border-radius: 50%;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;
width: 45px;height: 45px;display:none;}
@media (min-width: 576px) {
	.scroller{right: 10px;visibility: visible;}
	.zvonokk{right: 11px;display:block;}
	.zvonokkk{display:none;}
}
.scroller:hover {opacity: 0.5;}
.zvonokk:hover {opacity: 0.5;}
@media (min-width: 992px) {

	.scroller{right: 30px;visibility: visible;}
	.zvonokk{right: 33px;visibility: visible;} 
}

/*----------карта контакты------------*/
#contmap{ width: 100%;  margin: 40px 0 0 0;}
#conttel {background: linear-gradient(to right, #e3e7ea,#f9eedf );width: 100%;height: 454px; padding: 10px 0 0 40px; box-sizing: border-box;}
#conttel ul  {}
#conttel li {margin: 15px 0;color: #464646;font-size: 1.2em;}
@media (min-width: 576px) {
	#contmap{width: 520px; margin: 40px 0 0 0; }
	#conttel{width: 350px;margin: 40px auto 40px auto;padding: 10px 0 0 40px;}
}
@media (min-width: 767px) {
	#contmap{width: 361px;margin: 40px auto;  float: left;}
	#conttel{margin: 40px auto 40px auto;float: left;}
}

@media (min-width: 992px) {
	#contmap{width: 607px;  margin: 130px auto 0 auto;}
	#conttel{margin: 130px auto 40px auto;}
	
}
@media (min-width: 1200px) {
	#contmap{width: 831px; }
	#conttel{padding: 10px 0 0 40px;}
  
}
@media (min-width: 1599px){
	#contmap{width: 1145px;}
	#conttel{} 
	
	
}





/*-кнопка play для ролика-*/
#playbuton2 {height: 150px;transition: all 2s linear;display: block;margin: 3% auto 0% auto;cursor: pointer;}
/*-класс который добовляется при клике и скр кнопку-*/
.hidden {height: 0px!important;opacity: 0;}
.interr {display: block; min-height:200px; margin-top: 50px;}
.interr p{font-size: 1.2em;
    margin-top: 20px;
    width: 80%;
    font-weight: 400;
    color: #a0a0a0;
    font-family: 'Open Sans', sans-serif;}
.interr img{width: 100%}

.interr ul{font-size: 1.1em;
    list-style-type: disc;
    margin-top: 18px;
    margin-bottom: 20px;
    margin-left: 7%;
    font-style: italic;
    color: #6d6d6d;
    font-family: 'Open Sans', sans-serif;}
.interr h2{font-size: 1.2em}

/** ---------- страница контакты --------- **/
.sprite {background-image: url(../images/spritik-new-3x.png);background-size: 412px;}
.sprite2 {background-image: url(../images/spritik-new-3x.png);}




*::-webkit-input-placeholder {
    color: #999;
    opacity: 1;
}

*:-moz-placeholder {
    color: #999;
    opacity: 1;
}

*::-moz-placeholder {
    color: #999;
    opacity: 1;
}

*:-ms-input-placeholder {
    color: #999;
    opacity: 1;
}

:-moz-ui-invalid:not(output) {
    box-shadow: 0 0 0 red;
}

.hidden {
    display: none;
}

.popup-form {
    background: white;
    margin: 40px auto;
    padding: 20px 30px 10px;
    text-align: left;
    max-width: 320px;
    position: relative;
    /* border-radius: 10px; */
    border: 4px solid #dfdfdf;
}

.button-center {
    margin: 0;
    padding: 0;
    text-align: center;
}

.popup-form button.button {
    margin: 10px auto 6px;
    padding: 10px 35px;
    background-color: #fc0;
    border-radius: 2px;
    font-size: 16px;
    transition: background-color 0.25s ease 0s;
    border: none;
    color: #111;
    font-weight: bold;
    text-transform: uppercase;
}

.popup-form button.button:hover {
    background-color: #ffd83d;
}

p.zakaz {
    margin: 10px 0;
    padding: 0;
    text-align: center;
    font-size: 23px;
     text-transform: uppercase;
	
	font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: 100;
    line-height: 26.4px;
    font-weight: 100;
    line-height: 1.5em;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    position: relative;
}

.popup-form label,
.popup-form input {
    display: block;
    width: 94%;
    font-weight: normal;
	padding-bottom: 16px;
}

.popup-form label span {
    margin-bottom: 12px;
    color: teal;
    font-size: 16px;
}

.popup-form input {
    padding: 6px 12px;
    color: #999;
    border: 1px solid #fc0;
}

.success {
    display: none;
    position: absolute;
    margin: 2px;
    padding: 0 30px;
    top: 0;
    left: 0;
    width: 98%;
    height: 98%;
    text-align: center;
    background-color: #FFF;
    text-transform: uppercase;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    z-index: 2;
}

.success.visible {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 314px;
}

.success.visible p {
    margin: 0;
    padding: 0;
}

.success.visible p span.sencs {
    font-weight: bold;
    font-size: 16px;
}





/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }
    














/* Styles for dialog window */
#small-dialog {
	background: white;
	padding: 20px 30px;
	text-align: left;
	max-width: 400px;
	margin: 40px auto;
	position: relative;
}


/**
 * Fade-zoom animation for first dialog
 */

/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
	opacity: 0;

	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out; 



	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
	opacity: 1;

	-webkit-transform: scale(1); 
	-moz-transform: scale(1); 
	-ms-transform: scale(1); 
	-o-transform: scale(1); 
	transform: scale(1); 
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 

	opacity: 0;
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
	opacity: 0.8;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
	opacity: 0;
}



/**
 * Fade-move animation for second dialog
 */

/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
	opacity: 0;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;

	-webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );

}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
	opacity: 1;
	-webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	-moz-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	-ms-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	-o-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
	opacity: 0;

	-webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	-moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	-ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	-o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
}

/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
	opacity: 0;

	-webkit-transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
	opacity: 0.54;
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
	opacity: 0;
}


.jumbotron-foto {
    position: relative;
    overflow: hidden;
	margin-top: -5px;
}
.jumbotron-foto .fonimg {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.95;
}
.jumbotron-foto .contentt{
    position: relative;
}
.width_line {
    width: 75%
}


.poster{display: none;
	position: fixed!important;
    z-index: 9999!important;
    
    
    top: 5px;
	right: 90px;
    transition: 0.7s;
   
   
	background-image: url(/images/like.png);
    height:65px;
    width:65px;
}
.descr{
   display: none;
    margin-left: -75px;
    padding: 10px;
    margin-top: 42px;
    background: rgba(0, 0, 0, 0.69);
    width: 80px;
    height: 36px;
    -moz-box-shadow: 0 5px 5px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.3);
    box-shadow: 0 2px 2px rgba(0,0,0,0.3);


}
.poster:hover .descr{
    display:block;
    position:absolute;
    top:10px;
    z-index:9999;
    width:200px;
	transition: 0.7s;
} 


@media (min-width: 992px) {

.poster{display: block;}
	
}


.holder{
    position: relative;
    width: 100%;
    height: auto;
    margin: 20px 50px 30px 0px;
    transition: 0.7s;
    overflow: hidden;
   
    float: left;
}
.holder img{
      
    width:100%;
    
}

.block{
    position: absolute;
    width: 280px;
    height: 180px;
    left: 49px;
    right: 0;
    bottom: -230px;
    background: rgba(0, 0, 0, 0.69);
    padding: 5px;
    transition: 0.7s;
}
.block p{
   text-align: center;
   padding: 6px;
   text-transform: uppercase;
   color: white;
   font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-size: 1.2em;
    font-weight: 100;
    
}
.holder:hover .block{
    display:block; left: 49px;
   
    right:0;
    bottom:0; transition: 0.7s;
}

.fotoramadivproektiprice2{
   width: 100%;
    margin: 0 auto;
   
    padding-bottom: 50px;
}

@media (min-width: 572px) {

.holder{
    position: relative;
    width: 490px;
    height: 276px;
    margin: 20px 50px 30px 50px;
    transition: 0.7s;
    overflow: hidden;
   
    float: left;
}
.holder img{
      
    width:490px;
    
}


.block{
    position: absolute;
    width: 380px;
    height: 220px;
    left: 49px;
    right: 0;
    bottom: -230px;
    background: rgba(0, 0, 0, 0.69);
    padding: 5px;
    transition: 0.7s;
}
.block p{
   text-align: center;
   padding: 9px;
   text-transform: uppercase;
   color: white;
   font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-size: 1.4em;
    font-weight: 100;
    
}
.holder:hover .block{
    display:block; left: 49px;
   
    right:0;
    bottom:0; transition: 0.7s;
}

.fotoramadivproektiprice2{
   width: 713px;
    margin: 0 auto;
   
    padding-bottom: 70px;
}
	
}


.proektpodarok {
}
@media (min-width: 992px) {
.proektpodarok{
    margin: 265px auto 0 auto;
    width: 212px;
	
}}
.textttе{
	background-color: rgba(0, 0, 0, 0.61)!important;
   margin-top: 2px;
    float: left;
    padding: 5px 5px 5px 5px;
    
}
.textttе p{
   
   font-weight: 600!important;
	
    color: white!important;
  
}
.strelkaodin{
   
   
	background-image: url(/images/strel1.png);
    height:39px;
    width:35px;
	background-size: contain; float: right;
	margin-left: -25px;
}

.strelkadva{
   
   
	background-image: url(/images/strel1.png);
    height:39px;
    width:35px;
	background-size: contain; 
	margin-left: -25px;
}
#counter h4{color: white;
    margin-top: 20px;
    font-size: 1.4em;
    letter-spacing: 0.05em;
    font-weight: 400;
     }
#counter {margin-left: 15px;
     }