@charset "utf-8";
  body {
  float:left;
  background-attachment: scroll;
  background-clip: border-box;
  background-origin: padding-box;
  background-repeat: repeat;
  background-size: auto;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  font-family: 'PT Sans', sans-serif;
  font-size:15px;
  line-height: 20px;
  font-weight: normal;
  background-color:#fff;
  overflow:hidden;
  width:100%;
  min-width:960px;
  max-width:1920px;
  }

  ::selection {
  background: #333;
  color:#FFF;
  }
               
  html { 
  overflow-y: scroll;
  width:100%;
  display: block;
  background-color:#C8C8DB;
  }

  img {
  border:none;
  }

  a {
  color: #FF5436;
  text-decoration: underline;
  
   -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  }

  a:link {
  color: #FF5436;
  text-decoration: underline;
  }

  a:visited {
  color: #FF5436;
  text-decoration: underline;
  }

  a:hover {
  text-decoration: none;
  color: #FF5436;
  }

  a:active {
  text-decoration: underline;
  color: #FF5436;
  }

  .item-page-portfolio a[href^="http"] {
  padding-right: 50px;
  background:url(../images/linkah.png) 100% 50% no-repeat;
  }

  h1 {
  float:left;
  margin-top: 20px;
  margin-bottom:25px;
  font-size: 3em;
  color:#333;
  width:100%;
  line-height:normal;
  font-weight: bold;
  }

  h2 {
  float:left;
  width:100%;
  margin-top: 1em;
  margin-bottom:0.5em;
  font-size: 1.5em;
  color:#333;
  text-transform:uppercase;
  font-weight: bold;
  line-height: normal;
  }

  h3 {
  float:left;
  margin-top: 5px;
  margin-bottom:25px;
  font-size: 1.2em;
  color:#333;
  font-style: italic;
  font-weight:lighter;
  width: 100%;
  }

  h4 {
  margin-top: 5px;
  margin-bottom:15px;
  font-size: 2em;
  color:#666;
  text-transform:uppercase;
  font-weight:lighter;
  }
  
  .h1 {
  float:left;
  margin-top: 20px;
  margin-bottom:25px;
  font-size: 3em;
  color:#333;
  width:100%;
  line-height:normal;
  font-weight: bold;
  }

  .h2 {
  float:left;
  width:100%;
  margin-top: 1em;
  margin-bottom:0.5em;
  font-size: 1.5em;
  color:#333;
  text-transform:uppercase;
  font-weight: bold;
  line-height: normal;
  }

  .h3 {
  float:left;
  margin-top: 5px;
  margin-bottom:25px;
  font-size: 1.2em;
  color:#333;
  font-style: italic;
  font-weight: bold;
  width: 100%;
  }

  .h4 {
  margin-top: 5px;
  margin-bottom:15px;
  font-size: 2em;
  color:#666;
  text-transform:uppercase;
  font-weight:lighter;
  }
  
  .center{
	  width:100%;
	  text-align:center;
  }

  ul {
	float:left;
  display: block;
  list-style-image:url(../images/punkt.png);
  list-style-position: outside;
  margin-left:25px;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-left: 0px;
  }
  
  ol {
	float:left;
  display: block;
  list-style-position: outside;
  margin-left:16px;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-left: 0px;
  }


  li {
  line-height: 17px;
  padding-bottom:15px;
  }

  p {
  float:left;
  font-style: normal;
  font-weight: normal;
  line-height: 1.3em;
  margin-bottom: 1.5em;
  margin-top: 0.3em;	
  color:#333;
  width:100%;
  }

  .bloc{
  float: left;
  width: 100%;
  }

  #head{
  float:left;
  width:100%;
  height:auto;
  min-height:180px;
  /*
  background: url(../images/back2.jpg) 50% 0% no-repeat #4E48B0;
  */
  }
  
#head .blocbody{
	width:100%;
	padding-left:0px;
	padding-right:0px;
}



#page-service #cont{
	 /*background:#fff  url(../images/mount-opacity.jpg) no-repeat 50% 0%;*/
 }
 
