@font-face  {
        font-family: Museo; 
        src: url(/design/fonts/museo.otf); 
    }
    @font-face  {
		font-family: Roboto; 
        src: url(/design/fonts/roboto.ttf); 
    }	
    @font-face  {
        font-family: RobotoThin;
        src: url(/design/fonts/roboto-thin.ttf);
    } 
	@font-face  {
		font-family: Intro; 
		src: url(/design/fonts/intro.otf);
	}
	@font-face  {
        font-family: bs;
            src: url(/design/fonts/bs.ttf);
    } 
	
/* Общий сброс */
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, em, 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%;
	background: transparent;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
strong {
	font-weight: bold;
}


/* Общие */
html,body{
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    letter-spacing:normal;
}
body {
	background:#1a1727;
	font-family: Roboto, Tahoma;
}
.bg-1 {
    background: url(/design/images/bg-01.png) repeat-y #000;
    background-size:cover;
    z-index: 1;
    width:100%;
	height:100%;
}
.bg-2 {
    background: url(/design/images/bg-01.png) repeat-y #000;
    background-size:cover;
    z-index: 1;
    width:100%;
	height:100%;
}
html {
    
}

#wrapper {
    padding: 0;
    margin: 0;
}




/* Хедер */
#header {
    width:100%;
    z-index: 10;
}
/* Левое меню */
#header .left-menu {
    float: left;
    margin-top:44px;
    margin-left: 22px;
    margin-right: 22px;
    color:#fff;
}
#header .left-menu a.text-left-menu { 
    color:#fff;
    font-size:14px;
    background: url(/design/images/burg.png);
    background-size: cover;
    width:27px;
    height:15px;
    float: left;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
#header .left-menu a:hover { 
    text-decoration: none;
}
/*#header .left-menu:hover .left-menu-open {
    display: block;
    z-index: 90;
}*/

/* Открывающиеся меню */
#header .left-menu-open {
    display: none;
    position: absolute;
    left:0;
    top:100px;
    /*background: linear-gradient(45deg, #EECFBA, #C5DDE8);*/
	background:#1a1727;
	border:10px solid #fff;
    color:#fff;
    clear: both;
    padding: 22px;
    font-family: Museo;
	z-index: 90;
}
#header .left-menu-open a {
    color:#fff;
    font-size:16px;
    text-decoration: none;
    border-bottom: 1px dashed #000;
}
#header .left-menu-open a:hover {
    border:0;
}
#header .left-menu-open nav {
    clear:both;
    width:100%;
	padding-left: 44px;
}
#header .left-menu-open nav ul {
    float:left;
    padding-right: 44px;
    padding-top: 22px;
    list-style-type: square;
}
#header .left-menu-open nav ul li {
    line-height: 200%;
}
#header .left-menu-open .logo-black {
    float:left;
    background: url(/design/images/logo-ima-black.png);
    background-size:cover;
    
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    float:left;
    width:186px;
    height:77px;
    margin-top:8px;
}
#header .left-menu-open .descr {
    float:left;
    width:480px;
    margin:22px;
    padding-top: 8px;
	line-height:1.5;
}
#header .left-menu-open .contact {
    float:left;
    margin:22px;
    padding-top: 8px;
    line-height: 200%;
}
#header .left-menu-open .zayavka {
    float:left;
    margin:22px;
    padding-top: 8px;
    line-height: 200%;
}
/* LOGO */
#header .logo {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    float:left;
    width:186px;
    height:77px;
    margin-top:13px;
}
#header .logo a {
    background: url(/design/images/logo-ima-white.png);
    background-size:cover;
    float: left;
    height: 100%;
    width: 100%;
}
#header .logo a:hover {
    
}
/* ВВерхнее меню */
#header .top-menu {
    float:left;
    position: relative;
    padding-left: 22px;
    margin-top: 33px;
    margin-left:33px;
    border-left:1px solid #fff;
}
#header .top-menu a {
    color:#fff;
    text-decoration: none;
    border-bottom:1px solid #fff;
    font-family: Roboto;
    font-size:14px;
    line-height: 170%;
    
}
#header .top-menu a:hover {
    border:0;
}
#header .top-menu .top-menu-1 {
    float:left;
    margin-right:33px;
}
#header .top-menu .top-menu-2 {
    float:left;
    margin-right:33px;
}
#header .top-menu .top-menu-2 a {
    margin-right: 8px;
}
#header .top-menu .top-menu-3 {
    float:left;
    margin-right:33px;
}
#header .top-menu .top-menu-4 {
    float:right;
    margin-right:33px;
}

/* Футер */
#footer {
    width:100%;
    clear:both;
    text-align: left;
    color:#f1f1f1;
    font-size:14px;
    font-family: Roboto;
    padding-bottom: 14px;
    padding-top: 88px;
}
#footer-block {
    float:left;
    width:300px;
    padding-left: 22px;
	padding-bottom: 22px;
}
#footer-block a {
    color:#fff;
    font-size:14px;
    font-family: Roboto;
    text-decoration: none;
    border-bottom: 1px solid #fff;
    line-height: 170%;
}
#footer-block a:hover {
    border:0;
}
/* Окна */



/* Формы */


