.grecaptcha-badge{display: none;}
input:focus {
   outline: none;
}
body{
	width: 100%;
}
body,html{
	height: 100%!important;
	min-height: 100%;
}
html.skrollr-mobile,
html.skrollr-mobile body{
	overflow:auto!important;
}
.first-block{
	background: url("../img/first-block-bg.jpg") no-repeat;
	background-size: cover;
	color: #fff;
	position: relative;
	height:100vh;
}
.first-block-space{
	width: 1440px;
	margin: 0 auto;
}
.header-right-contacts  ul li{
	color: #fff;
	display: inline-block;
	margin-right: 30px;
	margin-top:0;
	margin-bottom:0;
	background:none;
	padding-left:0;
	font-size:16px;
	line-height:auto;
	line-height:18px;
}
.header-right-menu{
	float:right;
}
.header-right-menu  ul li{
	color: #fff;
	display: inline-block;
	margin:0 34px;
	position: relative;
	background:none;
	padding-left:0;
	line-height:18px;
	font-size:16px;
}
.header-right-menu  ul li:after{
	content:'';
	background: url("../img/divider.png") no-repeat;
	width: 14px;
	height: 14px;
	position: absolute;
	right: -40px;
}
.header-right-menu  ul li:last-child:after{
	display: none;
}
.header-right-menu ul li:last-child{
	margin-right:0;
}
.header ul li a{
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-weight:400;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.header-right-contacts ul {    padding: 7px 0;}
.header ul li.city a,
.header ul li.mail a,
.header ul li.phone a{
	text-transform:none;
}
.header-right-menu,
.header-logo{
	display: inline-block;
	font-weight: 500;
	padding: 25px 0px 0px 0px;
}
.header-right{
	width: 100%;
    padding: 15px 0 15px 115px;
	box-sizing: border-box;
}
.header-logo{
	float: left;
	padding: 5px 0 0 0px;
}
.header.wheader{
	padding:10px 0;
}
.header:after{
	content: '';
	position: absolute;
	width: 100%;
	height: 0;
	background: rgb(219,219,219);
	left: 0;
	top: 0;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}
.header.wheader:after{
	height: 1px;
	top: 100%;
}
.header.wheader .header-right-contacts ul li{
	color:#000;
}
.header.wheader:before{
	height:100%;
	box-shadow:0 3px 18px rgba(0, 0, 0, 0.25);
}
.header:before{
	background:#fff;
	z-index:0;
	height:0;
	content:'';
	width:100%;
	position:absolute;
	top:0;
	left:0;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}
.header.wheader ul li a{
	color:#000;
}
.header .minner{
	width:1440px;
	margin:0 auto;
	position:relative;
	z-index:1;
}
.header{
	position: fixed;
	width:100%;
	left:50%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	top: 0;
	z-index: 12;
	padding: 30px 0;
	-webkit-transition: background 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.first-block-text{
	text-align: center;
	position: absolute;
	top: 55%;
	left: 50%;
	width: 960px;
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%	);
}
.first-block-text h1{
	display: inline-block;
	text-align: center;
	font-size: 110px;
	line-height: 90px;
	text-transform: uppercase;
	font-weight: 900;
	width: 100%;
}
.first-block-text h1 span{
	color: #FE3E31;
}
.first-block-text p{
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	font-weight: 200;
	width: 900px;
	margin-top: 40px;
}
.header-right-contacts{
	display: inline-block;
	padding: 0px 115px 0 140px;
}
.our-contacts li{
	background: none;
}

.footer{
	background: #2c2c32;
	color: #fff;
	position: relative;
	padding: 50px 130px 65px 130px;
	text-align: center;
}
.footer-heading{
	text-align:center;
}
.footer h2{
	font-size: 50px;
	line-height: 80px;
	font-weight: 900;
	text-transform: uppercase;
	display: inline-block;
	width: 50%;
	font-family: 'Roboto', sans-serif;
}
.footer h2 span{
	font-weight: 900;
}
.footer .footer-form{
	display: inline-block;
}
.footer-form form{
	width: 100%;
}
.footer input{
	border: none;
	border-bottom: 1px solid #fff;
	background: none;
	width: 100%;
	color: #fff;
	text-transform: uppercase;
	font-size: 22px;
	padding-top: 50px;
	padding-bottom: 5px;
	z-index: 1;
	position: relative;
}
.footer input.wpcf7-quiz {padding-top: 10px;    border: 1px solid #fff3;    margin: 7px 0 0 0;}
.footer textarea{
	border: none;
	border-bottom: none;
	background: none;
	width: 100%;
	color: #fff;
	text-transform: uppercase;
	font-size: 22px;
	padding-top: 50px;
	padding-bottom: 5px;
	z-index: 1;
	position: relative;
}
input[type="submit"] {
    border-color: #0f0f0f;
    color: #ffffff;
    font-size: 26px;
    padding: 15px 20px;
    margin-top: 10px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.footer textarea{
    max-width: 650px;
    margin-top: 20px;
    padding: 0;
    outline: 0;
    resize: none;
    border: 1px solid #fff3;
}
.footer label[for=form-text],
.footer label[for=pre-form-text]{
	bottom: 9px !important;
}
.footer-social{
	padding: 30px 0 0 0;
	text-align: center;
	position:relative;
}
.footer-social ul li a,
.footer-social ul li{
	display: inline-block;
	margin:0;
	padding:0;
	background:none;
}
.footer-social ul li{
	margin: 0 20px;
}
.footer-social ul li a{
    width: 70px;
    height: 70px;
    border: 1px solid #fff;
    border-radius: 50%;
	vertical-align: top;
}

.footer-social .tg{
    background: url(../img/social_sprite.png) no-repeat;
    background-position: -372px 14px;
}
.footer-social .ya{
    background: url(../img/social_sprite.png) no-repeat;
    background-position: -179px 14px;
}
.footer-social .vk{
    background: url(../img/social_sprite.png) no-repeat;
    background-position: -555px 16px;
}

.footer-social .tg:hover{
    background: url(../img/social_sprite.png) no-repeat;
    background-position: -372px 14px;
}
.footer-social .ya:hover{
    background: url(../img/social_sprite.png) no-repeat;
    background-position: -179px 14px;
}
.footer-social .vk:hover{
    background: url(../img/social_sprite.png) no-repeat;
    background-position: -555px 16px;
}
.footer-social-inn a{
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
	display: block;
}
.icon-outer{
	position: relative;
}
.icon-outer:hover:before{
	width:100%;
	height:100%;
}
.icon-outer:before{
	position:absolute;
	top:0;
	left:0;
	background:#fff;
	top:50%;
	left: 50%;
	content:'';
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
	border-radius:100px;
	width:0;
	height:0;
}
.scl{
	position: relative;
}
.copyright{
	color: #fff;
	padding-top: 20px;
	font-weight: 100;
	font-size: 16px;
	line-height: 30px;
}
.footer .form-submit{
	border-bottom: 4px solid #FE3E31;
	width: 240px;
	
}
.footer .input{
	position: relative;
	height: 100%;
	width: 650px;
}
.footer .footer-form label{
	bottom: 7px;
	left: 0;
	text-transform: uppercase;
	webkit-transition: -webkit-transform .3s ease,color .3s ease,font-size .3s ease;
    -ms-transition: -ms-transform .3s ease,color .3s ease,font-size .3s ease;
    transition: transform .3s ease,color .3s ease,font-size .3s ease;
}
.footer .footer-form input:focus + label,
.act{
	font-size: 80px;
    font-weight: 900;
    opacity: 0.05;
    bottom: 0px !important;
    left: -3px !important;
    font-family: 'Roboto', sans-serif;	
		webkit-transition: -webkit-transform .3s ease,color .3s ease,font-size .3s ease;
    -ms-transition: -ms-transform .3s ease,color .3s ease,font-size .3s ease;
    transition: transform .3s ease,color .3s ease,font-size .3s ease;
}	 
.label{
	font-size: 16px;
	font-weight: 300;
	bottom: 8px;
	opacity: 1;
}
.footer .form-submit{
	font-size: 22px;
	box-sizing: border-box;
	cursor: pointer;
	width: 150px;
	padding: 15px 0 11px 0; 
	position: relative;
	font-weight:300;
	-webkit-transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745); 
  -moz-transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745); 
    -o-transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745); 
       transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745); /* custom */

-webkit-transition-timing-function: cubic-bezier(0.705, 0.105, 0.990, 0.745); 
  -moz-transition-timing-function: cubic-bezier(0.705, 0.105, 0.990, 0.745); 
    -o-transition-timing-function: cubic-bezier(0.705, 0.105, 0.990, 0.745); 
       transition-timing-function: cubic-bezier(0.705, 0.105, 0.990, 0.745); /* custom */
	z-index: 2;
}
.footer .forHover{
	margin-top: 35px;
	position: relative;
	display: inline-block;
	z-index: 2;
}
.footer .form-submit+span:after{
	position: absolute;
	content: '';
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0%;
	background: #FE3E31;
	z-index: 1;
	-webkit-transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745); 
  -moz-transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745); 
    -o-transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745); 
       transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745); /* custom */

-webkit-transition-timing-function: cubic-bezier(0.705, 0.105, 0.990, 0.745); 
  -moz-transition-timing-function: cubic-bezier(0.705, 0.105, 0.990, 0.745); 
    -o-transition-timing-function: cubic-bezier(0.705, 0.105, 0.990, 0.745); 
       transition-timing-function: cubic-bezier(0.705, 0.105, 0.990, 0.745); /* custom */
}
.footer .form-submit:hover + span:after{
	height: 100%; 
} 
.footer .form-submit:hover{
	color: #fff;	
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.footer .footer-form label{
	z-index:0;
}

.whyUs-block{
	padding: 15px 240px 55px 240px;
	position: relative;
	overflow: hidden;
}
.whyUs-text{
	padding: 100px 0 50px 0;
}
.whyUs-block .whyUs-inner{
	width: 100%;
	margin: 0 auto;
}
.whyUs-block .custom div{
	display: inline-block;
	width: 27%;
	box-sizing: border-box;
	padding: 50px 0px;
	box-sizing: border-box;
	font-size: 18px;
	line-height: 22px;
	vertical-align: top;
}
.whyUs-block .custom div:nth-child(3n+2){
	margin: 0 9%;
}

.whyUs-block .custom div h3{
	text-transform: uppercase;
	font-size: 20px;
	line-height: 36px;
	font-weight: 100;
	padding: 40px 0 25px;
	min-height: 72px;
}
.whyUs-block .custom div h3 span{
	font-weight: 900;
}
.whyUs-block-bg-artiqa{
	font-size: 760px;
	color: #f7f8fe;
	z-index: -1;
	font-weight: 900;
	position: absolute;
	font-family: 'Roboto', sans-serif !important;
	top:35%;
	left: 80%;
	text-transform: uppercase;
	letter-spacing: 100px;
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	animation-name: My;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;

}
@keyframes My{
	0% {margin-left: 1px;}
	10% {left: 70%;}
	20% {left: 75%;}
	30% {left: 80%;}
	40% {left: 85%;}
	50% {left: 90%;}
	60% {left: 85%;}
	70% {left: 80%;}
	80% {left: 75%;}
	90% {left: 70%;}
	100% {left: 65%;}
}
.measure {
    margin: 0 auto;
    max-width: 72rem;
	text-align: justify;
}
.whyUs-block .heading{
	text-align: right;
}
.whyUs-block .heading  h2{
	font-size: 65px;
	line-height: 85px;
	font-weight: 100;
	width: 780px;
	display: inline-block;
	text-align: left;
	text-transform: uppercase;

}
.whyUs-block  .heading h2 span{
	font-weight: 900;
	font-family: 'Roboto', sans-serif;
}

.whyUs-text span{
	font-size: 65px;
	font-weight: 100;
	line-height: 85px;
	text-transform: uppercase;
}
.slogan1 span:nth-child(1),
.slogan2 span:nth-child(3){
	font-weight: 900;
}
.block-for-slogan1{
	position: relative;
	text-align: right;
}
.block-for-slogan2{
	position: relative;
	text-align: left;
}
.whyUs-text .slogan1{
	display: inline-block;
	width: 865px;
	text-align: left;
}
.whyUs-text .slogan1{
	display: inline-block;
	width: 890px;
	text-align: left;	
}
.slogan1 span:nth-child(2),
.slogan2 span:nth-child(2){
	padding-left: 155px;
}
.slogan1 span:nth-child(3),
.slogan2 span:nth-child(3){
	padding-left: 310px;
}

#f1_container {
  position: relative;
  left: 30%;
  width: 270px;
  height: 269px;
  z-index: 1;
  perspective: 1000;
}
#f1_card {
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: all 0.5s linear;
}
#f1_container:hover #f1_card {
  transform: rotateY(180deg);
}
.face {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}
.face.back {
  display: block;
  transform: rotateY(180deg);
  box-sizing: border-box;
  padding: 10px;
  text-align: center;
}
.hover.panel{
	margin: -20px 0 50px 0 ;
}


.scroll-textarea{
	border: none !important;
}
.scrollbar-inner > .scroll-element .scroll-bar{
	background-color: #FE3E31 !important;
	opacity: 1 !important;	
	width: 6px;
	border-radius: 0 !important;
	cursor: pointer !important;
}
.scrollbar-inner > .scroll-element .scroll-element_track{
	opacity: 1 !important;
	background-color: #838386 !important;
	width: 1px;
	margin: 0 auto;
	border-radius: 0 !important;
}
.scrollbar-inner > .scroll-element, .scrollbar-inner > .scroll-element div{
	right: 0px;
}
.scrollbar-inner > .scroll-element.scroll-y{
	width: 6px !important;
	border-radius: 0 !important;
	cursor: pointer !important;
}
.footer-form .scroll-textarea > .scroll-content > textarea {
	padding-right: 6px !important;
	height: 90px !important;
}
 .scrollbar-inner > .scroll-element .scroll-element_outer{
	 border-radius: 0 !important;
}
.input-msg{
	margin-top: 50px;
	padding-bottom: 10px;
	border-bottom: 1px solid #fff;
}
.act3{
	font-size: 80px;
	font-weight: 900;
	opacity: 0.05;
	bottom: 2px !important;
	left: -5px !important;
	font-family: 'Roboto', sans-serif;
		webkit-transition: -webkit-transform .3s ease,color .3s ease,font-size .3s ease;
    -ms-transition: -ms-transform .3s ease,color .3s ease,font-size .3s ease;
    transition: transform .3s ease,color .3s ease,font-size .3s ease;
}
.bg-block{
	text-align: center;
	position: relative;
	box-sizing: border-box;
}
.bg-block ul li{
	display: inline-block;
	text-transform: uppercase;
	border: 1px solid #fff;
	color: #fff;
	font-size: 16px;
	margin:0 15px;
	border-radius: 8px;
	padding: 5px 0px;
	width: 200px;
	margin-top:15px;
	line-height:18px;
	background:none;
}
.bg-block ul{
	margin-bottom: 22px;
}
.bg-block p{
	color: #fff;
	font-size: 22px;
	line-height: 36px;
	font-weight: 300;
	width: 870px;
	margin: 0 auto;
}
.bg-block img{
	margin-bottom: 35px;
}
.bg-block a{
	text-transform: uppercase;
	font-size: 22px;
	line-height: 30px;
	text-decoration: none;
	color: #25252a;
	font-weight: 300;
}