#page-service #head{
	 background:#fff;
 }
  
  #footer{
  float:left;
  width:100%;
  height:auto;
  background:#312b92;
  padding-bottom:20px;
  }

  #prom{
  }

  #bookblock{
  float:left;
  width:100%;
  height:620px;
  margin-top:-80px;
  margin-bottom:0%;
  padding:0px;
  background:url(../images/book.png) no-repeat 50% 0%;
  }
  
  .pdf .pdfdoc img{
	  float:none;
	  
	  width:100%;
	  max-width:100px;
	  
	  margin-bottom:20px;
	  
	   -webkit-border-radius: 50px;
	  -moz-border-radius: 50px;
	  border-radius: 50px;
  }
  
  
  .pdf{
	  margin-bottom:12%;
  }
  
  .pdf .pdfdoc{
	  float:none;
	  line-height:1.4em;
	  
	  font-size:1.6em;
	  
	  border-bottom:1px solid rgba(0,0,0,0.196);
  }
  
   .pdf .pdfdoc:hover{
	  border-bottom:1px solid rgba(0,0,0,0.0);
  }
  
  .pdf .pdfdoc span{
	  font-size:0.7em;
	  opacity:0.6;
  }
  
  .pdf{
	  text-align:center;	  
  }

  .prmtext h1{
  font-size:4em;
  text-align:center;
  padding-top:10px;
  padding-bottom:2%;
  font-weight:bold;
  color:rgba(255,255,255,1.00);
  }
  
  .prmtext p{
	  text-align:center;
	  margin-top:20px;
  }
  
  .prmtext p .button{
    padding: 15px 30px 15px 30px;
  }

  .prmtext h1 a{	
  color:#fff;
  border-bottom:1px solid rgba(256, 256, 256, 0.2);
  text-decoration: none;
  }

  .bookbl{
  float:none;
  margin:auto;
  margin-top:70px;
  width:605px;
  height:220px;
  padding:80px 90px 80px 90px;
  text-align:center;
  border:15px solid #FF3300;
  background:url(../images/shabox.jpg) 0% 0% no-repeat;
  }

  .bookbl span{
  float:left;
  width:100%;
  height:auto;
  padding-top:19px;
  padding-bottom:0px;
  color:#9d99cf;
  font-style:italic;
  }

  .pzag{
  font-size:2.5em;
  color:#FFFFFF;
  margin:0px; padding:0px;
  font-weight:bold;
  }

  #cont{
  float:left;
  width:100%;
  /*
  background: url(../images/back2.jpg) repeat-x #4e48b0 50% -180px;
  */
  }

  #aboutpromo{
  background: /* url(../images/back2.jpg) 50% 0% no-repeat */ #4E48B0;
  }

  #error404{
  /*background: url(../images/back2.jpg) repeat-x #4e48b0 50% -180px;*/
  }

  #error404 .text404{
  float:left;
  width:68%;
  padding:30px 15% 150px 15%;
  margin-bottom:300px;
  margin-top:20px;
  text-align:center;
  border:20px solid #FF5436;
  }

  #error404 .text404 span{
  font-size:20em;
  color: rgba(255,255,255,0.10);
  line-height:normal;
  font-weight:bold;
  float:left;
  width:100%;
  }

  #error404 .text404 strong{
  font-size:1.5em;
  line-height:normal;
  color: #fff;
  float:left;
  width:100%;
  font-weight:normal;
  }

  #aboutpromo .custom{
  float:left;
  width:100%;
  height:auto;
  }

  #aboutpromo .custom-rewprom{
  float:left;
  width:100%;
  background:#413d8f  url(../images/mount.jpg) no-repeat 50% 0%;
  height:auto;
  }

  #rewbloc{
  background:#3d369b url(../images/rewpatt.png) repeat;
  padding-top:4%;
  }

  .rewslide{
  float:left;
  width:70%;
  padding-left:15%;
  padding-right:15%;
  padding-top:5%;
  padding-bottom:8%;
  }

  .rewsrpomo .slider{
  background: #ff3300;
  }

  .rewslide p{
  font-size:1.6em;
  font-style:italic;
  color:#FFFFFF;
  }

  .rewslide .imgrew{
  float:left;
  width:100%;
  text-align:left;
  padding-bottom:2%;
  }

  .imgrew a{
  float:right;
  }

  .rewslide .imgrew p{
  float:left;
  width:auto;
  padding-left:15px;
  height:50px;
  font-size:1em;
  color:#7c86d6;
  }

  .rewslide .imgrew p span{
  float:left;
  width:auto;
  color:#FFFFFF;
  font-weight:bold;
  }

  .preim{
  float:left;
  width:100%;
  padding-top:30px;
  padding-bottom:50px;
  }
  
  #prom .preim{
  padding-top:115px;
  padding-bottom:0;
  }
  
  .custom-sitetop{
	  margin-bottom:40px;
  }
  

  #aboutpromo .h1, #prom .h1, #acc-top .h1{
  float:left;
  width:100%;
  font-size:3em;
  margin-bottom:0.8em;
  color:#333;
  text-align:center;
  font-weight:bold;
  }
  
  #acc-top{
	  background:#fff; 
  }
  
  .mainport{
	  padding-top:30px;
	  padding-bottom:30px !important;
  }
  
  .mainport h1{
	  text-align:center;
	  margin-bottom:60px;
  }
  
  #acc-top .accbloc{
	  float:left;
	  width:auto;
	  height:auto;
	  padding-top:60px;
	  padding-bottom:30px;
	  
	  
	  text-align:center;
  }
  
  .taimer{
	  float:left;
	  width:100%;
	  height: auto;
	  
	  margin-top:10px;
	  
	  /*border:3px dashed #FF5436;*/
  }
  
  .taimer .h1{
	  margin-bottom:8px !important;
  }
  
  .timescrpt{
	  float: left;
	  width: 90%;
	  height:auto;
	  padding-bottom:30px;
	
	  
      background: url(../images/mount-opacity.jpg) repeat-x #fff 50% 0px fixed;
	  background-size: 100% auto;
	  
	    -webkit-box-shadow: inset 0px 40px 0px 0px rgba(0, 30, 90, 0.19);
	  -moz-box-shadow:  inset 0px 0px 40px 0px rgba(0, 30, 90, 0.19);
	  box-shadow:       inset 0px 0px 40px 0px rgba(0, 30, 90, 0.19);  
	  
	   -webkit-border-radius: 10px;
	  -moz-border-radius: 10px;
	  border-radius: 10px;
	  
	  padding:35px 0% 30px 0%;
	  margin:0 5% 20px 5%;
  }
  
  .moreaction{
	  float: left;
	  width:100%;
	  text-align:center;
	  margin-bottom:35px;
	  margin-top:0px;
	  
	  font-size:1em;
  }
  
  .moreaction span{
	  font-weight:bold;
  }
  
  .item-page-service .taimer{
  }

  .icpr{
  float:left;
  width:33%;
  text-align:center;
  padding-bottom:3%;
  }
  
  .acc-serv{
  display:inline-block;
  width:25%;
  
  padding:20px 3% 20px 3%;
  margin:10px 1% 10px 1%;
  
  background:rgba(255,255,255,1.00);
  
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  
  -webkit-box-shadow:0px 10px 40px 0px rgba(0, 30, 90, 0.19);
  -moz-box-shadow:   0px 10px 40px 0px rgba(0, 30, 90, 0.19);
  box-shadow:        0px 10px 40px 0px rgba(0, 30, 90, 0.19);  
  
  
  text-align:center;
  }
  
  .acc-serv.bonus{
	  margin-bottom:180px;
  }
  
  .acc-bonus{
	  float: left;
	  width:100%;
	  height:80px;
	  margin-top:15px;
  }
  
  
  
  .acc-bonus .bonusbloc{
	  float:left;
	  width:80%;
	  padding-left:10%;
	  padding-right:10%;
	  height:auto;
	  
	  margin-top:40px;
	  
	  -webkit-border-radius: 6px;
	  -moz-border-radius: 6px;
	  border-radius: 6px;
	  
	  -webkit-box-shadow:0px 10px 40px 0px rgba(0, 30, 90, 0.19);
	  -moz-box-shadow:   0px 10px 40px 0px rgba(0, 30, 90, 0.19);
	  box-shadow:        0px 10px 40px 0px rgba(0, 30, 90, 0.19);  	  
	  
  }
  
  .bonusbloc img{
	  margin-top:-35px !important;
	  width:80px !important;
	  height:80px !important;
  }
  
  .acc-serv:hover{
  -webkit-box-shadow:0px 10px 60px 0px rgba(0, 30, 90, 0.39);
  -moz-box-shadow:   0px 10px 60px 0px rgba(0, 30, 90, 0.39);
  box-shadow:        0px 10px 60px 0px rgba(0, 30, 90, 0.39);  
  }  
  
  
  
  .acc-serv .price{
	  width:100%;
	  text-align:center;
	  
	  border-bottom: 1px solid #EAEEF3;
	  padding-bottom: 8px;
	  margin-bottom:28px;
	}
	
  .acc-serv .price span{
	  float:none;
	  display:inline-block;
	  width:auto;
	  margin-right:10px;
	  
	  vertical-align:middle;
  }
  
  .acc-serv .price .undo{
	  font-size:1.3em;
	  font-weight:bold;
	  
	  color:#b7c5d8;
	  
	  text-decoration: line-through;
	  
  }
  
    .acc-serv .price .sale{
	  font-size:0.8em;
	  font-weight:bold;
	  color:#fff;
	  padding:3px;
	  
	  -webkit-border-radius: 3px;
	  -moz-border-radius: 3px;
	  border-radius: 3px;
	  
	  margin-bottom:25px;
  	  
	  background-color:#b7c5d8;
  }
  
    .acc-serv .price .newprice{
	  font-size:2.3em;
  }
  
    
  .acc-serv h2{
	  font-weight:bold;
	  margin-top:0px;
	  
	  border-bottom: 1px solid #EAEEF3;
	  padding-bottom: 24px;
  }
  
    .acc-serv h2 span{
		text-align:center;	
		font-size:0.6em;
  }
  
  
  .acc-serv p a{
	color:#333;
	border-bottom:1px solid rgba(0, 0, 0, 0.2);
  }
  
  

  .icpr img{
  float: left;
  max-width:60px;
  width:20%; 
  height:auto;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  margin-bottom:20px;
  }
  
  .acc-serv img{
  float: none;
  width:120px;
  height:120px;
  -webkit-border-radius: 75px;
  -moz-border-radius: 75px;
  border-radius: 75px;
  margin-bottom:20px;
  margin-top:10px;
  }
  
  
  .icpr p{
  float: left;
  width:78%;
  padding-left:23px;
  padding-right:10%;
  
  box-sizing:border-box;
  color:#FFFFFF !important;
  
  font-size: 14px;
  text-align:left;
  }


  .icpr p span, .acc-serv p span{
  float: left;
  width:100%;
  font-size:1.4em;
  line-height:1.2em;
  margin-bottom:10px;
  font-weight:bold;
  }

  .project{
  float:left;
  width:100%;
  margin-top:0%;
  padding-top:4%;
  margin-bottom:10%;
  }

  .done2000{
  float:left;
  width:100%;
  font-size:3em;
  color:#FFFFFF;
  font-weight:bold;
  margin-bottom:1em;
  text-align:center;
  }

  #cont p{
  color:#FFF;
  }

  .blocbody{
  float:none;
  width:940px;
  padding-left:10px;
  padding-right:10px;
  margin:auto;
  }

  .slidepromo, .headblock, .menubloc nav{
  float:none;
  width:940px;
  margin:auto;
  }

  .headmain{
  float:left;
  width:100%;
  padding-top:35px;
  padding-bottom:20px;
  }

  .logo{
  float:left;
  width:300px;
  margin-right:70px;
  }

  .logo h1{
  float:left;
  width:120px;
  height:35px;
  padding-top:5px;
  padding-bottom:5px;
  padding-right:10px;
  margin:0px;
  font-size:0.85em;
  font-style:italic;
  line-height:1.2em;
  color:#FFF;
  }

  .logo img{
  float:left;
  width:160px;
  height:45px;
  padding-right:10px;
  }

  .logo p{
  float:left;
  width:120px;
  height:35px;
  padding-top:5px;
  padding-bottom:5px;
  padding-right:10px;
  margin:0px;
  font-size:0.85em;
  font-style:italic;
  line-height:1.2em;
  color:#FFF;
  }

  .ft1 .logo{
  float:left;
  width:340px;
  margin-right:20px;
  }

  .ft1 .logo img{
  float:left;
  width:195px;
  height:50px;
  padding-right:10px;
  }

  .ft1 .logo p{
  float:left;
  width:120px;
  height:35px;
  padding-top:11px;
  padding-bottom:5px;
  padding-right:10px;
  margin:0px;
  font-size:0.85em;
  font-style:italic;
  line-height:1.2em;
  color:#666666;
  }

  .hadr{
  float:left;
  width:270px;
  }

  .hadr p{
  float:left;
  width:80%;
  background:url(../images/adr.png) no-repeat 0% 50%;
  padding-left: 49px;
  padding-top:5px;
  padding-bottom:10px;
  padding-right:10px;
  margin:0px;
  font-size:0.85em;
  font-style:italic;
  line-height:1.3em;
  color:#FFF;	
  }

  .hadr p a{
  color:#ff6633;
  }

  .hphone{
  float: right;
  width:300px;
  text-align:right;
  }

  .hphone p{
  float: left;
  width:100%;
  font-weight:bold;
  color:#FFF;
  margin-bottom:5px;
  padding-bottom:0px;
  margin-top:0px;
  }

  .hphone span{
  font-weight:normal;
  font-style:italic;
  }

  .hphone a{
  float: left;
  width:100%;
  font-size:1.6em;
  font-weight:bold;
  color:#FFF;
  text-decoration:none;
  }

  .menu{
  width: 100%;
  list-style: none outside none;
  
  display: table;
  max-width: none;
  table-layout: auto;
  border-collapse: collapse;
  
  
  margin:0px;
  padding:0px;
  
  height: auto;
  padding-top: 25px;
  padding-bottom: 25px;
  
  }

  .menu > li{
  display:table-cell;
  box-sizing:border-box;
  height: auto;
  font-size:1em;
  line-height: 1.3rem;
  padding-bottom: 0px;
  text-align: center;
  vertical-align: middle;
  width: auto;
  
  position:relative;
  
  padding:0px 3.5rem 0px 0px;
  }


  .menu > li > a{
  display:block;
  
  color: #fff;
  font-weight: 700;
  height: auto;
  padding:32px 0px;
  text-decoration: none;
  
  text-transform:uppercase;
  letter-spacing:3px;
  }
  
  .menu > li.active > a{
	  opacity:0.3;
	  color:#000;
  }
  
    .menu > li.active > a:hover{
	  opacity:0.4;
  }

  .menu li > a:hover{
	  opacity:0.8;
	  
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
   }

  .menu > li:last-child{
  background:none;
  padding: 0px 0px 0px 0px;
  }

  .menu > li:last-child a{
  color: #fff;
  font-weight: 700;
  height: auto;
  padding:12px 20px 12px 20px;
  text-decoration: none;
  background: none rgba(0, 0, 0, 0.27);
	  
  letter-spacing:0px;
  text-transform:none;

  
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  
  -webkit-box-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow:   0px 7px 15px 0px rgba(0, 0, 0, 0.3);
  box-shadow:        0px 7px 15px 0px rgba(0, 0, 0, 0.3);
  
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  }

  .menu > li:last-child a:hover{
  background:#000;
  border-bottom:0px;
  opacity:1;
  }
  
  
.menu .deeper > a:after{
	float:right;
	content: '\0020';
	display:block;
	width:10px;
	height:6px;
    background:url(../images/un.png) no-repeat 50% 50%;
	background-size: cover;
	
	margin:7px 3px;
	
    transition: all .3s ease;
}

.menu .deeper:hover a:after{
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
	
    transition: all .3s ease;
}


.menu .deeper ul{
	visibility:hidden;
	opacity:0;
	margin-top:80px;
	
	-webkit-transition: visibility 0.2s, opacity 0.2s ease, margin-top 0.2s ease;
    -moz-transition: visibility 0.2s, opacity 0.2s ease, margin-top 0.2s ease;
    -o-transition: visibility 0.2s, opacity 0.2s ease, margin-top 0.2s ease;
    transition: visibility 0.2s, opacity 0.2s ease, margin-top 0.2s ease;

}
   
.menu .deeper:hover ul{
	visibility:visible;
	opacity:1;
	margin-top:70px;
	
    -webkit-transition: visibility 0.5s, opacity 0.5s ease, margin-top 0.5s ease;
    -moz-transition: visibility 0.5s, opacity 0.5s ease, margin-top 0.5s ease;
    -o-transition: visibility 0.5s, opacity 0.5s ease, margin-top 0.5s ease;
    transition: visibility 0.5s, opacity 0.5s ease, margin-top 0.5s ease;
	
}

.menu .deeper .small{
	position:absolute;
	left:-42%;
	top:0;
	
	
	width:auto;
	height: auto;
	
	padding:0px;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	
	background:#333;
	
	z-index:2600;
	
	float: left;
	list-style:none;
	margin-right: -50%;
	margin-left:0;
}