/* new Услуги */
h2 {
		font-size:1.3em;
		font-family:Intro;
		margin-bottom:22px;
	}
	
	.blocks-yslyga {
		clear:both;margin:0 auto;text-align:center;width:70%;
	}
	.blocks-yslyga h1 {
		width:100%;
		text-align:center;
		color:#36ab59;
		font-family:Intro;
		font-size:4em;
		margin-top:44px;
		float:left;
	}
	.block-yls-wide {
		width:100%;display:flex;text-align:left;
	}
	.block-yls-wide .blo {
		width:31%;
		margin:1%;
		padding:0;
		float:left;
		/*min-height: 300px;
		background: rgba(0, 0, 0, 0.5);*/
	}
	.block-yls-wide .blo a {
	    /*position: relative;*/
		width: 100%;
		height: 100%;
		float: left;
	}
	.block-yls-wide .blo h2 {
		width:40%;
		float:left;
		font-size:1em;
		text-transform:uppercase;
		font-family:Intro;
		padding-left: 8px;
		padding-top: 22px;
	}
	.blo span {
		width:100%;
		font-size:0.8em;
		position:absolute;
		bottom:8px;
		left:8px;
	}
	
	.block-yls-flex {
		display:flex;
		text-align:left;
		width: 100%;
	}
	.block-yls-col {
		width:31%;
		flex-direction:column;
		margin:1%;
	}
	.block-yls-col .bloo, .block-yls-col .blo {
		padding:0;
		min-height: 300px;
		
		width:100%;
		margin-bottom:8px;
	}
	.block-yls-col .bloo h2, .block-yls-col .blo h2 {
		width:40%;
		float:left;
		font-size:1em;
		text-transform:uppercase;
		font-family:Intro;
		padding-left:8px;
		padding-top: 22px;
	}
	.block-yls-col .bloo a {
		position: relative;
		width: 100%;
		float: left;
	}
	.block-yls-col .blooo {
		margin-bottom:44px;
		float: left;
		width: 100%;
	}
	.block-yls-col .blooo a {
	    position: relative;
		width: 100%;
		height: 100%;
		float: left;
		min-height:180px;
		text-decoration:none;
	}
	.block-yls-col .blooo h2 {
		width:40%;
		font-size:1.5em;
		font-family:Intro;
		text-transform:uppercase;
		padding-left:8px;
		padding-top: 22px;
		
	}
	.block-yls-col a:hover .blooo {
		border:10px solid #fff;
	}
	
	.butbl {
		width:90%;
		font-size:0.8em;
		position:absolute;
		bottom:8px;
		left:8px;
		font-family: Museo;
	}
	.bord-red {
		border:12px solid #d25054;
	}
	.text-red {
		color:#d25054;
	}
	.bord-white {
		border:12px solid #fff;
	}
	.bord-grey {
		border:12px solid grey;
	}
	.bord-black {
		border:12px solid #000;
	}
	.bord-orange {
		border:12px solid orange;
	}
	.bord-yellow {
		border:12px solid yellow;
	}
	.bord-pink {
		border:12px solid pink;
	}
	.text-white {
		color:#fff;
	}
	.bord-green {
		border:12px solid #36ab59;
	}
	.text-green {
		color:#36ab59;
	}
	.bord-blue {
		border:12px solid #0651fd;
	}
	.text-blue {
		color:#0651fd;
	}	
	.bord-orange {
		border:12px solid #FF4500;
	}
	.text-orange {
		color:#FF4500;
	}
	
	
	.bg-start {
		background:url("../images/tarif/start-mini.jpg") no-repeat;
		background-size:cover;
	}
	.bg-standart {
		background:url("../images/tarif/standart-mini.jpg") no-repeat;
		background-size:cover;
	}
	.bg-lider {
		background:url("../images/tarif/lider-mini.jpg") no-repeat;
		background-size:cover;
	}
	.bg-seo {
		background:url("../images/tarif/seo-mini.jpg") no-repeat;
		background-size:cover;
	}
	.bg-context {
		background:url("../images/tarif/context-mini.jpg") no-repeat;
		background-size:cover;
	}
	.bg-audit {
		background:url("../images/tarif/audit-mini.jpg") no-repeat;
		background-size:cover;
	}
	.bg-social {
		background:url("../images/tarif/social-mini.jpg") no-repeat;
		background-size:cover;
	}
	.bg-geo {
		background:url("../images/tarif/geo-mini.jpg") no-repeat;
		background-size:cover;
	}
	.bg-star {
		background:url("../images/tarif/star-mini.jpg") no-repeat;
		background-size:cover;
	}
	.bg-site {
		background:url("../images/tarif/site-mini.jpg") no-repeat;
		background-size:cover;
	}
	.bg-shop {
		background:url("../images/tarif/shop-mini.jpg") no-repeat;
		background-size:cover;
	}
	.bg-mobile {
		background:url("../images/tarif/mobile-mini.jpg") no-repeat;
		background-size:cover;
	}
	
	.title-tarif-white {
		border:20px solid #fff;
	}
	.bord-tarif-white {
		border:4px solid #fff;
		color:#fff;
	}
	.title-tarif-blue {
		border:20px solid #0651fd;
	}
	.bord-tarif-blue {
		border:4px solid #0651fd;
		color:#0651fd;
	}
	.title-tarif-green {
		border:20px solid #36ab59;
	}
	.bord-tarif-green {
		border:4px solid #36ab59;
		color:#36ab59;
	}
	.title-tarif-red {
		border:20px solid #d25054;
	}
	.bord-tarif-red {
		border:4px solid #d25054;
		color:#d25054;
	}
	.title-tarif-orange {
		border:20px solid #FF4500;
	}
	.bord-tarif-orange {
		border:4px solid #FF4500;
		color:#FF4500;
	}
	
	
	/* Тариф */
	.tarif-blocks {
		width:100%;
		text-align:center;
		
		clear:both;
		float:left;
		
		margin-top:44px;
		margin-bottom:44px;
	}
	.tarif-title {
		margin:0 auto;
		width:50%;
		color:#fff;
		font-family:Intro;
		
		margin-top:10%;
		margin-bottom:10%;
	}
	.tarif-title-bord {
		margin:8px;
		padding:10%;
		line-height:50px;
	}
	.tarif-title-bord-blue {
		border:4px solid #0651fd;
		margin:8px;
		padding:10%;
		line-height:50px;
	}
	.tarif-title span {
		font-size:2em;
	}
	.tarif-title h1 {
		font-size:3em;
		padding-top: 50px;
		padding-bottom: 50px;
	}
	
	.tarif-contents {
		width:80%;
		text-align:center;
		margin:0 auto;
		color:#fff;
		
		display:flex;
	}
	.tarif-left-block {
		width:45%;
		float:left;
		margin:3%;
		padding:44px;
		text-align:left;
	}
	.tarif-left-block img {
		width:60px;
		float:left;
		margin-right:12px;
	}
	.tarif-left-block div {
		clear:both;
		margin-bottom:22px;
		float:left;
	}
	.bord-tarif {
		border:10px solid #fff;
	}
	.tarif-right-block {
		width:45%;
		float:left;
		text-align:left;
		margin:3%;
		padding:44px;
	}
	.tarif-contents h2 {
		font-size:1.3em;
		font-family:Intro;
	}
	.tarif-contents p {
		margin-top:8px;
		margin-bottom:22px;
		font-size:1em;
		line-height:150%;
	}
	.tarif-contents p b {
		color:#36ab59;
	}
	
	.tarif-wide-blocks {
		width:70%;
		text-align:center;
		margin:0 auto;
		color:#fff;
	}
	.tarif-trafik-block-1 {
		width:67%;
		margin-right:3%;
		float:left;
		text-align:left;
	}
	.tarif-trafik-block-2 {
		width:29%;
		margin-left:1%;
		margin-bottom:5%;
		float:left;
		text-align:left;
	}
	.tarif-wide-blocks h2 {
		font-size:1.3em;
		font-family:Intro;
		margin-bottom:22px;
	}
	.tarif-wide-blocks p {
		margin-top:8px;
		margin-bottom:22px;
		font-size:1em;
		line-height:150%;
	}
	.tarif-wide-blocks p b {
		color:#36ab59;
	}
	
	
	.tarif-calc-blocks {
		font-size:1em;
		color:#fff;
		width:100%;
		margin:0 auto;
		margin-top:10%;
	}
	.tarif-calc {
		border:16px solid #fff;
		padding:5%;
		margin:0 auto;
		width:40%;
	}
	.tarif-calc h2 {
		font-size:1.3em;
		font-family:Intro;
		margin-bottom:22px;
	}
	.tarif-calc table {
		margin:0 auto;
		
	}
	.tarif-calc table tr {
		padding:5%;
	}
	.tarif-calc table tr td {
		font-size:1em;
		font-family:Intro;
		text-align:left;
		
		padding:8px;
	}
	.tarif-calc table tr td:first-child {
		text-align:right;
		color:#36ab59;
	}
	.tarif-calc-descr {
		width:40%;
		margin:0 auto;
		text-align:left;
		padding-top:88px;
	}
	.tarif-calc-descr p {
		margin-bottom:22px;
		line-height:1.5;
	}
	.tarif-calc-descr b {
		color:#36ab59;
	}
	
	
	
	
	
	
	
	
	.nextbuy {
		float:left;
		color:#fff;
		margin:0 auto;
		margin-top:44px;
		padding:2%;
		font-size:1em;
		font-family:Intro;
		border:4px solid #fff;
		width:70%;
	}
	.nextbuy:hover {
		color:#36ab59;
		border:4px solid #36ab59;
		text-decoration:none;
	}
	.colum {
		flex-direction: column;
	}
	.ro {
		flex-direction: row;
	}
	.nextback {
		/*position:absolute;
		bottom:8px;
		right:8px;
		width:210px;*/
		position: static; 
		position: sticky;
		top: 0px;
		right:8px;
		left:90%;
		float:left;
	}
	.nextback a {
		text-decoration:none;
		color:#000;
	}
	.nextback b {
		float:left;
		margin-left:8px;
		margin-right:8px;
	}
	.nextback .back-pro {
		height: 20px;
		background:#fff;
		padding:20px;
		float:left;
		border-right:1px solid #f1f1f1;
	}
	.nextback .center-pro {
		background:#fff;
		padding:20px;
		float:left;
		height: 20px;
	}
	.nextback .next-pro {
		white-space:nowrap;
		background:#fff;
		padding:20px;
		float:left;
		border-left:1px solid #f1f1f1;
		height: 20px;
	}
	.nextback .back-pro span, .nextback .next-pro span {
		display:none;
		float:left;
	}
	.nextback .back-pro:hover span, .nextback .next-pro:hover span  {
		display:block;
	}
	.nextback .center-pro span {
		display:none;
		float:left;
	 }
	.nextback .center-pro:hover span {
		display:block;
	}
	.nextback .center-pro:hover b {
		display:none;
	}
	
	.tcont-audit {
		border:10px solid #fff;
		padding:5%;
		margin:0 auto;
		width:70%;
	}
	.tcont-audit p {
		margin-bottom:22px;
		line-height:1.5;
	}
	.tcont-audit b {
		color:#36ab59;
	}
	.tcont-audit-left {
		width:60%;
		float:left;
		text-align:left;
	}
	.tcont-audit-right {
		width:40%;
		float:left;
		text-align:right;
	}
	.tcont-audit-right p {
		font-family:Intro;
	}
	
	.tcont-audit-2 {
		padding:5%;
		margin:0 auto;
		width:70%;
	}
	.tcont-audit-2 a {
		color:#fff;
	}
	.tcont-audit-2 a:hover {
		text-decoration:none;
	}
	.tcont-audit-2-left {
		width:40%;
		float:left;
		text-align:left;
	}
	.tcont-audit-2-right {
		width:60%;
		float:left;
		text-align:left;
	}
	.tcont-audit-2-wide {
		width:100%;
		float:left;
		text-align:center;
		padding-top:10%;
	}
	/*  */
	
	.numbers {
	  counter-reset: sum;
	  
	  /*display:flex;
	  flex-direction:column;
	  text-align:left;
	  justify-content: center;
	  align-items: center;*/
	  float:left;
	  width:100%;
	  height:100%;
	  display: inline-block;
	  background-position: left top;
		line-height:2;
	}
	.numbers input {
		clear:both;
		width:20%;
		float:left;
		line-height:2;
	}
	.numbers input[type="checkbox"] {
		transform:scale(1.5);
		line-height:2;
		width: 14px;
		height: 14px;
		margin-right:12px;
	}
	.numbers label {
		width:75%;
		float:left;
		text-align:left;
	}
	.start-button {
		float:left;padding:22px;margin:22px;border:4px solid #fff;color:#fff;text-decoration:none;
	}
	#one:checked { counter-increment: sum 45000; }
	#two:checked { counter-increment: sum 0; }
	#three:checked { counter-increment: sum 0; }
	#four:checked { counter-increment: sum 5000; }
	#five:checked { counter-increment: sum 15000; }
	#six:checked { counter-increment: sum 0; }
	#ten:checked { counter-increment: sum 150; }
	#eleven:checked { counter-increment: sum 0; }
	#twen:checked { counter-increment: sum 500; }
	#one-two:checked { counter-increment: sum 1500; }
	#one-three:checked { counter-increment: sum 0; }
	#one-hundred:checked { counter-increment: sum 4000; }
	
	#one-site:checked { counter-increment: sum 30000; }
	
	
	.sum::after {
	  content: '= ' counter(sum)' руб.';
	} 
	.sum {
		width:100%;
		text-align:center;
		font-family:Intro;
	}
	
	
	.table-tarif {
		width:70%;
		margin:0 auto;
	}
	.table-tarif h2 {
		font-size:1.3em;
		font-family:Intro;
		margin-bottom:22px;
		text-align:center;
		color:#000;
	}
	.table-tarif table {
		font-family:Museo;
	}
	
	.table-tarif table tr {
		height: 80px;
	}
	.table-tarif table tr:first-child {
		font-size:1em;
		text-align:center;
		font-family:Intro;
	}
	.table-tarif table tr td {
		color:#000;
		font-size:1em;
		border:1px solid #f1f1f1;
		padding:36px;
		min-width: 120px;
		line-height:1.5;
	}
	.table-tarif table .vert {
		-webkit-transform: rotate(-90deg); transform: rotate(-90deg);
		text-align:left;
		font-size:2em;
		min-height:200px;
		font-family:Intro;
	}
	.table-tarif table tr:hover {
		background:#f1f1f1;
		color:#1a1727;
	}
	.table-tarif table tr:hover td{
		color:#1a1727;
	}
	.table-tarif table tr a {
		font-family:Museo;
		color:#000;
	}
	.table-tarif table tr:hover a {
		font-family:Museo;
		color:#1a1727;
	}
	.table-tarif table tr:hover a:hover {
		text-decoration:none;
	}
	.table-tarif table tr b {
		color:#36ab59;
	}
	