.services-block{
	overflow: auto;
}
.service{
	width: 33.333%;
	background: #fff;
	float: left;
	display: inline-block;
	position: relative;
	vertical-align: top;
	box-sizing: border-box;
	height: 700px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	cursor: pointer;
}
.service:after{
	content: '';
	position: absolute;
	bottom:0;
	left: 0;
	height: 100%;
	width: 1px;
	background: #aaaaad;
}

.service:before{
	content: '';
	position: absolute;
	bottom:0;
	left: 0;
	height: 1px;
	width: 100%;
	background: #aaaaad;
}
.service.srv1:after,.service.srv4:after{
	display: none;
}
.srv_page .service.srv4:before,
.srv_page .service.srv5:before,
.srv_page .service.srv6:before{
	display: none;
}
@keyframes out{
	0%{
		width: 240px;
		height: 240px;
		border: 2px solid rgba(15,140,244,0.8);
	}
	33%{
		width: 240px;
		height: 240px;
		border: 2px solid rgba(15,140,244,0.8);
	}
	100%{
		width: 300px;
		height: 300px;
		border: 2px solid rgba(15,140,244,0);
	}
}
@keyframes out2{
	0%{
		width: 240px;
		height: 240px;
		border: 2px solid rgba(57,215,175,0.8);
	}
	33%{
		width: 240px;
		height: 240px;
		border: 2px solid rgba(57,215,175,0.8);
	}
	100%{
		width: 300px;
		height: 300px;
		border: 2px solid rgba(57,215,175,0);
	}
}
@keyframes out3{
	0%{
		width: 240px;
		height: 240px;
		border: 2px solid rgba(255,110,180,0.8);
	}
	33%{
		width: 240px;
		height: 240px;
		border: 2px solid rgba(255,110,180,0.8);
	}
	100%{
		width: 300px;
		height: 300px;
		border: 2px solid rgba(255,110,180,0);
	}
}
@keyframes out4{
	0%{
		width: 240px;
		height: 240px;
		border: 2px solid rgba(143,194,116,0.8);
	}
	33%{
		width: 240px;
		height: 240px;
		border: 2px solid rgba(143,194,116,0.8);
	}
	100%{
		width: 300px;
		height: 300px;
		border: 2px solid rgba(143,194,116,0);
	}
}
@keyframes out5{
	0%{
		width: 240px;
		height: 240px;
		border: 2px solid rgba(242,182,27,0.8);
	}
	33%{
		width: 240px;
		height: 240px;
		border: 2px solid rgba(242,182,27,0.8);
	}
	100%{
		width: 300px;
		height: 300px;
		border: 2px solid rgba(242,182,27,0.0);
	}
}
@keyframes out6{
	0%{
		width: 240px;
		height: 240px;
		border: 2px solid rgba(171,130,255,0.8);
	}
	33%{
		width: 240px;
		height: 240px;
		border: 2px solid rgba(171,130,255,0.8);
	}
	100%{
		width: 300px;
		height: 300px;
		border: 2px solid rgba(171,130,255,0);
	}
}
@keyframes outs{
	from{
		width: 240px;
		height: 240px;
		border: 2px solid rgba(15,140,244,0.8);
	}
	to{
		width: 350px;
		height: 350px;
		border: 2px solid rgba(15,140,244,0);
	}
}
@keyframes outs2{
	from{
		width: 240px;
		height: 240px;
		border: 2px solid rgba(57,215,175,0.8);
	}
	to{
		width: 350px;
		height: 350px;
		border: 2px solid rgba(57,215,175,0.0);
	}
}
@keyframes outs3{
	from{
		width: 240px;
		height: 240px;
		border: 2px solid rgba(255,110,180,0.8);
	}
	to{
		width: 350px;
		height: 350px;
		border: 2px solid rgba(255,110,180,0);
	}
}
@keyframes outs4{
	from{
		width: 240px;
		height: 240px;
		border: 2px solid rgba(143,194,116,0.8);
	}
	to{
		width: 350px;
		height: 350px;
		border: 2px solid rgba(143,194,116,0);
	}
}
@keyframes outs5{
	from{
		width: 240px;
		height: 240px;
		border: 2px solid rgba(242,182,27,0.8);
	}
	to{
		width: 350px;
		height: 350px;
		border: 2px solid rgba(242,182,27,0);
	}
}
@keyframes outs6{
	from{
		width: 240px;
		height: 240px;
		border: 2px solid rgba(171,130,255,0.8);
	}
	to{
		width: 350px;
		height: 350px;
		border: 2px solid rgba(171,130,255,0);
	}
}
.services-block .srv2 .new-animation{
	animation: out2 1.5s infinite ease-out;
	-moz-animation: out2 1.5s infinite ease-out;
}
.services-block .srv3 .new-animation{
	animation: out3 1.5s infinite ease-out;
	-moz-animation: out3 1.5s infinite ease-out;
}
.services-block .srv4 .new-animation{
	animation: out4 1.5s infinite ease-out;
	-moz-animation: out4 1.5s infinite ease-out;
}
.services-block .srv5 .new-animation{
	animation: out5 1.5s infinite ease-out;
	-moz-animation: out5 1.5s infinite ease-out;
}
.services-block .srv6 .new-animation{
	animation: out6 1.5s infinite ease-out;
	-moz-animation: out6 1.5s infinite ease-out;
}
.new-animation{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 255px;
  height: 255px;
  border-radius: 100%;
  border: 2px solid;
  animation:out 1.5s infinite ease-out;
  -moz-animation:out 1.5s infinite ease-out;
  position: fixed;
  top: 50%;
  left: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%); 
}
.services-block .srv2 .new-animation2{
	animation: outs2 1.5s infinite ease-out;
	-moz-animation: outs2 1.5s infinite ease-out;
}
.services-block .srv3 .new-animation2{
	animation: outs3 1.5s infinite ease-out;
	-moz-animation: outs3 1.5s infinite ease-out;
}
.services-block .srv4 .new-animation2{
	animation: outs4 1.5s infinite ease-out;
	-moz-animation: outs4 1.5s infinite ease-out;
}
.services-block .srv5 .new-animation2{
	animation: outs5 1.5s infinite ease-out;
	-moz-animation: outs5 1.5s infinite ease-out;
}
.services-block .srv6 .new-animation2{
	animation: outs6 1.5s infinite ease-out;
	-moz-animation: outs6 1.5s infinite ease-out;
}
.new-animation2{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 256px;
  height: 256px;
  border: 2px solid;
  border-radius: 100%;
  animation: outs 1.5s infinite ease-out;
  -moz-animation: outs 1.5s infinite ease-out;
  position: fixed;
  top: 50%;
  left: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
.circles{
	position: absolute;
	width: 364px;
	height: 364px;
	top: 50%;
	left: 50%;
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	-moz-transition:all .5s;
	-webkit-transition:all .5s;
	-o-transition:all .5s;
	-ms-transition:all .5s;
	transition:all .5s;
}
.service:hover .circles{
	-moz-transform: translateX(-50%) translateY(-67.5%);
	-webkit-transform: translateX(-50%) translateY(-67.5%);
	-o-transform: translateX(-50%) translateY(-67.5%);
	-ms-transform: translateX(-50%) translateY(-67.5%);
	transform: translateX(-50%) translateY(-67.5%);
}
.service .bottom-text:after{
	content: '';
	position: absolute;
	height:222px;
	width: 1px;
	top: -567px;
	right: 50%;
	background: #aaaaad;
	z-index: 3;
	-moz-transition:all .5s;
	-webkit-transition:all .5s;
	-o-transition:all .5s;
	-ms-transition:all .5s;
	transition:all .5s;
}
.service:hover .bottom-text:after{
	height:153px;
	width: 1px;
	-moz-transform: translateY(345px);
	-webkit-transform: translateY(345px);
	-o-transform: translateY(345px);
	-ms-transform: translateY(345px);
	transform: translateY(345px);
	right: 50%;
	background: #fff;
}
.service-img{
	border-radius: 100%;
	width: 256px;
	height: 256px;
	position: absolute;
	left: 50%;
	top: 50%;
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	transition:all .6s;
	-moz-transition:all .6s;
	-webkit-transition:all .6s;
	-o-transition:all .6s;
	-ms-transition:all .6s;
	z-index: 2;
}
.service:hover .service-img{
	width: 366px;
	height: 366px;
	background-size: cover;
}
.service-img img{
	width: 100%;
	height: 100%;
}

.service .srvc-text p{
	vertical-align: top;
	font-weight: 100;
	text-transform: uppercase;
	font-size: 22px;
	line-height: 33px;
	color: #000;
}
.service:hover .srvc-text p{
	color: #fff;
}
.service .srvc-text{
	display: inline-block;
	position: relative;
	left: 0;
	height: 32px;
	-moz-transition:all .5s;
	-webkit-transition:all .5s;
	-o-transition:all .5s;
	-ms-transition:all .5s;
	transition:all .5s;
}
.service:hover .srvc-text{
	left:50%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.service  .srvc-text span{
	font-weight: 900;
}
.service:hover{
	background: #1f2330;
	color: #fff;
}
.services-block .service:first-child .service-img img{
	background:#0f8cf4;
	border-radius:200px;
}
.services-block .service:first-child:hover{
	background:#0f8cf4;
}
.services-block .service:nth-child(2) .service-img img{
	background:#00D9AF;
	border-radius:200px;
}
.services-block .service:nth-child(2):hover{
	background:#00D9AF;
}
.services-block .service:nth-child(3) .service-img img{
	background:#ff6eb4;
	border-radius:200px;
}
.services-block .service:nth-child(3):hover{
	background:#ff6eb4;
}
.services-block .service:nth-child(4) .service-img img{
	background:#01df6f;
	border-radius:200px;
}
.services-block .service:nth-child(4):hover{
	background:#01df6f;
}
.services-block .service:nth-child(5) .service-img img{
	background:#ffb90f;
	border-radius:200px;
}
.services-block .service:nth-child(5):hover{
	background:#ffb90f;
}
.services-block .service:nth-child(6) .service-img img{
	background:#9f79ee;
	border-radius:200px;
}
.services-block .service:nth-child(6):hover{
	background:#9f79ee;
}
.services-block .srvc{
	height: 64px;
}
.service .bottom-text{
	position: absolute;
	bottom: 25px;
	left: 50%;
	width: 90%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.service:hover .bottom-text{
	bottom: 25px;
	left:50%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	color: #fff;
}

.service .hide-text{
	color: #fff;
	text-align: left;
	font-size: 18px;
	line-height: 22px;
	margin:0 auto;
	max-width: 100%;
	height: 44px;
	-moz-transition:all .5s;
	-webkit-transition:all .5s;
	-o-transition:all .5s;
	-ms-transition:all .5s;
    transition:all .5s;
	opacity: 1;
	position: relative;
	-moz-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}
.service:hover .hide-text{
	display: block;
	vertical-align: top;
	
	opacity: 1;
}
.service .hide-text:before{
	content: '';
	position: absolute;
	height: 1px;
	width: 0px;
	background: #fff;
	top: -25px;
	left: 50%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	-moz-transition:all 0.8s;
	-webkit-transition:all 0.8s;
	-o-transition:all 0.8s;
	-ms-transition:all 0.8s;
    transition:all 0.8s;
	transform: translateX(-50%);
	-moz-transition: all 0.4s 0.5s;
	-webkit-transition: all 0.4s 0.5s;
	-o-transition: all 0.4s 0.5s;
	-ms-transition: all 0.4s 0.5s;
    transition: all 0.4s 0.5s;
}
.service:hover .hide-text:before{
	width: 31px;
}
.service .hide-text:after{
	content: '';
	position: absolute;
	height: 1px;
	width: 0px;
	background: #fff;
	bottom: -25px;
	left: 50%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	-moz-transition: all 0.4s 0.5s;
	-webkit-transition: all 0.4s 0.5s;
	-o-transition:all 0.4s 0.5s ;
	-ms-transition:all 0.4s 0.5s ;
    transition:all 0.4s 0.5s;
}
.service:hover .hide-text:after{
	width: 31px;
}
.moduletable.services_topblock,
.moduletable.port_bg,
.moduletable.contacts-top{
	height: 350px;
	background: url('../img/contacts-bg.jpg') no-repeat center;
	background-size: cover;
	position: relative;
}
.moduletable.port_bg{
	background: url('../img/allport_bg.jpg') no-repeat center;
	background-size:cover;
}
.moduletable.services_topblock{
	background: url('../img/allservices.jpg') no-repeat center;
	background-size:cover;
}
.moduletable.services_topblock h3,
.moduletable.port_bg h3,
.moduletable.contacts-top h3{
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	font-weight: 900;
	text-transform: uppercase;
	color: #fff;
	font-size: 40px;
}
.contacts-block{
	position: relative;
	background: url(../img/bg.jpg);
	background-attachment:fixed;
}
.contacts-workspace{
	width: 1440px;
	margin: 0 auto;
	padding: 60px 0 100px 0;
}
.our-contacts{
	width: 33%;
	display: inline-block;
	vertical-align: top;
	margin-top: 25px;
}
.our-contacts a:hover{
	text-decoration:none;
}
.our-contacts a{
	color:#232323;
	text-decoration:none;
}
.contacts-form{
	background: #fff;
	width: 830px;
	display: inline-block;
}	
.our-contacts ul li{
	text-transform: uppercase;
	position: relative;
	font-size: 22px;
	box-sizing: border-box;
	line-height: 36px;
	font-weight: 900;
	padding-left: 35px;
	margin-top: 50px;
}
.our-contacts ul li span{
	position: absolute;
	display: inline-block;
	width: 35px;
	height: 35px;
	left: -7px;
}
.our-contacts ul li:nth-child(1) span{
	background: url('../img/contacts-sprite.png') no-repeat 0px 7px;
}
.our-contacts ul li:nth-child(2) span{
	background: url('../img/contacts-sprite.png') no-repeat 0px -39px;
}
.our-contacts ul li:nth-child(3) span{
	background: url('../img/contacts-sprite.png') no-repeat 0px -93px;
}
.our-contacts h2{
    font-size: 50px;
    line-height: 80px;
    font-weight: 900;
    text-transform: uppercase;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    padding-left: 50px;
}
.service>a{
	width:100%;
	height:100%;
	display:block;
}
.contacts-social-block{
	text-align: center;
	margin-top: 85px;
}
.contacts-social-block h2{
	text-transform: uppercase;
	font-size: 80px;
	line-height: 160px;
	color: #25252a;
	font-weight: 100;
	display: inline-block;
	vertical-align: top;
	margin-right: 40px;
}
.contacts-social-block h2 span{
	font-weight: 900;
}
.contacts-social-block ul{
	display: inline-block;
}
.contacts-social-block ul li{ 
	display: inline-block;
	padding-left: 0;
	background: none;
	width: 120px;
	height: 120px;
	border: 1px solid #c3c4c5;
		-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
} 
.contacts-social-block ul li a{
	display: inline-block;
	width: 120px;
	height: 120px;
}
.contacts-social-block ul li:nth-child(1){
	background: url('../img/social_sprite.png') no-repeat;
	background-position: 32px 39px;
}
.contacts-social-block ul li:nth-child(2){
	background: url('../img/social_sprite.png') no-repeat;
	background-position: -155px 39px;
}
.contacts-social-block ul li:nth-child(3){
	background: url('../img/social_sprite.png') no-repeat;
	background-position: -346px 39px;
}
.contacts-social-block ul li:nth-child(4){
	background: url('../img/social_sprite.png') no-repeat;
	background-position: -532px 39px;
}
.contacts-social-block ul li:nth-child(1):hover{
	background: #69696c url('../img/social_sprite.png') no-repeat;
	background-position: 32px -46px;
}
.contacts-social-block ul li:nth-child(2):hover{
	background: #69696c url('../img/social_sprite.png') no-repeat;
	background-position: -155px -46px;
}
.contacts-social-block ul li:nth-child(3):hover{
	background: #69696c url('../img/social_sprite.png') no-repeat;
	background-position: -346px -46px;
}
.contacts-social-block ul li:nth-child(4):hover{
	background: #69696c url('../img/social_sprite.png') no-repeat;
	background-position: -532px -46px;
}
/*Services*/

.serv_top{
	width:100%;
	height:750px;
	overflow:hidden;
	position:relative;
}
section.mob_apps .serv_top{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b28cfd+0,916dd9+100 */
background: #b28cfd; /* Old browsers */
background: -moz-linear-gradient(top,  #b28cfd 0%, #916dd9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #b28cfd 0%,#916dd9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #b28cfd 0%,#916dd9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b28cfd', endColorstr='#916dd9',GradientType=0 ); /* IE6-9 */

}
section.branding .serv_top{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffc602+0,ffaa05+100 */
background: #ffc602; /* Old browsers */
background: -moz-linear-gradient(top,  #ffc602 0%, #ffaa05 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffc602 0%,#ffaa05 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffc602 0%,#ffaa05 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc602', endColorstr='#ffaa05',GradientType=0 ); /* IE6-9 */

}
section.vizitka .serv_top,
section.catalog .serv_top,
section.corporate .serv_top,
section.landing .serv_top,
section.sitecreation .serv_top{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#009eef+0,0072df+100 */
background: #009eef; /* Old browsers */
background: -moz-linear-gradient(top,  #009eef 0%, #0072df 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #009eef 0%,#0072df 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #009eef 0%,#0072df 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009eef', endColorstr='#0072df',GradientType=0 ); /* IE6-9 */

}
section.joomshop .serv_top,
section.bitrix .serv_top,
section.ecommerce .serv_top,
section.shops .serv_top{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00d5bf+0,01de99+100 */
background: #00d5bf; /* Old browsers */
background: -moz-linear-gradient(top,  #00d5bf 0%, #01de99 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #00d5bf 0%,#01de99 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #00d5bf 0%,#01de99 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d5bf', endColorstr='#01de99',GradientType=0 ); /* IE6-9 */

}
section.design .serv_top{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00eb68+0,00cc5d+100 */
background: rgb(0,235,104); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(0,235,104,1) 0%, rgba(0,204,93,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,235,104,1) 0%,rgba(0,204,93,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,235,104,1) 0%,rgba(0,204,93,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00eb68', endColorstr='#00cc5d',GradientType=0 ); /* IE6-9 */

}
section.corporate .shop_portfolio,
section.catalog .shop_portfolio,
section.vizitka .shop_portfolio{
	padding-top:100px;
}
.serv_top .inn{
	position:absolute;
	color:#fff;
	width:1200px;
	left:50%;
	z-index:5;
	top:50%;
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	overflow:hidden;
}
.serv_top .inn h1{
	font-weight: 900;
	font-size:65px;
	text-transform:uppercase;
	line-height:105px;
}
.serv_top .inn h1 span{
	display:block;
	
}
a.serv_cost{
	display:inline-block;
	color:#fff;
	font-size:22px;
	text-transform:uppercase;
	font-weight:300;
	margin-top:20px;
	position:relative;
	padding:15px 25px;
	cursor:pointer;
	-webkit-transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745); 
  -moz-transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745); 
    -o-transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745); 
       transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745); /* custom */

-webkit-transition-timing-function: cubic-bezier(0.705, 0.105, 0.990, 0.745); 
  -moz-transition-timing-function: cubic-bezier(0.705, 0.105, 0.990, 0.745); 
    -o-transition-timing-function: cubic-bezier(0.705, 0.105, 0.990, 0.745); 
       transition-timing-function: cubic-bezier(0.705, 0.105, 0.990, 0.745); /* custom */
}
a.serv_cost:hover{
	color:#000;
	text-decoration:none;
}
a.serv_cost:after{
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:4px;
	background:#fff;
	-webkit-transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745); 
  -moz-transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745); 
    -o-transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745); 
       transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745); /* custom */

-webkit-transition-timing-function: cubic-bezier(0.705, 0.105, 0.990, 0.745); 
  -moz-transition-timing-function: cubic-bezier(0.705, 0.105, 0.990, 0.745); 
    -o-transition-timing-function: cubic-bezier(0.705, 0.105, 0.990, 0.745); 
       transition-timing-function: cubic-bezier(0.705, 0.105, 0.990, 0.745); /* custom */
	z-index:-1;
}
a.serv_cost:hover:after{
	height:100%;
}
.serv_content{
	background:url('../img/bg.jpg');
	background-attachment:fixed;
}
.serv_content h2 span{
	font-weight:300;
}
.serv_content h2{
	text-align:center;
	font-size:65px;
	color:#484949;
	text-transform:uppercase;
	font-weight:600;
	padding:80px 0;
	line-height:80px;
	white-space:normal;
}
.serv_content .margins{
	width:1440px;
	margin:0 auto;
}
.serv_content .concept .rightcol{
	text-align:center;
}
.serv_content .leftcol{
	margin-right:4%;
}
.serv_content{
	white-space:nowrap;
}
.serv_content .leftcol,
.serv_content .rightcol{
	width:48%;
	vertical-align:top;
	display:inline-block;
}
.serv_content .bg_fff{
	background:#fff;
	padding:70px;
}
.serv_content h3{
	font-size:50px;
	line-height:70px;
	color:#FE3E31;
	text-transform:uppercase;
	white-space:normal;
	font-weight:600;
}
.serv_content h3 span{
	display:block;
	font-weight:300;
	color:#484949;
}
.serv_content p{
	margin-top:30px;
	font-size:18px;
	line-height:40px;
	color:#232323;
	white-space:normal;
}
.des_steps{
	margin-bottom:70px;
}
img{
	max-width:100%;
}
.header-logo img{
	width: 180px;
}
.des_steps .bg_fff{
	margin-bottom:140px;
}
.des_steps .bg_fff:last-child{
	margin-bottom:0;
}
.servtype,
.sitetype,
.shop_marketing,
.shop_coding,
.dig_seo,
.dig_smm,
.dig_context,
.dig_analyze,
.shop_analyze,
.bitrix_simple,
.bitrix_security,
.bitrix_seo,
.bitrix_graf,
.bitrix_opportunities,
.joomla_simple,
.joomla_security,
.joomla_seo,
.joomla_graf,
.joomla_opportunities,
.magento_simple,
.magento_security,
.magento_seo,
.magento_graf,
.magento_opportunities,
.clear_ecommerce,
.des_social,
.des_mobile,
.concept,
.responsive{
	padding-bottom:70px;
}
.magento_simple .leftcol,
.magento_security .rightcol,
.magento_graf .rightcol,
.magento_opportunities .leftcol,
.des_mobile .leftcol,
.des_social .rightcol,
.responsive .rightcol{
	text-align:center;
}
.des_mobile,
.des_social{
	position:relative;
}
.des_mobile .rightcol .bg_fff{
	right:0;
}
.des_social .leftcol .bg_fff{
	left:0;
}
section.joomshop .serv_content h2 span,
section.bitrix .serv_content h2 span,
section.ecommerce .serv_content h2 span{
	display:block;
}
.serv_content h2 span.subhead{
	font-size:18px;
	text-transform:none;
	font-weight:400;
}
.serv_content .intro{
	overflow:visible;
}
.serv_content .intro .lcol{
	float:left;
}
.serv_content .intro .rcol{
	overflow:auto;
}
.serv_content .intro h3 span{
	display:inline;
}
.serv_content .intro h3{
	color:#484949;
	margin-bottom:40px;
}
section.bitrix .serv_content .intro ul li,
section.joomshop .serv_content .intro ul li,
section.ecommerce .serv_content .intro ul li{
	color:#3c444d;
	font-size:22px;
	text-transform:uppercase;
	line-height:80px;
	padding-left:60px;
}
section.bitrix .serv_content .intro ul li:first-child,
section.joomshop .serv_content .intro ul li:first-child,
section.ecommerce .serv_content .intro ul li:first-child{
	background:url('../img/shop_list/1.png')no-repeat left;
}
section.bitrix .serv_content .intro ul li:nth-child(2),
section.joomshop .serv_content .intro ul li:nth-child(2),
section.ecommerce .serv_content .intro ul li:nth-child(2){
	background:url('../img/shop_list/2.png')no-repeat left;
}
section.bitrix .serv_content .intro ul li:nth-child(3),
section.joomshop .serv_content .intro ul li:nth-child(3),
section.ecommerce .serv_content .intro ul li:nth-child(3){
	background:url('../img/shop_list/3.png')no-repeat left;
}
section.bitrix .serv_content .intro ul li:nth-child(4),
section.joomshop .serv_content .intro ul li:nth-child(4),
section.ecommerce .serv_content .intro ul li:nth-child(4){
	background:url('../img/shop_list/4.png')no-repeat left;
}
section.bitrix .serv_content .intro ul li:nth-child(5){
	background:url('//artiqa.ru/img/bitrixicon_red.png')no-repeat left;
	background-size: auto 40px;
}
section.joomshop .serv_content .intro ul li:nth-child(5){
	background:url('//artiqa.ru/img/joomicon_red.png')no-repeat left;
	background-size: auto 40px ;
}
section.ecommerce .serv_content .intro ul li:nth-child(5){
	background:url('../img/shop_list/5.png')no-repeat left;
}
.serv_content h2.r span{
	color:#494848;
}
.serv_content h2.r{
	color:#FE3E31;
}
.magento_seo h3 span,
.magento_graf h3 span{
	display:inline;
}
.magento_seo .leftcol{
	padding-top:70px;
	text-align:center;
}
section.shops .serv_content h2{
	padding-bottom:40px;
}
section.shops .serv_content h2 span{
	display:block;
	font-size:50px;
}
section.shops .platforms{
	text-align:center;
	padding-bottom:70px;
}
section.shops .platforms ul{
	background:#fff;
	border:1px solid #000;
	display:inline-block;
}
section.shops .platforms ul li{
	display:inline-block;
	padding:20px 50px;
	border-right:1px solid #000;
	vertical-align:top;
	height:70px;
	margin:0;
	background:none;
}
section.shops .platforms ul li:last-child{
	border:0;
}
.shop_portfolio h3{
	color:#494848;
}
.landing_portfolio .mini_port,
.shop_portfolio .mini_port{
	text-align:right;
	white-space:normal;
}
.landing_portfolio .mini_port li,
.shop_portfolio .mini_port li{
	display:inline-block;
	margin:0;
	padding:0;
	height:293px;
	vertical-align:bottom;
	background:none;
}
.shop_portfolio .mini_port li img{
	vertical-align:bottom;
}
a.land_order,
.landing_portfolio a.more_works,
.micro_port a.more_works,
.shop_portfolio a.more_works{
	text-decoration:none;
	cursor:pointer;
	color:#000;
	font-weight:300;
	font-size:22px;
	text-transform:uppercase;
	position:relative;
	display:inline-block;
	padding:15px 25px;
	margin-top:10px;
	-webkit-transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745); 
  -moz-transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745); 
    -o-transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745); 
       transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745); /* custom */