.menu .deeper .small li{
	width:100%;	
	box-sizing:border-box;
	border-bottom: 1px solid rgba(255,255,255,0.05);
	
	padding:0;
	margin:0;
}

.menu .deeper .small li a{
	text-transform:none;
	font-size:1em;
	font-weight:normal;
	letter-spacing:normal;
	white-space: nowrap;
	
	padding:15px 40px;
	display:inline-block;
}

  .ftmenu{
  float: none;
  display: table;
   width: 750px;
  list-style: none outside none;
  margin:0px;
  padding:0px;
  margin-top:20px;
  }

  .ft3 .ftmenu{
  float:left;
  }

  .soclink{
  float:right;
  width: auto;
  padding:10px 15px 10px 35px !important;
  font-weight:bold;
  text-decoration:none !important;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  }
  
  .soclink:hover{
	  background-color:#000 !important;
	  color:#fff !important;
  }
  
  .soclink.vk{
  background: url(../images/vk.svg) no-repeat 13px 50%;
  background-size:15px 15px;
  background-color:#48729e;
  color:#fff;
  }

  .soclink.in{
  background: url(../images/instagram-logo.svg) no-repeat 13px 50%;
  background-size:15px 15px;
  background-color:#333;
  color:#fff;
  }

  .ftmenu li{
  float: none;
  height: auto;
  font-size:0.95em;
  line-height: 1.3rem;
  padding-bottom: 0px;
  text-align: center;
  vertical-align: middle;
  width: auto;
  display: table-cell;
  }

  .ftmenu li{
  padding:0px 10px 0px 10px;
  }

  .ftmenu li a{
  color: #fff;
  height: auto;
  padding:3px 0px 3px 0px;
  text-decoration: none;
  border-bottom: 1px solid rgba(50, 100, 150, 0);
  }

  .ftmenu li a:hover{
  border-bottom:1px solid rgba(256,256,256, 0.2)
  }

  .slidepromo .moduletable{
  float:left;
  width:100%;
  height: auto;
  
  display:none;
  }

  .onScreen{
  background:rgba(255,0,4,1.00);
  padding:20%;
  }

  .imgrew{
  float:left;
  width:60px;
  height:60px;
  background:url(../images/avatar.png) no-repeat;
  }

  .imgrew img{
  float:left;
  width:60px;
  height:60px;
  padding:0px;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  }

  .stext{
  float:left;
  width:320px;
  height:auto;
  margin-right:60px;
  margin-top:40px;
  }

  .stext h1{
  float:left;
  width:100%;
  font-size:2.3em;
  color:#FFF;
  margin-bottom:30px;
  font-weight:bold;
  }

  .stext h1 a{
  color:#FFF;
  font-weight:bold;
  border-bottom: 1px solid rgba(256,256,256, 0.3);
  text-decoration:none;
  }

  .stext h1 a:hover{
  border-bottom: 1px solid rgba(256,256,256, 0.1);
  }

  .simg{
  float:left;
  width:560px;
  height:auto;
  
  margin-top:40px;
  }

  .rew{
  float:left;
  width:320px;
  height:auto;
  margin-top:10px;
  }

  /*sliderpromo rew*/
  .slidepromo .rew{
  float:left;
  width:320px;
  height:auto;
  margin-top:0px;
  margin-bottom:50px;
  }

  .slidepromo .rew1{
  display:block;
  float:left;
  width:320px;
  height:7px;
  background:url(../images/toprew.png) no-repeat 0px 0px;
  }

  .slidepromo .rew2{
  float:left;
  width:270px;
  padding:10px 25px 15px 25px;
  height:auto;
  border:0px;
  background:url(../images/centrew.png) repeat-y 0px 0px;
  }

  .slidepromo .rew3{
  display:block;
  float:left;
  width:320px;
  height:15px;
  background:url(../images/botrew.png) no-repeat 0px 0px;
  margin-bottom:10px;
  }

  .slidepromo .rew4{
  float:left;
  width:320px;
  margin-top:0px;
  }

  .slidepromo .rew4 p{
  float:left;
  width: 215px;
  padding-left:15px;
  padding-top:6px;
  color:#FFF;
  font-style:italic;
  }

  .slidepromo .rew4 p span{
  float:left;
  width:100%;
  font-weight:bold;
  }

  .slidepromo .rew2 p{
  float:left;
  width:100%;
  font-size:0.9em;
  font-style:italic;
  color:#FFF;
  padding:0px;
  margin:0px;
  padding-bottom:12px;
  }

  /*sliderpromo rew*/
  /**/
  .blog-rew .rew2 {
  border:0px;
  background: #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding:5% 8% 6% 8%;
  width:84%;
  
   -webkit-box-shadow: 0px 4px 25px 0px rgba(0, 30, 90, 0.15);
   -moz-box-shadow:   0px 4px 25px 0px rgba(0, 30, 90, 0.15);
   box-shadow:        0px 4px 25px 0px rgba(0, 30, 90, 0.15);

  }

  .blog-rew .rew p{
  color:#333 !important;
  }

  .blog-rew .rew2 p{
  font-size: 1.2em;
  }

  .blog-rew .rew4{
  float:left;
  width:100%;
  margin-top:25px;
  margin-bottom:6%;
  }

  .blog-rew .rew4::before{
  float:left;
  position: absolute;
  content:' ';
  width:49px;
  height:20px;
  margin-top:-35px;
  margin-left:40px;
  background:url(../images/snosk.png) no-repeat 0px 0px;
  }

  .blog-rew .rew4 p{
  float:left;
  width: 245px;
  padding-left:15px;
  padding-top:6px;
  color:#FFF !important;
  font-style:italic;
  }

  /**/
  .rew1{
  display:none;
  float:left;
  width:320px;
  height:7px;
  background:url(../images/toprew.png) no-repeat 0px 0px;
  }

  .rew2{
  float:left;
  width:70%;
  padding:9% 10% 9% 10%;
  margin-right:5%;
  height:auto;
  background: rgba(0,0,25,0.15);
  border: 10px solid #5761BB;
  }

  .rew p{
  color:#fff !important;
  }

  .rew3{
  display:none;
  float:left;
  width:320px;
  height:15px;
  background:url(../images/botrew.png) no-repeat 0px 0px;
  margin-bottom:10px;
  }

  .rew4{
  float:left;
  width:100%;
  margin-top:7%;
  }

  .rew4 p{
  float:left;
  width: 245px;
  padding-left:15px;
  padding-top:6px;
  color:#FFF;
  font-style:italic;
  }

  .rew4 p span{
  float:left;
  width:100%;
  font-weight:bold;
  }

  .rew2 p{
  float:left;
  width:100%;
  font-size:1.2em;
  font-style:italic;
  color:#FFF;
  padding:0px;
  margin:0px;
  padding-bottom:12px;
  }

  .rew2 p:first-child {
  font-weight:bold;
  font-style:normal;
  font-size:1.6em;
  padding-left:30px;
  background: url(../images/like.png) no-repeat 0px 5px;
  }
  
  .jivo100{
	  float:left;
	  width:100%;
	  margin-top:15px;
	  margin-bottom:15px;
	  
	  text-align: center;
  }

  .button{
  color: #fff !important;
  font-weight: 700;
  height: auto;
  padding:12px 20px 12px 20px;
  text-decoration: none;
  background:none #ff3300;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow:   0px 7px 15px 0px rgba(0, 0, 0, 0.3);
  box-shadow:        0px 7px 15px 0px rgba(0, 0, 0, 0.3);
  text-decoration:none !important;
  }

  .button:hover{
  background:#ff4f23;
  }

  .link{
  float:left;
  width:100%;
  margin-bottom:25px;
  }

  .link p{
  float:left;
  width:auto;
  height:auto;
  padding:0px;
  margin:0px;
  margin-left:15px;
  padding-top:12px;
  color:#070070;
  opacity:0.6;
  text-shadow: 1px 1px 0px rgba(256, 256, 256, 0.2);
  }

  .link .button{
  float:left;
  }

  .link:first-child span{
  font-style:italic;
  color:#FFF;
  margin-left:10px;
  font-size:0.9em;
  }

  .newwrk{
  float:none;
  position:absolute;
  z-index:10;
  margin-left:460px;
  margin-top:75px;
  }

  .brous{
  float:left;
  width: 510px;
  height:auto;
  }

  .brous .pic{
  float:none;
  position:absolute;
  z-index:10;
  margin-top:382px;
  margin-left:20%;
  }

  .brous .br{
  float:left;
  width:510px;
  height:500px;
  padding-top:27px;
  margin-top:25px;
  background: url(../images/brbloc.jpg) no-repeat 0px 0px;
  -webkit-box-shadow: 80px 80px 80px 0px rgba(6, 24, 61, 0.55);
  -moz-box-shadow:   80px 80px 80px 0px rgba(6, 24, 61, 0.55);
  box-shadow:        80px 80px 80px 0px rgba(6, 24, 61, 0.55);
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  }
  
  .brous .br:hover{
	  opacity:0.7;
  }  

  .ft1{
  float:left;
  width:100%;
  padding-top:30px;
  padding-bottom:20px;
  /**/ display:none;
  }

  .ft2, .ft3{
  float:left;
  width:100%;
  padding-top:20px;
  padding-bottom:20px;
  }

  .ft3{
  border-top:1px solid #413c92;
  }

  .ft2 p, .ft3 p{
  float:left;
  width:190px;
  font-size:2em;
  font-weight:bold;
  color:#fff;
  margin-bottom:10px;
  }

  .ft2 .ftmenu li:last-child{
  background:none;
  padding: 0px 0px 0px 0px;
  }

  .ft2 .ftmenu li:last-child a{
  color: #fff;
  font-weight: 700;
  height: auto;
  padding:12px 20px 12px 20px;
  text-decoration: none;
  background:none #ff3300;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  
  border-bottom: 0px solid rgba(50, 100, 150, 0);
  -webkit-box-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow:   0px 7px 15px 0px rgba(0, 0, 0, 0.1);
  box-shadow:        0px 7px 15px 0px rgba(0, 0, 0, 0.1);
  }

  .ft2 .ftmenu li:last-child a:hover{
  border-bottom:0px;
  background: #FF4F23;
  }

  .ftbloc1{
  float:left;
  width: 120px;
  margin-right:40px;
  }

  .ftbloc2{
  float:left;
  width:190px;
  margin-right:40px;
  }

  .ftbloc3{
  float:left;
  width:150px;
  }

  .ftbloc1 p, .ftbloc2 p, .ftbloc3 p{
  margin-bottom:1em;
  }

  .ftbloc1 p span, .ftbloc2 p span, .ftbloc3 p span{
  float:left;
  width:100%;
  font-weight:bold;
  }

  /*Спойлер*/
  #serv{
  float:left;
  width:100%;
  
  display:none;
  }

  #serv .blocbody{
  float:left;
  width:100%;
  padding:0px;
  }

  .spwrap{
  float:left;
  width:100%;
  
  margin-bottom:30px;
  }
  
  #qestion{
	  float:left;
	  width:100%;
	  padding-top:60px;
	  padding-bottom:60px;
	  
	  border-top:2px dotted rgba(142, 166, 175, 0.19);
  }

  .spwrap .sphead{
  float:none;
  width:100%;
  margin:auto;
  padding: 10px 10px 10px 10px;
  cursor:pointer;
  font-size:1.8em;
  line-height:1.3em;
  
  color:#FFF;
  font-weight: normal;
  }

  .sphead.folded span{
  background:url(../images/un.png) no-repeat 100% 60%;
  padding-right:30px;
  }

  .sphead.unfolded span{
  background:url(../images/in.png) no-repeat 100% 60%;
  padding-right:30px;
  }

  .spwrap .spbody{
  float:none;
  width:100%;
  margin:auto;
  padding: 0px 10px 0px 10px;
  font-size:1em;
  color:#FFF;
  }

  .spwrap .spbody p{
  }

  .spbody .linkser{
  float:left;
  width:100%;
  }

  .spbody .linkser .button{
  float:left;
  -webkit-box-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0);
  -moz-box-shadow:   0px 7px 15px 0px rgba(0, 0, 0, 0);
  box-shadow:        0px 7px 15px 0px rgba(0, 0, 0, 0);
  margin-top:10px;
  margin-right:15px;
  }

  .spbody .linkser .button:hover{
  }

  .spbody .linkser .moreus{
  text-decoration:none;
  margin-top:10px;
  padding-right:75px;
  color:#FFF !important;
  background:rgba(0,2,31,0.20) url(../images/next.png) no-repeat 92% 50% ; 
  }

  #brand{
  background-color:#342e96;
  }

  #web{
  background-color:#4943ad;
  }

  #smo{
  background-color:#3f39a2;
  }

  #sup{
  background-color:#3b359e;
  }

  #brandser{
  background:url(../images/ico/logo.jpg) 0% 0px no-repeat;
  }

  #webser{
  background:url(../images/ico/web.jpg) 0% 20px no-repeat;
  }

  #smoser{
  background:url(../images/ico/smo.jpg) 0% 20px no-repeat;
  }

  #supser{
  background:url(../images/ico/support.jpg) 0% 20px no-repeat;
  }

  /*Спойлер*/
  .bloc70{
  float:left;
  width:65%;
  margin-right:5%;
  padding-bottom:5%;
  }

  .bloc50{
  float:left;
  width:45%;
  margin-right:5%;
  padding-bottom:5%;
  }

  .bloc30{
  float:left;
  width:25%;
  margin-right:5%;
  padding-bottom:5%;
  }

  .page-header{
  float: left;
  width:100%;
  }

  .page-header h2, .blog-rew h2{
  float: left;
  width: auto;
  font-size:3em !important;
  color:#333;
  font-weight:bold;
  text-transform:none;
  margin: 0px 0px 0.4em 0px !important;
  }

  .blog-rew .rew{
  float:left;
  width:100%;
  }
  
  .blog-rew .items-leading>div{
	  float:none;
	  display:inline-block;
	  width:46%;
	  padding-right:3%;
	  
	  vertical-align:top;
	  border-collapse: collapse;
  }

  .items-leading{
  float:left;
  width:100%;
  margin-top:2%;
  padding-bottom:8%;
  }

  /**/
  #col2 .leftcn{
  float:left;
  width:23%;
  margin-top:0%;
  margin-bottom:80px;
  }

  #col2 .rightcn{
  float:left;
  width:77%;
  margin-bottom:10%;
  }

  .item-page h1, .item-page h2, .item-page h3{
  width: auto;
  color:#fff;
  font-weight:bold;
  text-transform:none;
  padding:8px 25px 8px 25px;
  margin:45px 0px 15px 0px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  }

  .item-page h1{
  font-size:2em;
  background-color:#FF3300;
  }

  .item-page h2{
  font-size:1.8em;
  background-color:#392f8d;
  }


  .item-page p, .item-page ul, .item-page h1, .item-page h2, .item-page h3{
  color:#FFF;
  }

  .item-page blockquote{
  float:left;
  width:90%;
  padding:5%;
  margin:0px;
  font-size:2.5em;
  font-style:italic;
  color:#FFF;
  line-height:1.2em;
  text-align:center;
  }

  .item-page blockquote::before{
  float:left;
  background: #FF0004;
  content: " ";
  height: 3px;
  width: 10%;
  margin-left:45%;
  margin-right:45%;
  margin-bottom:25px;
  }

  .item-page{
  float: left;
  width:100%;
  }

  .item-page img{
  float:left;
  width:100%;
  }

  ul{
  float:left;
  width:100%;
  list-style-position: outside;
  list-style-image:url(../images/list-gray.png);
  margin-left:29px;
  }

  .spbody ul{
  float:left;
  width:100%;
  color:#FFF;
  list-style-position: outside;
  list-style-image:url(../images/list.png);
  margin-left:29px;
  }

  .spbody ul a{
  color:#FFF;
  text-decoration:none;
  border-bottom: 1px solid rgba(256,256,256, 0.3);
  text-shadow: 0px 0px 5px rgba(256, 256, 256, 0.3);
  }

  .spbody ul a:hover{
  color:#FFF;
  text-decoration:none;
  border-bottom: 1px solid rgba(256,256,256, 0.1);
  text-shadow: 0px 0px 5px rgba(256, 256, 256, 0.3);
  }

  .item-page ul li{
  padding-bottom:15px;
  }

  .item-page a{
  color:#FFF;
  text-decoration:none;
  border-bottom: 1px solid rgba(256,256,256, 0.3);
  text-shadow: 0px 0px 5px rgba(256, 256, 256, 0.3);
  }

  .item-page a:hover{
  color:#FFF;
  text-decoration:none;
  border-bottom: 1px solid rgba(256,256,256, 0.1);
  text-shadow: 0px 0px 5px rgba(256, 256, 256, 0.3);
  }

  .leftcn h3{
  width: auto;
  font-size:1.8em;
  background-color:#392f8d;
  color:#fff;
  font-weight:bold;
  font-style:normal;
  padding:15px 25px 15px 25px;
  margin:0px 0px 15px 0px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  }

  #leftmmenu{
  float:left;
  width:100%;
  height:auto;
  margin:0px;
  padding:0px;
  margin-bottom:25px;
  list-style-position:inside;
  list-style-image:url(../images/list.png);
  }

  #leftmmenu li a{	
  color:#FFF;
  text-decoration:none;
  }

  #leftmmenu li.active a{	
  font-weight:bold;
  }

  .custom-map{
  float:left;
  width:100%;
  height: auto;
  display:table;
  }


  .custom-map .bloc50{
  display: table-cell;
  float:none !important;
  vertical-align:top;
  line-height: 0;
  margin:0;
  width:50%;
  padding-bottom:0;
  }
  
  .custom-map .map{
  float:left;
  width:100%;
  height:100%;
  }
  

 
 .map-back{ 
    background:#F9F6E6;
 }

  .custom-map .map > ymaps{
  float:left;
  width:100% !important;
  height:690px !important;
  }
  
  .map-cont{
	  padding-top:40px;
	  padding-bottom:40px;
	  padding-left:60px;
	  box-sizing:border-box;
	  
	  border-bottom:1px solid rgba(0,0,0,0.05);
}

  .adrbloc{
  float:left;
  width:100%;
  margin-bottom:1%;
  padding-bottom:3%;
  margin-top:2%;
  max-width:500px;
  border-bottom:3px dashed rgba(0,0,150, 0.1);
  }

  .adrbloc:last-child{
  border-bottom:0px dashed #009;
  }
  
  .adrbloc a:hover{
	  color:#ff3300;
  }

  .adrbloc p{
  float:left;
  width:100%;
  color:#B0A9F6 !important;
  font-size:1.2em;
  font-weight:bold;
  line-height:2em;
  }

  .adrbloc p span{
  float:left;
  width:100%;
  color:#fff !important;
  font-size:45px;
  line-height:1.1em;
  font-weight: normal;
  }

  .nameadr{
  float:left;
  width:100%;
  font-size:1.2em;
  font-weight:bold;
  color:#FFF;
  }
  
  .contact-page, .contact-page .articleBody, .contact-page .icpr{
	  margin:0 !important; padding:0 !important;
  }
  
  .contact-page .preim{
	  padding:45px 0 25px 0;
  }

  /*serv*/
  .servbs{
  float:left;
  width:60%;
  padding-left:40%;
  padding-right:0%;
  padding-top:3%;	
  margin-bottom:7%;
  padding-bottom:10%;
  border-bottom: dashed 2px rgba(0,20,110,0.1);
  }
  
  .servbs:last-child{
	  margin-bottom:0;
	  border-bottom:0;
	  padding-bottom:0;
  }

  /*Белый контент*/
  .item-page{
  background-color: #FFFFFF;
  
  float: left;
  width: 100%;
  
  margin-bottom:80px;
  
  /*
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 30, 90, 0.19);
    -moz-box-shadow:   0px 0px 2px 0px rgba(0, 30, 90, 0.19);
    box-shadow:        0px 0px 2px 0px rgba(0, 30, 90, 0.19);
	*/
  }
  
 

  .page-header h2, .blog-rew h2, .blog-portfolio .page-header h1{
  float:left;
  width:100%;
  background-color:#FFF !important;
  /*background:url(../images/grdiden.jpg);*/
  color:#333 !important;
  font-size:3em;
  padding: 4% 0% 0% 0% !important;
  margin-top:0%;
  margin-bottom:2%;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  }

  .item-page .articleBody{
  float:left;
  padding-left:0%;
  padding-right:0%;
  width:100%;
  padding-bottom:5%;
  }

  .adrbloc p{
  color:#81859B !important;
  }

  .adrbloc p span{
  color:#333 !important;
  }

  .nameadr{
  color:#FF3300
  }

  .item-page a { 
  border-bottom: 1px solid rgba(13, 40, 140, 0.2);
  color: #333;
  text-decoration: none;
  text-shadow: 0px 0px 5px rgba(255, 255, 255, 0);
  }

  .item-page a:hover{
  color:#FF3300;
  text-decoration:none;
  border-bottom: 1px solid rgba(256,256,256, 0.1);
  text-shadow: 0px 0px 5px rgba(256, 256, 256, 0.3);
  }

  #cont p{
  color:#333;
  }

  .item-page p, .item-page ul, .item-page h1, .item-page h2, .item-page h3{
  color:#333;
  }

  .item-page blockquote{
  color:#333;
  }

  .item-page h2{
  background-color: transparent;
  margin: 45px 0px 15px;
  padding: 8px 0px;
  }


  colorbox h2 { 
  color: #333 !important;
  }

  .description_service h2 {
  float:left;
  width:100%;
  color: #000 !important;
  padding-top:10px !important;
  margin-top:10px !important;
  
  font-weight:bold;
  }

  /*Белый контент*/
  /* 
  .servbs:nth-child(2n){
  float:left;
  width:50%;
  padding-right:50%;
  padding-left:0%;
  margin-bottom:6%;
  padding-bottom:6%;
  border-bottom: dashed 2px rgba(256,256,256,0.1);
  }

  */
  
  
  /*Услуги*/
  
  .item-page-service{
  float: left;
  width: 100%;
  margin-bottom:60px;
  }
  
  .item-page-service h1{
  float: left;
  width: 100%;
  
	font-size: 4em;
	font-weight: 700;
	padding-bottom: 2%;
	padding-top: 1%;
	text-align: center;
  }
  
  .item-page-service .promoserv{
	  float:left;
	  width:100%;
	  padding-bottom:60px;
	  
  }
  
  
    .item-page-service #acc-top .accbloc, #acc-top .accbloc{
	  padding-top:60px;
	  border-bottom:0px;
	  
	  background:url(../images/glowmount.png) no-repeat 50% 50%;
  }
  
  .custom.service-page{
	  float:left;
	  width:100%;
	  border-bottom: 1px solid rgba(0,0,0,0.05);
	  padding-bottom:60px;
	  padding-top:40px;
	  
	  background-position: 50% 50%;
	  background-repeat:no-repeat;
  }
  
    .custom.service-page.create-web-site{
	  background-image:url(../images/service/create-web-site.jpg);
  }
  
    .custom.service-page.create-landing{
	  background-image:url(../images/service/create-landing.jpg);
  }
  
    .custom.service-page.create-social{
	  background-image:url(../images/service/create-social.jpg);
  }
    .custom.service-page.create-logo{
	  background-image:url(../images/service/create-logo.jpg);
  }
  
    .custom.service-page.create-support{
	  background-image:url(../images/service/create-support.jpg);
  }
  
    .custom.service-page.create-visit{
	  background-image:url(../images/service/create-visit.jpg);
  }
  
      .custom.service-page.create-all-site{
	  background-image:url(../images/service/create-main.jpg);
  }
  
  
  .service-page .bloc50{
	  width:50%;
	    }

  
  
    .item-page-service .promoserv .prsimg img{
	  width: auto;
	  
	  -webkit-border-radius: 150px;
	  -moz-border-radius: 150px;
	  border-radius: 150px;	  
	}
  
   .promoserv p{
	float: left;
	width: 100%;
	
	line-height:1.6em;

	padding-top: 1%;
	text-align: left;
  }
  
  
  
   .promoserv .button{
    padding:18px 28px 18px 28px;
	margin-top:20px;
   }
  
  
  .promoserv .jivo100{
	  text-align:left;
  }
  /*Услуги*/
  
  .servbs .button{
  float:left;
  border-bottom:0px !important;
  -webkit-box-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0);
  -moz-box-shadow:   0px 7px 15px 0px rgba(0, 0, 0, 0);
  box-shadow:        0px 7px 15px 0px rgba(0, 0, 0, 0);
  }

  .moreus{
  float:left;
  margin-top:0px;
  padding:12px 55px 12px 15px;
  background:url(../images/linkah.png) rgba(10,5,50,0) no-repeat 100% 50%;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  text-transform:uppercase;
  color:#81859B !important;
  font-size:0.9em;
  font-weight:bold;
  border-bottom:0px !important;
  }

  .moreus:hover{
  color:#333 !important;
  }

  .servbs h1{
  margin-top:0px;
  padding:0px;
  margin:0px;
  margin-bottom:15px;
  background-color: transparent;
  }

  .servbs ul{
  margin-bottom:15px;
  }

  .servbs .linkser{
  float:left;
  width:100%;
  height: auto;
  margin-top:0px;
  }

  /*portfolio 2*/
  .item-page-portfolio{
  float:left;
  width:100%;
  background-color:#FFF;
  padding-bottom:0%;
  margin-bottom:0px;
   
   /* 
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 30, 90, 0.19);
  -moz-box-shadow:   0px 0px 2px 0px rgba(0, 30, 90, 0.19);
   box-shadow:        0px 0px 2px 0px rgba(0, 30, 90, 0.19);
   */
   
   text-align:center;

  }
  
  #page-portfolio #col1{
	  width:100% !important;
	  padding:0 !important;
  }
  
  

  .item-page-portfolio .page-header{
  float:left;
  width:100%;

  margin-bottom:1%;
  
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  }

  .item-page-portfolio .page-header h2{
  background: none !important;
  padding:0px;
  margin:0px;
  color:#333;
  width:80%;	
  padding:70px 10% 0px 10% !important;
  
  
  text-transform:uppercase;
  letter-spacing: 0.1em;
  }

  .item-page-portfolio blockquote{
  float: none;
  display:inline-block;
  width:80%;
  max-width:940px;
  padding:20px 10% 30px 10%;
  margin:0px;
  font-size:1.8em;
  line-height:1.4em;
  text-align:center;
  }

  .item-page-portfolio h2{
  float: none;
  display:inline-block;
  width:80%;
  max-width:940px;

  padding:40px 10% 0px 10%;
  margin:0px;
  text-align:center;
  margin-top:2%;
  font-weight:bold;
  text-transform:none;
  color:#333 !important;
  }

  .item-page-portfolio div:last-child h2:last-child{
  float:left;
  width:80%;
  padding:5% 10% 1% 10%;
  margin:0px;
  margin-top:2%;
  border-top:3px dashed #ecf4ff;
  font-weight:bold;
  text-transform:none;
  font-size:50px;
  color:#FF0004 !important;
  }

  .item-page-portfolio h2:last-child{
  border:0px solid #000000;
  }

  .item-page-portfolio p{
  float: none;
  display:inline-block;
  width:80%;
  max-width:940px;
  
  box-sizing: border-box;
  
  padding:20px 10% 30px 10%;
  margin:0px;
  text-align:center;
  line-height:1.6em;
  color:#333 !important;
  }

  .item-page-portfolio img{
  width: auto;
  max-width:100%;
  }

  .item-page-portfolio .site{
  float: none;
  width:80%;
  margin:2% 10% 5% 10%;
  max-width:920px;
  padding-top:27px;
  margin-top:35px;
  margin-bottom:15px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 40, 60, 0.3);
  -moz-box-shadow:   0px 0px 25px 0px rgba(0, 40, 60, 0.3);
  box-shadow:        0px 0px 25px 0px rgba(0, 40, 60, 0.3);
  background: url(../images/brblocport.jpg) no-repeat 100% 0px;
  }

  .sticky {
  position: fixed;
  z-index: 101;
  }

  .menubloc{
  float:left;
  width:100%;
  background: none;
  
  padding-top:0px;
  padding-bottom:0px;
  
  background:#ff3300;
  
  
  -webkit-transition: 0.3s background;
  -moz-transition: 0.3s background;
  -ms-transition: 0.3s background;
  -o-transition: 0.3s background;
  transition: 0.3s background;	
  }

  .sticky-menu{
  padding-bottom: 25px;
  padding-top: 25px;	
  position: fixed;
  z-index: 101;
  background: rgba(50,45,145,0.80);
  -webkit-transition: 0.8s background;
  -moz-transition: 0.8s background;
  -ms-transition: 0.8s background;
  -o-transition: 0.8s background;
  transition: 0.8s background;	
  }

  .stop {
  position: relative;
  z-index: 101;
  }

  /*portfolio 2*/
  
  .res-main-bloc{
	  float:left;
	  width:100%;
	  display:block;
	  text-align:center;
  }
  
   .moduletable.res-main-bloc{
	   margin-top:0px;
	   background:#FF3300;
	   
	   padding-top:50px;
	   padding-bottom:200px;
	   
  background: url(../images/back-port.jpg) no-repeat 50% 0%;
  }
  
  .res{
  float:none;
  display:inline-block;
  height:auto;
  width:100%;
  max-width:940px;
  text-align:center;
  }

  .res p{
  float:left;
  width:100%;
  margin:0px;
  padding:0px;
  margin-bottom:35px;
  height:auto;
  font-size:2.5em;
  line-height:1.2em;
  color:#FFF !important;
  }

  .res a{
  color: #fff;
  font-weight: 700;
  height: auto;
  padding:12px 20px 12px 20px;
  text-decoration: none;
  background:none #ff3300;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow:   0px 7px 15px 0px rgba(0, 0, 0, 0.1);
  box-shadow:        0px 7px 15px 0px rgba(0, 0, 0, 0.1);
  }

  .res a:hover{
  border-bottom:0px;
  background: #FF4F23;
  }

  .rewport{
  float: none;
  display:inline-block;
  position:relative;
  /*	
  margin:6%;
  background-color:#E9F7FF;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;	
  */
  text-align:center;
  margin-top:60px;
  }
  
  #cat-price{
	  float:left;
	  width:100%;
	  
	  padding-top:60px;
	  padding-bottom:0px;
	  
  }
  
  #cat-price .catbloc .cat{
	  display:inline-block;
	  width:20%;
	  padding:2%;
	  
	  text-align:center;
	  vertical-align:top;
  }
  
  #cat-price .catbloc .cat img{
	  width:50%;
	  padding:2%;
	  
	  -webkit-border-radius: 100px;
	  -moz-border-radius: 100px;
	  border-radius: 100px;
    }
  
    #cat-price .catbloc .cat .catex{
		font-size:1em;
		font-weight:bold;
  }
  
  .rewport img{
  float:none;
  position:absolute;
  top:-40px;
  left:50%;
  margin-left:-30px;
  
  width:auto;
  max-width:60px;
  height:auto;
  border:10px solid #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  }

  .rewport p{
  width:100%;
  padding: 65px 9% 60px 9%;
  margin-left:-17px;
  border:10px solid rgba(206,229,236,1.00);
  background-color:#fff;	
  font-style:italic;
  font-size:1.5em;
  line-height:1.3em;
  }

  .rewport p::after{
  float:left;
  }

  .rewport span{
  float:left;
  width:80%;
  padding: 5% 10% 2% 10%;
  font-style: normal;
  font-weight:bold;
  font-size:0.8em;
  }

  .pagenav{
  float:left;
  width:100%;	
  margin:0px;
  height:0px;
  margin-top:-28px;
  }

  .pagenav a{
  color:#757d9d;
  text-decoration:none;
  position:relative;
  z-index:200;
  padding:25px 25px 25px 25px;
  min-width:14px;
  max-width:70%;
  width: auto;
  min-height:16px;
  max-height:none;
  height:auto;
  -webkit-border-radius: 400px;
  -moz-border-radius: 400px;
  border-radius: 400px;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 30, 90, 0.19);
  -moz-box-shadow:   0px 0px 2px 0px rgba(0, 30, 90, 0.19);
  box-shadow:        0px 0px 2px 0px rgba(0, 30, 90, 0.19);  
  }

  .pagenav li{
  float:left;
  margin:0px;
  padding:0px;
  list-style-image:none;
  list-style-position:inside;
  list-style-type:none;
  }

  .pagenav .next li span{
  padding-right:30px;
  }

  .pagenav .previous li span{
  padding-left:30px;
  }

  .pagenav a span{
  display:none;
  }

  .pagenav a:hover span{
  display: block ;
  }

  .pagenav .next{
  float:right;
  margin-left:5%;
  text-align:right;
  margin-right:-4%;
  background: #FFFFFF url(../images/rightar.png) no-repeat 100% 50%;	
  }

  .pagenav .next:hover{
  background: #FFFFFF url(../images/rightar-hv.png) no-repeat 100% 50%;	
  }

  .pagenav .previous{
  float:left;
  margin-right:5%;
  text-align:left;
  margin-left:-4%;
  background: #FFFFFF url(../images/leftar.png) no-repeat 0% 50%;	
  }

  .pagenav .previous:hover{
  background: #FFFFFF url(../images/leftar-hv.png) no-repeat 0% 50%;	
  }

  .zser{
  float:left;
  padding-left:25px;
  font-weight:bold;
  padding-bottom:0px;
  margin-bottom:10px;
  }

  .custom-howr{
  float: left;
  width: 100%;
  /*background: url(../images/back2.jpg) 50% 0% no-repeat #4E48B0;*/
  padding-top:4%;
  height:auto;
  }

  .custom-howr .blocbody{
  float: left;
  width: 100%;
  padding:0px;
  height:auto;
  background: url(../images/mount2.jpg) 50% 100% no-repeat;
  }

  .custom-howr .blocbody .stephwr {
  float:none;
  margin:auto;
  width:960px;
  }

  .custom-howr .blocbody .colbbloc{
  float: left;
  width:100%;
  height:auto;
  min-height:1443px;
  background: url(../images/colb.png) 50% 0% no-repeat;
  }

  .custom-howr .blocbody .stephwr h1{
  float:left;
  width:100%;
  font-size:3em;
  color:#FFFFFF;
  font-weight:bold;
  margin-bottom:2em;
  text-align:center;
  }

  .colbbloc .sthw{
  float:left;
  width:37%;
  margin-right:50%;
  padding-right:13%;
  text-align:right;
  background: url(../images/hwarr.png) 100% 30% no-repeat;
  }

  .colbbloc .sthw:nth-child(even){
  float:left;
  width:37%;
  margin-left:50%;
  padding-left:13%;
  text-align: left;
  margin-top:-20px;
  background: url(../images/hwarr.png) 0% 30% no-repeat;
  }

  .hwitog{
  float:left;
  width:100%;
  font-size:1.2em;
  font-weight:bold;
  color:#fff;
  text-align:center;
  line-height:normal;
  text-transform:uppercase;
  padding-top:80px;
  padding-bottom:200px;
  }

  .hwitog span{
  font-size:3em;
  }

  .sthw span, .sthw h2, .sthw p{
  float:left;
  width:100%;
  line-height: normal;
  }

  .sthw span{
  font-size:3.5em;
  color:rgba(255,255,255,0.20);
  font-weight:bold;
  }

  .sthw h4{
  font-size:1.4em;
  color:#fff;
  font-weight:bold;
  margin-bottom:8px;
  }

  .sthw p{
  font-size:1em;
  color:#fff;
  font-weight: normal;
  }
  
  .custom-sitetop{
	  float:left;
	  width:100%;
  }
  
  #bigprembody{
 	  padding-bottom:60px;
	  padding-top:60px;
	  
  }
  
  .moduletable-sitetop{
	  float:left;
	  width:100%;
  }
  
  #bigprembody .bigprem{
	  float:left;
	  width:100%;
	  
	  padding-top:40px;
	  margin-bottom:40px;
	  
	  border-bottom:1px solid #dae1e9;
	  
	  line-height:0px;
  }
  
    #bigprembody .bigprem:last-child{
	  border-bottom:0px solid #dae1e9;
	  padding-bottom:60px;
  }
  
  #bigprembody .bigprem div{
	  display:inline-block;
	  
	  margin:0px;
	  padding:0px;
	  }
  
  #bigprembody .bigprem .bpb1{
	  width: 43%;
	  margin-right:3%;
	  
	  padding-bottom:60px;
  }
  
  #bigprembody .bigprem .bpb2{
	  width:50%;
  }
  
  #bigprembody .bigprem img{
	  width:100%;
	  max-width:450px;
	  
	  vertical-align:bottom;
  }
  
  
