.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}
.chat{float: right; color: white;margin: 5px 19px 0 0;}
h2.titlee{font-size:2.4em}
h2.titleewhite{font-size:2.4em}
.slide-menu-open{position:fixed;bottom:23px;right:23px;background-position:-198px 0;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 > a{display:block;border-bottom:1px solid #131313;padding:6px 4px;color:#989898;transition:.3s;text-decoration:none}
.side-menu-wrapper > a.menu-close{padding:8px 0 4px 23px;color:#6B6B6B;display:block;margin:-30px 0 -10px -20px;font-size:35px;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:63px;right:30px;width:200px;color:#fff;font-size:1em;filter:grayscale(100%)}
.side-menu-wrapper-info p{margin:-1px 0 10px;color:#9e9e9e}
.bigmenutext span{display:none}
.smolmenutext{display:none}#headerrline_tel{float:left}#headerrline_icon{float:right}
.headerrlogo{margin:5% 0 2% 5%;}
.topicon {
    float: right;
    margin: 30px 50px 0 0;
    display: block;
    width: 192px;
}
.contenttline{width:100%}
.contentt{width:750px;margin:0 auto;overflow:auto}
.contentvideo{margin-top: -400px}
.middiv{width:90%;margin:0 auto}


.uprolik{width:505px;margin:0 auto}
.uprolikmagazin{width:500px;margin:0 auto}
.uptext{width:500px;margin:20px auto}

.uptext h5{font-size:1.6em}
.divleft{width:600px;min-height:200px;float:none;margin:0 auto}
.divright{width:600px;min-height:200px;float:none;margin:0 auto}
.chetirebloka{float:left;margin:25px 0 35px 92px}
img.leftt{width:400px;height:400px;margin:0 0 0 160px}
img.rightt{width:400px;height:400px;margin:0 0 0 160px}
.contenttblock h3{margin: 0% 0 2%;}
.piatpriemeshestvright{width:600px;height:150px}
.piatpriemeshestvleft{width:600px;height:150px}
.piatpriemeshestvrightnamber{float:left;max-width:150px;height:150px;width:100%;margin-right:10px}
.piatpriemeshestvleftnamber{float:right;max-width:150px;height:150px;width:100%}
.piatpriemeshestvleftnamber,.piatpriemeshestvrightnamber span{font-size:100px}
.features-table{width:95%;font-size:.9em}
.fotoramadiv{width:570px;margin:0 auto}
.aktsiafoto{display:block}
.aktsiafoto img{width:100%;margin:4% 0;z-index:9999}
.aktsiaforma{width:353px;margin:7% auto}
.vkblock{width:790px;margin:0 auto}
#contmap{width:360px}

.etapirolik{width:500px}
.contenttlineblock-eto-mi-img{width:100px;height:100px;float:left;margin:25px 1px 25px 7px;background-size:contain}
.vieww{margin-left:5%}
.voprosi_sotsseti{width: 740px; margin:37px auto 50px auto; }
.voprosi_sotsseti_tel{width: 255px;
    float: left;
    border-right-color: #8e8e8e;
    border-right-style: solid;
    border-right-width: 1px;
    padding-left: 105px;}
.voprosi_sotsseti_iconki{width: 374px; float: right;}
.slider-5 ul,.slider-wrap-5{width:600px}
.otzivi{width:708px;height:295px;margin:0 auto}
.leftarrow,.rightarrow{display:block}
.centerslide{width:600px;height:250px}
.footermenu{float: left;
    margin: 10px 27px;}
.footersotsseti{float:right;margin:27px auto 13px}
#scroller{visibility:hidden}
#chetire-crugka{background-size:231% 109%!important}
#klienti{background-size:200% 133%!important}
#blog{background-size:110% 153%!important}
#shottchik{background-size:200% 143%!important}
#platform{background-size:270% 160%!important}
#arendasaita{background-size:270% 276%!important}


.divleft{width: 82%;
    min-height: 200px; }
.divright{width: 724px;
    min-height: 200px;
    background-color: rgba(0, 0, 0, 0.58);
    margin-top: 100px;
    padding: 47px;
    box-sizing: border-box;}
.divrightprice{  width: 740px;
    min-height: 200px;
    float: right;
    
    margin-top: 75px;
    padding: 26px;
    box-sizing: border-box;}
	
	.aktsiafoto {width: 61%;float: left;display: block;}
.aktsiafoto img {width: 58%;margin: 4% 18%;z-index: 9999;}
.aktsiaforma {width: 650px;
    float: left;
    background-color: rgba(255, 255, 255, 0.58);
    padding: 10px 105px 0px 143px;
    margin: 0% 0% 0 0%;
	border-left-color: #996dac;
    border-left-style: solid;
    border-left-width: 7px;
    box-sizing: border-box;}
	
	.menu .level1 {position: relative;z-index: 1}
.menu .level1>a,.menu ul a {text-transform: uppercase;color: #4d6989;}
.menu .level1>a:hover,.menu ul a:hover {text-decoration: none;color: #da6868}
.menu {display: -webkit-inline-box; display: -ms-inline-flexbox;display: inline-flex;-webkit-transition: all .5s;transition: all .5s;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
    
.menu .has-drop:hover .level2 {-webkit-transition: opacity .5s 10ms, -webkit-transform 10ms;transition: opacity .5s 10ms, transform 10ms;-webkit-transform: translateX(0);transform: translateX(0); margin-left: 40px; opacity: 1}
.menu .has-drop:hover+.whitebg {-webkit-transition: opacity .5s;transition: opacity .5s; -webkit-transform: translateX(0);transform: translateX(0);opacity: .95}
.menu .level2 {width: 300px;position: fixed;margin-left: -1000px; z-index:9; -webkit-transition: opacity .5s 0s, -webkit-transform 10ms .5s;transition: opacity .5s 0s, transform 10ms .5s;-webkit-transform: translateX(-600px);transform: translateX(-600px);opacity: 0; }
.menu .level2 a{ font-size: 1.3em; padding: 7px !important; text-align: left!important;}
	
	
.whitebg {position: fixed;top: 0;right: 0;bottom: 0;left: 0;-webkit-transition: opacity .5s, -webkit-transform 0s .5s;transition: opacity .5s, transform 0s .5s;-webkit-transform: translateX(-100vw);transform: translateX(-100vw);opacity: 0;background-color: #fff}


.footlogo{ display: none;}

.column {
	width:680px;
	margin: 49px 6%;
}


.column div {
	position: relative;
	float: left;
	width: 300px;
	height: 300px;
	margin: 10px;
	padding: 0;
}


.column div span {
	position: absolute;
    background-color: rgba(0, 0, 0, 0.64);
    top: 245px;
    left: 0;
    z-index: 1;
    display: block;
    width: 266px;
    margin: 0;
    padding: 17px;
    color: white;
    font-size: 18px;
    text-decoration: none;
    text-align: center;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    opacity: 0.9;
    text-transform: uppercase;
}

.gopa {
	width: 290px!important;padding: 5px!important;
}
figure {
	width: 300px;
	height: 300px;
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
}
figure:hover+span {
	
	opacity: 1;
	font-size: 18px;
	
}



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