-webkit-transition-timing-function: cubic-bezier(0.705, 0.105, 0.990, 0.745); 
  -moz-transition-timing-function: cubic-bezier(0.705, 0.105, 0.990, 0.745); 
    -o-transition-timing-function: cubic-bezier(0.705, 0.105, 0.990, 0.745); 
       transition-timing-function: cubic-bezier(0.705, 0.105, 0.990, 0.745); /* custom */
	z-index:1;
}
a.land_order:after,
.landing_portfolio a.more_works:after,
.micro_port a.more_works:after,
.shop_portfolio a.more_works:after{
	height:4px;
	content:'';
	background:#000;
	position:absolute;
	width:100%;
	top:0;
	left:0;
	-webkit-transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745); 
  -moz-transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745); 
    -o-transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745); 
       transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745); /* custom */

-webkit-transition-timing-function: cubic-bezier(0.705, 0.105, 0.990, 0.745); 
  -moz-transition-timing-function: cubic-bezier(0.705, 0.105, 0.990, 0.745); 
    -o-transition-timing-function: cubic-bezier(0.705, 0.105, 0.990, 0.745); 
       transition-timing-function: cubic-bezier(0.705, 0.105, 0.990, 0.745); /* custom */
	z-index:-1;
}
a.land_order:after{
	top:auto;
	bottom:0;
}
a.land_order:hover,
.landing_portfolio a.more_works:hover,
.micro_port a.more_works:hover,
.shop_portfolio a.more_works:hover{
	color:#fff;
	text-decoration:none;
}
a.land_order:hover:after,
.landing_portfolio a.more_works:hover:after,
.micro_port a.more_works:hover:after,
.shop_portfolio a.more_works:hover:after{
	height:100%;
}
section.shops h2.r{
	padding-bottom:80px;
}
section.shops h2.r span{
	display:inline;
	font-size:65px;
}
section.shops .steps .leftcol .bg_fff:first-child,
section.catalog .steps .leftcol .bg_fff:first-child,
section.corporate .steps .leftcol .bg_fff:first-child,
section.vizitka .steps .leftcol .bg_fff:first-child,
section.landing .steps .leftcol .bg_fff:first-child,
section.sitecreation .steps .leftcol .bg_fff:first-child,
section.shops .steps .leftcol .bg_fff:first-child{
	margin-bottom:150px;
}