/***************************Заглушка для портфолио***********************************/  

  .newsflash-port-view{
	 display:table;
	 margin-bottom:30px;
	 margin-top:15px;
  }
  
  .newsflash-port-view h4{
	 display:inline-block;
	 height:250px;
	 width:31%;
	 box-sizing:border-box;
	 margin:1%;
	 
	 vertical-align:middle;
	 
	 font-size:1.5em;
	 
	-webkit-box-shadow: 0px 0px 1px 0px rgba(134, 130, 165, 0.3);
    -moz-box-shadow: 0px 0px 1px 0px rgba(134, 130, 165, 0.3);
    box-shadow: 0px 0px 1px 0px rgba(134, 130, 165, 0.3);	 
	
	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
	
	-webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all .15s ease-out, -webkit-transform .15s ease-out;
    -moz-transition: all .15s ease-out, transform .15s ease-out, -moz-transform .15s ease-out;
    transition: all .15s ease-out, transform .15s ease-out;
    transition: all .15s ease-out, transform .15s ease-out, -webkit-transform .15s ease-out, -moz-transform .15s ease-out;	
  }
  
  .newsflash-port-view h4 a{
	  display:block;
	  width:100%;
	  height:250px;
	  box-sizing:border-box;
	  vertical-align:middle;
	  
	  font-style:normal;
	  text-transform:none;
	  font-size:0.8em;
	  
	 padding:100px 40px;
	 
	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
  }
  
    .newsflash-port-view h4:hover a{
  }
  
  .newsflash-port-view h4:hover{
	-webkit-box-shadow: 0px 20px 40px 0px rgba(134, 130, 165, 0.3);
    -moz-box-shadow: 0px 20px 40px 0px rgba(134, 130, 165, 0.3);
    box-shadow: 0px 20px 40px 0px rgba(134, 130, 165, 0.3);	
	
    -webkit-transform: translate3d(0, -3px, 0);
    -moz-transform: translate3d(0, -3px, 0);
    transform: translate3d(0, -3px, 0);
    -webkit-animation: distro__icon-intro .5s ease-out;
    -moz-animation: distro__icon-intro .5s ease-out;
    animation: distro__icon-intro .5s ease-out;
  }
  
  
    .newsflash-port-view h4:nth-of-type(4), .newsflash-port-view h4:nth-of-type(9), .newsflash-port-view h4:nth-of-type(15){
	 width:64%;
  }
  
  
