@media (max-width: 768px) {
  #clients p{
    padding:20px;
  }
   #quest{
    padding:20px;
  }
}
#clients{text-align: justify;text-indent:50px;}
#clients h5{text-align: center; color:#FA8942;font-size: 2.5em;}
#clients img{margin:auto;}
#quest{text-align: justify;text-indent:50px;}
#quest h6{text-align: center;font-size: 2.5em;}
#quest h5{text-align: center;font-size: 2.5em;color:#069ACA;}
#quest img{margin:auto;}
#maximum{background-color:#0085FF;color:white;font-size: 2.5em; padding:20px 20px 0 20px;;margin-top:-20px;width:100%;text-align: center; }
#maximum img{margin:auto;}
#zvonokspecialista{padding: 30px 10px;text-align: center;}
#zvonokspecialista h4{font-size: 3.5em;color:dodgerblue;}
#zakazpoakcii:focus{outline: none;}
#akcii .bold{color:red;font-family: "futuraOrto_Regular", Verdana, Tahoma;}
#akcii h4{font-size: 3em;color:red;}
#akcii{padding: 50px 10px;text-align: center;margin-top: 35px;}
#akcii p{font-size: 1.7em;color:#01A0E2;}
#popup__toggle{bottom:25px;right:10px;position:fixed;z-index: 100;}
#popup__toggle:focus{outline: none;}
.img-circle{background-color:#29AEE3;box-sizing:content-box;-webkit-box-sizing:content-box;}
.circlephone{box-sizing:content-box;-webkit-box-sizing:content-box;border: 2px solid transparent;width:150px;height:150px;bottom:-25px;right:10px;position:absolute;-webkit-border-radius:100%;-moz-border-radius: 100%;border-radius: 100%;opacity: .5;-webkit-animation: circle-anim 2.4s infinite ease-in-out !important;-moz-animation: circle-anim 2.4s infinite ease-in-out !important;-ms-animation: circle-anim 2.4s infinite ease-in-out !important;-o-animation: circle-anim 2.4s infinite ease-in-out !important;animation: circle-anim 2.4s infinite ease-in-out !important;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all 0.5s;}
.circle-fill{box-sizing:content-box;-webkit-box-sizing:content-box;background-color:#29AEE3;width:100px;height:100px;bottom:0px;right:35px;position:absolute;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;-webkit-animation: circle-fill-anim 2.3s infinite ease-in-out;-moz-animation: circle-fill-anim 2.3s infinite ease-in-out;-ms-animation: circle-fill-anim 2.3s infinite ease-in-out;-o-animation: circle-fill-anim 2.3s infinite ease-in-out;animation: circle-fill-anim 2.3s infinite ease-in-out;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all 0.5s;}
.img-circle{box-sizing:content-box;-webkit-box-sizing:content-box;width:72px;height:72px;bottom: 14px;right: 49px;position:absolute;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;opacity: .7;}
.img-circleblock{box-sizing:content-box;-webkit-box-sizing:content-box;width:72px;height:72px;background-image:url(../img/seo/mini.png);background-position: center center;background-repeat:no-repeat;animation-name: tossing;-webkit-animation-name: tossing;animation-duration: 1.5s;-webkit-animation-duration: 1.5s;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;}
.img-circle:hover{opacity: 1;}
@keyframes pulse {0% {transform: scale(0.9);opacity: 1;}
  50% {transform: scale(1); opacity: 1; }
  100% {transform: scale(0.9);opacity: 1;}}
 @-webkit-keyframes pulse {0% {-webkit-transform: scale(0.95);opacity: 1;}
  50% {-webkit-transform: scale(1);opacity: 1;}
  100% {-webkit-transform: scale(0.95);opacity: 1;}}
@keyframes tossing {
  0% {transform: rotate(-8deg);}
  50% {transform: rotate(8deg);}
  100% {transform: rotate(-8deg);}}
@-webkit-keyframes tossing {
  0% {-webkit-transform: rotate(-8deg);}
  50% {-webkit-transform: rotate(8deg);}
  100% {-webkit-transform: rotate(-8deg);}}
@-moz-keyframes circle-anim {
  0% {-moz-transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;-moz-opacity: .1;-webkit-opacity: .1;-o-opacity: .1;}
  30% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;-moz-opacity: .5;-webkit-opacity: .5;-o-opacity: .5;}
  100% {-moz-transform: rotate(0deg) scale(1) skew(1deg);opacity: .6;-moz-opacity: .6;-webkit-opacity: .6;-o-opacity: .1;}}
@-webkit-keyframes circle-anim {
  0% {-webkit-transform: rotate(0deg) scale(0.5) skew(1deg);-webkit-opacity: .1;}
  30% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);-webkit-opacity: .5;}
  100% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);-webkit-opacity: .1;}}