/***************************************************************/


.blog-portfolio, .blog-featured.mainpage{
	width: 100%;
	padding:65px;
	margin: 0 auto;
	box-sizing: border-box;
}
.blog-portfolio .lead,
.blog-featured.mainpage .lead{
	width: 33%;
	height: auto;
	display: inline-block;
	margin-right: -4px;
	position: relative;
}
.blog-portfolio .lead figure, .blog-featured.mainpage .lead figure{
	height: 100%;
	width: 100%;
}
.blog-portfolio .lead,.blog-portfolio .lead figure,
.blog-featured.mainpage  .lead, .blog-featured.mainpage .lead figure{
	vertical-align: bottom;
}

.blog-portfolio .lead img, .blog-featured.mainpage .lead img{
	vertical-align: bottom;
	height: 100%;
	width: 100%;
}
.blog-portfolio .page-header h2 a, .blog-featured.mainpage .page-header h2 a{
	color: #fff;
	text-decoration: none;
	font-size: 22px;
	line-height: 36px;
	text-transform: uppercase;
}
.blog-portfolio .page-header, .blog-featured.mainpage .page-header{
	width: 350px;
	background: none !important;
}
.fixed-img{
	position: absolute;
	width: 130px;
	height: 130px;
	top: 50%;
	left: 50%;
	z-index: -1;
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	background: rgba(44, 44, 50, 0.72) url(../img/port_circle.png) no-repeat center;
	opacity: 0;
	border-radius: 100%;
	-webkit-transition: opacity 0.25s ease-in-out!important;
	-ms-transition: opacity 0.25s ease-in-out!important;
	-o-transition: opacity 0.25s ease-in-out!important;
    -moz-transition: opacity 0.25s ease-in-out!important;
    transition: opacity 0.25s ease-in-out!important;
	-webkit-transition-delay:.2s!important;
	-moz-transition-delay:.2s!important;
	-ms-transition-delay:.2s!important;
	-o-transition-delay:.2s!important;
	transition-delay:.2s!important;
}
.sitetype figure:hover .fixed-img,
.mini_port li:hover .fixed-img,
.blog-portfolio .lead:hover .fixed-img, 
.blog-featured.mainpage .imghvr-shutter-in-out-diag-1:hover .fixed-img{
	opacity: 1;
	z-index: 1;
}
figure.imghvr-shutter-in-out-diag-1{
	text-align: center;
}






[class^='imghvr-'],
[class*=' imghvr-'] {
  position: relative;
  display: inline-block;
  margin: 0px;
  max-width: 100%;
  background-color: rgba(44, 44, 50, 0.36);
  color: #fff;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
[class^='imghvr-'] > img,
[class*=' imghvr-'] > img {
  vertical-align: top;
  max-width: 100%;
}
[class^='imghvr-'] .page-header,
[class*=' imghvr-'] .page-header{
  background-color: inherit;
  position: absolute;
  bottom: 60px;
  left: 50%;
  height: 65px;
  overflow: hidden;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);

}
[class^='imghvr-'] h2,
[class*=' imghvr-'] h2,
[class^='imghvr-'] p,
[class*=' imghvr-'] p {
  margin: 0;
  padding: 0;
  color: #fff;
}
[class^='imghvr-'] > a,
[class*=' imghvr-'] > a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 20;
}
[class^='imghvr-'],
[class*=' imghvr-'],
[class^='imghvr-']:before,
[class^='imghvr-']:after,
[class*=' imghvr-']:before,
[class*=' imghvr-']:after,
[class^='imghvr-'] *,
[class*=' imghvr-'] *,
[class^='imghvr-'] *:before,
[class^='imghvr-'] *:after,
[class*=' imghvr-'] *:before,
[class*=' imghvr-'] *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
[class^='imghvr-shutter-in-']:after,
[class*=' imghvr-shutter-in-']:after,
[class^='imghvr-shutter-in-']:before,
[class*=' imghvr-shutter-in-']:before {
  background: inherit;
  position: absolute;
  content: '';
}
[class^='imghvr-shutter-in-']:after,
[class*=' imghvr-shutter-in-']:after {
  top: 0;
  left: 0;
}
[class^='imghvr-shutter-in-']:before,
[class*=' imghvr-shutter-in-']:before {
  right: 0;
  bottom: 0;
}
[class^='imghvr-shutter-in-'] .page-header,
[class*=' imghvr-shutter-in-'] .page-header{
  opacity: 0;
  z-index: 10;
}
[class^='imghvr-shutter-in-']:hover .page-header,
[class*=' imghvr-shutter-in-']:hover .page-header{
  opacity: 1;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.imghvr-shutter-in-out-diag-1:after,
.imghvr-shutter-in-out-diag-1:before {
  width: 200%;
  height: 200%;
  -webkit-transition: all 0.9s ease;
  transition: all 0.9s ease;
}
.imghvr-shutter-in-out-diag-1:after {
  -webkit-transform: skew(-45deg) translateX(-150%);
  transform: skew(-45deg) translateX(-150%);
}
.imghvr-shutter-in-out-diag-1:before {
  -webkit-transform: skew(-45deg) translateX(150%);
  transform: skew(-45deg) translateX(150%);
}
.imghvr-shutter-in-out-diag-1:hover:after {
  -webkit-transform: skew(-45deg) translateX(-50%);
  transform: skew(-45deg) translateX(-50%);
}
.imghvr-shutter-in-out-diag-1:hover:before {
  -webkit-transform: skew(-45deg) translateX(50%);
  transform: skew(-45deg) translateX(50%);
}





.blog-featured.mainpage  .readmore a{
	text-transform: uppercase;
	text-decoration: none;
	font-weight:300;
	border-top: 4px solid black;
	font-size: 22px;
	padding: 11px 15px 15px 15px;
	display: inline-block;
	position: relative;
	z-index:2;
	color: #000;
	background: #fff;
	-webkit-transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745); 
  -moz-transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745); 
    -o-transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745); 
       transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745); /* custom */

-webkit-transition-timing-function: cubic-bezier(0.705, 0.105, 0.990, 0.745); 
  -moz-transition-timing-function: cubic-bezier(0.705, 0.105, 0.990, 0.745); 
    -o-transition-timing-function: cubic-bezier(0.705, 0.105, 0.990, 0.745); 
       transition-timing-function: cubic-bezier(0.705, 0.105, 0.990, 0.745); /* custom */
}
.blog-featured.mainpage .readmore{
	text-align: center;
	margin-top: 30px;
}
.blog-featured.mainpage .readmore a:after{
	content:'';
	position: absolute;
	top: 0;
	right: 0;
	background: #000;
	height: 0%;
	width: 100%;
	z-index: -1;
	-webkit-transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745); 
  -moz-transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745); 
    -o-transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745); 
       transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745); /* custom */

-webkit-transition-timing-function: cubic-bezier(0.705, 0.105, 0.990, 0.745); 
  -moz-transition-timing-function: cubic-bezier(0.705, 0.105, 0.990, 0.745); 
    -o-transition-timing-function: cubic-bezier(0.705, 0.105, 0.990, 0.745); 
       transition-timing-function: cubic-bezier(0.705, 0.105, 0.990, 0.745); /* custom */
}
.blog-featured.mainpage .readmore a:hover:after{
	height: 100%;
} 
.blog-featured.mainpage .readmore a:hover{
	color: #fff; 
} 
.port-heading{
	font-size: 65px;
	line-height: 85px;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	padding: 0 0 85px 0;
}

/******************************************************************/

.pf{
	height:790px;
	position:relative;
}
.pf h1{
	text-transform:uppercase;
	font-size:80px;
	font-weight:bold;
	color:#FE3E31;
	margin-bottom:20px;
}
.pf_inn{
	position:absolute;
	left:50%;
	top:58%;
	max-width:1420px;
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
.back_links{
	margin-top:50px;
}
.back_links a{
	display:inline-block;
	margin:0 40px;
	padding:15px 25px;
	color:#fff;
	position:relative;
	-webkit-transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745); 
  -moz-transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745); 
    -o-transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745); 
       transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745); /* custom */

-webkit-transition-timing-function: cubic-bezier(0.705, 0.105, 0.990, 0.745); 
  -moz-transition-timing-function: cubic-bezier(0.705, 0.105, 0.990, 0.745); 
    -o-transition-timing-function: cubic-bezier(0.705, 0.105, 0.990, 0.745); 
       transition-timing-function: cubic-bezier(0.705, 0.105, 0.990, 0.745); /* custom */
}
a.backtoport+span,
.back_links a:after{
	height:4px;
	z-index:-1;
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	background:#000;
	width:100%;
	-webkit-transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745); 
  -moz-transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745); 
    -o-transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745); 
       transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745); /* custom */

-webkit-transition-timing-function: cubic-bezier(0.705, 0.105, 0.990, 0.745); 
  -moz-transition-timing-function: cubic-bezier(0.705, 0.105, 0.990, 0.745); 
    -o-transition-timing-function: cubic-bezier(0.705, 0.105, 0.990, 0.745); 
       transition-timing-function: cubic-bezier(0.705, 0.105, 0.990, 0.745); /* custom */
}
.back_links a:after{
	background:#fff;
}
a.backtoport:hover,
.back_links a:hover{
	color:#fff;
}
a.backtoport:hover+span,
.back_links a:hover:after{
	height:100%;
}
.back_links a:hover{
	color:#000;
}
.portpage h2{
	text-align:center;
	text-transform:uppercase;
	font-size:40px;
	font-weight:bold;
	color:#484949;
	padding:100px 0 50px;
}
.main_dotted{
	background:url('../img/bg.jpg');
	padding-bottom:50px;
}
.port_mainpage{
	width:1040px;
	border-radius:15px;
	box-shadow:0 0 15px #ddd;
	margin:0 auto;
	padding:40px 80px!important;
	background:#fff;
	height:620px;
	position:relative;
}
.port_mainpage img{
	border-radius:15px;
}
.sc_inn{
	height:620px;
	border-radius:15px;
}
.port_mainpage .scroll-wrapper{
	overflow:visible!important;
}
.port_mainpage .scrollbar-inner > .scroll-element.scroll-y{
	right:-20px;
}
.portpage .minidesc{
	max-width:1000px;
	text-align:center;
	margin:0 auto;
	font-size:18px;
	line-height:40px;
	padding-bottom:50px;
}
.mob_tablet{
	width:1200px;
	margin:0 auto;
	position:relative;
}
.tablet_content{
	position:absolute;
	overflow:hidden;
	height:517px;
	top:28px;
	left:169px;
	width:686px;
	border:2px solid #ddd;
}
.pr_mob{
	position:absolute;
	bottom:-20px;
	right:0;
}
.pr_mob .mobile_content{
	position:absolute;
	left:57px;
	top:86px;
	width:232px;
	overflow:hidden;
	height:344px;
}
a.backtoport{
	text-transform: uppercase;
    font-size: 22px;
    line-height: 30px;
    text-decoration: none;
    color: #25252a;
    font-weight: 300;
	padding:15px 25px;
	display:inline-block;
	position:relative;
	
	-webkit-transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745); 
  -moz-transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745); 
    -o-transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745); 
       transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745); /* custom */

-webkit-transition-timing-function: cubic-bezier(0.705, 0.105, 0.990, 0.745); 
  -moz-transition-timing-function: cubic-bezier(0.705, 0.105, 0.990, 0.745); 
    -o-transition-timing-function: cubic-bezier(0.705, 0.105, 0.990, 0.745); 
       transition-timing-function: cubic-bezier(0.705, 0.105, 0.990, 0.745); /* custom */
	z-index:1;
}
a.backtoport+span{
	z-index:0;
	-webkit-transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745); 
  -moz-transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745); 
    -o-transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745); 
       transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745); /* custom */