/***************************Заглушка для портфолио***********************************/  
  
  
/*Анимация*/
/*
.animate {
	opacity: 0;
}

.animated {
	 opacity: 1;
}
/*Анимация*/

  /* old
  .blog-portfolio .items-leading > div{
  float:left;
  width:100%;
  border-bottom:1px solid rgba(256,256,256,0.1);
  margin-bottom:10%;
  }

  .blog-portfolio .items-leading > div:nth-child(2n) .ctnr{
  float:right;
  width:40%;
  margin-left:10%;
  margin-right:0%;
  }

  .blog-portfolio .items-leading > div:nth-child(2n) .item-image{
  float:left;
  width:50%;
  }

  .blog-portfolio .ctnr{
  float:left;
  width:45%;
  margin-right:5%;	
  }

  .blog-portfolio .item-image{
  float:right;
  width:50%;
  max-height:280px;
  overflow:hidden;
  }

  .blog-portfolio .item-image img{
  float:left;
  width:100%;
  height: auto;
  padding-top:27px;
  background: url(../images/brbloc.jpg) no-repeat 100% 0px;
  -webkit-box-shadow: 80px 80px 80px 0px rgba(6, 24, 61, 0.55);
  -moz-box-shadow:   80px 80px 80px 0px rgba(6, 24, 61, 0.55);
  box-shadow:        80px 80px 80px 0px rgba(6, 24, 61, 0.55);
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  }

  .blog-portfolio .page-header{
  float:left;
  width:100%;
  }

  .blog-portfolio .page-header h2{
  margin:0px;
  padding:0px;
  font-size:3em;
  background-color: transparent !important;
  }

  .blog-portfolio .page-header h2 a{
  margin:0px;
  padding:0px;
  color:#FFF;
  border-bottom: 1px solid rgba(256,256,256, 0.3);
  text-decoration:none;
  }

  .blog-portfolio .page-header h2 a:hover{
  border-bottom: 1px solid rgba(256,256,256, 0.1);
  }

  .readmore{
  float: left;
  margin-right: 0%;
  width: 100%;
  margin-top:20px;
  }

  .readmore a{
  color: #fff;
  font-weight: 700;
  height: auto;
  padding:12px 20px 12px 20px;
  text-decoration: none;
  background:none #ff3300;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow:   0px 7px 15px 0px rgba(0, 0, 0, 0.3);
  box-shadow:        0px 7px 15px 0px rgba(0, 0, 0, 0.3);
  }

  */
  /* new */
  .blog-portfolio .items-leading > div{
  float:left;
  width:31%;
  margin-right:3%;
  margin-bottom:5%;
  }
  
  #tempprew .tempport{
  float:left;
  width:24%;
  padding:3%;
  margin-right:3%;
  margin-bottom:5%;
  
  text-align:center;
  }

  .blog-portfolio .items-leading > div:nth-child(3n){
  margin-right:0%;
  }

  .blog-portfolio .ctnr{
  float:left;
  width:80%;
  padding-left:10%;
  padding-right:10%;
  text-align:center;
  }

  /*Портфолио браузером
  .blog-portfolio .item-image img{
  float:left;
  width:100%;
  height: auto;
  padding-top:27px;
  background: url(../images/brbloc.jpg) no-repeat 100% 0px;
  -webkit-box-shadow: 10px 10px 10px 0px rgba(6, 24, 61, 0.2);
  -moz-box-shadow:   10px 10px 10px 0px rgba(6, 24, 61, 0.2);
  box-shadow:        10px 10px 10px 0px rgba(6, 24, 61, 0.2);
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  }

  .blog-portfolio .item-image{
  float:right;
  width:80%;
  padding-left:10%;
  padding-right:10%;
  margin-bottom:15px;
  border-bottom:1px solid rgba(256,256,256,0.1);
  max-height:150px;
  overflow:hidden;
  }

  /*Портфолио браузером*/
  /*Портфолио кругом*/
  .blog-portfolio .item-image img, #tempprew .tempport img{
  float:left;
  width:100%;
  height: auto;
  -webkit-box-shadow: 10px 10px 10px 0px rgba(6, 24, 61, 0.2);
  -moz-box-shadow:   10px 10px 10px 0px rgba(6, 24, 61, 0.2);
  box-shadow:        10px 10px 10px 0px rgba(6, 24, 61, 0.2);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  }

  .blog-portfolio .item-image img:hover{
  opacity:0.9;
  }

  .blog-portfolio .item-image{
  float:right;
  width:80%;
  padding-left:10%;
  padding-right:10%;
  margin-bottom:15px;
  }

  /*Портфолио кругом*/
  .blog-portfolio .ctnr .page-header{
  float:left;
  width:80%;
  padding-left:10%;
  padding-right:10%;
  }

  .blog-portfolio .page-header h2{
  margin:0px;
  padding:0px;
  line-height:1.8em;
  font-size:1em !important;
  background: transparent !important;
  }

  .blog-portfolio .page-header h2 a{
  margin:0px;
  padding:0px;
  color:#FFF;
  border-bottom: 1px solid rgba(256,256,256, 0.3);
  text-decoration:none;
  }

  .blog-portfolio .page-header h2 a:hover{
  border-bottom: 1px solid rgba(256,256,256, 0.1);
  }

  .readmore{
  float: left;
  margin-right: 0%;
  width: 100%;
  display:none;
  margin-top:20px;
  }

  .readmore a{
  color: #fff;
  font-weight: 700;
  height: auto;
  padding:6px 10px 6px 10px;
  text-decoration: none;
  background:none #ff3300;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow:   0px 7px 15px 0px rgba(0, 0, 0, 0.3);
  box-shadow:        0px 7px 15px 0px rgba(0, 0, 0, 0.3);
  }

  /**/
  .forbloc{
  float:left;
  width:100%;
  margin-top:3%;
  }
  
  .forbloc a{
    border-bottom: 1px solid rgba(72, 114, 158, 0.18);
    color: #79a2cf !important;
  }

  .moduletable-map{
  float:left;
  width:100%;
  margin-top:0px;
  }

  .forbloc form{
  float:left;
  width:100%;
  }

  #formfoot .spbody .labl, #formfoot .spbody .file{
  float:left;
  width:45%;
  margin-right:5%;
  margin-bottom:2%;
  }

  #formfoot .spbody .area{
  margin-bottom:2%;
  }

  #formfoot .spbody .send{
  float: right;
  width:30%;
  margin-right:5%;
  margin-bottom:2%;
  margin-top:2%;
  text-align:right;
  }

  #servall .servbl{
  float:left;
  width:87%;
  padding-left:7%;
  padding-right:6%;
  margin-top:-90px;
  margin-bottom:12%;
  }

  .infleft p{
  color:#fff !important;
  font-style:italic;
  text-align: center;
  }

  .infleft h4{
  text-align: center;
  font-size:1.4em;
  font-weight:bold;
  color:#fff;
  }

  .custom.infleft{
  float:left;
  width:85%;
  padding-right:16%;
  background:url(../images/right-snk.png) 100% 192px no-repeat;
  margin-top:0px;
  }

  .custom.infleft img{
  float:left;
  width:100%;
  max-width:181px;
  height:auto;
  margin-bottom:20px;
  }

  #servall .servbl .sefv{
  float:left;
  width:20%;
  padding-right:5%;
  }

  #servall .servbl .sefv h2{
  float:left;
  width:100%;
  font-size: 1.3em;
  font-weight:bold;
  color:#FFFFFF;
  text-transform:none;
  height:auto;
  margin:0;
  padding:0;
  }

  #servall .servbl .sefv ul{
  float:left;
  width:100%;
  color:#FFF;
  margin-left:0px;
  margin-top:10%;	
  list-style:none;
  }

  #servall .servbl .sefv ul li{
  padding-bottom:15px;
  }

  #servall .servbl .sefv ul a{
  color:#FFF;
  text-decoration:none;
  border-bottom: 1px solid rgba(256,256,256, 0.3);
  text-shadow: 0px 0px 5px rgba(256, 256, 256, 0.3);
  }

  #servall .servbl .sefv ul a:hover{
  color:#FFF;
  text-decoration:none;
  border-bottom: 1px solid rgba(256,256,256, 0.1);
  text-shadow: 0px 0px 5px rgba(256, 256, 256, 0.3);
  }

  .forbloc h1{
  float:left;
  width:90%;
  background-color:#FFF;
  background:url(../images/grdiden.jpg);
  color:#333 !important;
  font-size:3em;
  padding: 3% 5% 3% 5%;
  margin-top:0%;
  margin-bottom:1%;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  }

  .labfr{
  float:left;
  width:100%;
  margin-bottom:5%;
  
  max-width:500px;
  position: relative;
  }

  .labfr p{
  color:#333 !important;
  font-weight:bold;
  margin-bottom:10px;
  }

  input{
  font-family: 'PT Sans', sans-serif;
  }

  input[type=text], textarea{
  float:left;
  width:94%;
  padding:2% 2% 2% 2%;
  font-size:1.5em;
  font-style:italic;
  border:1px solid #CCC;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  
  }

  textarea{
  width:94%;
  }

  .file{
  background:url(../images/file.png) no-repeat 0% 50%;
  padding:10px 35px;
  }

  .file input[type=file]{
  color: #8b89ab;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border:1px solid #CCC;
  outline:none;
  font-weight: normal;
  height: auto;
  padding:5px 5px 5px 5px;
  text-decoration: none;
  cursor:pointer;
  font-size:1em;
  }

  .send input[type=button]{
  color: #fff;
  border:0px;
  outline:none;
  cursor:pointer;
  font-weight: 700;
  height: auto;
  padding:16px 28px 16px 28px;
  text-decoration: none;
  font-size:1.4em;
  background:none #ff3300;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow:   0px 7px 15px 0px rgba(0, 0, 0, 0.3);
  box-shadow:        0px 7px 15px 0px rgba(0, 0, 0, 0.3);
  }

  .send input[type=button]:hover{
  background:none #FF4F23;
  }


  #help img{
	  
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;
  border:8px solid #ff3300;
  width:100%;
  
  max-width:80px;
  
  margin-top:-65px;
	  
  position:relative;
  z-index:100;
  }
  
  .manager_accaunt{
	  float: none;
	  display:inline-block;
	  
	  width:40%;
	  padding:25px 3% 30px 3%;
	  
	  margin: 75px 4% 60px 0;
	  
	  text-align:center;
	  
	  background:#fff;
  
	  -webkit-border-radius: 6px;
	  -moz-border-radius: 6px;
	  border-radius: 6px;
	  
	  -webkit-box-shadow:0px 10px 40px 0px rgba(0, 30, 90, 0.1);
	  -moz-box-shadow:   0px 10px 40px 0px rgba(0, 30, 90, 0.1);
	  box-shadow:        0px 10px 40px 0px rgba(0, 30, 90, 0.1);  

	  
	  }
  
  
  .manager_all{
	  float:left;
	  width:90%;
  }
  
  .m_name{
	  font-size:2em;
	  font-weight:bold;
	  
	  width:100% !important;
  }
  
  .m_vacancy{
	  font-size:1em;
	  font-style:italic;
	  opacity:0.7;
	  width:100% !important;
	  
	  margin-top:10px;
  }
  
  .m_avatar{
	  float:left;
	  width:100%;
	  
	  margin-top:5px;
	}
  

  
  .m_butt, .m_phone{
	  float:left;
	  width:100%;
	  
	  margin-top:25px;
  }
  
  .m_acc{
	  float:left;
	  width:100%;
	  
	  margin-top:15px;
	  margin-bottom:5px;
  }

  #help p{
  float:left;
  width: 100%;
  color:rgba(255,255,255,1.00);
  margin:0%;
  padding:0%;
  }

  .hlmanager{
  font-size:1.8em;
  opacity:0.4;
  font-weight:bold;
  margin-bottom:60px !important;
  }

  .hlphone{
  font-size:1.6em;
  font-weight:bold;
  margin-bottom:2% !important;
  }

  .hlphone a{
  color:#fff;
  text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,0);
  }

  .hlquest{
  font-size: 3em;
  font-weight:bold;
  }

  .hlmail{
  font-size:1.5em;
  }
  
  .hlmail .button{
  font-size:15px;
  }

  .hlmail a{
  font-weight:bold;
  color:#FFFFFF;
  }

  .hlmail a:first-child{
  font-weight:bold;
  color:#FFFFFF;
  text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,0.20);
  }

  .hlmail a:first-child:hover{
  font-weight:bold;
  color:#FFFFFF;
  text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,0.0);
  }

  .hlmail span{
  width:auto;
  font-weight:normal;
  font-style:italic;
  }

  .hlmail span::before, .hlmail span::after{
  content:" ";
  font-size:12px;
  padding-left:12%;
  margin-left:1%;
  margin-right:1%;
  text-transform: uppercase;
  width:30%;
  height:1em;
  background:url(../images/list.png) repeat-x 50% 50%;
  }

  .colorbox{
  float:left;
  width:100%;
  
  margin-bottom:30px;
  margin-top:60px;
  }

  .colorbox ul{
  float:left;
  width:100%;
  }
  