@media screen and (max-width: 1200px) {
  
	.table-tarif table tr td {
		color:#000;
		font-size:0.8em;
		border:1px solid #f1f1f1;
		padding:6px;
		min-width: 50px;
		line-height:1.5;
	}
	.table-tarif table .vert {
		-webkit-transform: rotate(-90deg); transform: rotate(-90deg);
		text-align:left;
		font-size:0.7em;
		min-height:100px;
		font-family:Intro;
	}
	.blocks-yslyga h1 {
		font-size:2em;  
	}
}
	
/* Главная */
#main { 
    clear: both;
    margin:0 auto;
    width:60%;
    padding-bottom:10%;
	text-align:left;
}
#main article #intro { 
    color:#fff;
	text-align:center;
}
#main p b { 
	color:#36ab59;
}
#main .major { 
    color:#fff;
    font-size:2em;
    padding-bottom: 44px;
	margin-top:10%;
	float:left;
	width:100%;
	text-align:left;
}
#main #intro p { 
    color:#fff;
    font-size:1em;
    padding-bottom: 44px;
    padding-left: 44px;
	line-height:1.7;
	text-align:left;
}
#main #intro a { 
    color:#fff;
}
#main #intro .reg { 
    /*background-color: rgb(149, 149, 149);
    border-radius: 3px;
    color: #fff;
    height: 40px;
    line-height: 2.5;
    opacity: 0.6;
    position: absolute;*/
    text-align: center;
    text-decoration: none;
    width: 200px;
    z-index: 17;
    margin-left:44px;
    background: url("../images/button-reg.png");
    background: #fee133;
    box-shadow: inset 0 -3px #d0ad24;
    text-transform: uppercase;
    font-family: Intro;
    font-size: 16px;
    color:#000;
    padding: 18px 31px;
}
#main #intro a.reg:hover {
    opacity: 1;
    text-decoration: underline;
}
#main #intro .more {
    height: 40px;
    line-height: 225%;
    margin-left: 25%;
}