-webkit-transition-timing-function: cubic-bezier(0.705, 0.105, 0.990, 0.745); 
  -moz-transition-timing-function: cubic-bezier(0.705, 0.105, 0.990, 0.745); 
    -o-transition-timing-function: cubic-bezier(0.705, 0.105, 0.990, 0.745); 
       transition-timing-function: cubic-bezier(0.705, 0.105, 0.990, 0.745); /* custom */
}
.other_desc{
	max-width: 1000px;
    text-align: center;
    margin: 0 auto;
    font-size: 18px;
    line-height: 40px;
    padding-bottom: 50px;
}
.other ul{
	position:relative;
}
.other .owl-item{
	opacity:.65;
	-moz-transform: scale(.9);
	-webkit-transform: scale(.9);
	-o-transform: scale(.9);
	-ms-transform: scale(.9);
	transform: scale(.9);
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	transition: all .6s ease;
}
.other .owl-item.center{
	opacity:1;
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
.port_mainpage.uniq .owl-prev,
.port_mainpage.uniq .owl-next,
.other .owl-prev,
.other .owl-next{
	position:absolute;
	top:48%;
	width:99px;
	height:99px;
}
.port_mainpage.uniq .owl-prev,
.other .owl-prev{
	background:url('../img/other_prev.png')no-repeat center;
	left:15%;
}
.port_mainpage.uniq .owl-next,
.other .owl-next{
	background:url('../img/other_next.png')no-repeat center;
	right:15%;
}
.other .owl-dot{
	height:10px;
	width:10px;
	border-radius:100px;
	background:#cccccc;
}
.other .owl-dots{
	text-align:center;
	padding-top:40px;
}
.other .owl-dot{
	display:inline-block;
	margin:0 15px;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	transition: all .6s ease;
}
.other .owl-dot:hover,
.other .owl-dot.active{
	background:#FE3E31;
	-moz-transform: scale(1.5);
	-webkit-transform: scale(1.5);
	-o-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.5);
}
.port_mainpage.uniq .scrollbar-inner > .scroll-element.scroll-y{
	right:-20px;
}
.port_mainpage.uniq ul li{
	padding-right:20px;
	padding-left:0;
	margin:0;
	background:none;
}
.port_mainpage.uniq{
	margin-top:50px;
}
.port_mainpage.uniq .owl-dots{
	text-align:center;
	position:absolute;
	top:-90px;
	width:100%;
}
.port_mainpage.uniq .owl-dots .owl-dot:hover,
.port_mainpage.uniq .owl-dots .owl-dot.active{
	color:#000;
}
.port_mainpage.uniq .owl-dots .owl-dot{
	display:inline-block;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	transition: all .6s ease;
	font-weight: 900;
	color:#888686;
	font-size:16px;
	text-transform:uppercase;
	margin:0 10px;
}
.port_mainpage.uniq .owl-prev{
	left:-22%;
	top:45%;
}
.port_mainpage.uniq .owl-next{
	right:-22%;
	top:45%;
}
section.digital .serv_top{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fb96b0+0,ff3568+100 */
background: #fb96b0; /* Old browsers */
background: -moz-linear-gradient(top,  #fb96b0 0%, #ff3568 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fb96b0 0%,#ff3568 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fb96b0 0%,#ff3568 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb96b0', endColorstr='#ff3568',GradientType=0 ); /* IE6-9 */

}
.serv_content ul li{
	font-size:18px;
	color:#232323;
}
.wrp h3{
	color:#484949;
	text-transform:uppercase;
	font-size:30px;
	font-weight:bold;
	padding:20px 0;
}
.wrp img{
	max-width:100%;
}
.wrp time{
	font-style:italic;
	padding:70px 0 20px;
	display:block;
}
a{
	color:#FE3E31;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
.wrp ol{
	margin-left:25px;
}
.wrp ol li{
	margin:20px 0;
	font-size:18px;
	color:#232323;
	
	list-style:decimal;
	white-space:normal;
	line-height:31px;
}
ul li{
	margin:20px 0;
	font-size:18px;
	color:#232323;
	padding-left:20px;
	background:url('../img/servli.png')no-repeat left 10px;
	white-space:normal;
	line-height:31px;
}
.other ul li{
	margin:0;
	padding:0;
	background:none;
}
.micro_port ul li{
	padding:0;
	margin:0;
	background:none;
	width:25%;
	display:inline-block;
}
.micro_port{
	margin-top:10px;
	text-align:right;
}
.micro_port ul li img{
	vertical-align:bottom;
}
.subtext{
	font-weight:bold;
	font-size:22px;
	text-align:center;
	color:#232323;
	line-height:40px;
	padding:70px 0;
}









.modal-block .modal-form{
	display: inline-block;
}
.modal-block form{
	text-align: center;
	width: 650px;
    margin: 0 auto;
}
.modal-block  input{
	border: none;
	border-bottom: 1px solid #fff;
	background: none;
	width: 100%;
	color: #fff;
	text-transform: uppercase;
	font-size: 22px;
	padding-top: 50px;
	padding-bottom: 5px;
	z-index: 1;
	position: relative;
}
.modal-block textarea{
	border: none;
	border-bottom: none;
	background: none;
	width: 100%;
	color: #fff;
	text-transform: uppercase;
	font-size: 22px;
	padding-top: 50px;
	padding-bottom: 5px;
	z-index: 1;
	position: relative;
}

.modal-block textarea{
	max-width: 650px;
	margin-top: 20px;
	padding: 0;
	outline: 0;
	resize: none;
}
.modal-block label[for=form-text],
.modal-block label[for=pre-form-text]{
	bottom: 9px !important;
}

.modal-block .form-submit{
	border-bottom: 4px solid #FE3E31;
	width: 240px;
	
}
.modal-block .input{
	position: relative;
	height: 100%;
	width: 650px;
	margin-left: auto;
	margin-right: auto;
}
.modal-block .modal-form label{
	position: absolute;
	bottom: 7px;
	left: 0;
	text-transform: uppercase;
	webkit-transition: -webkit-transform .3s ease,color .3s ease,font-size .3s ease;
    -ms-transition: -ms-transform .3s ease,color .3s ease,font-size .3s ease;
    transition: transform .3s ease,color .3s ease,font-size .3s ease;
}
.modal-block .modal-form input:focus + label,
.act{
	font-size: 80px;
    font-weight: 900;
    opacity: 0.05;
    bottom: 0px !important;
    left: -3px !important;
    font-family: 'Roboto', sans-serif;
	
}	 

.modal-block .form-submit{
	font-size: 22px;
	box-sizing: border-box;
	cursor: pointer;
	width: 150px;
	padding: 9px 0 5px 0; 
	position: relative;
	font-weight: 900;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
	z-index: 2;
}
.modal-block .forHover{
	margin-top: 45px;
	position: relative;
	display: inline-block;
	z-index: 2;
}
.modal-block .form-submit+span:after{
	position: absolute;
	content: '';
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0%;
	background: #fff;
	z-index: 1;
	-webkit-transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745); 
  -moz-transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745); 
    -o-transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745); 
       transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745); /* custom */

-webkit-transition-timing-function: cubic-bezier(0.705, 0.105, 0.990, 0.745); 
  -moz-transition-timing-function: cubic-bezier(0.705, 0.105, 0.990, 0.745); 
    -o-transition-timing-function: cubic-bezier(0.705, 0.105, 0.990, 0.745); 
       transition-timing-function: cubic-bezier(0.705, 0.105, 0.990, 0.745); /* custom */
}
.modal-block .form-submit:hover + span:after{
	height: 100%; 
} 
.modal-block .form-submit:hover{
	color: #000;	
	-webkit-transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745); 
  -moz-transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745); 
    -o-transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745); 
       transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745); /* custom */

-webkit-transition-timing-function: cubic-bezier(0.705, 0.105, 0.990, 0.745); 
  -moz-transition-timing-function: cubic-bezier(0.705, 0.105, 0.990, 0.745); 
    -o-transition-timing-function: cubic-bezier(0.705, 0.105, 0.990, 0.745); 
       transition-timing-function: cubic-bezier(0.705, 0.105, 0.990, 0.745); /* custom */
}
.modal-block .modal-form label{
	z-index:0;
}
.modal-block{
	position: fixed;
	background: rgba(44,44,50,0.75);
	top: 0;
	left:  0;
	width: 100%;
	height: 100%;
	z-index: 100;
	color: #fff;
	display: none;
}
.modal-block2{
	position: fixed;
	background: rgba(44,44,50,0.75);
	top: 0;
	left:  0;
	width: 100%;
	height: 100%;
	z-index: 100;
	color: #fff;
	display: none;
}
.modal-form{
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	background: #2c2c32;
	padding: 50px 0;
	width: 900px;
	text-align: center;
	z-index: 1000;
}
.modal-form span.close{
	position: absolute;
	top: 25px;
	right: 25px;
	cursor: pointer;
}
.modal-form h2{
	font-size: 50px;
	line-height: 80px;
	font-weight: 700;
	text-transform: uppercase;	
}
.modal-block input[type=submit]{
	cursor: pointer;
	border-bottom: 3px solid #fff;
	width: 150px;
	font-weight: 400;
}
#sideUpload #fileuploadfield {
    display:none;
}

#sideUpload #uploadtextfield {
  height:18px;
  width:139px;
}

#sideUpload #uploadbrowsebutton {
  height:27px;
  width:147px;
  margin-top:5px;
  text-align:center;
}


a.button-more{
	text-transform: uppercase;
    text-decoration: none;
    border-bottom: 4px solid black;
    font-size: 22px;
    padding: 15px 15px 11px 15px;
    display: inline-block;
    position: relative;
    z-index: 2;
    color: #000;
	cursor: pointer;
    -webkit-transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745);
    -moz-transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745);
    -o-transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745);
    transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745);
    -webkit-transition-timing-function: cubic-bezier(0.705, 0.105, 0.990, 0.745);
    -moz-transition-timing-function: cubic-bezier(0.705, 0.105, 0.990, 0.745);
    -o-transition-timing-function: cubic-bezier(0.705, 0.105, 0.990, 0.745);
    transition-timing-function: cubic-bezier(0.705, 0.105, 0.990);
}
a.button-more:hover {
    color: #fff;;
}
a.button-more:after {
	content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    background: #000;
    height: 0%;
    width: 100%;
    z-index: -1;
    -webkit-transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745);
    -moz-transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745);
    -o-transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745);
    transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745);
    -webkit-transition-timing-function: cubic-bezier(0.705, 0.105, 0.990, 0.745);
    -moz-transition-timing-function: cubic-bezier(0.705, 0.105, 0.990, 0.745);
    -o-transition-timing-function: cubic-bezier(0.705, 0.105, 0.990, 0.745);
    transition-timing-function: cubic-bezier(0.705, 0.105, 0.990, 0.745);
}

a.button-more:hover:after{
    height: 100%;
}
.get {
    display:none;
}
 