.colorbox ul li {
    float: none;
    width: 49%;
    padding-left: 0%;
    padding-right: 60px;
    margin-right: 0%;
    margin-bottom: 20px;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
}

  .colorbox h1, .colorbox h2, .colorbox h3{
  margin-top:20px;
  margin-bottom:30px;
  padding:0%;
  
  text-transform:none;
  
  font-weight:bold;
  }
  
  .colorbox h1{
    text-align:center;
  }

  .colorbox h2{
	  color:#FF3300;
  }


  .description_service{
  list-style: none !important;
  margin-left:0% !important;
  }

  /*
  .colorbox h2{
  color:#8486d4;
  }

  .description_service h2{
  color:#fff !important;
  }

  .description_service p{
  color:#fff;
  }

  */
  .logopr{
  float:left;
  width:25%;
  height:120px;
  
    -webkit-transition: box-shadow 0.5s ease;
  -moz-transition: box-shadow 0.5s ease;
  -o-transition: box-shadow 0.5s ease;
  transition: box-shadow 0.5s ease;

  
   }

  .logopr a{
  float:left;
  width:100%;
  height:100%;
  font-size:0.8em;
  text-align:center;	
  color:rgba(256,256,256,0)
  }

  .logopr:hover{
  float:left;
  width:25%;
  background: #FFFFFF;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
  -webkit-box-shadow: 0px 7px 25px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow:   0px 7px 25px 0px rgba(0, 0, 0, 0.3);
  box-shadow:        0px 7px 25px 0px rgba(0, 0, 0, 0.3);
  
  
  }
 

  #lg1, #lg2, #lg3, #lg4, #lg5, #lg6, #lg7, #lg8, #lg9, #lg10, #lg11, #lg12{
  background-image:url(../images/client/client.png);
  }

  #lg1{
  background-position: 0px 0px;
  }

  #lg2{
  background-position: -235px 0px;
  }

  #lg3{
  background-position: -470px 0px;
  }

  #lg4{
  background-position: -705px 0px;
  }

  #lg5{
  background-position: 0px -120px;
  }

  #lg6{
  background-position: -235px -120px;
  }

  #lg7{
  background-position: -470px -120px;
  }

  #lg8{
  background-position: -705px -120px;
  }

  #lg1:hover{
  background-position: 0px -240px;
  }

  #lg2:hover{
  background-position: -235px -240px;
  }

  #lg3:hover{
  background-position: -470px -240px;
  }

  #lg4:hover{
  background-position: -705px -240px;
  }

  #lg5:hover{
  background-position: 0px -360px;
  }

  #lg6:hover{
  background-position: -235px -360px;
  }

  #lg7:hover{
  background-position: -470px -360px;
  }

  #lg8:hover{
  background-position: -705px -360px;
  }

  .priceimg{
  float:right;
  margin-top:-103px;
  height:1px;
  }

  .rewsrpomo{
  float:left;
  width:100%;
  margin-top:5%;
  margin-bottom:6%;
  }

  .rewsrpomo .rew{
  float:left;
  width:313px;
  height:auto;
  margin-top:10px;
  }

  .rewsrpomo .rew1{
  float:left;
  width:280px;
  height:7px;
  background:url(../images/rew2/toprew.png) no-repeat 0px 0px;
  }

  .rewsrpomo .rew2{
  float:left;
  width:230px;
  padding:10px 25px 15px 25px;
  height:auto;
  background:url(../images/rew2/centrew.png) repeat-y 0px 0px;
  }

  .rewsrpomo .rew3{
  float:left;
  width:280px;
  height:15px;
  background:url(../images/rew2/botrew.png) no-repeat 0px 0px;
  margin-bottom:10px;
  }

  #formfoot{
  float:left;
  width:100%;
  height:auto;
  padding-top:1%;
  padding-bottom:0%;
  /*background:url(../images/backf.png) repeat-x 0px 0px;*/
  }

  #formslide{
  float:left;
  width:100%;
  height:auto;
  margin-top:-180px;
  margin-bottom:0%;
  }

  #formslide .sphead p{
  float: left;
  width: 100%;
  font-size:36px;
  font-weight:normal;
  margin:0px;
  padding:0px;
  text-align:center;
  }

  #formslide .sphead p span{
  color:#4e48b0;
  border-bottom:1px dotted #0C51F4;
  }

  #formslide .sphead p span:hover{
  color:#FF3300;
  border-bottom:1px dotted #FF3300;
  }

  #formslide .sphead{
  float:left;
  width:740px;
  padding-left:100px;
  padding-right:100px;
  padding-top:55px;
  padding-bottom:25px;
  height:40px;
  background:url(../images/topform.png) repeat 0px 0px !important;
  }

  #formslide .spbody form{
  float:left;
  width:100%;
  padding-top:5%;
  margin-top:3%;
  border-top:1px solid #E3EAF1;
  }

  #formslide .spbody{
  float:left;
  width:740px;
  padding-left:100px;
  padding-right:100px;
  height:auto;
  background:url(../images/credneform.png) repeat 0px 0px !important;
  }

  .backform{
  float:left;
  width:740px;
  padding-left:100px;
  padding-right:100px;
  height:85px;
  background:url(../images/botform.png) repeat 0px 0px !important;
  }

  #help{
  padding-top:60px;
  padding-bottom:60px;
  text-align: left;
  background:url(../images/helpbg.jpg) #f3f2f3 no-repeat 50% 100%;
  }

  /*
  | ------------------------------------------
  | Glide styles
  | ------------------------------------------
  | Here are slider styles
  | 
  */
  .slider {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  }

  .slides {
  height: 100%;
  /* Simple clear fix */
  overflow: hidden;
  /**	
  * Prevent blinking issue
  * Not tested. Experimental.
  */
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  /**
  * Here is CSS transitions 
  * responsible for slider animation in modern broswers
  */
  -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
  -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
  -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
  -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
  transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
  }

  .slide {
  height: 100%;
  float: left;
  clear: none;
  }

  .slider-arrows {}

  .slider-arrow {
  position: absolute;
  display: block;
  width:60px;
  height:60px;
  -webkit-border-radius: 400px;
  -moz-border-radius: 400px;
  border-radius: 400px;
  -webkit-box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow:   4px 4px 8px 0px rgba(0, 0, 0, 0.05);
  box-shadow:        4px 4px 8px 0px rgba(0, 0, 0, 0.05);
  }
  
  
  .rewsrpomo .slider-arrow{
	  -webkit-box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.0);
	  -moz-box-shadow:   4px 4px 8px 0px rgba(0, 0, 0, 0.0);
	  box-shadow:        4px 4px 8px 0px rgba(0, 0, 0, 0.0);
	  
	  opacity:0.5;
  }
  
  .rewsrpomo .button{
	  display:none;
  }
  
  .rewsrpomo .slider-arrow--right {
  background: transparent url(../images/rightar.png) no-repeat 100% 50%;
  }

  .rewsrpomo .slider-arrow--left {
  background: transparent url(../images/leftar.png) no-repeat 0% 50%;
  }

  .slider-arrow--right {
  bottom: 45%;
  right: 20px;
  background: #FFFFFF url(../images/rightar.png) no-repeat 100% 50%;
  }

  .slider-arrow--left {
  bottom: 45%;
  left: 20px;
  background: #FFFFFF url(../images/leftar.png) no-repeat 0% 50%;	
  }

  .slider-arrow--right:hover {
  background: #FFFFFF url(../images/rightar-hv.png) no-repeat 100% 50%;
  }

  .slider-arrow--left:hover {
  background: #FFFFFF url(../images/leftar-hv.png) no-repeat 0% 50%;	
  }

  .slider-nav {
  position: absolute;
  bottom: 30px;
  }

  .slider-nav__item {
  width: 12px;
  height: 12px;
  float: left;
  clear: none;
  display: block;
  margin: 0 5px;
  background: #5761bb;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  }

  .slider-nav__item:hover { background: rgba(0, 0, 0, 0.4); }

  .slider-nav__item--current { background: rgba(0, 0, 0, 0.8); }

  .box {
  width: 100%; 
  height: 100%;
  }

/*form*/

.errordesc{
	float:left;
	/*background:#FFA892;*/
	color:#DB6567;
	margin-top:10px;
	
	padding:5px 10px 5px 10px;
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	display:none;
	
    position: absolute;
    top: 33px;
    right: 18px;
}
.error+.errordesc{
	display:block;
}

#success{
	float:left;
	width:100%;
	
	padding-top:50px;	
	padding-bottom:60px;
	
	text-align:center;
	
	display:none;
}