@-o-keyframes circle-anim {
  0% {-o-transform: rotate(0deg) kscale(0.5) skew(1deg);-o-opacity: .1;}
  30% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);-o-opacity: .5;}
  100% {-o-transform: rotate(0deg) scale(1) skew(1deg);-o-opacity: .1;}}
@keyframes circle-anim {
  0% {transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;}
  30% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;}
  100% {transform: rotate(0deg) scale(1) skew(1deg);
opacity: .1;}}
@-moz-keyframes circle-fill-anim {
  0% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {-moz-transform: rotate(0deg) -moz-scale(1) skew(1deg);opacity: .2;}
  100% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@-webkit-keyframes circle-fill-anim {
  0% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;  }
  50% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;  }
  100% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@-o-keyframes circle-fill-anim {
  0% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {-o-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;}
  100% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@keyframes circle-fill-anim {
  0% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;}
  100% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
#socseti h4{text-align: center;padding: 30px;font-size: 26px;}
#socseti {text-align: center;padding: 10px;}
#vk_groups{float:left;}
#big{font-weight: 900;}
#floatleft{float:left;}
#howwwork{
    background-color: #88C7E2;
    color:white;
    text-align: center;
    padding:50px;

}
#howwwork h4{text-align: center;font-size: 26px;font-weight: 800; }
#howwwork p{text-align: center;font-size: 22px;font-weight: 800; padding-top:25px;}
#hwwimg img{padding:30px;}
#c{text-align: center; padding:20px;}#c p{padding:0 30px;text-align: justify;font-family: bart;font-size:1.1em;}
#bgtopimg {

    width: 100%;
    height:auto;
   }

#top .header
{
	position: relative;
	/*min-height: 50px;*/
	width: 100%;
	font-size: 1.1em;
	background-color: #01a0e2;
	z-index: 6;
}
#block{display:block; color:#01A0E2;padding:5px;font-size: 16px;font-weight: 800;}
#block2{width:auto;}
#contactstop{color:white;padding:0 30px;font-size: 26px;font-weight: 800; margin-top:15px;}
#top .header .phone
{
	font-size: 30px;
    font-family: Roboto Slab;
}

#top .header .priceRange
{
	font-size: 16px;
    font-family: Roboto Slab;
}
#top .header .print
{
	padding-left: 5px;
}

@media only screen and (max-width: 500px)
{
	#top .header
	{
		padding-right: 0;
	}
}

#top .header .logo
{
	padding-right: 5px;
	margin-top: 35px;
	margin-bottom: 10px;
}

#top .header .info .print
{
	margin-top: 20px;
	margin-bottom: 10px;
	color: #fefefe;
}

#top .header .info img
{
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 5px;
	cursor: pointer;
}

#top .header .contact
{
	/*margin-top: 20px;*/
	/*margin-bottom: 10px;*/
	color: #fefefe;
	font-size: 1.1em;
}

#top .header .contact .call-back
{
	/*margin-top: 5px;*/
	cursor: pointer;
	transition: font-size 0.3s ease;
}

#top .header .contact .call-back:hover
{
	font-size: 1.15em;
	text-decoration: none;
}
#top .call-back
{
	text-decoration: underline;
}
#mail{text-decoration: underline;}
@media only screen and (max-width: 991px)
{
	#top .header .logo
	{
		margin-top: 30px;
	}

	#top .header .logo .share-sm
	{
		padding-top: 25px;
	}
}

@media only screen and (max-width: 790px)
{
	#top .header h1
	{
		font-size: 1.3em;
	}
}


@media only screen and (max-width: 767px)
{
	#top .header .logo
	{
		margin-top: 10px;
	}

	#top .header .contact
	{
		margin-top: 10px;
	}

	#top .header h1, #top .header h2
	{
		margin-top: 5px;
		margin-bottom: 5px;
	}
}

#top > .wrapper
{
	overflow: hidden;
}