#main form {
	width:50%;
	text-align:left;
	margin:0 auto;
}
#main input[type=text], #main input[type=email] {
    border: none;
    background-color: #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 300px;
    height: 40px;
    padding: 0 20px;
    margin-bottom: 12px;
    border-radius: 5px;
    color: #000;
	clear:both;
}
#main input[type=submit] {
    color: #000000;
    font-size: 13px;
    text-transform: uppercase;
    font-family: Intro;
    font-size: 16px;
    /* background: url(../images/button-reg.png); */
    background: #fee133;
    box-shadow: inset 0 -3px #d0ad24;
    width: 300px;
    height: 40px;
    display: inline-block;
    vertical-align: top;
    padding: 4px 31px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border: 0;
}
#main form span {
	clear:both;
	width:66%;
	color:#fff;
	float:left;
	margin-top:22px;
}

.reasons-to-order{
	color:#fff;
	width: 100%;
	margin: 0 auto; 
	padding:0;
}
.reasons-to-order h2{
	font-size: 24px;
	text-transform: uppercase;
	display: block;
	text-align: center;
	margin: 50px;
}
.reasons-to-order ul{
	text-align: center
}
.reasons-to-order li{
	display: inline-block;
	vertical-align: top;
	width: 230px;
	padding: 12px;
	margin-bottom: 30px;
}
.reasons-to-order li images{
	display: inline-block;
	vertical-align: top;
	margin-bottom: 20px;
}
.reasons-to-order li span{
	display: block;
	line-height: 18px;
	font-family:Museo;
}


