html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    font-style: normal;
	    line-height: initial;
}
body {
    line-height: 1;
}
ul {
    list-style: initial;
}

blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* устанавливаем фокус */
:focus {
    outline: 0;
}

/* устанавливаем 'cellspacing="0"' для таблиц*/
table {
    /*border-collapse: collapse;
    border-spacing: 0;*/
}

table td {vertical-align: middle}

@font-face {
    font-family: 'OpenSans';
	src: url('font/OpenSans.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSans-Bold';
	src: url('font/OpenSans-Bold.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSans-Light';
	src: url('font/OpenSans-Light.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSans-Semibold';
	src: url('font/OpenSans-Semibold.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSans-ExtraBold';
	src: url('font/OpenSans-ExtraBold.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MyriadPro-Cond';
	src: url('font/MyriadPro-Cond.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Cabana';
    src: url('font/Cabana.eot');
    src: url('font/Cabana.eot') format('embedded-opentype'),
         url('font/Cabana.woff') format('woff2'),
         url('font/Cabana.woff') format('woff'),
         url('font/Cabana.ttf') format('truetype'),
         url('font/Cabana.svg') format('svg');
}

* html html, body     {
	color:#52525f;
	font-size:12px;
	background-color:#fff;
    box-sizing: border-box;
}
html,
body{
	height: 100%;
	font-family:'OpenSans';
}

.counters {}

.horizontal{
  position: relative;
  list-style: none;
  background: #fff;
  font-weight: 400;
  font-size: 0;
  display: inline-block;
  padding: 0;  
  color: #ef5222;
  margin: 10px auto;
  text-align:center;
  margin: 20px auto 0 auto;
}
.horizontal li{
    font-size: 14px;
    display: inline-block;
    cursor: pointer;
    z-index: 10;
	text-align: center;
    margin: 0;
} 

.horizontal li a{
    padding: 10px 30px;
}

.drop{
    overflow: hidden;
    list-style: none;
    position: absolute;
    padding: 10px 20px;
    width: 100%;
    left: 0;
    top: 23px;
	margin:0;
  	z-index:10;
  	background-color: #eee;
  	border-radius: 7px;
  	display: none;
}
.drop li{
      width: 33%;
      display: inline-block;
      vertical-align: top;
      text-align: left;
      padding: 0;
    }

.drop li a{
      display:block;
      width: 100%;
      color:#ef5222 !important;
      padding: 6px 0px !important;
      line-height: 16px;
  }

.drop li a:hover{
	text-decoration: underline;
}


a{text-decoration:none;color:#042f4e; cursor:pointer; }
a:visited,a:hover,a:active{color:#eb521f;}
.content .grey a:hover{ text-decoration: underline; }
ul{
	list-style: inside url("../images/bird.png");
    color: #52525f;
    font-size: 12px;
    line-height: 18px;
    margin: 30px 0 30px 50px;
    text-align: left;
}

ul.pre {font-size: 16px; line-height: 20px;}

li{ margin: 10px 0; }

h1{ 
	text-align:center;
	color:#52525f;
	font-size:25px;
	font-family:OpenSans;
	font-weight:normal;
}
h2{	 
	text-align:center;
	color:#52525f;
	font-size:18pt;
	margin-bottom:10px;
	font-family:OpenSans;
	font-weight:normal;
}
h3{ 
	text-align:center;
	color:#52525f;
	font-size:20px;
	font-family:OpenSans;
	font-weight:normal;
}

p{ 
	margin-top:15px;
	margin-bottom:15px;
	line-height: initial;
	color:#52525f;
	font-size:12px;
	/*text-align: left;*/
}

input[type='text'],input[type='number'],input[type='password'],input[type='email']{
	height:40px;
	border:1px solid #9797a5;
	color:#9797a5;
	text-indent:10px;
	margin:10px 0;
	display:block;
	width:270px;
	background-color:transparent;
}

input:focus,textarea:focus{ border:1px solid #ef5323; }

textarea{
	height:140px;
	border:1px solid #9797a5;
	color:#9797a5;
    margin: 10px 0;
    font-family: OpenSans;
    width: 50%;
    background-color: transparent;
    resize: none;
    padding: 10px;
}

 .wrap{
	margin:0 auto;
	width:100%;
	max-width: 1400px;
	position:relative;  
}

header{
	width:90%;
	margin:40px 0 25px 0; 
	min-height: 50px;
	display: inline-table;
}

.logo{
	max-width:250px;
	max-height:50px;
	float:left;
	margin:0 0 20px 20px;
	display:block;
}

.logo img{ 
	width:100%;
	height:100%; 
}

nav { float:right; }

.search{
	float:right;
	max-width:140px;
	height:30px;
	margin:5px 0 0 0;
}

.search input{
	display:none;
	width:100px;
	border:none;
	background-color:none;
	border-bottom:2px solid #f6520b;
	color:#f6520b;
	float:left;
	height:22px;
	text-indent:1px;
}

#inputsearch{ display:none; }

.search img{
	width:22px;
	height:18px;
	float:left;
	margin: 10px 0 0 10px;
	cursor:pointer;
}

.menubut{ 
  width:40px;
  height:50px; 
  float:right;
  display:none;
  font-size: 80px;
  color: #ef5222;
  cursor: pointer;
  line-height: 1px;
  position: relative;
  margin-top: -80px;
  margin-right: 10px;
}

.slider{
	width:100% !important;
	clear:both;
}

.slider img{
	width:100%;
	height:100%;
}

.ovsersl{ 
	overflow:hidden; 
	position: relative;
}


nav  ul.horizontal li:hover a
{
	background-color: rgb(238, 238, 238);
	border-radius: 7px;
}

nav  ul.horizontal li:hover ul.drop{ display: block; }

nav  ul.horizontal li a,nav ul.horizontal li a:visited, nav ul.horizontal li a:hover{ color:#ef5222; }

nav  ul.horizontal li ul li a,nav ul.horizontal li ul li a:visited, nav ul.horizontal li ul li a:hover,nav  ul.vertical li a,nav ul.vertical  li a:visited, nav ul.vertical  li a:hover{ color:#fff; }

/*nav ul.horizontal li.act{ border-bottom: 3px solid #ef5222; }*/

nav ul.vertical{
	background-color:#ef5222;
	display:none;	
	list-style:none;
	width:100%;
	top: 135px;
    right: 0px;
	z-index: 600; 
	color:#fff;
	position: absolute;
	text-align:left;
	font-size:14px;
	padding: 30px 0;
}

nav ul.vertical li{
	list-style-image: none;
	line-height: 30px;
	padding-left: 30px;
}

nav ul.vertical li ul {
	display:none;
	margin: 5px 0 5px -5px;
	position:relative;
	width:230px;
	min-width:100px;
}

nav ul.vertical li ul.drop li{ 
	webkit-transform: none !important; 
    -moz-transform:none !important;
    -ms-transform: none !important;
    transform: none !important; 
    -webkit-transition: none !important; 
    -moz-transition:none !important;
    -ms-transition: none !important;
    transition: none !important; 
    padding-left: 30px !important;
}



nav ul.vertical li ul.drop{ 
	top: 0 !important; 
	background-color:#ef5222;
	padding: 10px;
}
nav ul.vertical li ul.drop li{ 
	padding:0 !important; 
	font-size: 14px !important;
	background-color:inherit; 
	margin:0;
	width: 100%;
}

.darrow{
	background: url(../images/arrow.png) 100% 100%;
	width: 20px;
	height: 10px;
	float: right;
	background-size: 100%;
	margin: 10px 30px 0 0;
	cursor: pointer;
	display: none;
}

nav ul.vertical li:hover,nav ul.vertical li:hover ul.drop{ background-color:#dc3e10;}
nav ul.vertical li ul.drop li:hover a,nav ul.vertical li ul.drop li a{ background-color: inherit !important; }
nav ul.vertical li ul.drop li a:hover{ font-size:18px; }
nav ul.vertical li ul.drop a { color: #fff !important; }

.clear{ clear:both; }

.more a,.butorange button{
	width:100px;
	height:40px;
	line-height:40px;
	text-align:center;
	background-color: transparent;
	border: 1px solid #fff;  
	position: relative;
	display: block;
	text-transform: uppercase;
}

.butorangefill button{
	width:100%;
	height:40px;
	line-height:40px;
	text-align:center;
	border: none;  
	position: relative;
	display: block;
	text-transform: uppercase;
}

.slider_more a{
	width:100%;
	height:100%;
		display: block;
}

.ls-l {left: 0 !important}

.more a,.more a:visited{ color:#fff; }

.slideb{ 
	z-index: 700;
	margin: -70px 0 0 23%;
}

.maintext{
	text-align:center;
	font-family:OpenSans;
	color:#52525f;
	font-size:16px;
	margin:60px 20% 30px 20%;
}

.maintext p{ 
    line-height: 23px;
    font-size: 16px;
	text-align: center;
}

.title{
	text-align:center;
	color:#52525f;
	font-size:25px;
	font-family:OpenSans;
}

.wedo, .cost{
	width:100%;
	padding:40px 0;
	display:table;    
	text-align: center;
}

.wedo .block, .cost .block{
	width:21.5%;
	padding:2%;
	text-align:center;
	color:#fff;
	display:inline-block;
	margin-right:3%;
	position:relative;
	overflow:hidden;
}

.cost{	
	background-color:#042f4e; 
	border-top:3px solid #031e32; 
	border-bottom:3px solid #031e32; 
}

.wedo .block{ background-color:#ef5222; }
.cost .block{ background-color:transparent; }
.wedo{	background-color:#dc3e10; }
.wedo .effb,.butorange .effb, .popupButton .effb{ background:#ef5425; }
.cost .effb{ background:#042f4e; }

.wedo .block .inner, .cost .block .inner{
	  transition:all .5s ease;
	  z-index:2;
	  position:relative;
}

.wedo .eff,.cost .eff{
	width:100%;
	height:100%;
	top:-100%;
	background:#fff;
	position:absolute;
	transition:all .5s ease;
	z-index:1;
	left:0;
}

.wedo .effb,.cost .effb, .popupButton .effb{
	width:100px;
	height:40px;
	bottom:-40px;
	position:absolute;
	transition:all .5s ease;
	z-index:3;
}
.popupButton .effb {
	width: 160px;
}

.popupButton .more a {
	width: 160px;
}
/*
.wedo .block:hover .eff{  left:0;top:0; }
.wedo .block:hover > .inner .intext{ color:#52525f; }
.wedo .block:hover > .inner .title{ color:#52525f; }
.wedo .block:hover > .inner p{ color:#52525f; }
.wedo .block:hover > .inner .more a{ color:#ef5425; border: 1px solid #ef5425;}
.wedo .block:hover > .inner .imagedo{ background-image: url(../images/imghov1.png); }
.wedo .block:hover > .inner .imageseo{ background-image: url(../images/imghov2.png); }
.wedo .block:hover > .inner .imagean{ background-image: url(../images/imghov3.png); }
.wedo .block:hover > .inner .imagesup{ background-image: url(../images/imghov4.png); }
.wedo .more:hover .effb, .popupButton .more:hover .effb {  bottom:0; }
.cost .block:hover .eff{  left:0;top:0; }
.cost .block:hover > .inner .text{ color:#042f4e; }
.cost .block:hover > .inner .title{ color:#042f4e; border-bottom:1px solid #042f4e;  }
.cost .block:hover > .inner p { color:#042f4e;}
.cost .block:hover > .inner .more a{ color:#042f4e; border: 1px solid #042f4e; }
.cost .block:hover > .inner .imagecost1{ background-image: url(../images/imghov5.png); background-size: contain;}
.cost .block:hover > .inner .imagecost2{ background-image: url(../images/imghov6.png); background-size: contain;}
.cost .block:hover > .inner .imagecost3{ background-image: url(../images/imghov7.png); background-size: contain;}
.cost .block:hover > .inner .imagecost4{ background-image: url(../images/imghov8.png); background-size: contain;}
.cost .more:hover .effb {  bottom:0; }
*/

.cost .more a:hover{	
	color: #042f4e !important; 
	background-color: #fff;
}

.wedo .more a:hover{
	color: #ef5425 !important;
	background-color: #fff;
}

.fat {font-weight: bold}
.shopul li p{color: #eeeeee}
.wedo .block:last-child{ margin-right:0%; }

.wedo .block .imagedo,.wedo .block .imageseo,.wedo .block .imagean,.wedo .block .imagesup{
	width:140px;
	height:140px;
	display:inline-block;
	margin-bottom:25px;
}

.cost .block .imagecost1,.cost .block .imagecost2,.cost .block .imagecost3,.cost .block .imagecost4{
	width:82px;
	height:64px;
	display:inline-block;
	margin-bottom:25px;
	margin-top:35px;
}

.wedo .block .imagedo{ background-image: url(../images/img1.png); }
.wedo .block .imageseo{ background-image: url(../images/img2.png); }
.wedo .block .imagean{ background-image: url(../images/img3.png); }
.wedo .block .imagesup{ background-image: url(../images/img4.png); }
.cost .block .imagecost1{ background: url(../images/img5.png) no-repeat center center; background-size: contain;}
.cost .block .imagecost2{ background: url(../images/img6.png) no-repeat center center; background-size: contain;}
.cost .block .imagecost3{ background: url(../images/img7.png) no-repeat center center; background-size: contain;}
.cost .block .imagecost4{ background: url(../images/img8.png) no-repeat center center; background-size: contain;}

.cost .image img{
	width:100%;
	height:100%;
}
/*
.wedo .imagedo:hover,.wedo .imageseo:hover,.wedo .imagean:hover,.wedo  .imagesup:hover{
	transition        : 1.0s ease all;
	-moz-transition   : 1.0s ease all;
	-webkit-transition: 1.0s ease all;
	transform               : rotateY(360deg);
	-moz-transform          : rotateY(360deg);
	-webkit-transform       : rotateY(360deg);
	transform-origin        : center;
	-moz-transform-origin   : center;
	-webkit-transform-origin: center;
	transition              : transform 1.0s ease all;
	-moz-transition         : -moz-transform 1.0s ease all;
	-webkit-transition      : -webkit-transform 1.0s ease all;
}
*/	
.wedo .text,.cost .text{
	width:100%;
	position:relative;
	display:block;
}

.wedo .text{ min-height:110px; }
.cost .text{    
	height: 125px;
    overflow: hidden;
	text-align: justify;
}

.wedo .title{ height:50px; }

.wedo .title,.cost .title{
	width:100%;
	color:#fff;
	font-size:18px;
	line-height:25px;   
	margin-bottom: 10px;
	text-align: center;
}

.wedo .intext{
	height:100px;
	text-align: justify;
	overflow: hidden;
}

.cost .title{
	width:100%;
	height:70px;
	border-bottom:1px solid #fff;
	display:inline-block;
	vertical-align:middle;
}

.wedo .block p,.cost .block p{ color:#fff; font-size: 13px; }

.wedo .more,.cost .more{
	display:inline-block;
	overflow:hidden;
	position:relative;
	margin-top:25px;
}
.popupButton{ 
	text-align: center;
	overflow: hidden;
	margin-top: 25px;
	margin-bottom: 10px;
}
.popupButton .more {position: relative;     width: 160px;   margin: 0 auto;}
.wedo .more a,.cost .more a, .popupButton .more a{ z-index:4; }

.upsite{	
	text-align:center;
	padding:35px 5% 50px 5%;
}

.grey{
	width:100%;
	background-color:#eeeeee;
	display:block;
	border-bottom: 2px solid #eaeaea;
	border-top: 2px solid #eaeaea;
}

.grey p,.grey{ color:#52525f }

.orange{ color: #ed5220; }
.blue{ color:#042f4e; }
.dark{ color:#52525f; }
.light{ /*font-family:OpenSans-Light;*/	font-size:20px; }
aside .light{font-size: 15px}
.lightgrey{ color:#b9b9c6; }
	
.upsite .block:last-child{ margin-right:0%; }
.upsite p{ color:#52525f } 

.upsite .text{ 
	float:left;
	text-align:left;
	max-width:75%;
}

.upsite .image{ 
	float:left;
	margin-right:7%;
}

.upsite .orange{ 
	font-size:20px; 
	margin:20px 0;
	display:block;
	font-family:OpenSans-Light;
}

.upsite .block{
	width:30%;
	margin-right:4.5%;
	display:inline-block;
	margin-top:30px;
	vertical-align:top;
}

.ask{
	display:block;
	width:100%;
	margin: 0 auto;
	text-align:center;
	padding:30px 0 50px 0;
}

.aski{
	display:block;
	width:100%;
	text-align:center;
	border-top: 2px solid #eee;
	margin-top: -2px;
	padding: 30px 0;
	margin: -2px auto 0 auto;
	background-color: #eee;
}

.ask .block {
	display:inline-block;
	width:33%;
	margin-top:45px;
}

.ask .block .title{ 
	color:#042c4c; 
	font-size:22px;
	font-family:OpenSans-Light;
	margin: 0 0 7px 0;
}

.ask .effb,.content .effb, .slide .effb{
	height:40px;
	bottom:-40px;
	background:#ef5425;
	position:absolute;
	transition:all .5s ease;
	z-index:1;
	width:100%;
}

.butorange .effb,.blocknews .effb,.portmain .effb{
	width:100px;
	height:40px;
	bottom:-40px;
	background:#ef5425;
	position:absolute;
	transition:all .5s ease;
	z-index:1;

}

.butorangefill .effb{
	width:100%;
	height:40px;
	bottom:-40px;
	background:#042f4e;
	position:absolute;
	transition:all .5s ease;
	z-index:1;
	cursor: pointer;

}

.ask .more,.content .more, .slide .more{
	display:inline-block;
	overflow:hidden;
	position:relative;
	height:40px;
	margin-top:30px;
}

.ask .more,.content .more.nomargin{
	margin: 0;
}

.slide .more {
	margin: 0 auto;
    display: block;
    width: 200px;
}

.butorange,.blocknews .more,.portmain .more{
	display:inline-block;
	overflow:hidden;
	position:relative;
	width:100px;
	height:40px;
	margin-top:30px;
	float:right;
	margin-left:20px;
}

.butorangefill{
	display:inline-block;
	overflow:hidden;
	position:relative;
	width:100%;
	height:40px;
	margin-top:30px;
	float:right;
	background-color: #ef5222;
	z-index: 0;
	margin: -20px 0 20px 0;
	cursor: pointer;
}


.ask .more a,.butorange button,.blocknews .more a,.portmain .more a,.content .more a, .slide .more a{ 
	z-index:2; 
	border: 1px solid #ef5425;
	white-space:nowrap;  
	padding: 0 15px;
    width: inherit;
	cursor: pointer;
}
.butorange button{ width:100px; padding: 0; }

.aski .more { background-color: #ef5425;}
.aski .more a{
	border: none;
	color: #fff !important;
}

.content .aski .effb{ background:#042f4e !important; }


.butorangefill button{ 
	width: 100%; 
	color: #fff;
	border: none;
	background-color: transparent;
	font-size: 18px;
	text-transform: uppercase;
	z-index: 1;
    width: inherit;
	padding: 0 15px;
	cursor: pointer;
}

.ask .more a,.ask .more a:visited,.content .more a,.content .more a:visited,.butorange button,.blocknews .more a,.portmain .more a, .slide .more a{ color:#ef5425; }
.ask .more:hover > a,.content .more:hover > a,.butorange:hover > button,.butorangefill:hover > button,
.blocknews .more:hover > a,.portmain .more:hover > a,.portmain .more:hover > a, .slide .more:hover > a{ color:#fff; }
.ask .more:hover .effb,.butorangefill:hover .effb,.content .aski .more:hover .effb,.butorange:hover .effb ,
.blocknews .more:hover .effb,.portmain .more:hover .effb,.slider .more:hover .effb, .slide .more:hover .effb{  bottom:0; }

.portmain{
	width:100%;
	display:table;
	padding:0 5%;
}

.portmain .block{
	width:22.5%;
	display:inline-table;
	margin:0 3% 50px 0;
	position:relative;
	vertical-align: top;
	border: 2px outset rgb(255, 102, 0);
}

.namesite{
	margin-top: 25%;
	font-size:20px;
	color:#fff;
	line-height:30px;
	display:block;
	margin-top: -50%;
	text-align: center;
	visibility: hidden;
	z-index: 5;
	position: relative;
}

.portmain .block:last-child{ margin-right:0%; }
.portmain .block .image{ width:100%; height: 160px;}
.portmain .block img{ width:100%;  height: 100%; }
a.namesite,a.namesite:visited,a.namesite:hover{ color: #fff; }

.hover{
	display:block;
	visibility:hidden;
	width:100%;
	height:100%;
	background-color:rgba(247,168,144,0.7);
	position:absolute;
	left: 0;
	top: 0;
	vertical-align:middle;
	text-align:center;
}

.thumbnail .points{
	width:35px;
	height:15px;
	background-image:url(../images/moreport.png);
	display: inline-block;
	visibility: hidden;
	z-index: 5;
	position: relative;
}

.portmain .block:hover .hover{ visibility:visible; }
a.title:visited{ color:#52525f; }
a.title:hover{ color:#ed5220; }

.seo{
	width:100%;
	display:block;
	background-color:#eeeeee;
	text-align:center;
	border-bottom: 2px solid #eaeaea;	
	border-top: 2px solid #eaeaea;	
}

.seo .image{ width:100%; }
.seo .title{ margin:30px 0 15px 0;}

.seo .image img{ width:100%; }

.seo .bigblock{ 
	width:48%;
	text-align:left;
	display:inline-block;
	margin:5px 3.5% 0 0;
	vertical-align:top;
}

.seo .col{
	width:30%;
	margin-right:4.5%;
	text-align:left;
	display:inline-block;
	vertical-align: top;
}

.seo .bigblock:nth-child(2n){ margin-right:0%; }
.seo .col:nth-child(3n){ margin-right:0%; }
.seo .block span{ font-size:18px; }
.seo p{ color:#52525f}

.seo .block{
	width:100%;
	display:table;
	vertical-align:top;
	margin-bottom:25px;
	min-height: 220px;
}

.seo_image_up {margin-top: -10px}

.workwith{
	width:100%;
	display:table;
	padding:0;
	text-align:center;
}

.workwith .title{
	width:100%;
	display:block;
	margin:25px 0;
}



.workwith .block{
	width:22%;
	display:inline-block;
	margin:0 2% 50px 0;
	overflow: hidden;
	height: 195px;
}

.workwith .image{
	display: inline-block;
	width:80px;
	height:80px;
	border-radius:50px;
	position:relative;
	margin-bottom:20px;
}

.workwith .image .hover{ border-radius:50px; }
.workwith .image:hover .hover{ visibility:visible; }
.workwith .image img{ width:100%; }

a.namecomp{ 
	font-size:18px;
	text-align:left;
	text-indent:35px;
	display:block;
}

a.namecomp,a.namecomp:visited{ color:#52525f; }
a.namecomp:hover{ color:#ed5220; }

.quo{
	font-family: Arial, regular;
	font-size: 70px;
	color:#9797a5;
	float:left;
	margin-right:10px;
}

.workwith p{
	color:#52525f;
	font-style:italic;
	text-align:left;
}

footer{
	width:100%;
	display:table;
	padding:25px 5% 15px 5%;
	background-color:#042f4e;
	color:#fff;
	text-align:center;
}

.footcol{
	width:23%;
	color:#fff;
	margin-left:2%;
	text-align:left;
	vertical-align:top;
	display: inline-block;
	min-height:180px;
}

.footlogo{
	width:96px;
	height:100px;
	margin-bottom:35px;
	display:inline-block;
}

.footlogo img{ width:100%; }
.footcol:first-child{ text-align:center; margin-left:0%; }
.footcol:last-child{ width:270px; }

.footcol span.textm{
	font-size:14px;
	line-height:20px;
	display:inline-block;
}

.footcol span.text{
	font-size:16px;
	line-height:40px;
}

.footcol p{
	color:#fff;
	line-height:25px;
}

.footcol a {color: #ff6600}

footer .subscribe{
    display: block;
    height: 35px;
    margin: 30px 0 40px 0;
}

footer .subscribe input[type=text]{
	width:45%;
	height:35px;
	display:inline-block;
	margin: 0 10px 0 0;
	background:transparent;
	border: 3px solid #264a64;
	color:#fff;
	float:left;
}

footer .icons a{
	width:30px;
	height:30px;
	margin-right:25px;
	display:inline-block;
	border-radius:50px;
	border:none;
}

footer .icons a img{ width:100%; }


.subscribe .more{
	display:inline-block;
	overflow:hidden;
	position:relative;
	width:100px;
	height:36px;
	background:#264a64;	
	text-transform:uppercase;
	font-size:11px;
	float:left;
	cursor:pointer;
}

.subscribe .effb{ 
	width:99px;
	height:36px;
	bottom:-36px;
	background:#fff;
	position:absolute;
	transition:all .5s ease;
	z-index:1;
	border:1px solid #264a64;
}

.subscribe .more .but{ 
	z-index:2; 
	padding: 11px 10px;
	position:relative;
}

.subscribe .more:hover .but{ color:#264a64; font-weight:600; }
.subscribe .more:hover .effb {  bottom:0; left:0; }

footermenu{
	text-align:center;
	width:100%;
	margin:60px 0 10px;
}

footer a.menuitem{
	border-right:1px solid #264a64;
	padding:0 7px 0 5px;
	line-height:20px;
}

footer a.menuitem:last-child{ border-right:0px; }
footer a.menuitem{ color:#264a64; }
footer a.menuitem:hover, footer a.act{ color:#fff; }
.copyright{ color:#264a64; }

.up{
	width:45px;
	height:45px;
	background-image:url(../images/up.png);
	position:fixed;
	top:80%;
	left:95%;
	cursor:pointer;
	display:none;
	z-index:999;
}

.breadsover{
	width:100%;
	background-color:#042f4e;
	height:50px;
}

.breads{
	width:100%;
	padding:0 5%;
	color:#fff;
	line-height:50px;
	text-align:left;
}

.home{
	display:inline-block;
	width:22px;
	height:16px;
	background-image:url(../images/home.png);
	margin:2px 2px 0 0;
}

.arrowbread{
	display:inline-block;
	margin:0 7px;
	width:7px;
	height:9px;
	background-image:url(../images/arrowbread.png);
}

.breads a{ font-size:12px; }
.breads a,.breads a:visited{ color:#fff; }
.breads a:hover{ text-decoration:underline; }

.headpage{
	width:100%;
	padding:0 5% 0 5%;
	text-align:left;
	color:52525f;
	line-height:30px;
}

.headpage .image{ 
	width:10%; 
	display:inline-block;
	vertical-align:middle;
	margin: 20px 0 10px 0;
}

.headpage .image img{
	width:78px;
	height:81px;
}

.headpage .text{ 
	width:70%; 
	display:inline-block;
    vertical-align: middle;	
}

.small{ font-size:18px;     line-height: initial;}
.middle{ font-size:20px; text-align: center;}
.big{ font-size:25px; }

.leaders{ padding:70px 5%; }
.leaders p{ color:#52525f; }

.leaders .title.blue{ 
	width:100%;
	display:block;
	margin:10px 0;
}

.leaders .img{
	width: 22%;
	display: inline-block;
	margin: 20px 7% 20px 0%;
}

.leaders img{ width:100%; }

.leaders .text{
	width:60%;
	display:inline-block;
	text-align:left;
	vertical-align:top;
	margin-top:30px;
}

.managers{
	width:100%;
	display:block;
	padding:60px 5%;    
	text-align: center;
}


.manimg{
	width: 88%;
	margin: 30px auto;
}

.manimg img{
	width:100%;
}


.col{
	display:inline-block;
	width:22%;
	margin:5px 2% 5px 0;
	vertical-align:top;
	color: #52525f;
}

.col .title div{
	height: 150px;
	overflow: hidden;
	margin: 0 0 20px 0;
}

.col .title div img{
	height: 100%;
	display: block;
	margin: 0 auto;
}


.managers .col .image{
	width:100px;
	height:100px;
	margin:0;  
	display: inline-block;
	text-align: center;
}

.designer .col .image{
	width:200px;
	height:200px;
	margin:0;  
	display: block;
	text-align: center;
}

.managers .col .image img,.designer .col .image img{ width:100%; }
.designer .title.light,.managers .title.light,.front-end .title.light,.back-end .title.light,.seoaz .title.light,.copywriters .title.light,.content-managers .title.light{ margin:15px 0; }

.counter{
	font-size:40px;
	margin:30px 0;
}

.managers .descr,.designer .descr{
	width:100%;
	font-size:16px;
	margin:0;
	line-height:20px;
}

.comment{
	width:40%;
	display:inline-block;
	text-align:left;
	vertical-align:top;
	margin-right:9%;
}

.comment p{ color:#52525f;}

.comment .quo{ 
	line-height:80px; 
	margin-left:-40px;
}

.managers .comment:nth-child(2n+1){ margin-right:0%; }
.designer .comment:nth-child(2n){ margin-right:0%; }
.comment .name{ 
	text-align:left;
	color: #52525f;
}

.designer{
	width:100%;
	padding:80px 5%;
	display:block;    
	text-align: center;
}

.desimg{
    width: 65%;
    margin: 50px auto;
}

.desimg img{ width: 100%; }


.designer.grey{ background-color:#F8F8F8; }

.designer .percent{ 
	width:100%; 
	margin-top: -60%; 
	font-size:40px;  
}

.front-end{
	width:100%;
	padding:80px 5%;
	display:block;
	text-align: left;
}

.feimg{
	width:23%;
	display: inline-block;
    vertical-align: top;
}

.feimg img{ width: 100%; }

.front-end .text{
	width: 40%;
	display: inline-block;
	vertical-align: top;
	margin: 30px -50px 0px 50px;
}

#coubik {
  width:200px;
  margin:100px;
 -webkit-perspective: 1200px;
 perspective: 1200px;
  display:inline-block;
  margin: 50px 0 0 13%;
}

.sidecb,
.coubik{
  width: 200px;
  height: 200px;
}
.coubik{
  transform-style: preserve-3d;
  animation: rotate 10s infinite linear;
  -webkit-transform-style: preserve-3d;
 }
.sidecb {
  position: absolute;
  width: 200px;
  height: 200px;
  border: .15em solid white;
  border-radius: 60px;
  opacity: .8;
  transform-style: preserve-3d;
  ms-transform-style: preserve-3d;
}
/*.side:before {
  content: "";
  display: block;
  position: absolute;
  width: 200px;
  height: 200px;
  transform: translateZ(40px) rotateZ(45deg);
  box-shadow: 0 0 10px 15px #dfedff inset;
  border: 2px dotted #dfedff;
   border-radius: 50%; 
}*/

.coubik div {
  	position: absolute;
  text-align:center;
	  left: 0;
  	top: 0;
	  width: 200px;
	  height: 200px;
  line-height:200px;
  font-size:3em;
  font-weight:bold;
  transform-origin: 50% 50% -100px;
  -webkit-transform-origin: 50% 50% -100px;
  /*	-webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
	  backface-visibility: hidden;*/
}


.ones{
  background: url(../images/side1.jpg) center;
	-webkit-animation: animate1 12s infinite linear;
	animation: animate1 12s infinite linear;
}
.twos{
	-webkit-animation: animate2 12s infinite linear;
	animation: animate2 12s infinite linear;
  background: url(../images/side2.jpg) center;
}
.threes{
	-webkit-animation: animate3 12s infinite linear;
	animation: animate3 12s infinite linear;
  background: url(../images/side3.jpg) center;
}
.fours{
	-webkit-animation: animate4 12s infinite linear;
	animation: animate4 12s infinite linear;
  background: url(../images/side4.jpg) center;
}
.fives{
	-webkit-animation: animate5 12s infinite linear;
	animation: animate5 12s infinite linear;
  background: url(../images/side5.jpg) center;
}
.sixs{
	-webkit-animation: animate6 12s infinite linear;
	animation: animate6 12s infinite linear;
  background: url(../images/side6.jpg) center;
}


 @keyframes animate1 {
0% {
transform: perspective(1200px) rotateX(0deg) rotateY(90deg) rotateZ(0deg);
}
100% {
transform: perspective(1200px) rotateX(360deg) rotateY(450deg) rotateZ(0deg);
}
}
@keyframes animate2 {
0% {
transform:perspective(1200px) rotateX(0deg) rotateY(270deg) rotateZ(0deg);
}
100% {
transform:perspective(1200px) rotateX(360deg) rotateY(630deg) rotateZ(0deg);
}
}
@keyframes animate3 {
0% {
transform:perspective(1200px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
}
100% {
transform:perspective(1200px) rotateX(450deg) rotateY(0deg) rotateZ(-360deg);
}
}
@keyframes animate4 {
0% {
transform:perspective(1200px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
}
100% {
transform:perspective(1200px) rotateX(270deg) rotateY(0deg) rotateZ(360deg);
}
}
@keyframes animate5 {
0% {
transform:perspective(1200px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}
100% {
transform:perspective(1200px) rotateX(360deg) rotateY(360deg) rotateZ(0deg);
}
}
@keyframes animate6 {
0% {
transform:perspective(1200px) rotateX(0deg) rotateY(180deg) rotateZ(0deg);
}
100% {
transform:perspective(1200px) rotateX(360deg) rotateY(540deg) rotateZ(0deg);
}
}
  
.back-end{
	width:100%;
	display:table;
	padding:50px 5% 100px 5%;
}

.back-end .beimg{
	width: 49%;
	display: inline-block;
	vertical-align: top;
	margin: 20px 3% 0 3%;
}

.back-end .beimg img{ width: 100%; }

.back-end .percent{
	width:100%;
}

.back-end .do{
	width:44%;
	display:inline-block;
	vertical-align: middle;
	text-align:left;  
	font-size: 16px;
    line-height: 30px;
}

.back-end .percentblock{
	width: 49%;
    margin: 20px 0 0;
	text-align: left;
	display: inline-block;
}

.back-end .percentblock img{ 
	width:80%; 
	margin: 10px 0 0 -10px;
}
.back-end .counter{ 
	font-size:20px;
	display: inline-block;
    margin: 0;
}

.back-end .be-span{  font-size: 20px; }
.do ul li{ font-size:16px; }

.seoaz{
	width:100%;
	padding:60px 5%;
	display:block;
	text-align: center;
}

.seoaz .image{
	width: 78%;
	margin-right: 0px;
	display:inline-block;
	vertical-align:middle;
}

.seoaz .text{
	width:67%;
	display:inline-block;
	vertical-align:middle;
	text-align:left;
	margin-top:30px;
}

.seoaz .image img{ width:100%; }
.seoaz .text .orange{ font-size:14px; }
.seoaz .work  .title{ width:100%; }

.seoaz .work{
	display:table;
	margin:-15px 0 35px 0;
}

.seoaz .work .col{
	width:48%;
	padding-right:2%;
	display:table-cell;
}

.seoaz .work .col .block{
	display:block;
	width:100%;
	margin:10px 0;
	font-size:12px;
}

.seoaz .work .col .block .number{
	float:left;
	display:block;
	width:30px;
	height:30px;
	border-radius:50px;
	border:2px solid #ed5220;
	font-size:20px;
	vertical-align:middle;
	text-align:center;
	color:#ed5220;
	padding: 5px;
	margin:0 3% 10px 0;
	line-height: 15px;
}

.seoaz .work .col .block .orange{ font-size:12px; }
.seoaz p { color:#52525f; }
.seoaz .titlegrey{ display:block; width:100%; }

.copywriters{
	width:100%;
	padding:60px 5% 100px 5%;
	display:block;
}

.copywriters .image{
	display:inline-block;
	width:30%;
	vertical-align: middle;
}

.copywriters .text{ 
	display:inline-block;
	width:64%;
	margin-right:5%;
	text-align:left; 
	vertical-align: middle;
}

.copywriters .image img{ width:100%; }
.copywriters .text p{ color:#52525f; }
.front-end p, .content-managers p { color:#52525f; }


.content-managers{
	width:100%;
	padding:60px 5% 100px 5%;
	display:block;
}

.content-managers .image{
	display:inline-block;
	width:35%;
	vertical-align: middle;
}

.content-managers .text{ 
	display:inline-block;
	width:59%;
	margin-right:5%;
	text-align:left; 
	vertical-align: middle;
}

.content-managers .image img{ width:100%; }

.content{  
	display:block;
	width:100%;
	padding:50px 0 0 0;
	text-align: start;
}

.pad{
	padding-left: 5%;
	padding-right: 5%;
    padding-bottom: 1%;
}

.conttext{
	width:35%;
	display:inline-block;
	margin-right:4%;
	text-align:left;
	line-height:30px;
	vertical-align:top;
	margin-bottom: 50px;
}

.contform{
	width:60%;
	display:inline-block;
	vertical-align:top;
	text-align:left;
	line-height:30px;
	margin-bottom:0;
}

.contform input{	width:45%; }
.contform textarea{	width:100%; }

span.ws{ white-space:nowrap; }


.leftsidebar{
	width:70%;
	margin:0px 0 50px 0;
	display:inline-block;
	vertical-align:top;
	
}

.leftsidebar p{ margin-top: 0; }

aside{
	width:29%;
	display:inline-block;
	margin-bottom:50px;
	vertical-align:top;
	/*margin-top: 70px;*/
}

aside a{ display: block;}

.blocknews, .fullblocknews{ 
	width:100%;
	margin:0 0 25px 0;
	clear: both;
	display: table;
 }
 
.fullblocknews table{ 
	border: 2px solid #ff6600;
}
.fullblocknews table td{ 
	border: 1px solid #ff6600;
	padding: 5px;
}

.blocknews a.newstit{
	text-align:left;
	margin: 0 0 25px 0px;
	display: block;
}
 
.blocknews a.newstit:hover{ color:#52525f; }
 
 
.blocknews article{
	width:100%;
	height:120px;
	overflow:hidden;
}

.blocknews article p{ 
	font-size:14px; 
	color:#52525f;
	line-height:25px;
	text-align:left;
}
 
.blocknews .image, .fullblocknews .image{ 
	width:100%;
	height:35%;
}

.blocknews .image img, .fullblocknews .image img{ 
	width:100%;
	height:100%;
}

.pages{
	display:table;
	width:100%;
	margin:25px auto;
}

.pages a{
	display:inline-block;
	width:40px;
	height:40px;
	border:1px solid #ef5222;
	vertical-align:middle;
	text-align:center;
	font-size:12px;
	margin: 0px 15px;
	line-height: 40px;
}

.pages a,.pages a:visited{ color:#ef5222; }
.pages a:hover,.pages a.act{ color:#fff; background-color:#ef5222; }

.rightblock{
	width:100%;
	display:block;
	margin-bottom:50px;
	text-align:left;
	padding-left:25%;
}

.rightblock a{
    margin: 10px 0;
    display: block;
	line-height: initial;
}
.rightblock a,.rightblock a:visited { color:#52525f;}
.rightblock a:hover, .rightblock a.active { color:#ef5222;}

.rightblock .title{
	text-align:left;
	margin: 0 0 10px 0; 
}

.lines{
	width: 100%;
    color: #015283;
    height: 50px;
    font-size: 60px;
    display: none;
    cursor: pointer;
    text-align: left;
}

.welcome{
	padding: 30px 10% 20px 10%;
}

.marm50{ margin-top:-50px; }

.aboutbig{
	display: table;
	text-align: left;
}

.aboutstring{
	width: 100%;
	margin: 20px 0px;
	clear: both;
}


.aboutstring .image{
	width: 9%;
	display: inline-block;
	vertical-align: middle;
}

.aboutstring .text{
	display: inline-block;
	vertical-align: middle;
	width: 90%;
}

.aboutus-text{
	width:48%;
	display: inline-block;
	vertical-align: middle;
	margin-right: 3%;
}

.aboutus-image{
	width:48%;
	display: inline-block;
	vertical-align: middle;
}

.aboutus-image img{ width: 100%; }

.aboutstring:first-child{ margin-top:30px; }
.aboutstring:last-child{ margin-bottom:30px; }

.aboutus{
	width: 100%;
	text-align: left;
	display:table;
	padding:50px 5%;
	margin-bottom: -50px;
}

.shad {/*box-shadow: 1px 1px 0 #ccc, 2px 2px 0 #c9c9c9, 3px 4px 0 #bbb, -1px 1px 0 #ccc, -2px 2px 0 #c9c9c9, -3px 4px 0 #bbb; box-shadow: 0px 9px 0px #bbb, 0px 9px 25px rgba(0, 0, 0, 0.7);*/}
.shadact{ background-color: #f6f6f6  !important; border: solid 1px #fc6914; }
.noshad{margin-top: 5px; box-shadow: none !important}
.i-b{display: inline-block}
.margleft10 {margin-left: 10px}
.totalprice {font-size:25px; color: #f60}

.circles{
	display:flex;
	/*justify-content:space-between;*/
	width:100%;
	padding:0 5%;    
	margin-top: -50px;
    margin-bottom: 30px;
}

.circle{
	border-radius:50%;
	width:170px;
	height:170px;
	text-align:center;
	padding-top:60px;
	font-size:18px;
	color:#fff;
	line-height: 25px;
	cursor: pointer;
	margin-right:20px;
}

.cname{ display: block; color:#fff; }
a.circle,a.circle:visited,a.circle:hover{ color:#fff; }
a.shadact.circle .cname,a.shadact.circle:visited .cname,a.shadact.circle:hover .cname{ color: #fc6914 !important; }

.ar-circle{
	width:24px;
	height:15px;
    display: inline-block;
    cursor: pointer;
    background-image: url(../images/arrowcircles.png);
    margin-top: 20px;
}

.shadact .ar-circle { background-image: url(../images/arrowcircles_hov.png);}

.c1{ background-color:#ef5222; }
.c2{ background-color:#fc5614; }
.c3{ background-color:#fc6914; }
.c4{ background-color:#fc7c14; }
.c5{ background-color:#f77b22; }
.c6{ background-color:#fc802d; }
.cgrey{ background-color:#eee; }

.price{
	display: table;
	padding:0 5%;
	margin-bottom: -50px;
}

.price .title{ margin: 30px 0; }

.pricegroup{
	width: 100%;
	margin-bottom: 20px;
}

.pricegroup-head{
	width: 100%;
	background-color: #fc5614;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	margin-bottom: 5px;
	font-size: 25px;
}

.pricegroup-block{
	width: 100%;
	display: table;
	background-color:#fff;
	border-bottom:1px solid #eeeeee;
}

.price-info{
	width:83%;
	vertical-align: middle;
	text-align: left;
	line-height: 18px;
	padding: 25px 40px;
	display: table-cell;
	border-right:30px solid #eeeeee;
}

.price-sum{
	width:15%;
	font-size: 16px;
	text-align: center;
	vertical-align: middle;
	display: table-cell;   
	padding: 5px;
}


.price-sum .orange{ vertical-align: middle;
  display: inline-block; }

.pricegroup-block:nth-child(odd ){ background-color:#fef4f1; }

.price-check{
	width: 8%;
	display: inline-block;   
	vertical-align: middle;
	margin-top: -50px;
}

.price-desc{
	display: inline-block;
	width: 91%;
	vertical-align: middle;
}

.price-name{
	color:#ee5221;
	font-size: 16px;
	margin-bottom: 15px;
}

.price-text{
	color:#52525f;
	font-size: 12px;
}


input[type="radio"],input[type="checkbox"]  {   display:none;}
input[type="radio"] + label span.radiob,input[type="checkbox"] + label span.radiob{ 
	width:12px;
	display:inline-block;
	height:12px;
	cursor:pointer;
	color:#fff;
	vertical-align:middle;
	text-align:center;
	padding-top:10px;
	background-image: url(../images/cb-uncheck.png);
}
input[type="radio"]:checked + label span.radiob,input[type="checkbox"]:checked + label span.radiob{  
	min-width:12px;
	display:inline-block;
	height:12px;
	cursor:pointer;
	vertical-align:middle;
	text-align:center;
	background-image: url(../images/cb-check.png);
}

.countprod{}
.countprod input{  
	width: 60px;
	height: 30px;  
	margin-bottom: -10px;
}

.cart{
	display: flex;
	justify-content:space-between;
	margin:50px 0 150px 0;
}

.cartcost{
	width:45%;
	text-align: center;
}

.cartform{
	width:100%;
	text-align: left;
	line-height:30px;
	/*display: none;*/
}

.cartform-left{
	width: 40%;
	display: inline-block;	
	margin-right: 3%;
	vertical-align: top;
}

.cartform-right{
	width: 56%;
	display: inline-block;	
	vertical-align: top;
}

.cartform-left input[type="text"],.cartform-right textarea{	width:100%; }

.divize{text-align:left; margin: 0 0 5px 0} 

.cartcost .butorange{ 
	margin-left: 0px; 
	margin-top: 0px; 
	float: none;
}

.cartform .butorange{ float:right; }

.textsum{ 
	margin:20px 0; 
	line-height: 35px;
	font-family: 'OpenSans-Light';
	text-align: center;
}

.cartform-text{ margin-bottom: 30px; }

.gallery-main{
	width: 100%;
	text-align: center;
	padding: 0 5%;
}

.gallery-box{
	width:31%;
	margin-right: 1%;
	margin-left: 1%;
	display: inline-block;
	margin-bottom: 25px;
	vertical-align:top;
}

.gallery-box:nth-child(3n+1){
	*margin-right: 0;
}

.gallery-box:last-child{ margin-right: 0; }

.hidden{ display: none; }

.direction-aware-hover {
  background: transparent;
  display: inline-block;
  height: 235px;
  margin: 0;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.direction-aware-hover img{
	height:100%;
}

.direction-aware-hover > * {
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.direction-aware-hover__left {
  left: -70.75%;
  right: 70.75%;
}

.direction-aware-hover__right {
  left: 70.75%;
  right: -70.75%;
}

.direction-aware-hover__top {
  bottom: 70.75%;
  top: -70.75%;
}

.direction-aware-hover__bottom {
  bottom: -70.75%;
  top: 70.75%;
}

.direction-aware-hover__content {
  background: #369;
  bottom: none;
  color: #EEE;
  height: 100%;
  opacity: 0;
  right: none;
  transform: none;
  transition: opacity .25s,
    left .25s ease-in-out,
    top .25s ease-in-out,
    z-index 0s linear .25s;
  width: 100%;
  z-index: -1;
  background-color:rgba(247,168,144,0.7);
}

.direction-aware-hover__content:after {
	bottom: -100%;
	content: '';
	left: -100%;
	position: absolute;
	right: -100%;
	top: -100%;
	z-index: -1;
}

*:hover ~ .direction-aware-hover__content {
  transition: opacity 0s,
    left 0s ease-in-out,
    top 0s ease-in-out,
    z-index 0s linear 0s;
  z-index: 1;
}

.direction-aware-hover__left:hover ~ .direction-aware-hover__content { left: -100%; }
.direction-aware-hover__right:hover ~ .direction-aware-hover__content { left: 100%; }
.direction-aware-hover__top:hover ~ .direction-aware-hover__content { top: -100%; }
.direction-aware-hover__bottom:hover ~ .direction-aware-hover__content { top: 100%; }

.direction-aware-hover__content:hover {
	left: 0;
	opacity: 1;
	top: 0;
	transition: opacity 0.25s,
    left .25s ease-in-out,
    top .25s ease-in-out,
    z-index 0s linear 0s;
	z-index: 1;
}

.gal-alias{
	font-size: 20px;
	text-align:left;
	margin: 20px 0 10px 0;
	display: block;
	font-family: OpenSans-Light;
}

a.gal-alias, a.gal-alias:visited{ color: #ee5221; }
a.gal-alias:hover{ color: #52525f; }

.gallery-box .text,.gallery-box .text p{
	font-size: 12px;
	color: #9797a5;
	text-align: left;
}

.options{
	display: block;
	text-align: justify;
	width: 100%;
	margin-top: 15px;
	line-height: 20px;
	position: relative;
}

.option{
	width:auto;
	display: inline-block;
	margin-right: 10px;
}

.bird{
	width: 15px;
	height: 16px;
	display: inline-block;
	background-image: url(../images/bird.png);
	vertical-align: middle;
}

.option-text{
	display: inline-block;
	font-size: 14px;
	color: #52525f;
	vertical-align: middle;
}

.gal-more{
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	width: 50px;
	height: 20px;
	background-image: url(../images/moreportbig.png);
	position: absolute;
	top: 48%;
	display: inline-block;
	left: 43%;
}

.gallery-box:last-child{ margin-right: 0%; }

.develop{
	width: 100%;
	padding: 50px 5%;
	display: table;
}

.develop-left{
	width: 32%;
	display: inline-block;
	margin-right: 2%;
	vertical-align: top;
	text-align: left;
	position: relative;
	margin-bottom: 50px;
}

.develop-right{
	width: 65%;
	display: inline-block;
	vertical-align: top;
	text-align: center;
}

.develop-left .image{
	width: 100%;
	display: block;
	margin-bottom: 15px;
}

.develop-left .image img,.develop-left img{ width: 100%; }

.stickers{
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
}

.stickimage{
	width: 70px;
	height: 70px;
	float: right;
	margin:0px 0px 15px 0;
	clear: both;
}

.orangetiny{
	width: 100%;
	color: #ec521f;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
}

.develop-right p{ color: #9797a5; }

.bluepart{
	width: 100%;
	background-color:#042f4e;
	display: block;
	padding: 50px 0;
	color: #fff;
	font-size: 14px;
	text-align: left;
}

.up-orangeblock{
	display: table-cell;
	width: 15%;
	padding-right: 2%;
	vertical-align: top;
}

.bluepart .text{
	display: table-cell;
	text-align: left;
	vertical-align: top;
	line-height: 20px;
	width: 55%;
	padding-right: 4%;
}

.bluepart .text .orange{
	font-size: 18px;
	line-height: 25px;
}

.bluepart .image{
	width: 20%;
	display: table-cell;
	vertical-align: top;
}

.bluepart .image img{ width: 100%; }

.lh35{ line-height: 35px; }

.portmain .more {
	float: none;
	margin: 0 40px -20px 0;
}

.siteblock{
	width: 100%;
	padding: 65px 5%;
}

.sitebigblock{
	width: 100%;
	margin-top: 50px;
    display: flex;
    justify-content: space-between;
}

.site-innerblock{
	width: 47%;
    position: relative;
    vertical-align: top;
}
.site-innerblock:first-child{ margin-right: 6%; }

.arendimg{
	width:100%;
	display: block;
}

.arendimg img,.arend-bigsticker img,.arend-smallsticker img{ width: 100%; }

.arendstickers{
	display: inline-block;
	position: absolute;
	right: 0;
	left:0;
	vertical-align: middle; 
    top: 5%;
}

.arend-bigsticker{
	width: 170px;
	height: 170px;
	margin:0px 15px 0px 0;
	display: inline-block;
    vertical-align: middle;
}

.arend-smallsticker{
	width: 60px;
	height: 60px;
	margin:0px 15px 0px 0;
	display: inline-block;
    vertical-align: middle;
}

.pattern .more a{ padding:0 5px; }

.shopblock{
	margin: 50px auto 30px auto;
	text-align: center;
}

.shopblock .image {
    width: 25%;
    margin: 35px 0% 5px 0;
    float: right;
}

.shopblock .image img{
	width: 100%;
}

.shopblock .text{
	margin:50px 0 0 0;
	text-align: left;
}

.tableshop{
	display: flex;
	width: 100%;
	justify-content: space-between;
	text-align: left;
}

.tableshop-col{	width:48%; }

.shopul{
	list-style: outside url("../images/greybird.png");
	*list-style: outside none;
    color: #fff;
    font-size: 14px;
    line-height: 25px;
    margin: 30px 0 0 20px;
    text-align: left;
}

/*.shopul li:before{ color:#fff; content: ''; 	}*/

.bigpad{ padding:0 10%; }
.semibold{ font-family: OpenSans-Semibold; }

.orangepart{
	width: 100%;
	display: table;
	background-color: #eb521f;
}

.orangepart .text{
	width: 100%;
    font-family: OpenSans-Light;
    font-size: 20px;
    color: #fff;
    text-align: left;
    display: block;
    padding: 15px 0;
    line-height: 25px;
}

.orangepart .image{
	width: 71px;
	height: 68px;
	float: left;
	margin:10px 35px 10px 0;
}

.tright{ text-align: right; }
.lright{ text-align: left; }

.stickers-shop{
	display: block;
    position: absolute;
    top: 20%;
    right: 0px;
}

.stickers-small, .stickers-big{
	display: inline-block;
    vertical-align: middle;
}

.stickers-small img{
	display: block;
    margin: 10px 25px 10px 0;
}

.circle-container { width: 100%; }

.circliful { 
	position: relative;
	margin: 0 auto;
}

.circle-text, .circle-info, .circle-text-half, .circle-info-half {
    width: 100%;
    position: absolute;
    text-align: center;
    display: inline-block;
}

.circle-info, .circle-info-half { color: #999; }

.freeblock{
	display: flex;
	justify-content: space-between;
	margin: 60px 0 0 0;
}

.freecol{
	width: 30%;
}

.blueblue{
	color: #0a6cb6;
}

.center{ 
	margin: 0px auto;
	display: inline-block; 
}

.freesitebig{
	width: 100%;
	display: block;
	margin: 60px 0;
}

.bluepart-small{
	width: 100%;
	background-color: #042F4E;
	display: block;
	padding: 10px 0px;
	color: #FFF;
	font-size: 16px;
	text-align: left;
	margin: 0 0 45px 0;
}

.clearfix,
.clearfix:before,
.clearfix:after {
  display: block;
  content: " ";
  clear: both;
  zoom: 1;
}
/* Bar Graph Class */
.barGraph {
  position: relative;
  width: 100%;
  height: auto;
  margin-bottom: 50px;
}
.graph {
  position: relative;
  list-style-type: none;
  padding: 0;
  margin: 0;
  width: calc(96%);
  left: 4%;
}
.graph-barBack {
    border-radius: 2px;
    background: #feab8b;
    margin-bottom: 10px;
    display: inline-block;
    width: 75%;
    margin: 20px 15px 3px -5px;
}
.graph-bar {
    background-color: #fc5614;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
    border-radius: 2px;
    cursor: pointer;
    margin-bottom: 10px;
    position: relative;
    z-index: 9999;
    display: block;
    height: 7px;
}
.graph-bar:last-child {
  margin-bottom: 0;
}
.graph-bar:after {
  position: absolute;
  content: attr(data-value);
  display: none;
  font-size: 12px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  line-height: 20px;
  height: 20px;
  padding: 0 10px;
  margin-left: 5px;
  left: 100%;
  top: 0;
}
.graph-legend {
  position: absolute;
  margin-right: 10px;
  left: -40px;
  z-index: 9999;
}

.leftsidebar a,.leftsidebar a:visited{
	color: #ef5222; 
	text-decoration: underline;
}

.leftsidebar a:hover{ text-decoration: none; }

.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: .65;
}
.btn-default, .btn-default:visited {
  color: #fff;
  background-color: #042f4e;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #fff;
  background-color: #ef5222;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}

.errorMessage, .errorSummary 
{
	color: #A94442;
    background-color: #F2DEDE;
    border-color: #EBCCD1;
    padding: 0px 15px;
    border-radius: 4px;
}

.rightblock a.actArt {color: #f70}

.tab {display:none}
.centerText {text-align:center}

.red{color:#f00}

a.title:hover{ text-decoration: underline; }

/*----------------portslider-------------------*/
#xer a.bgal {
	-webkit-transition: all 150ms ease;
	-moz-transition: all 150ms ease;
	-ms-transition: all 150ms ease;
	-o-transition: all 150ms ease;
	transition: all 150ms ease; 
    background-color: rgba(220, 62, 16, 0.6);
    text-align: center;
	}
   #xer li.span3:hover img {
        opacity: 0.6;
    }
#xer li.span3:hover .namesite,#xer li.span3:hover .points{
	visibility: visible;
}
.container-fluid {
  padding-right: 20px;
  padding-left: 20px;
  *zoom: 1;
}

.container-fluid:before,
.container-fluid:after {
  display: table;
  line-height: 0;
  content: "";
}

.container-fluid:after {
  clear: both;
}
/* Container */
.container-fluid {
    background: #FFFFFF;
   *margin: 40px auto 10px;
   padding: 20px 5% 0;
   *max-width: 960px;
    *box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.span3 {
  width: 220px;
}

.row-fluid .thumbnails {
  margin-left: 0;
}
.row-fluid {
  width: 100%;
  *zoom: 1;
}


.row-fluid:before,
.row-fluid:after {
  display: table;
  line-height: 0;
  content: "";
}

.row-fluid:after {
  clear: both;
}

.row-fluid [class*="span"] {
  display: block;
  float: left;
  width: 100%;
  min-height: 30px;
  margin-left: 2.127659574468085%;
  *margin-left: 2.074468085106383%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.row-fluid [class*="span"]:first-child {
  margin-left: 0;
}

.row-fluid .controls-row [class*="span"] + [class*="span"] {
  margin-left: 2.127659574468085%;
}

.row-fluid .span12 {
  width: 100%;
  *width: 99.94680851063829%;
}
.row-fluid .span3 {
  width: 23.404255319148934%;
  *width: 23.351063829787233%;
}
.row-fluid .controls-row [class*="span"] {
  float: left;
}
.thumbnails > li {
  float: left;
  margin-bottom: 20px;
  margin-left: 20px;
}

.thumbnail {
  display: block;
  padding: 4px;
  line-height: 20px;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}

.thumbnail > img {
  display: block;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.thumbnail .caption {
  padding: 9px;
  color: #555555;
}

/* Thumbnail Box */
.caption h4 {
    font-size: 1rem;
    color: #444;
    }
    .caption p {
        font-size: 0.75rem;
        color: #999;
        }
        .btn.btn-mini {
            font-size: 0.63rem;
            }

.carousel {
  position: relative;
  margin-bottom: 20px;
  line-height: 1;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
    height: 225px;
}

.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: 0.6s ease-in-out left;
     -moz-transition: 0.6s ease-in-out left;
       -o-transition: 0.6s ease-in-out left;
          transition: 0.6s ease-in-out left;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  line-height: 1;
}

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}

.carousel-inner > .active {
  left: 0;
}

.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}

.carousel-inner > .next {
  left: 100%;
}

.carousel-inner > .prev {
  left: -100%;
}

.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}

.carousel-inner > .active.left {
  left: -100%;
}

.carousel-inner > .active.right {
  left: 100%;
}


.carousel-control:hover,
.carousel-control:focus {
  color: #ffffff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.carousel-indicators {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 5;
  margin: 0;
  list-style: none;
}

.carousel-indicators li {
  display: block;
  float: left;
  width: 10px;
  height: 10px;
  margin-left: 5px;
  text-indent: -999px;
  background-color: #ccc;
  background-color: rgba(255, 255, 255, 0.25);
  border-radius: 5px;
}

.carousel-indicators .active {
  background-color: #fff;
}

.carousel-caption {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 15px;
  background: #333333;
  background: rgba(0, 0, 0, 0.75);
}

.carousel-caption h4,
.carousel-caption p {
  line-height: 20px;
  color: #ffffff;
}

.carousel-caption h4 {
  margin: 0 0 5px;
}

.carousel-caption p {
  margin-bottom: 0;
}
/* Carousel Control */
.control-box {
    text-align: right;
    width: 100%;
    }
   




 .thumbnail a.bgal  { display:block; height: 150px; }
 .thumbnail a.bgal  img {width: 100%; height: 100%;} 

 .carousel-control {
  position: absolute;
  top: 40%;
  left: 15px;
  width: 40px;
  height: 40px;
  font-size: 60px;
  font-weight: 100;
  line-height: 25px;
  color: #ffffff;
  text-align: center;
  background: #DC3E10;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.carousel-control.right {
  right: -38px;
  left: auto;
  position: absolute;
  top: 46%;

}

.carousel-control.left {
  left: -40px;
  position: absolute;
  top: 46%;

}
.carousel-control:hover,
.carousel-control:focus {
  color: #ffffff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.diploms{
	width:100%; 
	display:flex;
	justify-content:space-between;
	text-align:center;
}

.diplomblock{
	width:30%;
	display:block;
	margin-bottom: 50px;
}

.diplom1{
	width: 264px;
	height: 433px;
	background: url('../images/ourdiplom0.jpg');
	display: block;    
	margin: 0 auto;
}

.diplom1:hover{
	background: url('../images/ourdiplomhov0.jpg');
}

.diplom2{
	width: 259px;
	height: 433px;
	background: url('../images/ourdiplom1.jpg');	
	display: block;  
	margin: 0 auto;
}

.diplom2:hover{
	background: url('../images/ourdiplomhov1.jpg');
}

.diplom3{
	width: 268px;
	height: 433px;
	background: url('../images/ourdiplom2.jpg');
	display: block;  
	margin: 0 auto;
}

.diplom3:hover{
	background: url('../images/ourdiplomhov2.jpg');
}

.diplomtext{
	font-family: 'times new roman', times, serif; 
	font-size: 14pt; 
	color: #ff9900;
	text-align: center;
}

.errorcont{
	height: 800px;
	background-color: #fc5614;
	position: relative;
}

.cloudleft{
	width: 213px;
	height: 201px;
	background: transparent url("../images/clouds1.png") no-repeat scroll 0% 0%;
	position: absolute;
	z-index: 1;
	left: 10px;
	top: 30px;
}

.cloudright{
	width: 214px;
	height: 253px;
	background: transparent url("../images/clouds2.png") no-repeat scroll 0% 0%;
	z-index: 1;
	position: absolute;
	top: 20px;
	right: 10px;
}

.miderror{
	margin: 0px auto;
	display: block;
	max-width: 600px;
}

.errortext{
	color: #FFF;
	text-align: center;
	position: relative;
	z-index: 2;
	margin: -50px 0 40px 0;
}

.errorbottom{
	height: 329px;
	width: 100%;
	background: url('../images/back-bottom.jpg') repeat-x;
	bottom: 0;
	position: absolute;
	z-index: 1;
}

.panda{
	width: 558px;
	height: 459px;
	background: url('../images/panda.png') no-repeat;
	bottom: 0;
	position: absolute;
	z-index: 2;
}

.erroreb{
	font-family: 'OpenSans-ExtraBold';
	font-size: 101px;
	margin: 20px 0px;
}

.errorb{
	font-family: 'OpenSans-Semibold';
	font-size: 36px;
	margin: 0 0 20px 0;
}

.errorr{
	font-family: "OpenSans";
	font-size: 30px;
	margin: 0px 0px 20px;
}

.errorr a{
	font-family: 'OpenSans';
	font-size: 30px;
	text-decoration: underline;
}

.errorr a:visited{ color: #fff; }
.errorr a:hover{ text-decoration: none; }

blockquote.rev-block{
	width: 100%;
	margin: 25px 0 55px 0;
	border-bottom: 1px solid #9797a5;
	padding-left: 80px;
}

.rev-name{
	margin: 0 0 10px 0;
	width: 100%;
	text-align: left;
}

blockquote.rev-block p{
	font-family: 'OpenSans-Light';
	font-style: italic;
	font-size: 18px;
	line-height: 22px;
	text-align: justify;
}

.rev-date{
	text-align: right;
	margin: 15px 0;
	width: 100%;
	font-style: italic;
	font-size: 18px;
	font-family: 'OpenSans';
	padding-right: 25px;
}

.rev-text{
	margin: 25px 0;
}

.revtit{
	width: 100%;
	text-align: center;
	margin: 30px 0 0 0;
}

.new-rev{
	width: 80%;
	display: block;
	margin: 25px auto;
	text-align: center;
}

.moreright{
	text-align: right;
	margin: 0 4% 0 0;
}

.new-rev textarea{
	width: 92.5%;
}

.new-rev input[type="text"], .new-rev input[type="email"]{
	display: inline-block;
	margin: 2%;
	width: 44%;
}

blockquote.rev-block:before{
	content: "\201C";
    font-size: 150px;
    font-family: Arial;
    margin: 0px 0 0px -80px;
    float: left;
    display: block;
    color: #9797a5;
}

.price-cont{
	width: 100%;
	margin: 20px 0;
	text-align: center;
}

.price-cont p{ font-size: 16px; }

.price-twoc{
	display: inline-block;
	width: 420px;
	margin: 0 30px 30px 0; 
	vertical-align: top;
}

.price-threec{	
	display: inline-block;
	width: 270px;
	margin: 0 30px 30px 0; 
	vertical-align: top;
}

.price-twoc:nth-child(2n+1),.price-threec:nth-child(3n+1){ margin-right: 0; }

.hbig{ min-height: 460px; }
.price-cont ul {    margin: 15px 0 20px 30px;}
.hmid{ height: 360px; }
.hsmall{ height: 250px; }
.htiny{ height: 180px; }

.head-price{
	min-height: 50px;
	width: 100%;
	background-color: #fc5614;
	text-align: center;
	line-height: 25px;
	color: #fff;
	font-family: 'OpenSans';
	font-size: 20px;
	padding: 12px 10px 13px 10px;
	border: 1px solid #fc5614;
}

.price-head-info{
	width: 100%;
	background-color: #fff;
	overflow: hidden;
	text-align: left;
	border-right: 1px solid #dedede;
	border-left: 1px solid #dedede;
}

.body-price{
	width: 100%;
	background-color: #fff;
	padding: 5px 10px 0 10px;
	overflow: auto;
}

.hinner-big{ min-height: 410px; }
.hinner-mid{ height: 310px; }
.hinner-small{ height: 200px; }
.hinner-tiny{ height: 130px; }

.price-bottom{
	text-align: center;
	color: #fc5513;
	font-size: 25px;
	line-height: 30px;
	font-family: 'OpenSans';
	height: 50px;
	background-color: #fff;
	border-right: 1px solid #dedede;
	border-left: 1px solid #dedede;
	border-bottom: 2px solid #dedede;
}

.price-cont .title{
	margin: -10px 0 20px 0;
}

.padsmall{ 
	padding-left: 10px;
	padding-right: 10px;
}

.price-twoc:last-child,.price-threec:last-child{ margin: 0 0 30px 0; }

.price-table{
	width: 100%;
	margin: 0px auto 60px auto;
	max-width: 870px;
}

.price-table-inner{
	width: 100%;
	display: table;
	background-color: #fff;
	padding: 5px 5% 20px 5%;
	border-bottom: 2px #dedede;
	border-left: 1px solid #dedede;
	border-right: 1px solid #dedede;
}

.price-table-head{
	background-color: #fc5614;
	height: 50px;
	color: #fff;
	font-family: 'OpenSans';
	font-size: 20px;
	line-height: 25px;
	padding: 12px 5%;
	display: table;
	width: 100%;
}

.pt-row{
	display: table-row;
	width: 100%;
}

.ptsh-text{
	width: 75%;
	display: table-cell;
}

.ptsh-price{
	width: 25%;
	display: table-cell;
	color: #fff;
	font-family: 'OpenSans';
	font-size: 20px;
	text-align: center;
}

.pts-text{
	width: 75%;
	display: table-cell;
	border-bottom: 1px solid #e4e4e4;
	border-right: 1px solid #fc5614;
	color: #52525f;
	font-family: 'OpenSans';
	font-size: 16px;
	line-height: 18px;
	padding: 8px;
	text-align: left;
	vertical-align: middle;
}

.pts-price{
	width: 25%;
	display: table-cell;
	border-bottom: 1px solid #e4e4e4;
	color: #fc5614;
	font-family: 'OpenSans';
	font-size: 16px;
	line-height: 18px;
	padding: 8px;
	text-align: center;
	vertical-align: middle;
}

.price-table-head{
	background-color: #fc5614;
	height: 50px;
	color: #fff;
	font-family: 'OpenSans';
	font-size: 20px;
	line-height: 25px;
	padding: 12px 5%;
	display: table;
	width: 100%;
}

.ptah-text{
	width: 60%;
	display: table-cell;
}

.ptah-choose{
	width: 20%;
	display: table-cell;
	color: #fff;
	font-family: 'OpenSans';
	font-size: 20px;
	text-align: center;
}

.pta-text{
	width: 60%;
	display: table-cell;
	border-bottom: 1px solid #e4e4e4;
	border-right: 1px solid #fc5614;
	color: #52525f;
	font-family: 'OpenSans';
	font-size: 16px;
	line-height: 18px;
	padding: 8px;
	text-align: left;
	vertical-align: middle;
}

.pta-choose{
	width: 20%;
	display: table-cell;
	border-bottom: 1px solid #e4e4e4;
	color: #fc5614;
	font-family: 'OpenSans';
	font-size: 16px;
	line-height: 18px;
	padding: 8px;
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid #fc5614;
}

.price-yes{
	width: 20px;
	height: 20px;
	background: url('../images/price-bird.png');
	display: block;
	margin: 0 auto;
}

.noborder{
	border: none;
	font-size: 25px;
}

.ptwh-text{
	width: 55%;
	display: table-cell;
}

.ptwh-descr{
	width: 25%;
	display: table-cell;
	color: #fff;
	font-family: 'OpenSans';
	font-size: 20px;
	text-align: center;
}

.ptwh-price{
	width: 20%;
	display: table-cell;
	color: #fff;
	font-family: 'OpenSans';
	font-size: 20px;
	text-align: center;
}

.ptw-text{
	width: 55%;
	display: table-cell;
	border-bottom: 1px solid #e4e4e4;
	border-right: 1px solid #fc5614;
	color: #52525f;
	font-family: 'OpenSans';
	font-size: 16px;
	line-height: 18px;
	padding: 8px;
	text-align: left;
	vertical-align: middle;
}

.ptw-descr{
	width: 25%;
	display: table-cell;
	border-bottom: 1px solid #e4e4e4;
	border-right: 1px solid #fc5614;
	color: #52525f;
	font-family: 'OpenSans';
	font-size: 16px;
	line-height: 18px;
	padding: 8px;
	text-align: left;
	vertical-align: middle;
}

.ptw-price{
	width: 20%;
	display: table-cell;
	border-bottom: 1px solid #e4e4e4;
	color: #fc5614;
	font-family: 'OpenSans';
	font-size: 16px;
	line-height: 18px;
	padding: 8px;
	text-align: center;
	vertical-align: middle;
}

.navi{ margin-bottom: 50px; }
 
/*---------------------------------------------*/
/*

.tab-cb{
	width: 100%;
	display: table;
	margin: 45px 0;
}

.tables{
	width: 100%;
	display: table-cell;
	vertical-align: top;
	padding-right: 10px;
}

.bluecheck{
	width: 100px;
	min-width: 100px;
	display: table-cell;
	vertical-align: top;
}

.tabblue{
	display: table;
	width: 100%;
	position: relative;
}

.tabblue-head{
	width: 100%;
	display: table;
	background-color: #042f4e;
	height: 40px;
	position: relative;
	z-index: 2;
}

.tabblue-name{
	width: 85%;
	display: table-cell;
	font-family: 'OpenSans';
	font-size: 25px;
	color: #fff;
	text-align: center;
	vertical-align: middle;
}

.tabblue-np{
	min-width: 180px;
	width: 180px;
	display: table-cell;
	font-family: 'OpenSans';
	font-size: 16px;
	color: #fff;
	text-align: center;
	vertical-align: middle;
}

.tabblue-row{
	display: table;
	width: 100%;
	border-bottom: 1px solid #e1e1e1;
}

.tabblue-descr{
	background-color: #fff;
	width: 87%;
	display: table-cell;
	vertical-align: middle;
	padding: 10px;
	text-align: left;
}

.tabblue-price{
	background-color: transparent;
	width: 165px;
	min-width: 165px;
	max-width: 165px;
	display: table-cell;
	font-family: 'OpenSans-Semibold';
	font-size: 16px;
	color: #52525f;
	text-align: center;
	vertical-align: middle;
	border-left: 1px solid #e1e1e1;
}

.tabblue-row .price-check{
	width: auto;
	vertical-align: top;
	margin-top: 3px;
	padding-right: 15px;
}

.tabblue-row .price-text{
	font-size: 13px;
	line-height: 16px;
}

.tab-input{
	width: 60px;
	min-width: 60px;
	display: table-cell;
	vertical-align: middle;
	background-color: #fff;
	padding: 0 10px;
}

.input-or{
	width: 50px;
	height: 20px;
	border: 1px solid #ef5222;
	border-radius: 3px;
	line-height: 20px;
}

.tab-input input{
	width: 16px;
	height: 20px;
	border: none;
	line-height: 10px;
	display: inline-block;
	vertical-align: middle;
	margin: -3px 0 0 0;
	padding: 0;
	text-indent: 0;
	text-align: center;
}

.minus,.plus{
	font-family: 'OpenSans';
	font-size: 14px;
	display: inline-block;
	vertical-align: middle;
	width: 12px;
	text-align: center;
	cursor: pointer;
	margin: -4px -2px 0 2px;
}

.price-alias{ width: 24%; }
.price-alias .rightblock{ padding-left: 10%; }

.tables2{
	width: 75%;
	display: inline-block;
	vertical-align: top;
}

.tab-cb aside{
	margin-top: -10px;
}

.price-table-inner {
    width: 100%;
    display: table;
    background-color: #fff;
    padding: 0 15px 30px 15px;
}

.price-table-head{
	background-color: #fc5614;
	height: 30px;
	color: #fff;
	font-family: 'OpenSans';
	font-size: 20px;
	line-height: 25px;
	padding: 0 15px;
	display: table;
	width: 100%;
}

.ptah-text{
	width: 55%;
	display: table-cell;
}

.ptah-choose{
	width: 15%;
	display: table-cell;
	color: #fff;
	font-family: 'OpenSans';
	font-size: 20px;
	text-align: center;
	border-left: 1px solid #e4e4e4;
}

.pta-text{
	width: 55%;
	display: table-cell;
	border-bottom: 1px solid #e4e4e4;
	color: #52525f;
	font-family: 'OpenSans';
	font-size: 16px;
	line-height: 18px;
	padding: 8px;
	text-align: left;
	vertical-align: middle;
}

.pta-choose{
	width: 15%;
	display: table-cell;
	border-bottom: 1px solid #e4e4e4;
	color: #fc5614;
	font-family: 'OpenSans';
	font-size: 12px;
	line-height: 18px;
	padding: 8px;
	text-align: center;
	vertical-align: middle;
	border-left: 1px solid #e4e4e4;
}

.price-yes{
	width: 20px;
	height: 20px;
	background: url('../images/price-bird.png');
	display: block;
	margin: 0 auto;
}



.orangeprice{
	font-size: 18px;
	color: #ef5222;
}

.price-text ul{
	font-size: 13px;
	margin: 0;
}

.price-text li{
	margin: 0;
}

.price-table-inner .price-name{
	font-size: 20px;
}

.fs16 .tabblue-row .price-text{
	font-size: 16px;
	margin-top: 0;
}

.pricet-left{
	font-size: 16px;
	color: #ef5222;
	float: left;
	max-width: 49%;
	margin: 0 2% 10px 0;
}

.pricet-right{
	font-size: 13px;
	float: right;
	max-width: 48%;
}

.price-table-inner .price-desc{ width: 100%; }


.ptseoh-text{
	width: 32%;
	display: table-cell;
}

.ptseoh-item{
	width: 17%;
	display: table-cell;
	color: #fff;
	font-family: 'OpenSans';
	font-size: 20px;
	text-align: center;
	border-left: 1px solid #e4e4e4;
}

.ptseo-text{
	width: 32%;
	display: table-cell;
	border-bottom: 1px solid #e4e4e4;
	color: #52525f;
	font-family: 'OpenSans';
	font-size: 16px;
	line-height: 18px;
	padding: 8px;
	text-align: left;
	vertical-align: middle;
}

.ptseo-item{
	width: 17%;
	display: table-cell;
	border-bottom: 1px solid #e4e4e4;
	color: #52525f;
	font-family: 'OpenSans';
	font-size: 16px;
	line-height: 18px;
	padding: 8px;
	text-align: center;
	vertical-align: middle;
	border-left: 1px solid #e4e4e4;
}

.ptabh-text{
	width: 28%;
	display: table-cell;
}

.ptabh-item{
	width: 24%;
	display: table-cell;
	color: #fff;
	font-family: 'OpenSans';
	font-size: 20px;
	text-align: center;
	border-left: 1px solid #e4e4e4;
}

.ptab-text{
	width: 28%;
	display: table-cell;
	border-bottom: 1px solid #e4e4e4;
	color: #52525f;
	font-family: 'OpenSans';
	font-size: 16px;
	line-height: 18px;
	padding: 8px;
	text-align: left;
	vertical-align: middle;
}

.ptab-item{
	width: 24%;
	display: table-cell;
	border-bottom: 1px solid #e4e4e4;
	color: #52525f;
	font-family: 'OpenSans';
	font-size: 16px;
	line-height: 18px;
	padding: 8px;
	text-align: center;
	vertical-align: middle;
	border-left: 1px solid #e4e4e4;
}


.pthh-item{
	width: 12%;
	display: table-cell;
	color: #fff;
	font-family: 'OpenSans';
	font-size: 20px;
	text-align: center;
	border-left: 1px solid #e4e4e4;
}

.pth-item{
	width: 12%;
	display: table-cell;
	border-bottom: 1px solid #e4e4e4;
	color: #52525f;
	font-family: 'OpenSans';
	font-size: 16px;
	line-height: 18px;
	padding: 8px;
	text-align: center;
	vertical-align: middle;
	border-left: 1px solid #e4e4e4;
}

.noborder{
	border-bottom: none;
	font-size: 25px;
	color: #ef5222;
}

.fs30{ font-size: 30px; }

.table-container-fade
{
  position: absolute;
  right: 0;
  width: 30px;
  height: 100%;
  background-image: -webkit-linear-gradient(0deg, rgba(255,255,255,.5), #fff);
  background-image: -moz-linear-gradient(0deg, rgba(255,255,255,.5), #fff);
  background-image: -ms-linear-gradient(0deg, rgba(255,255,255,.5), #fff);
  background-image: -o-linear-gradient(0deg, rgba(255,255,255,.5), #fff);
  background-image: linear-gradient(0deg, rgba(255,255,255,.5), #fff);
  display: none;
  z-index: 1;
}

.fs20{ font-size: 20px; }
*/


.etaps{
	width: 100%;
	margin: 30px 0;
	display: none;
}

ol.et,ol.et2{
	list-style: none; 
	counter-reset: point;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: left;
}

ol.et li{
	color: #515467;
	font-size: 40px;
	font-family: 'Cabana';
	width: 100%;
	margin: 0;
	padding: 0;
}

ol.et li:before{
	content: counter(point); 
	counter-increment: point 1;
	color: #fc5614;
	font-size: 40px;
	font-family: 'Cabana';
	margin: 0 10px 0 0;
}

ol.et2 li{
	color: #fc5614;
	font-size: 35px;
	font-family: 'Cabana';
	width: 100%;
	margin: 0;
	padding: 0;
}

ol.et2 li:before{
	content: counter(point); 
	counter-increment: point 1;
	color: #515467;
	font-size: 35px;
	font-family: 'Cabana';
	margin: 0 10px 0 0;
}

ol.factors{
	list-style: none; 
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: left;
}

ol.factors li{
	color: #52525f;
	font-size: 20px;
	font-family: 'OpenSans-Light';
	width: 100%;
	margin: 0 0 15px 0;
	padding: 0;
}

ol.factors li:nth-child(1):before{
	content: '';
	width: 24px;
	height: 31px;
	display: inline-block;
	background: transparent url(../images/n1.png) no-repeat top left;
	margin: 0px 15px 0 0;
	vertical-align: top;
}
	
ol.factors li:nth-child(2):before{
	content: '';
	width: 24px;
	height: 30px;
	display: inline-block;
	background: transparent url(../images/n2.png) no-repeat top left;
	margin: 0px 15px 0 0;
	vertical-align: top;
}
	

ol.factors li:nth-child(3):before{
	content: '';
	width: 23px;
	height: 30px;
	display: inline-block;
	background: transparent url(../images/n3.png) no-repeat top left;
	margin: 0px 15px 0 0;
	vertical-align: top;
}

ol.factors li:nth-child(4):before{
	content: '';
	width: 23px;
	height: 32px;
	display: inline-block;
	background: transparent url(../images/n4.png) no-repeat top left;
	margin: 0px 15px 0 0;
	vertical-align: top;
}
	
ol.factors li:nth-child(5):before{
	content: '';
	width: 23px;
	height: 30px;
	display: inline-block;
	background: transparent url(../images/n5.png) no-repeat top left;
	margin: 0px 15px 0 0;
	vertical-align: top;
}
	
ol.factors li:nth-child(6):before{
	content: '';
	width: 24px;
	height: 30px;
	display: inline-block;
	background: transparent url(../images/n6.png) no-repeat top left;
	margin: 0px 15px 0 0;
	vertical-align: top;
}
	
.bp-table{
	text-align: center;
	width: 100%;
	display: table;
}

.bp-img{
	width: 90px;
	min-width: 90px;
	display: table-cell;
	vertical-align: middle;
}

.bp-text{
	width: 90%;
	display: table-cell;
	vertical-align: middle;
	color: #fff;
	font-size: 20px;
	font-family: 'OpenSans-Light';
	text-align: center;
	line-height: 22px;
	padding: 0 5%;
}

.shn{
	padding: 10px 0;
}

.cor-3col{
	width: 100%;
	letter-spacing: -0.36em;
}

.col3{
	display: inline-block;
	vertical-align: top;
	width: 31.3%;
	letter-spacing: normal;
	font-size: 18px;
	font-family: 'OpenSans-Light';
	line-height: 26px;
	margin: 0 3% 30px 0;
	text-align: left;
}

.col3:last-child{ margin-right: 0; }

.col3 img{
	max-width: 100%;
	display: block;
	margin: 0 auto 15px auto;	
}

.cor-graph{
	width: 98%;
	text-align: center;
	margin: 20px 0;
}

.graph-img{
	display: inline-block;
	vertical-align: bottom;
	margin: 0 20px 20px 0;
	max-width: 100%;
}

.graph-descr{
	display: inline-block;
	vertical-align: bottom;
	max-width: 100%;
}

ul.ul-dots{
	list-style: none;
	font-family: 'OpenSans-Light';
	font-size: 18px;
	margin: 0 0 30px 0;
}

ul.ul-dots li{
	margin: 25px 0;
}

ul.ul-dots li:before{
	content: '';
	display: inline-block;
	vertical-align: middle;
	margin: -2px 10px 0 0;
	width: 10px;
	height: 10px;
	border: 1px solid #52525f;
	border-radius: 50%;
}

ul.ul-dots li:nth-child(1):before{ background-color: #cae06c; }
ul.ul-dots li:nth-child(2):before{ background-color: #e5b738; }
ul.ul-dots li:nth-child(3):before{ background-color: #fedc71; }
ul.ul-dots li:nth-child(4):before{ background-color: #e6e6e6; }
ul.ul-dots li:nth-child(5):before{ background-color: #aeede8; }

ul.ul-arrows{ 
	list-style: none;
	margin: 30px 0;
}

ul.ul-arrows li{
	margin: 10px 0 15px 0;
    line-height: 28px;
    font-size: 20px;
    font-family: 'OpenSans-Light';
    width: 49%;
    display: inline-block;
    vertical-align: top;
    padding-right: 35px;
}

ul.ul-arrows li:before{
	content: '';
	display: inline-block;
	vertical-align: top;
	margin: 0 20px 0 0;
	width: 31px;
	height: 30px;
	background: url(../images/li1.png); 
}

.cor-2col{
	width: 100%;
	letter-spacing: -0.36em;
}

.col2{
	display: inline-block;
	vertical-align: top;
	width: 47.5%;
	letter-spacing: normal;
	font-size: 18px;
	font-family: 'OpenSans-Light';
	line-height: 22px;
	margin: 0 5% 40px 0;
	text-align: left;
}

.col2:nth-child(2n){ margin-right: 0; }

.col2img{
	display: table-cell;
	vertical-align: middle;
}

.col2text{
	display: table-cell;
	vertical-align: middle;
	padding-left: 15px;
}

.orangepart{ 
	background-color: #ff8833; 
}

.twoseo{
	width: 100%;
	letter-spacing: -0.36em;
	margin: 50px 0 40px 0;
	text-align: left;
}

.ts-col{
	display: inline-block;
	vertical-align: top;
	width: 48.5%;
	letter-spacing: normal;
}

.ts-col:first-child{ margin-right: 3%; }

ul.seoars{ 
	list-style: none;
	margin: 0;
}

ul.seoars li{
	margin: 0 0 20px 0;
    line-height: 26px;
    font-size: 18px;
    font-family: 'OpenSans-Light';
    width: 100%;
    display: block;
    display: flex;
}

ul.seoars li:before{
	content: '';
	vertical-align: top;
	margin: 0 15px 0 0;
	min-width: 30px;
	height: 32px;
	background: url(../images/li2.png); 
}

.like-li{
	font-size: 18px;
	font-family: 'OpenSans-Light';
	margin: 0 0 25px 0;
	text-align: left;
}

.seoul-col{
	display: inline-block;
	vertical-align: top;
	width: 30%;
	margin: 30px 0;
}

.seoul-col:nth-child(2){ width: 40%; }
.seoul-col:nth-child(3){ 
	margin-left: -12%;
	margin-right: 2%;
 }

/*-----------------ios-------------------------*/

ul.ul-arrows.ar-sm{
    margin: 0;
}

ul.ul-arrows.ar-sm li {
    margin: 0 0 15px 0;
    font-size: 18px;
    text-align: left;
}

 ul.ul-arrows.ar-sm li:before{
 	width: 20px;
 	height: 20px;
 	background-size: 100% 100%; 
 	margin: 5px 10px 0 0;
 }

ol.orli{
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: orlip;
}

ol.orli li{
	font-size: 18px;
	font-family: 'OpenSans-Light';
	width: 100%;
	margin: 0 0 20px 0;
	padding: 0;
    text-align: left;
}

ol.orli li:before{
	content: counter(orlip) ". "; 
	counter-increment: orlip;
	font-family: 'OpenSans';
	color: #ec521f;
	font-size: 18px;
	margin: 0 5px 0 0;
}

.iosbis{
	width: 100%;
	margin: 50px 0 -30px 0;
	text-align: center;
}

.iosb-item{
	width: 250px;
	text-align: center;
	font-family: 'OpenSans-Light';
	color: #ef5222;
	font-size: 25px;
	display: inline-block;
	vertical-align: top;
	margin: 0 25px 50px 25px;
}

.iosb-img{
	width: auto;
	display: block;
	margin: 0 auto;
	height: 90px;
	text-align: center;
}

.iosb-text{
	margin: 15px 0 0 0;
}

ul.blue-ar{ 
	list-style: none;
	margin: 0;
	display: table;
}

ul.blue-ar li{
	margin: 0 0 20px 0;
    line-height: 26px;
    font-size: 18px;
    font-family: 'OpenSans-Light';
    width: 100%;
    display: flex;
    text-align: left;
}

ul.blue-ar li:before{
	content: '';
	vertical-align: top;
	margin: 0 5px 0 0;
	min-width: 39px;
	width: 39px;
	height: 26px;
	background: url(../images/li3.png) no-repeat; 
	display: block;
}
.orangepart2{
	background-color: #ed5220;
	width: 100%;
	display: block;
	color: #fff;
	font-family: 'OpenSans';
	font-size: 18px;
	padding: 15px 0;
	line-height: 26px;
	text-align: center;
}

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



.orangeLine{
    border: none; /* Убираем границу для браузера Firefox */
    color: #f70; /* Цвет линии для остальных браузеров */
    background-color: #f70; /* Цвет линии для браузера Firefox и Opera */
    height: 2px; /* Толщина линии */
	margin-bottom: 25px;
}

.options .tooltip {
	position: absolute;
	display: none;
	top: 100%;
    left: 0;
    width: 100%;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #ccc;
    padding: 10px;
    z-index: 500;
}
.options .tooltip:before, .options .tooltip:after {
	content: '';
    position: absolute;
    top: -16px;
    border: 8px solid transparent;
    right: 10px;
    border-bottom: 8px solid #ee5221;
}

.options .tooltip-open {
	font-size: 16px;
	color: #ee5221;
	text-decoration: underline;
	display: inline-block; vertical-align: middle;
}

.options .tooltip-open:hover {
	color: #000;
	text-decoration: none;
}

.options i {
	margin-right: 5px;
}

.see-all {
	margin: 0 auto;
    display: block;
    width: 200px;
}

.mt-30 {
	margin-top: 30px;
}

.mb-0 {
	margin-bottom: 0;
}

.index_news {
	
}

.index_news div.block {
	font-size: 18px;
	line-height: initial;
	color: #9797a5;
}

.index_news div.block a,
.index_news div.block a:visited{
	font-size: 20px;
	color: #ee5221;
	margin-bottom: 10px;
}

.index_news div.block a:hover {
	text-decoration: underline;
}

.index_news div.block a img {
	width: 100%;
	margin-bottom: 10px;
}

.index_news  .more {
	width: 130px;
}

.index_news .block .desc {
	margin-top: 5px;
}

.whitebg {
	background-color: #fff;
}

.seo.whitebg .col:nth-child(3n) {
    margin-right: 4.5%;
}

.seo.whitebg .col:nth-child(3n+1) {
    margin-right: 0%;
}

.nomargin {
	margin: 0;
}

.nopadding {
	padding: 0;
}

@media (max-width: 479px) {
    .caption {
    word-break: break-all;
    }
}


@media screen and (max-width: 1280px) {
footer .subscribe input{ width:40%; }
.leaders .img{ margin-top:8%; }
.rightblock { padding-left: 10%; }
.price-twoc,.price-threec{ margin: 0 15px 30px 15px; }
.price-twoc:nth-child(2n+1),.price-threec:nth-child(3n+1){ margin: 0 15px 30px 15px; }
}

@media screen and (max-width: 1180px) {
footer .subscribe input{ width:40%; }
.circle {
    width: 120px;
    height: 120px;
    padding-top: 40px;
    font-size: 12px;
    line-height: 14px;
}
.ar-circle { margin-top: 10px; }
.diploms{ display: block; }
.diplomblock{ width: 100%; }
.seoul-col:nth-child(2),.seoul-col:nth-child(4){ width: 49%; }
.seoul-col:nth-child(3){ 
	display: none;
 }
}

@media screen and (max-width: 1024px) {
.slideb{ height: 30px; line-height: 30px; margin: -35px 0 0 20%; }
.pagination{ bottom: 0px !important; }
.wedo .block{ width:40%; margin-bottom:20px; }
.wedo .block:nth-child(2n){ margin-right:4%; }
.cost .block{ width:40%; margin-bottom:20px; }
.cost .block:nth-child(2n){ margin-right:4%; }
.portmain .block{ width:40%; margin-bottom:20px; }
.portmain .block:nth-child(2n){ margin-right:4%; }
.workwith .block{ width:40%; margin-bottom:20px; }
.workwith .block:nth-child(2n){ margin-right:4%; }
.upsite .block{ 	width:45%; }
.up{ left:90%; }
.footcol{ width:36%; }
footer .subscribe input{ width:140px; }
.headpage .image{ width:15%; }
.designer .col,.managers .col{ width:40%; }
.rightblock a { margin: 0px; font-size:16px;}
.rightblock .title a { font-size:25px;}
.aboutstring .image{ width:19%; }
.aboutstring .text{ width:80%; }
.gallery-box{ width: 45%; margin-right: 6%; }
.gallery-box:nth-child(3n+1){ margin-right: 6%; }
.gallery-box:nth-child(2n+1){ margin-right: 0; }
.develop-right, .develop-left, .bluepart .up-orangeblock,.bluepart .text,.bluepart .image { vertical-align: middle; }
.sitebigblock{ display: block; }
.site-innerblock{ width: 100%; }
.arendimg{ width: 80%;  margin: 0 auto; }
.front-end { text-align: center; }
.front-end .text{ width: 100%; margin:0; }
}

@media screen and (max-width: 820px) {
header{ height: 100px; }
.search{ width: 100%; max-width: none;  padding-left:30px; margin: 15px 0 0 0;}
nav{ height:30px; }
.menubut{ display:inline-block; }
.contform,.conttext{ width:100%; }
.conttext{ margin-right: 0%; }
.menubut{ margin: -20px 20px -70px 50px; }
.darrow{ display: block; }
.portmain .block img {  min-height: 130px;}
}

@media screen and (max-width: 800px) {
.upsite .block{ 	width:100%; }
.seo .col{ 	width:90%; text-align:left; }
.seo .col:nth-child(3n+1) { margin-right:5%; }
.seo .col:nth-child(3n+1) { margin-right:5%; }
.seo .bigblock{ 	width:90%; margin:20px 0 20px 0; }
.seo .block{ margin:0px 0 20px 0; }
.footcol{ width:45%; }
footer .subscribe input{ width:120px; }
.leaders .img,.copywriters .image,.content-managers .image{ width:80%; max-width:400px; }
.leaders .text,.copywriters .text,.content-managers .text,.seoaz .text,.back-end .percentblock,.back-end .do{ width:100%; }
.seoaz .image{ width: 100%; }
.back-end .do{ margin-left:5%; }
aside{
	display:none;
	position:absolute;
	width:100%;
	border-top: 1px solid #43637a;
    border-bottom: 1px solid #43637a;
    background-color: #042f4e;
    color:#fff;
	top:0;
    z-index: 50;
    padding-top: 50px;
}
.leftsidebar{	width:100%; }
.rightblock a{ font-size:25px; margin:5px 0;  }
.rightblock a,.rightblock a:visited { color:#fff;}
.rightblock a:hover ,.rightblock a.active{ color:#ef5222;}
.rightblock .title{	color:#fff; }
.lines{ display:block; }
.aboutus-text{ width:100%; float:right;}
.aboutus-image{ width:100%; float:right;}
.circles{display: block;}
.circle{
	width: 100%;
    height: 50px;
    padding-top: 10px;
    font-size: 18px;
    line-height: 25px;
    border-radius: 0%;    
    display: table;
}
.ar-circle{ display:none; }
.cart{ display: block; }
.cartcost,.cartform{ width: 100%; }
.bluepart .up-orangeblock,.bluepart .image{ display: none; }
.develop-left { width: 80%;}
.develop-right { width: 100%;}
.portmain .more{ margin: 0; }
.tableshop{ display: table; }
.tableshop-col{	width: 100%; }
.freeblock{ display: block; }
.freecol{ width: 100%; }
#xer{display: none;}
.feimg{ width: 30%; }
.bluecheck {
    float: right;
    position: absolute;
    right: 5%;
}
.tables {
    width: 100%;
    padding-right: 0;
    float: left;
    margin-top: 50px;
}
.tables2{ width: 100%; }
.tabmin{
	display: block;
	overflow-x: auto;
	max-width: 100%;
}
.tabmin .price-table-inner{
	min-width: 650px;
	position: relative;
}
.tabmin .tabblue-head{
	min-width: 650px;
}
.tab-cb{ display: block; }
.table-container-fade{ }
.tabmin .price-table-head{ min-width: 650px; }
.pthh-item,.ptabh-item,.ptseoh-item,.price-table-inner .price-name,
.tabblue-name{font-size: 16px; }
.col2{ 
	width: 100%; 
	margin-right: 0;
}
ul.ul-arrows li {
	width: 100%;
	padding-right: 0; 
}
}


@media screen and (max-width: 600px) {	
.slideb{ display: none;}
.ask .block{ width: 80%;}
.search{ width:100% }
.footcol{ width:80%; float:none; display:inline-block; }
footer .subscribe input{ width:160px; }
.headpage .image{ width:25%; margin: 30px 2% 30px 0;}
.managers .col, .designer .col,.managers .comment, .designer .comment{ width:90%; }
.managers .comment, .designer .comment{ padding-left:10%; margin-right:0px;}
.price-info { width: 100%; padding: 25px 10px; display: block; border-right: none;}
.price-desc { width: 84%; }
.price-check { width: 10%; }
.price-sum { width: 100%;  display: block; }
.gallery-box{ width: 100%; margin-right: 0; }
.gallery-box:nth-child(3n+1){ margin-right: 0; }
.arend-bigsticker {
    width: 80px;
    height: 80px;
}
.arendimg { width: 100%; }
.shopblock .image { width: 100%; }
.orangepart .text{ font-size: 16px; line-height: 20px; }
.slider{ display: none; }
.feimg{ width: 80%; }
.cloudleft,.cloudright,.panda,.errorbottom{ display: none; }
.errorcont{ height: auto; }
.imgbig-hide{ display: none; }
.etaps{ display: block; }
.bp-img{ display: none; }
.col3{
	width: 100%;
	margin-right: 0;
}
.seoul-col:nth-child(2),.seoul-col:nth-child(4){ 
	width: 100%; 
	margin: 0;
}
.like-li{ margin-bottom: 10px; }
.ts-col{ width: 100%; }
.ts-col:first-child {
    margin-right: 0;
}
ul.blue-ar li ,ol.orli li,ul.ul-arrows.ar-sm li,p span {
	font-size: 14px; 
	line-height: 18px;
}
}

@media screen and (max-width: 480px) {	
.wedo .block{ width:80%; margin-right:0px; }
.cost .block{ width:80%; margin-right:0px; }
.portmain .block{ width:80%; margin-right:0px; }
.workwith .block{ width:80%; margin-right:0px; }
.workwith .block:nth-child(2n),.portmain .block:nth-child(2n),.wedo .block:nth-child(2n), .cost .block:nth-child(2n)  {  margin-right: 0%; }
.maintext{ margin:30px 5%; }
.upsite .text{ max-width:90%; }
.seo .image{ display:none; }
.logo{max-width:200px;}
.up{ left:85%; }
p{ font-size:14px !important;}
.seoaz .text .work .col { width:100%; display:block; }
.seoaz .text .work .col:first-child{ margin-bottom:0px; }
.seoaz .text .work .col:last-child{ margin-top:0px; }
#coubik,.coubik,.coubik div{  width: 120px;  height: 120px; }
.coubik div{transform-origin:50% 50% -60px;}
.sidesb {  width: 120px;  height: 120px; }
.sidesb:before {  width: 120px;  height: 120px;  transform: translateZ(24px) rotateZ(45deg); }
.ones{  transform: translateZ(-60px) rotateY(180deg);}
.twos{  transform: translateX(-60px) rotateY(-90deg);}
.threes{  transform: translateX(60px) rotateY(90deg);}
.fours{  transform: translateY(-60px) rotateX(90deg);}
.fives{  transform: translateY(60px) rotateX(-90deg);}
.sixs{  transform: translateZ(60px);}
.contform input{ width:100%; }
.rightblock a{     font-size: 16px;
    margin: 10px 0;
    line-height: initial; }
.aboutstring .image{ width:29%; float:left;}
.aboutstring .text{ text-align: justify; margin-bottom: 30px; width:auto; display: block;}
.welcome {    padding: 30px 2% 20px 2%; }
.cartform-right,.cartform-left {width: 100%; }
.big,.title,h1{ font-size: 18px; }
.middle,h2{ font-size: 16px; }
.small,h3{ font-size: 14px; }
.stickers{ display: none; }
.develop-left { width: 100%;}
.stickers-shop { top: 0%; }
.stickers-big img{ width: 80px; height: 80px; }
.lh35 { line-height: 20px; }
.manimg{ display: none; }
.desimg{ width: 90%; }
.seoaz .image{ display: none; }
.back-end .beimg { width: 100%; }
.erroreb{ font-size: 50px; }
.errorb{ font-size: 25px; }
.errorr,.errorr a{ font-size: 20px; }
.price-twoc,.price-threec{ 
	margin: 0 0px 30px 0px;
	width: 100%;
	max-width: 270px; 
}
.price-twoc:nth-child(2n+1),.price-threec:nth-child(3n+1){ margin: 0 0px 30px 0px; }
.price-twoc.hbig{ height: 550px; }
.price-twoc .hinner-big{ height: 500px; }
.price-twoc.hmid{ height: 450px; }
.price-twoc .hinner-mid{ height: 400px; }
.price-twoc.hsmall{ height: 300px; }
.price-twoc .hinner-small{ height: 250px; }
.price-twoc.htiny{ height: 220px; }
.price-twoc .hinner-tiny{ height: 170px; }
.ptw-text{ word-break: break-all; }
.ptw-text,.ptw-descr{ font-size: 14px; }
.ptsh-price,.ptah-choose,.noborder,.ptwh-descr,.ptwh-price{ font-size: 12px; }
.tabblue-np { 
	min-width: 60px; 
	font-size: 14px;
}
.tabblue-price {
    width: 60px;
    min-width: 60px;
    max-width: 60px;
    font-size: 14px;
}
.tabblue-name {font-size: 18px; }
.price-name { font-size: 14px; }
.col2 { text-align: center; }
.col2img {
    display: block;
    margin: 0 auto 20px auto;
}
ul.seoars li {
    line-height: 16px;
    font-size: 14px;
}
.like-li{ font-size: 14px; }
}