.diagram{
	position:relative;
}
.diagram>img:first-child{
	position:static;
	max-height:800px;
	width:auto;
}
.diagram>img{
	position:absolute;
	bottom:39px;
	-webkit-transition: all 1.5s ease-in-out;
	-moz-transition: all 1.5s ease-in-out;
	-ms-transition: all 1.5s ease-in-out;
	-o-transition: all 1.5s ease-in-out;
	transition: all 1.5s ease-in-out;
	max-height:0;
	width:57px;
}
.diagram>img:nth-child(2){
	left:68px;
}
.diagram>img:nth-child(3){
	left:137px;
}
.diagram>img:nth-child(4){
	left:206px;
}
.diagram>img:nth-child(5){
	left:275px;
}
.diagram>img:nth-child(6){
	left:345px;
}
.diagram>img:nth-child(7){
	left:415px;
}
.diagram>img:nth-child(8){
	left:485px;
}
.diagram>img:nth-child(9){
	left:555px;
}
.diagram.vis>img{
	max-height:800px;
}
.letters{
	position:absolute;
	top:50%;
	left:10%;
	z-index:-1;
	width:80%;
}
.letters>img{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	-webkit-transition: all .7s ease-out;
	-moz-transition: all .7s ease-out;
	-ms-transition: all .7s ease-out;
	-o-transition: all .7s ease-out;
	transition: all .7s ease-out;
}
.letters>img:last-child{
	left:auto;
	right:0;
}
.whyUs-block .custom>div{
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease-in;
}
.whyUs-block .custom>div.low{
	-moz-transform: translateY(200px);
	-webkit-transform: translateY(200px);
	-o-transform: translateY(200px);
	-ms-transform: translateY(200px);
	transform: translateY(60px);
}
.whyUs-block .custom>div.high{
	-moz-transform: translateY(-200px);
	-webkit-transform: translateY(-200px);
	-o-transform: translateY(-200px);
	-ms-transform: translateY(-200px);
	transform: translateY(-60px);
}
#diagram text{
	font-size:28px!important;
	font-weight:600!important;
	text-transform:uppercase;
}
img.swing{
	animation:swing 5s infinite;
	position:absolute;
	left:38%;
	top:23%;
}
@keyframes swing{
	20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 
	20% { -webkit-transform: rotate(15deg); } 
    40% { -webkit-transform: rotate(-10deg); } 
    60% { -webkit-transform: rotate(5deg); } 
    80% { -webkit-transform: rotate(-5deg); } 
    100% { -webkit-transform: rotate(0deg); } 
}
.dig_over{
	position:absolute;
	top:70px;
	z-index:1;
	left:50%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.seograf{
	position:relative;
}
.seograf>img.seo_nums,
.seograf>div{
	position:absolute;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}
.seograf .circ{
	width:25px;
	height:25px;
	border:5px solid #73cefd;
	border-radius:50px;
	opacity:0;
}
.seograf .circ.vis{
	opacity:1;
}
.seograf .circ.a{
	left:120px;
	top:555px;
}
.seograf .circ.b{
	left:165px;
	top:445px;
}
.seograf .circ.c{
	left:300px;
	top:305px;
}
.seograf .circ.c:before{
	position:absolute;
	width:15px;
	height:15px;
	border-radius:50px;
	background:#fff;
	left:50%;
	top:50%;
	margin-left:-8px;
	margin-top:-8px;
	content:'';
}
.seograf .circ.d{
	left:390px;
	top:510px;
}
.seograf .circ.e{
	left:500px;
	top:345px;
}
.seograf>img.seo_nums{
	left:287px;
	top:205px;
	opacity:0;
	-webkit-transition: all .8s ease;
	-moz-transition: all .8s ease;
	-ms-transition: all .8s ease;
	-o-transition: all .8s ease;
	transition: all .8s ease;
}
.seograf>img.seo_nums.vis{
	top:235px;
	opacity:1;
}
.seograf .bluel{
	height:5px;
	border-radius:5px;
	width:0;
}
.seograf .bluel:before{
	width:0;
	background:#73cefd;
	height:5px;
	border-radius:5px;
	position:absolute;
	content:'';
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
	bottom:0;
	left:0;
}
.seograf .bluel.vis:before{
	width:100%;
}
.seograf .bluel.a{
	width:75px;
	left:120px;
	top:515px;
	-moz-transform: rotate(-65deg);
	-webkit-transform: rotate(-65deg);
	-o-transform: rotate(-65deg);
	-ms-transform: rotate(-65deg);
	transform: rotate(-65deg);
}
.seograf .bluel.b{
	width:150px;
	left:175px;
	top:390px;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.seograf .bluel.c{
	width:180px;
	left:275px;
	top:422px;
	-moz-transform: rotate(65deg);
	-webkit-transform: rotate(65deg);
	-o-transform: rotate(65deg);
	-ms-transform: rotate(65deg);
	transform: rotate(65deg);
}
.seograf .bluel.d{
	width: 155px;
    left: 385px;
    top: 442px;
    -moz-transform: rotate(-55deg);
	-webkit-transform: rotate(-55deg);
	-o-transform: rotate(-55deg);
	-ms-transform: rotate(-55deg);
	transform: rotate(-55deg);
}
.smm_icons img.smm{
	position:absolute;
}
.smm_icons{
	position:relative;
}
.smm_icons img.smm.a{
	top:0px;
	left:104px;
}
.smm_icons img.smm.b{
	top:65px;
	left:206px;
}
.smm_icons img.smm.c{
	top:188px;
	left:105px;
}
.smm_icons img.smm.d{
	top:280px;
	left:321px;
}
.smm_icons img.smm.e{
	top:389px;
	left:24px;
}
.smm_icons img.smm.f{
	top:410px;
	left:147px;
}
.smm_icons img.smm.g{
	top:597px;
	left:0px;
}
.serv_content .sitetype h3 a{
	text-decoration:none;
	color:inherit;
}
.leftcol,.rightcol{
	position:relative;
	opacity:0;
	bottom:-100px;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}
.leftcol.slidein,.rightcol.slidein{
	opacity:1;
	bottom:0;
}
.socnet{
	position:relative;
}
img.socnet{
	position:absolute;
}
.socnet img.socnet.ld{
	left:363px;
}
.socnet img.socnet.yt{
	left:238px;
}
.socnet img.socnet.ya{
	left:386px;
}
.socnet img.socnet.vk{
	left:203px;
}
section.ecommerce .seograf .circ.a,
section.branding .seograf .circ.a{
	top:355px;
}
section.ecommerce .seograf .circ.b,
section.branding .seograf .circ.b{
	top:245px;
}
section.ecommerce .seograf .circ.c,
section.branding .seograf .circ.c{
	top:150px;
}
section.ecommerce .seograf .circ.d,
section.branding .seograf .circ.d{
	top:310px;
}
section.ecommerce .seograf .circ.e,
section.branding .seograf .circ.e{
	top:145px;
}
section.ecommerce .seograf .bluel.a,
section.branding .seograf .bluel.a{
	top:315px;
}
section.ecommerce .seograf .bluel.b,
section.branding .seograf .bluel.b{
	left:188px;
	top:210px;
	width:120px;
	-moz-transform: rotate(-34deg);
    -webkit-transform: rotate(-34deg);
    -o-transform: rotate(-34deg);
    -ms-transform: rotate(-34deg);
    transform: rotate(-34deg);
}
section.ecommerce .seograf .bluel.c,
section.branding .seograf .bluel.c{
	top: 243px;
    width: 140px;
    left: 295px;
}
section.ecommerce .seograf .bluel.d,
section.branding .seograf .bluel.d{
	top:242px;
}
section.ecommerce .seograf>img.seo_nums,
section.branding .seograf>img.seo_nums{
	top:54px;
}
section.ecommerce .seograf>img.seo_nums.vis,
section.branding .seograf>img.seo_nums.vis{
	top:84px;
}
.platforms ul li a{
	display:block;
	width:100%;
	height:100%;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.platforms ul li:first-child a{
	background:url('//artiqa.ru/img/woo_logo.png')no-repeat center;
	width:260px;
}
.platforms ul li:first-child a:hover{
	background:url('//artiqa.ru/img/woo_logo_color.png')no-repeat center;
	width:260px;
}
.platforms ul li:last-child a{
	background:url('//artiqa.ru/img/bitrix_logo.png')no-repeat center;
	width:260px;
}
.platforms ul li:last-child a:hover{
	background:url('//artiqa.ru/img/bitrix_logo_color.png')no-repeat center;
	width:260px;
}
.whyUs-block .custom p{
	font-size:16px;
}
.contacts-form .file_upload div{
	color:#000;
}
.contacts-form .file_upload .bar{
	background: url('../img/file_up_black.png')no-repeat center;
}
.read_more a {
    display: block;
    font-size: 18px;
    color: #FFF;
    background-color: #555;
    padding: 12px 10px;
    border-bottom: none;
}
.portfolio_content .read_more a {
    display: block;
    font-size: 18px;
    color: #FFF;
    background-color: #555;
    padding: 12px 10px;
    border-bottom: none;
}
.read_more a:hover {
    background-color: #fe3e31;
}
.portfolio_content .read_more a:hover {
    background-color: #fe3e31;
}
.read_more, .portfolio_content .read_more {
    clear: both;
    float: right;
    text-align: center;
    z-index: 3;
    position: relative;
    width: 100%;
}
.portfolio_terms {
    border-top: none;
    clear: both;
    font-size: 16px;
    margin: 0;
    padding: 15px 0;
    position: relative;
    z-index: 2;
	    background: #fff;
    padding-left: 10px;
}
.portfolio_terms a {
    font-size: 16px;
    font-weight: bold;
    padding-left: 10px;
}
.portfolio_short_content .item_title {
    padding: 0px;
    min-height: 35px;
}
.portfolio_short_content .item_title a {
    font-size: 18px;
}
.home_page_title h2 {
    font-weight: 700;
    text-transform: uppercase;
    color: #000;
    font-size: 35px;
}
#container .breadcrumbs {
    border-bottom: none;
    font-size: 20px;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.portfolio_short_content {
float: left;
    margin: 0 0px;
    width: 475px;
    max-width: 100%;
	    background: #fff;
    padding-left: 10px;
}
.prtfl_portfolio_block .portfolio_thumb {
    float: left;
    padding: 0px 10px 0px 0px;
	background: #fff;
}
.entry-content .portfolio_thumb {
    float: left;
    padding: 0px 40px 0px 0px;
}
.portfolio_short_content p, .portfolio_images_block {
    padding-bottom: 10px;
    font-size: 16px;
    margin-bottom: 0px !important;
	    padding-top: 5px;
}

.blog time{
	font-style:italic;
	font-size:18px;
}
.button-more-block{
	margin-top:20px;
}
section.seoanalyze .serv_top{
	background:url('../img/seotop.jpg')no-repeat center;
	background-size:cover;
}
section.seoanalyze .serv_top .inn h1{
	text-align:center;
}
section.seoanalyze .serv_top .inn h1 span{
	display:inline;
}
.seonums ul li{
	position:relative;
	background:none;
	display:inline-block;
	width:40%;
	padding:0;
	box-sizing:border-box;
	margin:120px 0;
	font-size:22px;
	font-weight:bold;
	vertical-align:middle;
	text-transform:uppercase;
	color:#3c444d;
}
.seonums ul li:nth-child(even){
	bottom:-168px;
	margin-left:20%;
}
.seonums{
	white-space:normal;
	padding-bottom:84px;
}
.seonums ul li:before{
	position:absolute;
	left:0;
	top:50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size:220px;
	color:#e6e8e8;
	font-weight:bold;
	z-index:0;
}
.ourseo ul li:nth-child(1):before,
.seonums ul li:nth-child(1):before{
	content:'1';
}
.ourseo ul li:nth-child(2):before,
.seonums ul li:nth-child(2):before{
	content:'2';
}
.ourseo ul li:nth-child(3):before,
.seonums ul li:nth-child(3):before{
	content:'3';
}
.ourseo ul li:nth-child(4):before,
.seonums ul li:nth-child(4):before{
	content:'4';
}
.seonums ul li:nth-child(5):before{
	content:'5';
}
.seonums ul li:nth-child(6):before{
	content:'6';
}
.seonums ul li:nth-child(7):before{
	content:'7';
}
.seonums ul li:nth-child(8):before{
	content:'8';
}
.seonums ul li>div{
	position:relative;
	z-index:1;
	width:355px;
	padding:17px 0;
}
::selection {
	background: #FE3E31; /* Safari */
	color:#fff;
}
::-moz-selection {
	background: #FE3E31; /* Firefox */
	color:#fff;
}
.seonums ul li:nth-child(1){
	background:url('../img/seonums_clock.png')no-repeat center right 120px;
}
.seonums ul li:nth-child(2){
	background:url('../img/seonums_clock.png')no-repeat center right 120px,url('../img/seonums_money.png')no-repeat center right 0px;
}
.seonums ul li:nth-child(3){
	background:url('../img/seonums_clock.png')no-repeat center right 120px,url('../img/seonums_money.png')no-repeat center right 0px;
}
.seonums ul li:nth-child(4){
	background:url('../img/seonums_clock.png')no-repeat center right 120px;
}
.seonums ul li:nth-child(5){
	background:url('../img/seonums_clock.png')no-repeat center right 120px,url('../img/seonums_money.png')no-repeat center right 0px;
}
.seonums ul li:nth-child(6){
	background:url('../img/seonums_clock.png')no-repeat center right 120px;
}
.seonums ul li:nth-child(7){
	background:url('../img/seonums_clock.png')no-repeat center right 120px,url('../img/seonums_money.png')no-repeat center right 0px;
}
.seonums ul li:nth-child(8){
	background:url('../img/seonums_ready.png')no-repeat center right 120px;
}
.ourseo{
	white-space:normal;
	padding-bottom:270px;
}
.ourseo ul{
	margin:0;
	padding:0;
}
.ourseo ul li{
	margin:0;
	padding:0;
	background:none;
	width:34%;
	display:inline-block;
	position:relative;
	font-size:50px;
	font-weight:300;
	color:#3c444d;
	text-transform:uppercase;
	line-height:72px;
	padding-top:100px;
	margin:75px 0;
}
.ourseo ul li>div{
	position:relative;
	z-index:1;
	padding-left:115px;
	width:440px;
}
.ourseo ul li:before{
	position:absolute;
	left:115px;
	bottom:40px;
	font-size:600px;
	color:#e6e8e8;
	font-weight:bold;
	z-index:0;
	line-height:420px;
}
.ourseo ul li:nth-child(1){
	background:url('../img/ourseo_1.png')no-repeat left bottom;
}
.ourseo ul li:nth-child(2){
	background:url('../img/ourseo_2.png')no-repeat left bottom;
}
.ourseo ul li:nth-child(3){
	background:url('../img/ourseo_3.png')no-repeat left bottom;
}
.ourseo ul li:nth-child(4){
	background:url('../img/ourseo_4.png')no-repeat left bottom;
}
.ourseo ul li:nth-child(even){
	bottom:-270px;
	margin-left:28%
}
ul.seo_inside{
	white-space:normal;
}
ul.seo_inside li{
	display:inline-block;
	width:40%;
	font-size:22px;
	vertical-align:top;
	box-sizing:border-box;
	text-transform:uppercase;
}
ul.seo_inside li:nth-child(odd){
	margin-right:20%;
}
.header ul li.active a,
.header ul li a:hover{
	border-bottom:1px solid #fff;
}
.header.wheader ul li.active a,
.header.wheader ul li a:hover{
	border-bottom:1px solid #000;
}
:focus{
	outline:none;
}
.item-page{
	background:url('../img/bg.jpg');
	background-attachment:fixed;
}
.wrp{
	width:1440px;
	margin:0 auto;
}
.art_top{
	height:520px;
	background-size:cover;
	background-repeat:no-repeat;
	position:relative;
}
.art_top h1{
	position: absolute;
	text-align:center;
    top: 60%;
    left: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    font-size: 50px;
}
.wrp{
	font-size:18px;
	line-height:35px;
	background:#fff;
	padding:0 70px 70px;
}
.landing_portfolio{
	padding:70px 0;
}
.landing_scheme{
	white-space:normal;
	padding-bottom:120px;
}
.landing_scheme>div{
	display:inline-block;
	width:40%;
	box-sizing:border-box;
	font-size:22px;
	font-weight:bold;
	color:#3c444d;
	text-transform:uppercase;
	padding-left:260px;
	line-height:72px;
	margin:70px 0;
}
.landing_scheme>div>div{
	height:240px;
	vertical-align:middle;
	display:table-cell;
}
.landing_scheme>div:nth-child(even){
	margin-bottom:-50px;
}
.landing_scheme>div:nth-child(odd){
	margin-right:20%;
}
.landing_scheme>div:first-child{
	background:url('../img/landing_scheme/1.png')no-repeat left;
}
.landing_scheme>div:nth-child(2){
	background:url('../img/landing_scheme/2.png')no-repeat left;
}
.landing_scheme>div:nth-child(3){
	background:url('../img/landing_scheme/3.png')no-repeat left;
}
.landing_scheme>div:nth-child(4){
	background:url('../img/landing_scheme/4.png')no-repeat left;
}
.landing_scheme>div:nth-child(5){
	background:url('../img/landing_scheme/5.png')no-repeat left;
}
.landing_scheme>div:nth-child(6){
	background:url('../img/landing_scheme/6.png')no-repeat left;
}
.landing_scheme>div:nth-child(7){
	background:url('../img/landing_scheme/7.png')no-repeat left;
}
.landing_scheme>div:nth-child(8){
	background:url('../img/landing_scheme/8.png')no-repeat left;
}
.inn_subtext{
	display:block;
	font-size:18px;
	text-transform:none;
	font-weight:normal!important;
}
.eshop_results,
.landing_results{
	white-space:normal;
}
.eshop_results>div,
.landing_results>div{
	display:inline-block;
	width:40%;
	box-sizing:border-box;
	padding-left:150px;
	box-sizing:border-box;
	color:#25252a;
	font-size:18px;
	line-height:22px;
	margin-bottom:80px;
	vertical-align:top;
}
.eshop_results>div:nth-child(odd),
.landing_results>div:nth-child(odd){
	margin-right:20%;
}
.eshop_results>div:first-child{
	background:url('../img/2/eshop_res1.png')no-repeat left;
}
.landing_results>div:first-child{
	background:url('../img/2/1.jpg')no-repeat left;
}
.eshop_results>div:nth-child(2){
	background:url('../img/2/eshop_res2.png')no-repeat left;
}
.landing_results>div:nth-child(2){
	background:url('../img/2/2.jpg')no-repeat left;
}
.eshop_results>div:nth-child(3){
	background:url('../img/2/eshop_res3.png')no-repeat left;
}
.landing_results>div:nth-child(3){
	background:url('../img/2/3.jpg')no-repeat left;
}
.eshop_results>div:nth-child(4){
	background:url('../img/2/eshop_res4.png')no-repeat left;
}
.landing_results>div:nth-child(4){
	background:url('../img/2/4.jpg')no-repeat left;
}
.eshop_results h4,
.landing_results h4{
	font-weight:bold;
	font-size:22px;
	line-height:36px;
	text-transform:uppercase;
	margin-bottom:20px;
}
.landing_table table{
	width:100%;
}
.landing_table table th{
	color:#484949;
	font-weight:bold;
	font-size:18px;
	text-transform:uppercase;
	padding:16px;
}
.landing_table table td{
	text-align:center;
	color:#25252a;
	font-weight:bold;
	border:5px solid #fff;
	font-size:18px;
	padding:16px;
	width:17%;
}
.landing_table table tr:nth-child(even) td{
	color:#FE3E31;
}
.landing_table table tr:nth-child(odd) td{
	background:#f4f4f5;
}
.landing_table table tr:nth-child(odd) td:nth-child(even){
	background:#eae9ea;
}
.landing_table table tr td:first-child{
	text-align:left;
	width:auto;
}
.landing_table table tfoot td{
	background:none!important;
}
.onlymob{
	visibility:hidden;
}
.header-logo{
	position:relative;
}
.header-logo .animlogo{
	position:absolute;
	top:7px;
	left:0;
	overflow:hidden;
	max-height:0;
	 -webkit-transition: all 200ms cubic-bezier(0.705, 0.105, 0.990, 0.745);
    -moz-transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745);
    -o-transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745);
    transition: all 200ms cubic-bezier(0.705, 0.105, 0.990, 0.745);
    
}
.header-logo.actme .animlogo,
.header-logo:hover .animlogo,
.wheader .header-logo .animlogo{
	max-height:72px;
}
.header-logo{
    width: 180px;
    height: 72px;
}
.header-logo .whitelogo img{
	position:relative;
	top:0;
	-webkit-transition: all 200ms cubic-bezier(0.705, 0.105, 0.990, 0.745);
    -moz-transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745);
    -o-transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745);
    transition: all 200ms cubic-bezier(0.705, 0.105, 0.990, 0.745);
}
.header-logo.actme .whitelogo img,
.header-logo:hover .whitelogo img{
	top:-68px;
}
.header-logo .whitelogo{
	position:absolute;
	left:0;
	bottom:0px;
	-webkit-transition: all 200ms cubic-bezier(0.705, 0.105, 0.990, 0.745);
    -moz-transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745);
    -o-transition: all 250ms cubic-bezier(0.705, 0.105, 0.990, 0.745);
    transition: all 200ms cubic-bezier(0.705, 0.105, 0.990, 0.745);
	display:inline-block;
	overflow:hidden;
	bottom:0;
	max-height:72px;
}
.header-logo.actme .whitelogo,
.header-logo:hover .whitelogo{
	max-height:0;
}
.mobtable{
	display:none;
}
.landing_table table.mobtable tr{
	width:100%;
}
.landing_table table.mobtable thead tr th{
	padding:16px 5px;
	font-size:16px;
}
.landing_table table.mobtable thead tr th,
.landing_table table.mobtable tr td{
	width:25%;
	text-align:center;
	color:#000;
	border:0;
}
.landing_table table.mobtable tfoot td,
.landing_table table.mobtable tbody tr:nth-child(odd) td{
	width:100%;
}
.landing_table table.mobtable tr:nth-child(odd) td{
	background:none;
}
.landing_table table.mobtable thead tr th:nth-child(odd){
	background:#eae9ea;
}
.landing_table table.mobtable thead tr th:nth-child(even){
	background:#f4f4f5;
}
.landing_table table.mobtable tbody tr.color_me td{
	color:#FE3E31;
}
.landing_table table.mobtable tbody tr:nth-child(even) td{
	background:#eae9ea;
}
.landing_table table.mobtable tbody tr:nth-child(even) td:nth-child(even){
	background:#f4f4f5;
}
.prototypes .prot2{
	position:absolute;
	bottom:0;
	left:0;
	max-height:0;
	overflow:hidden;
	width:100%;
	transition:all .1s linear;
}
.design .des_steps .leftcol,
.shops .steps .rightcol,
.catalog .steps .rightcol,
.corporate .steps .rightcol,
.vizitka .steps .rightcol,
.landing .steps .rightcol,
.sitecreation .steps .rightcol{
	position:static;
	transition:none;
}
.design .des_steps,
.shops .steps,
.catalog .steps,
.corporate .steps,
.vizitka .steps,
.landing .steps,
.sitecreation .steps{
	margin-bottom:70px;
}
.design .des_steps .leftcol,
.shops .steps .rightcol,
.catalog .steps .rightcol,
.corporate .steps .rightcol,
.vizitka .steps .rightcol,
.landing .steps .rightcol,
.sitecreation .steps .rightcol{
	position:sticky;
	position: -webkit-sticky;
	top:150px;
	float:right;
}
@-moz-document url-prefix() {
 .design .des_steps .leftcol,
.shops .steps .rightcol,
.catalog .steps .rightcol,
.corporate .steps .rightcol,
.vizitka .steps .rightcol,
.landing .steps .rightcol,
.sitecreation .steps .rightcol{
	float:none;
}	
}
.design .des_steps .leftcol .prot2 img,
.shops .steps .rightcol .prot2 img,
.catalog .steps .rightcol .prot2 img,
.corporate .steps .rightcol .prot2 img,
.vizitka .steps .rightcol .prot2 img,
.landing .steps .rightcol .prot2 img,
.sitecreation .steps .rightcol .prot2 img{
	position:absolute;
	bottom:0;
	left:0;
}
.design .des_steps .leftcol:before,
.design .des_steps .leftcol:after {
    content: '';
    display: table;
}
.design .des_steps .leftcol{
	float:left;
}
.typed-cursor {
    opacity: 1;
    -webkit-animation: blink .7s infinite;
    -moz-animation: blink .7s infinite;
    animation: blink .7s infinite;
}
@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
.des_steps{
	overflow:none;
}
.portpage a:hover{
	text-decoration:none;
}
.seo_opener{
	background:url('../img/acc_bg.png')no-repeat center;
	cursor:pointer;
	width:30px;
	height:7px;
	position:absolute;
	bottom:25px;
	left:50%;
	z-index:5;
	margin-left:-15px;
}
.seo_footer,
.seoblock{
	padding:50px;
	font-size:18px;
	line-height:31px;
	border-bottom:1px solid #aaaaad;
	display:none;
}
.seo_footer h2{
	font-size:40px;
	text-transform:uppercase;
	margin-bottom:50px;
	font-weight:bold;
}
.seo_footer{
	display:block;
	border-top:1px solid #aaaaad;
	padding:100px 50px;
text-align: justify;
}
.seoblock h2{
	    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
}
.seo_footer strong,
.seoblock strong{
	font-weight:bold;
}
.servtop{
	position:relative;
}
.sitecreation .shop_portfolio{
	padding-top:75px;
}
.pf h1{
	animation:fadeinport 1s;
	opacity:0;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	position:relative;
}
@keyframes fadeinport{
	from{
		bottom:-50px;
		opacity:0;
	}
	to{
		bottom:0;
		opacity:1;
	}
}
.pf_inn ul{
	animation:fadeinport 1s;
	-webkit-animation-delay: 200ms; /* Chrome, Safari, Opera */
    animation-delay: 200ms;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	opacity:0;
	position:relative;
}
.pf_inn p{
	animation:fadeinport 1s;
	-webkit-animation-delay: 400s; /* Chrome, Safari, Opera */
    animation-delay: 400ms;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	opacity:0;
	position:relative;
}
.pf_inn .back_links{
	animation:fadeinport 1s;
	-webkit-animation-delay: 600ms; /* Chrome, Safari, Opera */
    animation-delay: 600ms;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	opacity:0;
	position:relative;
}
.item-page ol,
.item-page ul{
	margin-left:45px;
}
.wrp h2{
	color:#FE3E31;
	font-weight:bold;
	font-size:30px;
	margin:20px 0;
}
.wrp strong{
	font-weight:bold;
}
.portpage .scroll-wrapper > .scroll-content{
	overflow:hidden!important;
}
.portpage .scrollbar-inner > .scroll-element.scroll-x{
	display:none;
}
.landing_portfolio .mini_port li, .shop_portfolio .mini_port li{
	height:auto;
	width:50%;
}
.mini_port li figure img{
	width:100%;
}
.mini_port li figure{
	vertical-align:bottom;
	width:100%;
}
.likeme.vislike{
	left:30px;
}
.likeme{
	position:fixed;
	left:-300px;
    top: 90%;
    z-index: 9;
    background: #eef0fe;
    border-radius: 200px;
    font-size: 20px;
    text-transform: uppercase;
    padding: 20px 45px;
    text-align: center;
    font-weight: bold;
    line-height: 25px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.blog .pull-left.item-image a{
	position:relative;
	display:block;
}
.blog .pull-left.item-image a:hover:before{
	height:100%;
}
.blog .pull-left.item-image a:before{
	position:absolute;
	width:100%;
	height:100%;
	content:'';
	width:100%;
	height:0;
	bottom:0;
	left:0;
	background-color:rgba(44, 44, 50, 0.72);
	-webkit-transition: all 0.35s ease;
	-moz-transition: all 0.35s ease;
	-o-transition: all 0.35s ease;
	-ms-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
.blog .pull-left.item-image a:hover:after{
	opacity:1;
}
.blog .pull-left.item-image a:after{
	position:absolute;
	background:url('../img/blog_plus.png')no-repeat center;
	width:134px;
	height:134px;
	content:'';
	top:50%;
	left:50%;
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	-ms-transition: all 0.25s ease;
    transition: all 0.25s ease;
	transition-delay:.10s;
	-webkit-transition-delay:.10s;
	-moz-transition-delay:.10s;
	-ms-transition-delay:.10s;
	-o-transition-delay:.10s;
	opacity:0;
}
.beelike{
	position:absolute;
    left: -20px;
    top: -39px;
}
.likeclose{
	position:absolute;
	top:0px;
	right:0px;
	cursor:pointer;
	background:#fff;
	border-radius:50px;
	padding:5px;
}
#fancybox-content {
padding: 18px 9px 30px;
    background: url(//artiqa.ru/img/question-box-bg.jpg) no-repeat center top #9bd9e8;
    background-size: 100%;
	    border: none;
}
.form-block{    width: 280px;
    margin: 0px;
    padding: 55px 23px 16px 23px;
    min-height: 465px;
	}
.form-control {
    color: #333;
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.42857143;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.form-group {
    margin-bottom: 15px;
}
button,
.btn {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}
button:focus,
.btn:focus,
button:active:focus,
.btn:active:focus,
button.active:focus,
.btn.active:focus,
button.focus,
.btn.focus,
button:active.focus,
.btn:active.focus,
button.active.focus,
.btn.active.focus {
  outline: 0;
  outline: none;
}
button:hover,
.btn:hover,
button:focus,
.btn:focus,
button.focus,
.btn.focus {
  outline: 0;
  outline: none;
}
button:active,
.btn:active,
button.active,
.btn.active {
  outline: 0;
  outline: none;
}
.btn {
padding: 14px 17px;
    font-size: 17px;
    line-height: 17px;
    font-weight: 300;
    height: auto;
    background-color: #FE3E31;
    color: #fff;
    border-radius: 30px;
    border: 0;
    vertical-align: top;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    text-decoration: none;
    position: relative;
    overflow: hidden;
}
.btn.focus,
.btn:focus {
  background-color: #cc0d00;
  color: #fff;
}
.btn:hover,
.btn.active,
.btn:active {
  background: #cc0d00;
  color: #fff;
}
.btn:focus {
  outline: 0;
}
.btn:before {
  content: '';
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.5);
  width: 60px;
  height: 100%;
  left: 0;
  top: 0;
  opacity: .5;
  -webkit-filter: blur(30px);
  filter: blur(30px);
  -webkit-transform: translateX(-100px) skewX(-10deg);
  -ms-transform: translateX(-100px) skewX(-10deg);
  transform: translateX(-100px) skewX(-10deg);
}
.btn:after {
  content: '';
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  width: 30px;
  height: 100%;
  left: 30px;
  top: 0;
  opacity: 0;
  -webkit-filter: blur(5px);
  filter: blur(5px);
  -webkit-transform: translateX(-100px) skewX(-10deg);
  -ms-transform: translateX(-100px) skewX(-10deg);
  transform: translateX(-100px) skewX(-10deg);
}
.btn:hover {
  background: #cc0d00;
  cursor: pointer;
}
.btn:hover:before {
  -webkit-transform: translateX(300px) skewX(-10deg);
  -ms-transform: translateX(300px) skewX(-10deg);
  transform: translateX(300px) skewX(-10deg);
  opacity: 0.6;
  -webkit-transition: .7s;
  -o-transition: .7s;
  transition: .7s;
}
.btn:hover:after {
  -webkit-transform: translateX(300px) skewX(-10deg);
  -ms-transform: translateX(300px) skewX(-10deg);
  transform: translateX(300px) skewX(-10deg);
  opacity: 1;
  -webkit-transition: .7s;
  -o-transition: .7s;
  transition: .7s;
}
.btn span {
  display: inline-block;
  vertical-align: middle;
}
span.wpcf7-not-valid-tip {
    color: #f00;
    font-weight: normal;
    display: inline-table;
    position: absolute;
    margin: -30px 0 0 7px;
    font-size: 14px;
}
#calculation span.wpcf7-not-valid-tip {
    color: #f00;
    font-weight: normal;
    display: inline-block;
    position: absolute;
    margin: -21px 0 0 145px;
    font-size: 14px;
    width: 125px;
}
div.wpcf7-validation-errors {
    border: 2px solid #ffffff;
    background: #fff;
    padding: 0.6em 1em;
    border-radius: 4px;
    color: #000;
    text-align: center;
}
div.wpcf7-mail-sent-ok {
    border: 2px solid #ad3;
    background: #ad3;
    padding: 0.6em 1em;
    border-radius: 4px;
    color: #000;
    text-align: center;
}
.math-quiz {
    border: none;
    background: none;
    color: #fff;
    text-transform: uppercase;
    font-size: 22px;
    padding-top: 16px;
    padding-bottom: inherit;
    z-index: 1;
    position: relative;
    width: 100%;
    float: left;
    display: inline-block;
}
.math-quiz input {
    border: none;
    border-bottom: 1px solid #fff;
    background: none;
    width: auto;
    color: #fff;
    text-transform: uppercase;
    font-size: 22px;
    padding-top: 4px;
    padding-bottom: 5px;
    z-index: 1;
    position: relative;
}
.wp_teamshowcase_slider.design-3 .team-slider:hover > .member-main-info {
    background: #ffbb00;
    color: #000;
}
.form-note,input:-moz-placeholder,::-moz-placeholder,:-ms-input-placeholder,::-webkit-input-placeholder{color:#808080}
.calculation .section-note{margin-top:17px;padding-left:17px}.calculate-block .row{margin-left:-4px;margin-right:-4px}.calculate-block .col{padding-right:4px;padding-left:4px}
.calculate-block textarea.form-control{height:90px}
.popup-form,.thanks{width:320px;    height: auto;}
.popup-form .form-title{margin-bottom: 22px;font-size: 26px;color: #fff;font-weight: 400;}
.popup-form .form-title:before{margin:14px auto 0}
.popup-form-wrap{padding: 25px 35px 10px;text-align: center;}
.policy-note {    font-size: 14px;
    line-height: 18px;
    color: #fff;
    padding-top: 10px;}
div.wpcf7 .ajax-loader {
    position: absolute;
    margin: 16px 0px 0px 8px;
}
#fancybox-content>* {
    max-height: max-content;
}
.wpcf7 form .wpcf7-response-output {
    margin: 0em 0.5em 0em;
    padding: 0.2em 1em;
    border: 2px solid #00a0d2;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #ffb900;
    color: #fff;
    background: #ffb900;
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    color: #fff;
    background: #46b450;
}
section.catalog .serv_anims img,
section.corporate .serv_anims img,
section.vizitka .serv_anims img,
section.landing .serv_anims img,
section.digital .serv_anims img,
section.branding .serv_anims img,
section.mob_apps .serv_anims img,
section.design .serv_anims img,
section.shops .serv_anims img,
section.ecommerce .serv_anims img,
section.bitrix .serv_anims img,
section.joomshop .serv_anims img,
.sitecreation  .serv_anims img{
	position:absolute;
	z-index:0;
}
section.digital .serv_anims img.digital_bee{
	right:370px;
	bottom:70px;
	animation:digital_bee 1s ease-out forwards,beemove 14s forwards infinite linear;
	-webkit-animation:digital_bee 1s ease-in forwards,beemove 14s forwards infinite linear;
	-moz-animation:digital_bee 1s ease-in forwards;
	-o-animation:digital_bee 1s ease-in forwards,beemove 14s forwards infinite linear;
	-ms-animation:digital_bee 1s ease-in forwards,beemove 14s forwards infinite linear;
	animation-delay:.5s;
	-webkit-animation-delay:.5s;
	-moz-animation-delay:.5s;
	-ms-animation-delay:.5s;
	-o-animation-delay:.5s;
	z-index:1;
	opacity:0;
}
section.digital .serv_anims img.digital_funnel{
	right:570px;
	bottom:120px;
	opacity:0;
	animation:brand_bees 1s linear forwards;
	-webkit-animation:brand_bees 1s linear forwards;
	-moz-animation:brand_bees 1s linear forwards;
	-ms-animation:brand_bees 1s linear forwards;
	-o-animation:brand_bees 1s linear forwards;
}
@keyframes digital_bee{
	from{opacity:0;right:270px;bottom:-30px;}
	to{opacity:1;right:370px;bottom:70px;}
}
section.branding .serv_anims img.brand_bees{
	right:290px;
	bottom:100px;
	opacity:0;
	animation:brand_allbees 3s linear forwards;
	-webkit-animation:brand_allbees 3s linear forwards;
	-moz-animation:brand_allbees 3s linear forwards;
	-ms-animation:brand_allbees 3s linear forwards;
	-o-animation:brand_allbees 3s linear forwards;
}
section.branding .serv_anims img.brand_mainbee{
	right:217px;
	bottom:51px;
	-moz-transform: scale(.12);
	-webkit-transform: scale(.12);
	-o-transform: scale(.12);
	-ms-transform: scale(.12);
	transform: scale(.12);
	opacity:0;
	z-index:1;
	animation:brand_bees .5s ease-in forwards,brand_mainbee 3s ease-out forwards;
	-webkit-animation:brand_bees .5s ease-in forwards,brand_mainbee 3s ease-out forwards;
	-moz-animation:brand_bees .5s ease-in forwards,brand_mainbee 3s ease-out forwards;
	-ms-animation:brand_bees .5s ease-in forwards,brand_mainbee 3s ease-out forwards;
	-o-animation:brand_bees .5s ease-in forwards,brand_mainbee 3s ease-out forwards;
}
@keyframes brand_mainbee{
	0%{-moz-transform: scale(.12);
	-webkit-transform: scale(.12);
	-o-transform: scale(.12);
	-ms-transform: scale(.12);
	transform: scale(.12);}
	33%{
		-moz-transform: scale(.12);
	-webkit-transform: scale(.12);
	-o-transform: scale(.12);
	-ms-transform: scale(.12);
	transform: scale(.12);
	}
	100%{-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);}
}
@keyframes brand_bees{
	from{opacity:0;}
	to{opacity:1;}
}
@keyframes brand_allbees{
	0%{opacity:0;}
	33%{opacity:1;}
	100%{opacity:0.2;}
}
section.mob_apps .serv_anims img.app_combs{
	right:270px;
	bottom:50px;
	animation:app_combs 1s forwards ease-out;
	-moz-animation:app_combs 1s forwards ease-out;
	-webkit-animation:app_combs 1s forwards ease-out;
	-ms-animation:app_combs 1s forwards ease-out;
	-o-animation:app_combs 1s forwards ease-out;
	opacity:0;
}
section.mob_apps .serv_anims img.app_bee{
	right:448px;
	bottom:193px;
	animation:app_bee 1s forwards ease-out,beemove 14s forwards infinite linear;
	-moz-animation:app_bee 1s forwards ease-out;
	-webkit-animation:app_bee 1s forwards ease-out,beemove 14s forwards infinite linear;
	-ms-animation:app_bee 1s forwards ease-out,beemove 14s forwards infinite linear;
	-o-animation:app_bee 1s forwards ease-out,beemove 14s forwards infinite linear;
	animation-delay:.5s;
	-moz-animation-delay:.5s;
	-webkit-animation-delay:.5s;
	-ms-animation-delay:.5s;
	-o-animation-delay:.5s;
	opacity:0;
}
@keyframes app_bee{
	from{opacity:0;right:648px;}
	to{opacity:1;right:448px;}
}
@keyframes app_combs{
	from{opacity:0;right:170px;}
	to{opacity:1;right:270px;}
}
section.design .serv_anims img.des_bee{
	right:284px;
	bottom:112px;
	opacity:0;
	animation:des_bee 1s forwards ease-out,beemove 14s forwards infinite linear;
	-moz-animation:des_bee 1s forwards ease-out;
	-webkit-animation:des_bee 1s forwards ease-out,beemove 14s forwards infinite linear;
	-ms-animation:des_bee 1s forwards ease-out,beemove 14s forwards infinite linear;
	-o-animation:des_bee 1s forwards ease-out,beemove 14s forwards infinite linear;
	animation-delay:.5s;
	-moz-animation-delay:.5s;
	-webkit-animation-delay:.5s;
	-ms-animation-delay:.5s;
	-o-animation-delay:.5s;
}
@keyframes des_bee{
	from{opacity:0;right:184px;}
	to{opacity:1;right:284px;}
}
section.design .serv_anims img.des_pencils{
	bottom:-220px;
	left:50%;
	opacity:0;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	animation:flower3 1s forwards ease-out;
	-moz-animation:flower3 1s forwards ease-out;
	-webkit-animation:flower3 1s forwards ease-out;
	-ms-animation:flower3 1s forwards ease-out;
	-o-animation:flower3 1s forwards ease-out;
}
@keyframes flower1{
	from{opacity:0;bottom:-200px;}
	to{opacity:1;bottom:0;}
}
@keyframes flower2{
	from{opacity:0;bottom:136px;}
	to{opacity:1;bottom:236px;}
}
@keyframes flower3{
	from{opacity:0;bottom:-150px;}
	to{opacity:1;bottom:0;}
}
section.ecommerce .serv_anims img.flow_1,
section.bitrix .serv_anims img.flow_1,
section.joomshop .serv_anims img.flow_1,
section.shops  .serv_anims img.flow_1{
	right:530px;
	bottom:0;
	opacity:0;
	animation:flower1 1.2s forwards ease-out;
	-moz-animation:flower1 1.2s forwards ease-out;
	-webkit-animation:flower1 1.2s forwards ease-out;
	-ms-animation:flower1 1.2s forwards ease-out;
	-o-animation:flower1 1.2s forwards ease-out;
}
section.ecommerce .serv_anims img.flow_2,
section.bitrix .serv_anims img.flow_2,
section.joomshop .serv_anims img.flow_2,
section.shops  .serv_anims img.flow_2{
	right:279px;
	bottom:136px;
	opacity:0;
	animation:flower2 1s forwards ease-out;
	-moz-animation:flower2 1s forwards ease-out;
	-webkit-animation:flower2 1s forwards ease-out;
	-ms-animation:flower2 1s forwards ease-out;
	-o-animation:flower2 1s forwards ease-out;
	animation-delay:.5s;
	-moz-animation-delay:.5s;
	-webkit-animation-delay:.5s;
	-ms-animation-delay:.5s;
	-o-animation-delay:.5s;
}
section.ecommerce .serv_anims img.flow_3,
section.bitrix .serv_anims img.flow_3,
section.joomshop .serv_anims img.flow_3,
section.shops  .serv_anims img.flow_3{
	right:325px;
	bottom:-150px;
	opacity:0;
	animation:flower3 1s forwards ease-out;
	-moz-animation:flower3 1s forwards ease-out;
	-webkit-animation:flower3 1s forwards ease-out;
	-ms-animation:flower3 1s forwards ease-out;
	-o-animation:flower3 1s forwards ease-out;
	animation-delay:1s;
	-moz-animation-delay:1s;
	-webkit-animation-delay:1s;
	-ms-animation-delay:1s;
	-o-animation-delay:1s;
}
.vizitka  .serv_anims img.fbee,
.landing  .serv_anims img.fbee,
.corporate  .serv_anims img.fbee,
.catalog  .serv_anims img.fbee,
.sitecreation  .serv_anims img.fbee{
	right:495px;
	top:140px;
}
.vizitka  .serv_anims img.sbee,
.landing  .serv_anims img.sbee,
.corporate  .serv_anims img.sbee,
.catalog  .serv_anims img.sbee,
.sitecreation  .serv_anims img.sbee{
	right:215px;
	top:150px;
}
.vizitka  .serv_anims img.combs,
.landing  .serv_anims img.combs,
.corporate  .serv_anims img.combs,
.catalog  .serv_anims img.combs,
.sitecreation  .serv_anims img.combs{
	right:310px;
	bottom:0;
}
.vizitka  .serv_anims img.fbee,
.landing  .serv_anims img.fbee,
.corporate  .serv_anims img.fbee,
.catalog  .serv_anims img.fbee,
.sitecreation .serv_anims img.fbee{
	animation:beemove 14s forwards infinite linear;
	-webkit-animation:beemove 14s forwards infinite linear;
	-moz-animation:none;
	-o-animation:beemove 14s forwards infinite linear;
	-ms-animation:beemove 14s forwards infinite linear;
}
.vizitka  .serv_anims img.sbee,
.landing  .serv_anims img.sbee,
.corporate  .serv_anims img.sbee,
.catalog  .serv_anims img.sbee,
.sitecreation .serv_anims img.sbee{
	animation:sbeemove 14s forwards infinite linear;
	-webkit-animation:sbeemove 14s forwards infinite linear;
	-moz-animation:none;
	-o-animation:sbeemove 14s forwards infinite linear;
	-ms-animation:sbeemove 14s forwards infinite linear;
}
@keyframes beemove{
   0%{
	   transform: rotate(0deg) translateX(20px) rotate(0deg);
	   -webkit-transform: rotate(0deg) translateX(20px) rotate(0deg);
	   -moz-transform: rotate(0deg) translateX(20px) rotate(0deg);
	   -o-transform: rotate(0deg) translateX(20px) rotate(0deg);
	   -ms-transform: rotate(0deg) translateX(20px) rotate(0deg);
   }
   50%{
	   transform: rotate(180deg) translateX(10px) rotate(-180deg);
	   -webkit-transform: rotate(180deg) translateX(10px) rotate(-180deg);
	   -moz-transform: rotate(180deg) translateX(10px) rotate(-180deg);
	   -o-transform: rotate(180deg) translateX(10px) rotate(-180deg);
	   -ms-transform: rotate(180deg) translateX(10px) rotate(-180deg);
   }
   100%{
	   transform: rotate(360deg) translateX(20px) rotate(-360deg);
	   -webkit-transform: rotate(360deg) translateX(20px) rotate(-360deg);
	   -moz-transform: rotate(360deg) translateX(20px) rotate(-360deg);
	   -o-transform: rotate(360deg) translateX(20px) rotate(-360deg);
	   -ms-transform: rotate(360deg) translateX(20px) rotate(-360deg);
   }
}
@keyframes sbeemove{
     0%{
	   transform: rotate(-180deg) translateX(20px) rotate(180deg);
	   -webkit-transform: rotate(-180deg) translateX(20px) rotate(180deg);
	   -moz-transform: rotate(-180deg) translateX(20px) rotate(180deg);
	   -o-transform: rotate(-180deg) translateX(20px) rotate(180deg);
	   -ms-transform: rotate(-180deg) translateX(20px) rotate(180deg);
   }
   50%{
	   transform: rotate(0deg) translateX(10px) rotate(0deg);\
	   -webkit-transform: rotate(0deg) translateX(10px) rotate(0deg);
	   -moz-transform: rotate(0deg) translateX(10px) rotate(0deg);
	   -o-transform: rotate(0deg) translateX(10px) rotate(0deg);
	   -ms-transform: rotate(0deg) translateX(10px) rotate(0deg);
   }
   100%{
	   transform: rotate(180deg) translateX(20px) rotate(-180deg);
	   -webkit-transform: rotate(180deg) translateX(20px) rotate(-180deg);
	   -moz-transform: rotate(180deg) translateX(20px) rotate(-180deg);
	   -o-transform: rotate(180deg) translateX(20px) rotate(-180deg);
	   -ms-transform: rotate(180deg) translateX(20px) rotate(-180deg);
   }
}
.fullstack_eshop .subtext{
	display:block;
	padding-top:0;
	white-space:normal;
	padding:0 70px 70px;
}
.fullstack_eshop h2.r{
	padding-bottom:40px;
}
.seonums.ecom ul li{
	background:url('//artiqa.ru/img/galka.png')no-repeat right 100px center!important;
}
section.thanks .footer-heading,
section.thanks .footer-form{
	display:none;
}
section.thanks .footer-social{
	padding:15px 0 0;
}
a.mme{
	background:url('../img/mmme.png')no-repeat center;
	width:40px;
	height:40px;
	display:block;
	position:fixed;
	bottom:0px;
	right:350px;
	z-index:99;
	background-size:contain;
}