/* TEAM */
.block-comandos {
	width:100%;
	text-align:center;
	min-height: 950px;
}
.comandos {
    background: rgba(0, 0, 0, 0) url("../images/team/comandos.png") no-repeat scroll 0 0;
	background-position: center;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    margin: auto;
    overflow: hidden;
    position: relative;
    right: 0;
    top: 31px;
    width: 100%;
    z-index: 30;
}
.comandos .row {
	padding-top:22px;
}
.comandos h1 {
    width: 100%;
    text-align: center;
    color: #36ab59;
    font-family: Intro;
    font-size: 4em;
    margin-top: 44px;
    float: left;
}	
.comandos .pp, .pp {
	padding-top: 22px;
	padding-bottom: 4px;
	color:#fff;
	font-size:1em;
	font-family:Museo;
	line-height:1.5;
	text-align:center;
}
.comandos h4 {
	text-align:center;
	margin-bottom:0px;
	margin-top:0px;
	font-family:Intro;
}

.container-com {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
	height: 200px;
}
@media (min-width: 768px) {
.container-com {
    width: 750px;
}
}
@media (min-width: 992px) {
.container-com {
    width: 970px;
}
}
@media (min-width: 1230px) {
.container-com {
    width: 1200px;
}
}
.about1 {
    float: right;
    text-align: right;
	width: 100%;
}
.about2 {
    float: left;
    text-align: left;
	width: 100%;
}
.about h3  {
    color: #fff;
    font-family: "Roboto","sans-serif";
    font-size: 16px;
    font-weight: 300;
    margin-top: 12px;
}
.about p {
    color: #36ab59;
    font-family: "Roboto","sans-serif";
    font-size: 13px;
    font-weight: 300;
    line-height: 22px;
    margin-bottom: 0;
    margin-top: 12px;
}
.about-other p {
	color: #36ab59;
	font-family: "Roboto","sans-serif";
    font-size: 12px;
    font-weight: 300;
    line-height: 22px;
    margin-bottom: 0;
    margin-top: 12px;
}
.about-other h3  {
	color: #fff;
    font-family: "Roboto","sans-serif";
    font-size: 13px;
    font-weight: 300;
    margin-top: 12px;
}
.about-other {
	text-align:center;
}
.about p img { 
	both:clear;
}
.pic-commandos {
    float: right;
    padding: 33px 40px 20px 34px;
}
.pic-commandos2 {
    float: left;
    padding: 33px 37px 39px 40px;
}
.col-md-6 {
    width: 50%;
	float: left;
}
.col-md-2 {
    width: 16.6667%;
	float: left;
	text-align:center;
}
.col-md-12 {
	width: 100%;
	text-align:center;
	float:left;
	clear:both;
	padding-top:44px;
	height:200px;
}
.col-md-12 a {
	
	color: #fff;
    margin: 0 auto;
    margin-top: 44px;
    padding: 2%;
    font-size: 1em;
    font-family: Intro;
    border: 4px solid #fff;
    width: 70%;
	text-decoration:none;
}
.centr-com {
	margin:0 auto;
	width:100%;
	height: 200px;
	text-align:center;
	display:flex;
	justify-content:center;
	margin-left: auto;
    margin-right: auto;
}
/* end TEAM */

/* Вакансии */
#vakans { 
    clear: both;
    margin:0 auto;
    width:60%;
    padding-bottom:10%;
}
#vakans article #intro { 
    color:#fff;
}
#vakans .major { 
    width: 100%;
    text-align: center;
    color: #36ab59;
    font-family: Intro;
    font-size: 4em;
    margin-top: 44px;
	margin-bottom: 44px;
    float: left;
}
#vakans #intro p { 
    color:#fff;
    font-size:1em;
    padding-bottom: 44px;
    padding-left: 44px;
	line-height:1.7;
}
#vakans #intro a { 
    color:#fff;
}
.blocks-vakans {
	display:flex;
	justify-content:center;
	color:#fff;
}
.block-vakans {
	width:31%;
	padding:1%;
}
.block-vakans:hover {
	border:4px solid #36ab59;
}
.block-vakans h3 {
	margin-bottom:44px;
	font-family:Intro;
	font-size:1.5em;
	height:60px;
}
.block-vakans p {
	margin-bottom:22px;	
	color:#fff;
	font-family:Museo;
	font-size:1em;
	
}
.block-vakans .zzp {
	border:1px dashed #36ab59;
	padding:8px;
	text-align:center;
}
.block-vakans b {
	color:#36ab59;
}
/* end Вакансии*/