#top .slogan
{
	display: inline-block;
	font-family: "cometa";
	font-size: 1.4em;
	color: #888;
	position: relative;
	top: -200px;
	left: 35%;
	z-index: 3;
	background-color: rgba(255, 255, 255, 0.5);
	border-radius: 5px;
}

@media only screen and (max-width: 1600px)
{
	#top .slogan
	{
		left: 50% );
	}
}

@media only screen and (max-width: 440px)
{
	#top .slogan
	{
		font-size: 1.2em;
		left: calc(100% - 300px);
	}
}

@media only screen and (max-width: 440px)
{
	#top .slogan
	{
		font-size: 1em;
		left: calc(100% - 250px);
	}
}

#top .images, .buttons
{
	position: relative;
	z-index: 0;
}

#top .images
{
	height: auto;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-color: white;
}

#top .background-top img
{
	position: absolute;
	left: 0;
	top: 14px;
	width: 1400px;
}

#top .boards-top img
{
	position: absolute;
	left: -150px;
	top: 80px;
	z-index: 3;
}

#top .clouds-top img
{
	position: absolute;
	left: 100px;
	top: 20px;
	z-index: 1;
}

#top .airplane-top img
{
	position: absolute;
	left: 70%;
	top: 100px;
	z-index: 2;
}

#top .birds-top img
{
	position: absolute;
	left: 60%;
	top: 250px;
	z-index: 1;
}

#top .balloon-top img
{
	position: absolute;
	left: 10%;
	top: 100px;
	z-index: 2;
}

#top .parallax-container
{
	position: relative;
}

#top .parallax-container > .parallax
{
	position: relative;
}

#top .boards-top .utm-term-holder
{
	position: absolute;
	height: 250px;
	width: 450px;
	top: 150px;
	left: 320px;
	color: #00a0e3;
	font-size: 2.85em;
	line-height: 1.1em;
	font-family: "impact", Verdana, Tahoma;
	text-align: center;
	z-index: 4;
}

#top .boards-top .utm-term-holder u
{
	text-decoration: none;
	font-size: 0.7em;
	font-family: "futuraOrto_Regular", Verdana, Tahoma;
	color: black;
}

@media only screen and (max-width: 800px)
{
	#top .images
	{
		height: auto;
	}

	#top .images > .background-top img
	{
		height: auto;
		width: 100%;
	}

	#top .images > .boards-top img
	{
		height: auto;
		width: 600px;
		left: -50px;
		top: 130px;
	}

	#top .images > .boards-top .utm-term-holder
	{
		height: 120px;
		width: 220px;
		top: 160px;
		left: 170px;
		font-size: 1.5em;
	}

	#top .images > .clouds-top img
	{
		width: 780px;
		position: absolute;
		left: 50px;
		top: 20px;
	}

	#top .images > .airplane-top img
	{
		width: 70px;
		left: 420px;
		top: 80px;
	}

	#top .images > .birds-top img
	{
		width: 100px;
		left: 490px;
		top: 130px;
	}

	#top .images > .balloon-top img
	{
		width: 70px;
		left: 100px;
		top: 70px;
	}
}

@media only screen and (max-width: 520px)
{
	#top .images
	{
		height: 385px;
	}

	#top .images > .boards-top img
	{
		height: auto;
		width: 500px;
		left: -70px;
		top: 130px;
	}

	#top .images > .boards-top .utm-term-holder
	{
		height: 110px;
		width: 180px;
		top: 150px;
		left: 115px;
		font-size: 1.3em;
	}

	#top .images > .boards-top .utm-term-holder u
	{
		font-size: 0.6em;
	}

	#top .images > .balloon-top img
	{
		width: 50px;
		left: 50px;
		top: 100px;
	}
}

#top #write-form
{
	display: block;
	top: 230px;
	right: 4%;
}

@media only screen and (max-width: 1155px)
{
	#top #write-form
	{
		right: 2%;
	}
}

@media only screen and (max-width: 1078px)
{
	#top #write-form
	{
		right: 15px;
	}
}

@media only screen and (max-width: 1020px)
{
	#top #write-form
	{
		display: none;
	}
}
#top .priceRange
{
	font-size: 0.8em;
}
#otlichie {text-align: center;font-family: futuraOrto_Regular;}
#otlichie img{padding:20px;}
#otlichie h4 {font-size: 2.5em;}