#page-formpage #cont .blocbody{
	width:100%;
	padding:0;
}

.item-page-formpage .articleBody{
	display:table;
	width:100%;
}



.item-page-formpage .articleBody .bloc50{
	display: table-cell;
	vertical-align:top;
	float:none;
	
	box-sizing:border-box;
	padding:20px 30px;
}

.form-bloc-pic{
	background:#333 url(../images/back-form.jpg) 100% 0% no-repeat;
	background-size: auto 100%;
}

.form-bloc-label{
	padding-left:60px !important;
}


.formpage #success img{
	float:none;
	width:auto;
}

#success p{
	width:100%;
	
	text-align:center;
}

#success .h1{
	margin-bottom:10px;
}

.address{
	font-size:15px !important;
}


/*form*/

/*видеофон*/
.fullscreen-bg {
    z-index: 20;
    position: relative;
    height: 100%;
    width: 100%;
	
    padding-top:187px;
	
	background:#fff ;
}
 
.fullscreen-bg__video {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
 
.overlay {
    background: rgba(255, 255, 255, 0.5);
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    z-index: 60;
}
 
.overlay h1 {
    text-align:center;
    color:#333;
    font-size: 70px;
    margin-top:0px;
}


.video-on #head{
	background: transparent !important;
}


.fullscreen-bg.video-off, .fullscreen-bg.video-off .overlay{
	padding-top:0px;
	position:static;
	float:left;
	
	width:100%;
	
	background:transparent;
}