/* Проекты */
.projects {
	clear: both;
    margin:0 auto;
    width:60%;
    padding-bottom:10%;
	
}
.projects h1 { 
    width: 100%;
    text-align: center;
    color: #36ab59;
    font-family: Intro;
    font-size: 4em;
    margin-top: 44px;
	margin-bottom: 44px;
    float: left;
}
.blocks-projects { 
	clear:both;
	display:flex;
	justify-content:center;
	align-items:stretch;
	flex-wrap:wrap;
}
.block-project {
	width:25%;
	color:#000;
	background:#fff;
	padding:8px;
	margin:8px;
}
.block-project {
   /*transform: rotateX(0deg) rotateY(360deg) ;
   transition: transform 500ms ease 0ms;*/
	-webkit-animation-duration: 4.75s;
  animation-duration: 4.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
} 	
.block-project h2 {
	color:#000;
	font-family:Intro;
}
.block-project a {
	color:#000;
}
.block-project p {
	color:#000;
	font-family:Museo;
}
/* end Вакансии*/

/* Контакты */
.bl-contacts {
	clear: both;
    margin:0 auto;
    width:60%;
    padding-bottom:10%;
	
}
.bl-contacts h1 { 
    width: 100%;
    text-align: center;
    color: #36ab59;
    font-family: Intro;
    font-size: 4em;
    margin-top: 44px;
	margin-bottom: 44px;
    float: left;
}
.blocks-contacts { 
	clear:both;
	display:flex;
	justify-content:center;
	align-items:stretch;
	flex-wrap:wrap;
}
.block-contact {
	width:25%;
	color:#fff;
	padding:18px;
	margin:8px;
	line-height:1.6;
}
.block-contact b {
	color: #36ab59;
	font-family:Intro;
	font-size:1em;
}
.block-contact a {
	color: #36ab59;
}
.block-contact a:hover {
	text-decoration:none;
}

.wwide {
	width:100%;
}




/* Личный кабинет */
.lkl {
	clear: both;
    margin:0 auto;
    width:60%;
    padding-bottom:10%;
	
}
.lkl h1 { 
    width: 100%;
    text-align: center;
    color: #36ab59;
    font-family: Intro;
    font-size: 4em;
    margin-top: 44px;
	margin-bottom: 44px;
    float: left;
}
.lkl form {
	width:50%;
	text-align:center;
	margin:0 auto;
}
.lkl input[type=text], .lkl input[type=email] {
    border: none;
    background-color: #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 300px;
    height: 40px;
    padding: 0 20px;
    margin-bottom: 12px;
    border-radius: 5px;
    color: #000;
	clear:both;
}
.lkl input[type=submit] {
    color: #000000;
    font-size: 13px;
    text-transform: uppercase;
    font-family: Intro;
    font-size: 16px;
    /* background: url(../images/button-reg.png); */
    background: #fee133;
    box-shadow: inset 0 -3px #d0ad24;
    width: 300px;
    height: 40px;
    display: inline-block;
    vertical-align: top;
    padding: 4px 31px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border: 0;
}
/* end Личный кабинет */


/* Контент */
#content {
    margin: 0 auto;
    width: 80%;
    padding-top:10%;
    color:#fff;
    font-family: 'Museo';
}
#content h1 {
    padding-left: 214px;
    font-size: 42px;
    font-family: RobotoThin;
}
#content .block-content {
    margin-top: 88px;
	width:100%;
}
#content .block-content .block-left {
    text-align: right;
    width:200px;
    margin-right: 22px;
    margin-top:22px;
    padding-top:44px;
    float:left;
    
    
}
#content .block-content .block-left b {
    font-size:20px;
}
#content .block-content .block-left p {
    font-size:16px;
}
#content .block-content .block-right {
    text-align: left;
    width:60%;
    float:left;
    margin-top:22px;
    
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    
    padding: 44px;
}
#content .block-content .block-right img {
    width:200px;
    margin-right:22px;
    float:left;
    border-radius: 8px;
}
#content .block-content .block-right a {
    color:#fff;
    text-decoration: none;
    border-bottom: 1px solid #fff;
    border-color: rgba(255, 255, 255, 0.3);
    font-size: 20px;
}
#content .block-content .block-right a:hover {
    border: 0;
}
#content .block-content .block-right p, .block-right ul {
    margin-top:22px;
    font-size:16px;
    line-height: 160%;
    padding-left: 222px;
}
.block-right ul {
    list-style-type: square;
}
.block-right ul li {
    font-family: RobotoThin;
    margin-left: 22px;
}
#content .block-content .block-right .more {
    font-size: 16px;
    margin-top:22px;
    font-family: Robotothin;
    border-bottom: 1px dashed #fff; 
    float: right;
}
#content .block-content .block-right-2 {
    text-align: left;
    width:30%;
    float:left;
    margin-top:22px;
    margin-right:22px;
    background-color: rgba(255, 255, 255, 1);
    border-radius: 8px;
    color:#000;
    padding: 44px;
    
    position: relative;
}
.block-right-wide {
    float: left;
    width: 80%;
}
#content .block-content .block-right-2 img {
    width:100px;
    position: absolute;
    right: 0;
    bottom: 0;
}
#content .block-content .block-right-2 a {
    color:#000;
    text-decoration: none;
    border: 0;
    font-size: 20px;
}
#content .block-content .block-right-2 a:hover {
    border: 0;
}
#content .block-content .block-right-2 p {
    margin-top:22px;
    font-size:18px;
    line-height: 160%;
}
#content .block-content .block-right-2 b {
    color:#000;
    text-decoration: none;
    border-bottom: 1px solid #000;
    border-color: rgba(0, 0, 0, 0.5);
    font-size: 20px;
}
#content .block-content .block-right-2 b:hover {
    color:#000;
    text-decoration: none;
    border:0;
    font-size: 20px;
}
#content .block-content .block-right-2 span {
    border: 0;
    font-size: 14px;
    text-decoration: none;
    clear: both;
    float: left;
    width: 70%;
    margin: 8px;
}
#content .block-content .block-right-2 .open-more {
    color:#000;
    text-decoration: none;
    border-bottom: 1px dashed #000;
    border-color: rgba(0, 0, 0, 0.5);
    font-size: 13px;
    float:left;
    width:70px;
}
#content .block-content .block-right-2 .open-more:hover {
    border-color: rgba(0, 0, 0, 0);
}


/* Контент - Страница Программы */
#content-program {
    
}

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


/* АНИМАЦИЯ */


.blocks-yslyga .container{
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
    -webkit-perspective: 1000px;
            perspective: 1000px;
}
.front,
.back{
  background-size: cover;
    background-position: center;
    -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -webkit-backface-visibility: hidden;
	backface-visibility: hidden;
    min-height: 300px;
    height: auto;
    color: #fff;
}
.back {
  background: #1a1727;
  color:#fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.back p {
	width:90%;
	padding:22px;
	font-size:16px;
	font-family:Museo;
	line-height:1.5;
	opacity:1;
	color:#fff;
}
.front:after{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    /*content: '';*/
    display: block;
    opacity: 1;
    background-color: #000;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}
.container:hover .front,
.container:hover .back{
    -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
}
.inner{
    -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
            transform: translateY(-50%) translateZ(60px) scale(0.94);
    top: 30%;
    position: absolute;
    left: 0;
    width: 100%;
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    outline: 1px solid transparent;
    -webkit-perspective: inherit;
            perspective: inherit;
    z-index: 2;
}
.container .back{
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
	z-index:1;
}

.container .front{
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
	z-index:2;
}
.container:hover .back{
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.container:hover .front{
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}



/* form feedback */
.saleform {padding-top:8px; margin-bottom:8px; }
.special-offer{padding-bottom: 30px;margin-bottom: -50px;text-align:center;}
.special-offer > span{display: block;text-transform: uppercase;text-align: center;color: #fff;padding: 35px; font-family:Roboto; font-size:18px;}
.special-offer > div{position:relative;display: inline-block;vertical-align: top;width: 444px;background: url("../images/tel.png") no-repeat 21px 2px; padding: 0 0 0 139px;color: #fff;margin-right: 44px;min-height: 200px;}
.special-offer h2{
	text-transform: uppercase;
	display: block;
	width: 100%;
    text-align: center;
    color: #36ab59;
    font-family: Intro;
    font-size: 2em;
    margin-top: 44px;
    margin-bottom: 44px;
    float: left;

}
.special-offer a {
	color:#36ab59;
}
.special-offer a:hover {
	text-decoration:none;
}
.special-offer > div > span{font-weight: 300;font-size: 16px;display: block;margin-bottom: 20px; line-height:19px;}
.special-offer > div:after{content: '';background: url("../images/line.png");width: 335px;height: 75px;position: absolute;bottom: 5px;right: -174px;}
.special-offer form{display: inline-block;vertical-align: top;width: 300px}
.special-offer input[type=text],
.special-offer input[type=email]{border: none; background-color: #fff;box-sizing: border-box;-moz-box-sizing: border-box;width: 300px;height: 40px;padding:0  20px;margin-bottom: 12px;border-radius: 5px;color:#000;}
.special-offer input[type=submit]{
color: #000000;
font-size: 13px;
text-transform: uppercase;
font-family:Intro;
font-size:16px;
/*background:url("../images/button-reg.png");*/
background: #fee133;
box-shadow: inset 0 -3px #d0ad24;
width: 300px;
height: 40px;
display: inline-block;
vertical-align: top;
padding: 4px 31px;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
-webkit-appearance: none;
-webkit-border-radius: 0;
border:0;
}
.special-offer input[type=submit]:hover{color: #ffffff;
background: #1eb3c9;
box-shadow: inset 0 -3px #000000;}
/* --------------- /zayavka yvelichenua zakazov-- --------------- */

.enter form{
display: inline-block;
vertical-align: top;
width: 300px;
}
.enter input[type=text],.enter input[type=password]{
border: none; 
background-color: #dadada;
color: #000000;
box-sizing: border-box;
-moz-box-sizing: border-box;
width: 150px;
height: 30px;
padding:0  20px;
margin-bottom: 12px;
border-radius: 5px;
}
.enter input[type=submit]{
color: #000000;
font-size: 13px;
text-transform: uppercase;
font-family:Intro;
font-size:16px;
/*background:url("../images/button-reg.png");*/
background: #fee133;
box-shadow: inset 0 -3px #d0ad24;
width: 150px;
height: 40px;
display: inline-block;
vertical-align: top;
padding: 4px 31px;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
-webkit-appearance: none;
-webkit-border-radius: 0;
border:0;
}
.enter input[type=submit]:hover{
color: #ffffff;
background: #1eb3c9;
box-shadow: inset 0 -3px #000000;
}

/* end form feedback */


.element-animation:hover{
  animation: animationFrames linear 0.7s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: animationFrames linear 0.7s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: animationFrames linear 0.7s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -o-animation: animationFrames linear 0.7s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -ms-animation: animationFrames linear 0.7s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
}
   .pulse:hover,.tarif-calc table tr:hover {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes pulse {
  0% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  50% {
  -webkit-transform: scale3d(1.05, 1.05, 1.05);
  transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  }
  @keyframes pulse {
  0% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  50% {
  -webkit-transform: scale3d(1.05, 1.05, 1.05);
  transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  } 
  
  .lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes lightSpeedIn {
  0% {
  -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
  transform: translate3d(100%, 0, 0) skewX(-30deg);
  opacity: 0;
  }
  60% {
  -webkit-transform: skewX(20deg);
  transform: skewX(20deg);
  opacity: 1;
  }
  80% {
  -webkit-transform: skewX(-5deg);
  transform: skewX(-5deg);
  opacity: 1;
  }
  100% {
  -webkit-transform: none;
  transform: none;
  opacity: 1;
  }
  }
  @keyframes lightSpeedIn {
  0% {
  -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
  transform: translate3d(100%, 0, 0) skewX(-30deg);
  opacity: 0;
  }
  60% {
  -webkit-transform: skewX(20deg);
  transform: skewX(20deg);
  opacity: 1;
  }
  80% {
  -webkit-transform: skewX(-5deg);
  transform: skewX(-5deg);
  opacity: 1;
  }
  100% {
  -webkit-transform: none;
  transform: none;
  opacity: 1;
  }
  } 

  
         .lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes lightSpeedOut {
  0% {
  opacity: 1;
  }
  100% {
  -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
  transform: translate3d(100%, 0, 0) skewX(30deg);
  opacity: 0;
  }
  }
  @keyframes lightSpeedOut {
  0% {
  opacity: 1;
  }
  100% {
  -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
  transform: translate3d(100%, 0, 0) skewX(30deg);
  opacity: 0;
  }
  } 

       .bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0% {
  opacity: 0;
  -webkit-transform: translate3d(3000px, 0, 0);
  transform: translate3d(3000px, 0, 0);
  }
  60% {
  opacity: 1;
  -webkit-transform: translate3d(-25px, 0, 0);
  transform: translate3d(-25px, 0, 0);
  }
  75% {
  -webkit-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0);
  }
  90% {
  -webkit-transform: translate3d(-5px, 0, 0);
  transform: translate3d(-5px, 0, 0);
  }
  100% {
  -webkit-transform: none;
  transform: none;
  }
  }
  @keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0% {
  opacity: 0;
  -webkit-transform: translate3d(3000px, 0, 0);
  transform: translate3d(3000px, 0, 0);
  }
  60% {
  opacity: 1;
  -webkit-transform: translate3d(-25px, 0, 0);
  transform: translate3d(-25px, 0, 0);
  }
  75% {
  -webkit-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0);
  }
  90% {
  -webkit-transform: translate3d(-5px, 0, 0);
  transform: translate3d(-5px, 0, 0);
  }
  100% {
  -webkit-transform: none;
  transform: none;
  }
  } 

  .zoomInRight:hover {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes zoomInRight {
  0% {
  opacity: 0;
  -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
  transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
  -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  60% {
  opacity: 1;
  -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
  transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
  }
  @keyframes zoomInRight {
  0% {
  opacity: 0;
  -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
  transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
  -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  60% {
  opacity: 1;
  -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
  transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
  } 
  
  
 .flip:hover {
	
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes flip {
  0% {
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
  transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  }
  40% {
  -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
  transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  }
  50% {
  -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
  transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  }
  80% {
  -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
  transform: perspective(400px) scale3d(.95, .95, .95);
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  }
  100% {
  -webkit-transform: perspective(400px);
  transform: perspective(400px);
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  }
  }
  @keyframes flip {
  0% {
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
  transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  }
  40% {
  -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
  transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  }
  50% {
  -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
  transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  }
  80% {
  -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
  transform: perspective(400px) scale3d(.95, .95, .95);
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  }
  100% {
  -webkit-transform: perspective(400px);
  transform: perspective(400px);
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  }
  } 

.flash:hover {
	 color:#36ab59;
	 border:4px solid #36ab59;
  -webkit-animation-name: flash;
  animation-name: flash;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes flash {
  0%, 50%, 100% {
  opacity: 1;
  }
  
  25%, 75% {
  opacity: 0;
  }
  }
  
  @keyframes flash {
  0%, 50%, 100% {
  opacity: 1;
  }
  
  25%, 75% {
  opacity: 0;
  }
  } 
  
 
@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello:hover {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}



@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge:hover {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge;
}



@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.heartBeat:hover {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}



@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}







/* Мобильная версия */
@media (max-width: 1000px) {
	.top-menu {
		display:none;
	}
	.left-menu-open {
		width:80%;
	}
	#header .left-menu-open .descr {
		width:100%;
	}
	#main {
		width:90%;
	}
	#main #intro .more {
		margin-left:0;
	}
	.block-yls-wide,.block-yls-flex {
		flex-direction:column;
	}
	.block-yls-wide .blo,.block-yls-col {
		width:90%;
	}
	.block-yls-wide .blo h2,.block-yls-col .bloo h2, .block-yls-col .blo h2 {    
		font-size: 1.4em;
	}
	.tarif-title {
		width: 84%;
		margin:3%;
		margin-top: 73px;
	}
	.tarif-title-bord {
		width:90%;
		padding: 2%;
	}
	.tarif-title h1 {
		font-size: 2em;
	}
	.tarif-contents {
		width:100%;
		flex-direction:column;
	}
	.tarif-left-block,.tarif-right-block,.tarif-wide-blocks {
		width:90%;	
		padding:8px;
		margin:1%;
	}
	.tarif-trafik-block-1, .tarif-trafik-block-2 {
		width:90%;
	}
	.tarif-calc,.tarif-calc-descr {
		width: 80%;
	}
	.blocks-projects,.blocks-vakans {
		flex-direction:column;
	}
	.projects {
		width: 80%;
	}
	.block-project,.bl-pro-2  {
		width: 80%;
	}
	.block-vakans,#vakans {
		width: 90%;
		padding:5%;
	}
	#vakans #intro p {
		padding-left:0;
	}
	.saleform form {
		padding:5%;
	}
	.special-offer > div {
		width:90%;
		padding:5%;
	}
	.bl-contacts {
		width:90%;
		padding:5%;
	}
	.blocks-contacts {
		flex-direction:column;
	}
	.block-contact, #main form {
		width:80%;
	}
}

@media (min-width: 1000px) {
	.left-menu-open {
		width:40%;
	}
	.bl-pro-2 {
		width:55%;
	}
}