.prmtext{
	float:left;
}

/*видеофон*/


/*Jivosite*/
.jivo-btn {   
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	text-transform: none;
	cursor: pointer;
	background-image: none;
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.428571429;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	border: 0px;
	border-radius: 4px;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.jivo-btn:hover {
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.1), 0 1px 2px rgba(0,0,0,0), inset 0 0 20px 10px rgba(255,255,255,0.1);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1), 0 1px 2px rgba(0,0,0,0), inset 0 0 20px 10px rgba(255,255,255,0.1);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1), 0 1px 2px rgba(0,0,0,0), inset 0 0 20px 10px rgba(255,255,255,0.1);
}

.jivo-btn.jivo-btn-light:hover{
}

.jivo-btn.jivo-btn-light{
}

.jivo-btn:active,.jivo-btn.jivo-btn-light:active{
	box-shadow: 0 1px 0px rgba(255,255,255,0.4), inset 0 0 15px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 1px 0px rgba(255,255,255,0.4), inset 0 0 15px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 0px rgba(255,255,255,0.4), inset 0 0 15px rgba(0,0,0,0.2);
	cursor: pointer;
}

.jivo-btn:active {
	outline: 0;
	background-image: none;
	
	-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
	box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
	
.jivo-btn-icon {
	width:17px;
	height: 20px;
	
	background-repeat: no-repeat;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	margin-left: -5px;
}

.jivo-btn-light {
	color: #fff;
}

.jivo-btn-dark {
	color: #222;
}

.jivo-btn{
	font-size: 16px;
	background-color: #FF3300;
	
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	
	height: 59px;
	line-height: 59px;
	padding: 0 29px 0 29px;
	
	font-weight: bold;
	font-style: normal
}


/*Jivosite*/