@charset "utf-8";
/*   
Theme Name: sdline (uncommented)
Theme URI: https://github.com/saxap/clean-wp-template
Version: 3.0
Tags: clean, development, html5, bootstrap
Description: Clean wordpress theme with minimal bootstrap3 markup for fast development starting
Author: saxa:p
Author URI: http://dontforget.pro
*/

@font-face {font-display: swap;}

header {font-display: swap;}

*{ 
  vertical-align: baseline; 
  font-weight: inherit; 
 
  font-style: inherit; 
  font-size: 100%; 
  border: 0 none; 
  outline: 0; 
  padding: 0; 
  margin: 0; 
  } 
  
  .non {display:none}
  .yes {display:block}
  .hidden {display:none}
  
  .grecaptcha-badge {
display: none !important;
}
 
.lazy-hidden {
    background: #eee url('./img/loading.gif') no-repeat 50% 50%;
}

.modal-backdrop {z-index: 0;}
.modal-backdrop.in {z-index: 0;}
/*.modal {z-index: 100000;}*/


  svg:not(:root) {
    overflow: hidden;
	height:100%;
}
  
 body {font-family:'Open Sans', sans-serif; color: #000;    max-width: 1350px;
    margin: auto;  background-color: #000;  overflow-x: hidden;font-display: swap;}
	
body.modal-open {
overflow-y: auto !important;
padding-right: 0 !important;
}
.color {color:#000}
.none {display:none}
 
/*for IE8 */
    input[type="submit"]:focus, input[type="button"]:focus
    {     
        outline : none; 
    }

    input, textarea, button {outline:none;}
     input[type="text"]:focus { outline: none; }
     :focus {outline: none;}

     #butcart button {outline: none;}

button, 
button:active, 
button:focus, a:active, a:focus {
    outline: none;
    border-style: none;
    border : 0px;
}

a {
    color: inherit;
    text-decoration: none;
}

.modal.fade:not(.in) .modal-dialog {
    
    transform: translate3d(25%, 0, 0);
}

.modal.fade .modal-dialog {
transform: translate3d(25%, 0, 0);
}
	
.nomargin { margin-left: 0px;
margin-right: 0px;}

em {font-style: italic;}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

.test .col-sm-3 {background-color:red;}
.bghead {background: url(./img/bghead.webp) 50% 0 no-repeat; 
    background-color: #171C1E;
	background-repeat: no-repeat;
/*background-position: center center;
background-attachment: fixed;*/
background-size: cover;
position:relative;
    }
/*.menu {    width: 55px;
    background-color: black;
    height: 100vh;
    min-height: 700px;
    float: left;}*/
.menu {    width: 55px;
   /* background-color: black;
    height: 100vh;*/
    min-height: 70px;
    float: left;
	
    position: fixed;
    z-index: 51;}
	
.menu2, .menu3 {    width: 55px;
    background-color: black;
position:absolute;
    left:0;
	top:0;
	z-index: 1;}

.menu3 {height:100%;width: 56px;}

.relat {position:relative;background-color: #121116;color: white;}
.wrp-head, .wrp-head-bl, .hline-head{    position: relative;
    width: 100%;
    height: 150px;
    margin: auto;}
.wrp-head-bl{
    height: 260px;
	
    }
	.hline-head {height:800px;}
.line-hd {height: 100%;
    border-left: 1px solid white;
    margin-left: 142px;
	float: left;
	    position: relative;
    z-index: 1;}
.line-bl, .line-bl2{height: 100%;    border-right: 1px solid white;
    border-left: 1px solid #4D4D4D;
    /*margin-left: 44px;*/
	margin-left: 98px;
    width: 45px;
    float: left;}
.line-bl2 { margin-left: 98px;    position: absolute;border-right: 1px solid white;
    z-index: 1;}
	
.line-win4{    height: 5.1%;
    border-right: 1px solid white;
    margin-left: 142px;
    position: absolute;
    border-right: 1px solid black;
    z-index: 1;
    bottom: 0;}
.name-hd, .name-sin, .name-pr{    float: left;
    display: flex;
    align-items: center;
    align-content: center;
    height: 100%;
    font-size: 3.2em;
    font-weight: 600;
    text-transform: uppercase;
    margin-left: 47px;
	position: relative;
    z-index: 1;		
	animation-name: hd;
 animation-duration: 2.5s;}
	
	

@keyframes hd {
    from {
             margin-left: 150px;
		     opacity: 0;
    }
    to {
         margin-left: 47px;
		     opacity: 1;
    }
}
	
.name-sin {font-size:5.2em;}
.name-hd:after {
    left: 34px;
    margin: 0 -100% 0 0;
}

.name-bl {   
    display: flex;
    align-items: center;
    align-content: center;
    height: 35%;
    font-size: 4.8em;
    font-weight: 600;
    text-transform: uppercase;
   
    position: absolute;
    bottom: 28px;
    left: 194px;
    z-index: 1;
    animation-name: name-bl;
    animation-duration: 2.5s;
}



@keyframes name-bl {
    from {
         left:380px;
		     opacity: 0;
    }
    to {
         left: 194px;
		     opacity: 1;
    }
}

.name-bl:after {
    left: 34px;
    margin: 0 -100% 0 0;
}
.name-bl:after {
    content: '';
    display: inline-block;
    width: 35%;
    height: 1px;
    /* z-index: -1; */
    position: relative;
    vertical-align: middle;
    /* bottom: 6px; */
}
.decor-hd{
    font-size: 12em;
    font-weight: 700;
    max-height: 150px;
	min-height:150px;
    padding: 0;
    display: flex;
    align-items: center;
    align-content: center;
    margin-right: 107px;
    color: #272727;
	animation-name: decor-hd;
 animation-duration: 2.5s;
     position: absolute;
    right: 0;}
	
	

@keyframes decor-hd {
    from {
         margin-right: 200px;
		     opacity: 0;
    }
    to {
         margin-right: 107px;
		     opacity: 1;
    }
}
	
.decor-pr {
    /* float: right; */
    font-size: 12em;
    font-weight: 700;
    height: 150px;
    padding: 0;
    display: flex;
    align-items: center;
    align-content: center;
    margin-right: 107px;
    color: #272727;
    position: absolute;
    right: 0px;
    z-index: 0;
}
.decor-bl {
        font-size: 16em;
    font-weight: 700;
    height: 260px;
    padding: 0;
    display: flex;
    align-items: center;
    align-content: center;
    color: #272727;
    position: absolute;
    bottom: 12px;
    z-index: 0;
    left: 165px;
	animation-name: decor-bl;
animation-duration: 2.5s;
}



@keyframes decor-bl {
    from {
         left:-50px;
		     opacity: 0;
    }
    to {
         left: 165px;
		     opacity: 1;
    }
}

.bgmenu {width: 30px;
    height: 20px;   
    margin: 27px auto;
	    background: url(./img/menu-demo.png) no-repeat 0px 0px;
		    cursor: not-allowed;}
			
		
.logomenu  {width: 38px;
    /*height: 180px; */  
    margin: 43vh auto;
	   /* background: url(./img/logo-menu.png) no-repeat 0px 0px;
	       border: 1px solid red;*/
		position:absolute;
		z-index:10;
		left: 10px;
		opacity:1;
		transition:0.5s;}
		
.logo-hide {opacity:0;
		transition:0.5s;}
		
.fade-logo {opacity:0;transition:0.5s;}
		
	.logo1 {
		position:relative;
		width: 38px;
    height: 67px;   
    margin: auto;
	background: url(./img/logo-menu-1.png) no-repeat 0px 0px;
	animation-name: logo1;
	animation-duration: 2s;
	animation-delay:.5s;
	    animation-timing-function: cubic-bezier(.50, 0, .47, 1);
	animation-fill-mode: backwards;
	animation-iteration-count:1;
}

@keyframes logo1 {
    from {opacity:0;
         top: -120px;
    }
    to {opacity:1;
         top: 0px;
    }
}

	
	
	
	.logo2 {
	position:relative;
		width: 30px;
    height: 50px;   
    margin: auto;
	background: url(./img/logo-menu-2.png) no-repeat 0px 0px;
	animation-name: logo2;
	animation-duration: 2s;
	animation-delay:.5s;
	    animation-timing-function: cubic-bezier(.50, 0, .47, 1);
	animation-fill-mode: backwards;
	animation-iteration-count:1;
}

@keyframes logo2 {
    from {
		opacity:0;
         bottom: -120px;
    }
    to {opacity:1;
         bottom: 0px;
    }
}
	

	
	
.logo-line {height:55px; position:absolute;background:#ffffff;bottom:10em;
    width: 1px;
    left: 50%;
	animation-name: logo-line;
	animation-duration: 1.5s;
	animation-delay:2s;
	    animation-timing-function: cubic-bezier(.50, 0, .47, 1);
		animation-iteration-count:1;
	animation-fill-mode: backwards;
}

@keyframes logo-line {
    from {height:0px;
    }
    to {height:55px;
    }
}
	
		
.logo-line-top {height:55px; position:absolute;background:#ffffff;top:10em;
    width: 1px;
    left: 50%;
	animation-name: logo-line;
	animation-duration: 1.5s;
	animation-delay:2s;
	    animation-timing-function: cubic-bezier(.50, 0, .47, 1);
		animation-iteration-count:1;
	animation-fill-mode: backwards;
}
		
.bg-logomenu {    position: absolute;
    top: 0;
    width: 56px;
    background: #000;
    z-index: 9;
    height: 100%;}
		
/*.logomenu2 {    position: absolute;
    bottom: 187px;
    margin: 0px;
    left: 9px;}*/

.lang2 {right:0;
    width: 48px;
    border-left: 1px solid #54585B;
    position:absolute;}
.lang-butt{    width: 20px;
    height: 20px;
    color: white;
    font-size: 12px;
margin: 27px auto;}

.lang-butt-home {
    width: 20px;
    height: 20px;
    color: white;
    font-size: 12px;
    /* margin: 27px auto; */
    /* float: right; */
    position: absolute;
    right: 4.5%;
    top: 27px;
}

.hide-lang {   
        position: absolute;
       top: 10px;
    left: 36%;
	width:20px;
}

.wrp-diz .dropdown-styled {top:32px}

.dropdown-styled {width: 20px;
    height: 20px;
    color: white;
    font-size: 12px;
    position: absolute;
    right: 10px;
    top: 25px;
	z-index: 8;
	transition-duration: 0.4s;
	cursor:pointer;}
	
	.hide-lang .dropdown-styled {opacity:1}
	
.lang-center {    right: -47.5%; transition-duration: 0.4s;opacity:0}


.dropdown-styled ul {    list-style-type: none;}
.dropdown-styled a {color:#696969;    text-decoration: none;    transition: all 0.4s;}
.dropdown-styled a:hover {color:#da00dc;transition: all 0.4s;transform: rotate(360deg);
    transition-duration: .5s;
    transform-origin: 34% 60%;}
.dropdown-styled .wpglobus-current-language {color:#fff;}


ul.sub {
    /*display: none;*/
	    visibility: hidden;
    position: absolute;
    width: 30px;
    top: 17px;
    left: -3px;
	transition: all 0.4s;
	opacity:0
   
}
ul.sub > li {
    display: block;
}
ul.sub > li > a {
    display: block;
    padding: 6px 0px 2px 3px;
    color: white;
  
}
.dropdown-styled ul > li:hover > ul.sub {
    display: block;
	opacity:1;
	    visibility: visible;
	transition: all 0.4s;
}

.social, .social-bl {    width: 18%;
    display: inline-block;
    margin: 27px 56px 0px 0px;
	    position: absolute;
    top: 0px;
    right: 47px;
	 transition-duration: 0.4s;}
.social-bl {right: 4px;}
.soc-line {
    border-bottom: 1px solid white;
    position: absolute;
    bottom: 8px;
    width: 100%;
}
.socfon{
	width: 99%;
    height: 17px;
    /*background: url(./img/soc.png) 50% 0% no-repeat;*/
    z-index: 1;
    overflow: hidden;
    text-align: center;
	position:relative;
	}
	
.socfon i {font-size:1.25em;}
.socfon a {color:#fff;text-decoration: none;margin: 0px 5px 0px 5px;}
.socfon a:hover {color:#d300bb;text-decoration: none;}
	
	.socfon:before, .socfon:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.71);
    z-index: -1;
    position: relative;
    /*vertical-align: middle;*/
	bottom: 6px;
	animation-name: socfon;
	animation-duration: 12s;
	animation-delay:.5s;
	animation-fill-mode: backwards;
}

@keyframes socfon {
    from {
         width: 0%;
    }
    to {
         width: 100%;
    }
}


.socfon:before {
    right: 5px;
    margin: 0 0 0 -100%;
}
.socfon:after {
    left: 5px;
    margin: 0 -100% 0 0;
}
.step {    width: 60px;
    height: 615px;
    display: inline-block;
    position: absolute;
    bottom: 0px;
        /*z-index: 90;*/
	    margin-left: 8em;
}

.step-men {    width: 60px;
    height: 615px;
    display: inline-block;
    position: absolute;
    bottom: 0px;
	left: 14.45%;
        /*z-index: 90;*/
	    
}



/*
.step-men {
    left: 8.3%;
   
    margin-left: 0px;
}*/



.step-num-menu {
        width: 50px;
    height: 50px;
    border: 2px solid rgba(255, 255, 255, 0.7);
    margin: auto;
    border-radius: 50px;
    color: #ffffff;
    text-align: center;
    font-size: 22px;
	font-weight: 100;
    display: flex;
    justify-content: center;
    align-items: center;
	/*animation: step-num .6s 2.5s ease-out forwards;
	transform: scale(0);*/
}




.step-line
{    width: 1px;
    /*height: 92%;*/
    background-color: #b7b9ba;
    margin: auto;
	/*animation-name: step-line;
	animation-duration: 3s;
	animation-delay: 1s;*/
	animation: step-line 2s 1s ease-out forwards;
 
bottom: 0;
    position: absolute;
    /* top: 0; */
    left: 50%;
}
	
@keyframes step-line {
    from {
         height: 0%; 
		     
    }
    to {
         height: 92%; 
		    
    }
}
	

	
.info {display: flex ;
flex-direction: column ;
flex-wrap: wrap ;
justify-content: flex-start;
align-items: center;
align-content: center ;
    color: #ffffff;
    height: auto;
    width: 70%;
    margin: auto;
    position: relative;
    top: 190px;
	font-weight: 100;
	}
.info-men {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    color: #ffffff;
    height: 270px;
    width: 70%;
    margin: 10px auto;
    position: relative;
    top: 23vh;
    font-weight: 100;
}
	
.wraprow {display: flex ;
flex-direction: row ;
flex-wrap: wrap ;
justify-content: center ;
align-items: flex-start ;
align-content: center ;
        width: 100%;
	    position: relative;	    }
.info-men .wraprow {    width: 71%;
    margin: auto;}
.info-men .inf-descr	{    width: 64%;
        margin: auto;
		transition: all 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	transform: scale(0);
		}

.wrp-h{display:inline-block;
width: 85%;
   
/*animation-name: wrp-h;
 animation-duration: 2s;*/}

@keyframes wrp-h {
    from {
         width: 17%; 
		     opacity: 0;
    }
    to {
         width: 85%; 
		     opacity: 1;
    }
}

.inf-span { 
    
  
    font-size: 25px;
    
    text-transform: uppercase;
   
	    min-height: 38px;
		animation-name: fadeIn;
		 animation-duration: 2.5s;
		 animation-delay: 2.7s;
    animation-fill-mode: backwards;
		        
}

.inf-span-menu{margin-left: -1px;
   border-bottom: 1px solid;
    font-size: 25px;
    padding-top: 2px;
    text-transform: uppercase;
    padding-left: 115px;
	    min-height: 38px;
		    margin-top: 15px;
		}

.line-head {width: 85%;
    height: 1px;
    background: #fff;
    position: absolute;
    left: 94px;
top: 52px;
 animation-name: line-head;
    animation-duration: 2.5s;
    animation-delay: 2.7s;
	animation-timing-function:cubic-bezier(.50, 0, .47, 1);
    animation-fill-mode: backwards;}

@keyframes line-head {
    from {
        width: 0%;
		     
    }
    to {
        width: 85%;
    }
}


.inf-h {text-transform: uppercase;
font-size: 44px;    
	    text-align: center;
		animation-name: inf;
		animation-duration: 2s;
    animation-delay: 3s;
    animation-fill-mode: backwards;
}

@keyframes inf{
  0% {
    opacity: 0;
    
    transform: translateX(120px);
  }

  100% {
    opacity: 1;
    
    transform: translateX(0);
  }
}





.info-menu {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    color: #ffffff;
    height: auto;
    width: 65%;
    margin: 80px auto;
    position: relative;
    top: 23vh;
    font-weight: 100;
}
	
.info-menu .logo-main {opacity:0;
transition: all 0.6s ease;
       }
	  .info-menu .logo-main.active {opacity:1;
	  transition: all 2s ease;
       }
	

.info-menu .wraprow {    width: 64%;
    margin: auto;}
.info-menu .inf-descr	{    width: 64%;
        margin: auto;
		transition: all 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	transform: scale(0);
		}

.info-menu .wrp-h{display:inline-block;
width: 0%;
transition: all 0.6s ease-in-out;
opacity:0;
}

.info-menu .wrp-h.active {display:inline-block;
width: 85%;
opacity:1;
transition: all .9s ease-in-out;
}


.span-bld{font-weight: 600;}
	
.logo-main {   position:relative; width: 52px;
    height: 57px;  
top: 15px;	
   background: url(./img/sd-logo.png) no-repeat 0px 0px;
       animation-name: logo-main;
    animation-duration: 2.5s;
    animation-delay: .5s;
	   animation-fill-mode: backwards;
	   z-index:2;}

@keyframes logo-main {
    from {
             /*top: -150px;*/
		     opacity: 0;
			 left:-160px
    }
    to {
            left: 0px;
		     opacity: 1;
    }
}
	   
.log-name {position: absolute;
    bottom: 16px;
    right: 0;
    font-size: 11px;}
	   
.tok {width: 7px;
    height: 7px;
    background-color: #ffffff;
    border-radius: 8px;
	    margin: 49px 0px 0px 0px;
    position: relative;
   /* left: 94.5%;     */
	animation-name: tok;
    animation-duration: 2.5s;
    animation-delay: 2.7s;
	animation-timing-function:cubic-bezier(.50, 0, .47, 1);
	   animation-fill-mode: backwards;}

@keyframes tok {
    0% {
             left: -85%;
			 opacity:0;
    }
	
	  10% {
             
			 opacity:1;
    }
	
   100% {
            left: 0;
			opacity:1;
    }
}

.tok-menu {width: 7px;
    height: 7px;
    background-color: #ffffff;
    border-radius: 8px;
	margin: 49px 0px 0px 0px;
    }
	
.inf-descr {
    display: inline-block;
    width: 61%;
    font-size: 17px;
    line-height: 29px;
    text-align: center;
	margin-top: 5px;
	animation-name: fadeInUp;
	animation-duration: 2s;
    animation-delay: 3.5s;
    animation-fill-mode: backwards;
}

/*.lang {
	    position: relative;
		float: right;
    
	    width: 3.559%;
    border-left: 1px solid #54585B;
    height: 100vh;
    min-height: 700px;}*/
	
   .lang { position: relative;
    float: right;
    /* width: 48px; */
    width: 1px;
    /* border-left: 1px solid #54585B; */
    height: 100vh;
    min-height: 700px;
    background-color: #54585B;
   margin-right: 47px;}

.eq{width: 16px;
    height: 46px;
    background: url(./img/eq.png) no-repeat 0px 0px;
    bottom: 36px;
    position: absolute;
    left: -17px;}
	
.sd-logo-diz {    display: inline-block;
background: url(./img/sd-logo6.png) no-repeat 50% 0px;
        margin-left: -24%;
    width: 100%;
    height: 40px;}
	

/*.wrp-diz:hover .lang{width: 10.559%;}
.eq:hover {cursor:pointer;}
/*
.eq:hover + .wrp-diz{
    
	 opacity: 1;
  visibility: visible;
  transition-delay: 0.05s;    
}*/




.arr-down {    position: absolute;
    width: 25px;
    height: 25px;
    left: calc(50% - 0px);
    z-index: 1;
    bottom: 44px;
    color: rgba(255, 255, 255, 0.71);
    text-align: center;
    font-size: 30px;}
	
	.arr-down:hover, .arr-down:visited, .arr-down:focus {text-decoration: none;    color: white;}
/*.arr-down:after{content: '\3009';}*/
 
.bgsec, .bgwin {position: relative;
    background-color: black;
    height: 100%;}
.step2, .step3 {
        width: 45px;
    height: 100%;
    display: inline-block;
    position: absolute;
    bottom: 0;
	left: 8px;
    margin-left: 90px;
    border-left: 1px solid #B2B2B2;
    border-right: 1px solid black;
	z-index: 1;
}
.step3 { border-left: 1px solid #4D4D4D;border-right: 1px solid #fff;}

.line-num.add-class {    width: 1px;
    background: #ea00d1;
    position: absolute;
    top: 0;
    left: -1px;		animation-name: back-line;
animation-duration: 3s;
animation-delay: 0.5s;
animation-timing-function: ease-in-out;
animation-fill-mode: forwards;
}

@keyframes back-line {
    from {
         height: 0px;
		     
    }
    to {
         height: 100%;
    }
}

.sd-logo3{position: absolute;
    bottom: 0px;
    left: 86px;
    /* border: 1px solid red; */
    display: inline-block;
    width: 38px;
    height: 18px;
	z-index:2;
    background: url(./img/sd-logo3.png) no-repeat 50% 0px;
	animation-name: sd-logo3;	
animation-duration: .7s;
animation-delay: 6.7s;
animation-timing-function:ease-in;

animation-fill-mode: backwards;
/*transform: rotate(-90deg);*/
}

@keyframes sd-logo3 {
    from { bottom: 8px;
	left: 89px;
             transform: rotate(-90deg);
		     
    }
    to { bottom: 1px;
	 left: 86px;
             transform: rotate(0deg);
    }
}
	
	
	
.sd-logo3-name{font-size: 0.8em;
    color: #df00c6;
    transform: rotate(90deg);
    position: absolute;
    /*left: -23px;
    top: 65px;*/
    left: 63px;
    bottom: -53px;
    z-index: 2;
    font-weight: 600;
	width:79px;
   }
	
	.stop-logo3 {    position: fixed;
	    left: 17em;
		/*left:12.4vw;*/
    top: 84px;
       height: 15px;
    width: 59px;
	    z-index: 15;}
		

	.scrollme {z-index: 20;}
	/*.decor-line{position:fixed; width:1px;background:#df00c6;height:50px;    top: 65px;}*/
	
	
	
	    .stop-logo3:after {content: '';
    display: inline-block;
    width: 100%;
    height: 1px;
    background: #df00c6;
    left: 0px;
    margin: 0 -100% 0 0;
    /* z-index: -1; */
    position: relative;
    /* vertical-align: middle; */
    bottom: 0px;}
	
.step3 .sd-logo3-name {background-color:transparent;}

.lang2 {
       width: 48px;
    border-left: 1px solid #54585B;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;	
	z-index: 1;
}

.numstep, .numstep3, .numstep9 {    width: 100%;
    text-align: center;
    font-size: 26px;
    margin-top: 59px;
	font-weight: 100;
	
	transition-duration: 1.2s;}
	
.numstep.add-class, .numstep3.add-class, .numstep9.add-class {opacity:1;transition-duration: 1.2s;}
	
.numstep3, .numstep9 {color:#fff;}

.color-num {color:#d100ba;}


.wrp-sec1, .wrp-sec4, .wrp-sec6, .wrp-sec7, .wrp-onas, .wrp-bl, .wrp-sec-pr, .wrp-hline, .wrp-hline2,.wrp-wsg {    display: inline-block;
   /* height: 730px;
    width: 97%;*/
	    width: calc(100% - 40px);
    background-color: white;
    float: right;
    margin-right: -8px;
	    padding: 70px 0 70px 0;
		position: relative;
}
.wrp-sec4{height: 452px;background-color:#E6E6E6;padding:0;}
.wrp-sec7{  background-color: #F5F5F5;}
.wrp-bl{ background-color: #121217; color: white;    padding: 86px 0 70px 0;}
.wrp-sec-pr{background-color:#F0F0F0; color:#000;    padding-top: 100px;}
.wrp-hline{padding:0px;}
.wrp-hline2{padding:0px;background-color:#e7e7e7;   /* min-height: 200em;*/    position: relative;}
.wrp-wsg{padding: 0px;
    background-color: #fff;
    /*min-height: 200em;*/
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    position: relative;
}


.foto {width: 682px;
    height: 510px;
	    float: right;
		    margin-top: 20px;
    display: inline-block;
    position: relative;}
	
.demo-link {width: 620px;
    height: 40px;
	    float: right;}
.about {width: 435px;
    height: 583px;
	    float: left;
		    margin-left: 140px;
		}
.about4 {width: 435px;
        margin-top: 68px;
	    float: left;
		    margin-left: 140px;
			position: relative;
		}
.bord {width: 250px;
    height: 310px;
	    position: absolute;
    /*border: 3px solid #B3B3B3;*/
    z-index: 0;
}
	
	
	
	
	
	
	
	
	
	
	
.bord4 {width: 250px;
    height: 310px;
	    position: absolute;
    /*border: 3px solid #ffffff;*/
    z-index: 0;
	right: -22px;}
.wrp-slog {width:350px;height:250px;    margin-left: 26px;
    margin-top: 70px; position: relative;    z-index: 1;}
#pr .wrp-slog, .wrp-sec-pr .wrp-slog {margin-top: 37px;}
	.wrp-slog4 {width:350px;height:250px;    margin-left: 36px;
    margin-top: 41px; position: relative;}
.slog, .slog-us, .slog-seo {    font-size: 75px;
    font-weight: 700;
    word-spacing: 0;
    letter-spacing: -3px;
    line-height: 1.3em;}
	
	.slog-seo {font-size: 60px;}
.wrp-sec-pr .slog, .wrp-sec1 .slog {
    font-size: 4em;
font-weight: 600;}
.butt1, .butt2, .butt3, .butt4{width: 220px;
    height: 45px;
    border: 1px solid black;
    text-align: center;
    font-size: 15px;
    text-transform: uppercase;
    position: relative;
        overflow: hidden;
    z-index: 2;
    vertical-align: middle;
    display: table-cell;
	    cursor: pointer;    transition-duration: .3s;}
		.butt1{background-color: inherit;}
		
	.butt1:active	{position: relative;
    top: 1px;transition-duration: .4s; border: 1px solid #000;}
	
	.butt1:active, .butt1:visited, .butt1:focus, .butt3:active, .butt3:visited, .butt3:focus { 
    border: 1px solid #000;text-decoration:none;}
		
	.butt2:hover, .butt4:hover	{    background-color: #990388;    transition-duration: .2s;    text-decoration: none;}
	.butt1:hover, .butt3:hover  {    background-color: #990388;    color: #ffffff;    transition-duration: .2s;    text-decoration: none;}
	
	 .txt-us a:active, .txt-us a:focus  {border: 1px solid black; text-decoration: none;}
	 /*.txt-us a:visited {color:#000;}*/
	 .txt-us a:hover {color:#fff;}
		/*.txt-us a:visited {color: #000;}*/
	
	.butt1:hover:before, .butt1:hover:after, .butt3:hover:before, .butt3:hover:after{     background-color: white;    transition-duration: .2s;}
		
.rt-butt {    display: block;
	color: white;
    position: relative;
    overflow: hidden;
    z-index: 2;
    cursor: pointer;
	    width: 73%;
    margin-bottom: 15px;
	
	transition-duration: .2s;}
	
	.rt-butt:hover {text-decoration:none;}
.rt-butt:hover {color: #d400bc;transition-duration: .2s;}
.butt1:before, .butt1:after, .butt2:before, .butt2:after, .butt3:after, .butt3:before, .butt4:before, .butt4:after, .rt-butt:after{
    content: '';
    display: inline-block;
    width: 100%;
    height: 1px;
    background: black;
    z-index: -1;
    position: relative;
    /* vertical-align: middle; */
    bottom: 6px;
	transition-duration: .2s;
}

.butt1:after, .butt1:before, .butt2:after, .butt2:before, .butt4:after, .butt4:before {content: "";
    display: block;
    width: 30px;
    height: 1px;
    background-color: #000;
    position: absolute;
    top: 50%;
    transition: transform .6s;
   }
	
	.butt1:before, .butt2:before, .butt4:before {
    left: 20px;
	transition: all .4s;
}

	.butt1:hover:before, .butt2:hover:before, .butt4:hover:before {
    left: 0;
	transition: all .4s;
}


.butt1:after, .butt2:after, .butt4:after {
    right: 20px;
	transition: all .4s;
}

.butt1:hover:after, .butt2:hover:after, .butt4:hover:after {
    right: 0;
	transition: all .4s;
}


.name-hd:after{
    content: '';
    display: inline-block;
    width: 45%;
    height: 1px;
    
    /* z-index: -1; */
    position: relative;
    vertical-align: middle;
    /* bottom: 6px; */
}
.name-pr:after{
    content: '';
    display: inline-block;
    width:15%;
    height: 1px;
    
    /* z-index: -1; */
    position: relative;
    vertical-align: middle;
    /* bottom: 6px; */
	    left: 34px;
    margin: 0 -100% 0 0;
	background: white;
}

.name-sin:after {    width: 42%;
    left: 34px;
    margin: 0 -100% 0 0;
    content: '';
    display: inline-block;
    height: 1px;
    z-index: 24;
    position: relative;
    vertical-align: middle;
    /* bottom: 6px; */
    /* color: white; */
    background: white;}
.butt2:before, .butt2:after, .butt4:before, .butt4:after, .rt-butt:after, .name-hd:after, .name-bl:after{background: white;transition-duration: .2s;}
		
/*.butt1:before, .butt2:before, .butt4:before {
    right: 34px;
    margin: 0 0 0 -100%;
}

.butt1:after, .butt2:after, .butt4:after {
    left: 34px;
    margin: 0 -100% 0 0;
}*/

.butt3:before {
    right: 17px;
    margin: 0 0 0 -100%;
}

.butt3:after {
    left: 17px;
    margin: 0 -100% 0 0;
}

.rt-butt:after {
    left: 34px;
    margin: 0 -100% 0 0;
}
		
.butt2, .butt4 { 
    border: 1px solid white;
    color: white;
	transition-duration: .2s;}
	.butt4 {background-color: rgba(255, 255, 255, 0.1);}
	
	.butt2:active, .butt2:visited, .butt2:focus, .butt4:active, .butt4:visited, .butt4:focus{ 
    border: 1px solid white;text-decoration:none;}
		
/*.line-but {position: absolute;
    width: 100%;
    bottom: 20px;
    z-index: 0;
	    border-bottom: 1px solid;}
.span-butt{    background-color: #ffffff;
    position: relative;
    z-index: 1;
padding: 0px 30px 0px 30px;}*/
.desc-ab{    margin: 100px 20px 59px 0px;
    line-height: 1.8em;}
.demo-link{display: flex ;
flex-direction: row ;
flex-wrap: wrap ;
justify-content:space-between;
align-items: center ;
align-content: center ;
margin-right: 80px;
width:46%;}
.dlink, .dlink2 {    position: relative;
   
        display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    text-align: right;
	cursor:pointer;}
/*.dlink {width:19%}
	
.dlink2{width:25%}*/

    .line-i{height: 1px;
    width: 37px;
    background-color: black;
    position: relative;
    vertical-align: middle;
    /* top: 50%; */
    margin-right: 10px;
    display: inline-block;
	transition: all 0.5s}
	
	.dlink:hover .line-i, .dlink2:hover .line-i {background-color:#990388;    transition: all 0.5s}
	
	.dlink div, .dlink2 div{height: 1px;
    width: 37px;
    background-color: black;
    position: relative;
    vertical-align: middle;
    /* top: 50%; */
    margin-right: 10px;
    display: inline-block;
	transition: all 0.5s}
	
	.dlink:hover div, .dlink2:hover div {background-color:#990388;    transition: all 0.5s}

.tlink {    /*background-color: #ffffff;*/
    position: relative;
    z-index: 1;
    padding: 0px 0px 0px 9px;
    font-size: 18px;
    color: black;}
.line-link{position: absolute;
    width: 45%;
    bottom: 11px;
    z-index: 0;
border-bottom: 1px solid;
transition-duration: .5s;}
.dlink2 .line-link { width: 30%;}

.dlink:hover .line-link, .dlink2:hover .line-link {color:#990388;transform: rotate(45deg);transition-duration: .5s;}
	.dlink:hover .tlink, .dlink2:hover .tlink, .wrp-i:hover .tlink{color:#990388;}

.decimg {    position: absolute;
    bottom: 0;
left: 50px;}

.decor {    width: 280px;
    height: 240px;
    background-color: #E6E6E6;
    margin-top: 78px;
	}
	
.wrp-sec3 {padding:30px 0px 30px 0px;}
.wrp-sec5 {padding:67px 0px 30px 0px; color:white;}
.wrp-sec5 li{list-style-type: none;font-size: 1.2em;color: #d4d4d4;    line-height: 1.8em;}
.rightinfo{float:right;width: 600px;    height: 650px;
    margin-bottom: 234px;}
.decor3 {width:352px;height:352px;background-color: #212121; border-radius: 50%; position: absolute;    
margin-left: 56px;
}


.wrp-slog3 {/*width:350px;height:250px;*/        margin-left: 174px;
    margin-top: 96px; position: relative;}
.slog3 {    font-size: 72px;
    font-weight: 700;
    color: #fff;
    word-spacing: 0;
    letter-spacing: -3px;
    line-height: 1.3em;}
.wr-but {
    width: 50%;
    margin-left: 178px;
margin-top: 145px;}
.link3 {margin-top:20px;}

.info3{width:500px;float:left;color:#fff;    margin-left: 187px;}
.info3 h2{    font-size: 20px;
    font-weight: 600;    margin-top: 36px;}
	
.info3 p {font-weight: 100; color: #c7c7c7;line-height: 1.7em;margin-bottom: 50px;}
	
.dizblok1 {width:487px;height:226px;}
.dizblok2 {width:306px;height:293px;}
.dizblok3 {width:125px;height:350px;}
.dizblok1, .dizblok2, .dizblok3
{/*border-left: 1px solid #4D4D4D;
    border-top: 1px solid #4D4D4D;*/
	position:absolute;/*right: 47px;*/right:3.5vw;bottom:0;}
.wrp-count {
	        width: 35%;
    float: right;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    margin-right: 126px;
	
	
}
/*
#fo {
	overflow: auto;
	height: 100vh;
}*/

.count {width: 20%;
    text-align: center;    
    min-height: 400px;
	    position: relative;}
.line-cnt1, .line-cnt2, .line-cnt3 {    width: 1px;
       /* border-left: 1px solid;*/
    margin: auto;}
	
.line-cnt1{height: 200px;}
.line-cnt2{height: 130px;}
.line-cnt3{height: 177px;}

	.digits, .digits2, .digits3 {    transform: rotate(90deg);

        width: 112%;
    
    display: inline-block;
    font-size: 7em;
    font-weight: 700;
	}
	

	

	
	
	
	.txtdig1, .txtdig2, .txtdig3 {    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
	font-size: 11px;
    font-weight: 600;}
	.txtdig1 { bottom: 38px;}
	.txtdig2 { bottom: 80px;}
	.txtdig3 { bottom: -14px;
    width: 90%;
    left: 8px;}
	.whitebl {position:absolute;
	width:200px;
	height:327px;
	background-color:white;
	bottom:0;
	right:70px;
	z-index:0}
	.wrp1, .wrp2, .wrp3 {position:relative;
	float:right;
	width:76%;
	margin-right:100px;}
	.wrp1, .wrp2 {
	min-height: 535px;}
	
	.wrp2 {    margin-top: 24px;}
		.wrp3{    margin-bottom: 75px;}
	.host {    width: 84%;
    position: absolute;
    bottom: 0;
    left: 0;}
	.ul-host {    margin-left: 30px;}
	
	.wrp-hsth {    position: relative;
    width: 77%;display: inline-block;    margin-bottom: 20px;
	}

	
	
	.wrp-hsth h2 {text-transform: uppercase;
    font-size: 26px;
    font-weight: 100;
    margin: 15px 0px 15px 24px;
    line-height: 1.5em;}
	.wedoin {position:relative; float:right;width:43%;}
	.wedecor {position:absolute;left:0;top:0;background-color:#212121;width:250px;height:270px;}
	.we-title {font-size: 72px;
    font-weight: 700;
    word-spacing: 0;
    letter-spacing: -1px;
    line-height: 1.3em;
    position: relative;
    display: inline-block;
    margin: 42px 0px 0px 60px;}
	.diz {position: relative;
    width: 43%;
    display: inline-block;
    height: 340px;}
	/*.diz h2 {    position: absolute;
    width: 80%;
    display: inline-block;
    text-align: center;
	    left: -33px;
    margin: 0px;
    padding: 15px;
    font-size: 47px;
    font-weight: 100;
    text-transform: uppercase;
    background-color: #212121;
	    z-index: 2;}*/
		
	.h2-back {position: absolute;
    width: 80%;
    display: inline-block;
    text-align: center;
	    left: -33px;
    margin: 0px;
    
    
    background-color: #212121;
	    z-index: 2;}
	.h2-back h2 {
    text-align: center;
	  display: inline-block;
	  position:relative;
    margin: 0px;
    padding: 15px;
    font-size: 47px;
    font-weight: 100;
    text-transform: uppercase;
    
	    z-index: 2;}
		
	.diz-ul {position: absolute;
    bottom: 0;
    right: 0;
    
    width: 93%;
    padding: 73px 0px 0px 44px;
    height: 300px;}
	.razrab {position: absolute;
    bottom: 0;
    right: 0;
    display: inline-block;
    width: 50%;
    height: 340px;}
	.razrab h2 {position: absolute;
    /*width: 77%;*/
    display: inline-block;
    text-align: center;
    margin: 0px;
    padding: 15px;
	    left: 40px;
    font-size: 47px;
    font-weight: 100;
    text-transform: uppercase;}
       .fade-In-Down {animation-name: fade-In-Down;
    animation-duration: 1.5s;
    animation-delay: 2s;
     /*animation-fill-mode: backwards;*/}

@keyframes fade-In-Down {
    from {    left: 40px;
        top: -130px;
		     opacity: 0;
    }
    to {
         top:0;
		     opacity: 1;
    }
}
		
	.h2-razrab{
		position: relative;
    width: 77%;
    display: inline-block;
    text-align: center;
    margin: 0px;
    /*padding: 15px;*/
    height:81px;
        border: 1px solid;
	}
	
		
	.razrab ul {    margin: 16px 18px 18px 52px;    position: relative;
    z-index: 5;}
	
	.wrp-test {    position: relative;
    width: 95%;
    display: inline-block;
    height: 340px;
}

.wrp-test ul {
            position: absolute;
    top: 87px;
    right: 0;
   
    width: 98%;
    padding: 79px 0px 38px 51px;
    right: -46px;
}
	.wrp-test h2{
    display: inline-block;
    text-align: left;
    
    padding: 20px 10px 20px 27px;
    font-size: 47px;
    font-weight: 100;
    text-transform: uppercase;
    
    z-index: 2;
    
    line-height: 1.4em;
}
.h2-wrp-test {position: absolute;
    width: 77%;
    display: inline-block;
    text-align: left;
    left: 0px;
    margin: 0px;
    
    
    background-color: #212121;
    z-index: 2;
    top: -34px;}
.port-title{position:absolute; width:33%;       top: 110px;
    left: 102px;}
.but-navi {    width: 12%;
    height: 92px;
    position: absolute;
    bottom: 199px;
    left: 123px;}
.bt-left {    width: 60px;
    height: 60px;
    background-color: #E6E6E6;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 42px;
    font-weight: lighter;
    text-align: center;
    color: #6d6d6d;
    cursor: pointer;
    padding-right: 7px;}
.bt-right {width: 60px; height: 60px;background-color: #E6E6E6;position: absolute;
    top: 0;
    right: 0;
	font-size: 42px;
    font-weight: lighter;
    text-align: center;
    color: #6d6d6d;
    cursor: pointer;
    padding-left: 7px;
	cursor: pointer;
	    z-index: 2;}
.wrp-slider{    position: relative;
    width: 1000px;
    border: 1px solid;
    display: inline-block;
    float: right;
    margin-right: 95px;}
.sl-active{width:140px;height:50px;float:right;margin: 32px 20px 32px 0px;   display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;}
.sl-more{    margin: 0px 41px 30px 41px;}
	
.sl-foto {    float: right;
    margin: 0 28px 16px 0;
    width: 64%;
    display: inline-block;
	       border: 1px solid rgba(191, 0, 169, 0.18);}

.sl-but {float:left;margin-left:50px}

.wrp-price {    float: right;
        width: 62%;
    margin-right: 90px;
	    margin-top: 3px;
		    /*margin-top: 15%;*/}
.price{    float: right;
        position: relative;
    width: 100%;}
.pr-name{font-size: 1.25em;
    
    padding: 10px 0px 5px 0px;}
.pr-price{    font-size: 3.6em;    
        position: relative;
    font-weight: 100;
	    text-align: right;}
.wrp-pr{    position: relative;
    width: 50%;    height: 300px}
.pr-dec{    width: 220px;
    height: 270px;
    position: absolute;
    background-color: #E6E6E6;
    z-index: 0;
    top: 0;
    left: 16px;}
	.pr-dec2{width: 220px;
    height: 253px;
    position: absolute;
    background-color: #E6E6E6;
    z-index: 0;
    top: 28px;
    right: 10px;}
.pr-title{    position: relative;
    z-index: 1;
	left: 62px;
    top: 20px;}
.pr-title2 {    position: relative;
    z-index: 1;
    left: 62px;
    top: 67px;}
	.pr-title2-mobi {
    position: relative;
    z-index: 1;
    left: 125px;
    top: 67px;
    width: 50%;
}
.wrp-call{    position: relative;
    width: 88%;
    margin-top: 100px;
	   }

.pr-calform{    width: 50%;
    float: right;
    margin-top: 122px;}
.pr-calform span.wpcf7-not-valid-tip{text-align: center;
    margin-bottom: 5px;
    }
.pr-inp { width: 96%;
    padding: 5px 5px 5px 5px;
    height: 36px;
    background-color: #f6f6f6;
    margin-bottom: 25px;
border-bottom: 1px solid;
    text-align: center;
	font-size: 1.4em;
}
.sp-pad{    margin-left: 77px;}

.wrp-txbl {    width: 80%;
       float: right;
    margin-right: 87px;}
	.wrp-txbl p{font-weight: 100;}
.txt-decor {    position: absolute;
    bottom: 0;
    width:  321px;
	    height: 270px;}
.txt-dec {        width: 100%;
    height: 270px;
    position: absolute;
    background-color: #E6E6E6;
    z-index: 0;
    top: 0;
    left: 0px;}
.txt-title {position: relative;
    z-index: 1;
        left: 24px;
    top: 12px;
}
.txbl-p {width: 75%;
    /*height: 360px;*/
	 height: auto;
    /*border: 2px solid #e7e7e7;*/
	position:relative;
    padding: 35px 35px 35px 105px;
    font-size: 1.35em;
    float: right;
    line-height: 1.5em;}
.txblok1 {    width: 100%;
    height: 397px;
    position: relative;}
.txblok2 {    margin-top: 50px;float: right;}
.txbl-p2, .txbl-p2-2 {    width: 96%;
    
    padding: 35px 35px 35px 105px;
    
    font-size: 1.35em;
    float: right;
    line-height: 1.5em;}
	.txbl-p2-2 {
    
    padding: 0px 35px 35px 105px;}
.txbl-p3 {    width: 86%;
    padding: 35px 35px 35px 35px;
    font-size: 1.35em;
    float: right;
    line-height: 1.5em;
    background-color: #f6f6f6;
    margin-right: 35px;}
.wrp-sec9 {    width: calc(100% - 40px);
    background: url(./img/footer.webp) 50% 0 no-repeat;
    color: white;
    /*min-height: 800px;*/
    float: right;
	    margin-right: -8px;
		    padding-right: 8px;
}
.fm-title1{text-align: center;
    padding: 114px 50px 0px 50px;
    font-size: 3em;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 5px;
	    margin-bottom: 0;}
.fm-title2{    text-align: center;
    padding: 0px 50px 0px 80px;
    font-size: 2em;
    font-weight: 100;
    letter-spacing: 5px;}
.fm-form{width: 65%;
    margin: 50px auto;
	text-align: center;}
.fm-sub {display: inline-block;}
.fm-inp{    width: 90%;
    padding: 5px 5px 5px 5px;
    height: 49px;
    background-color: rgba(255, 255, 255, 0.1);
    margin-bottom: 25px;
    border-bottom: 1px solid;
    text-align: left;}
.plcolor::-webkit-input-placeholder {color: #000;}
::-webkit-input-placeholder {    
color: rgba(255, 255, 255, 0.7);}

.fm-txtar{    width: 90%;
    padding: 5px 5px 0px 5px;
    background-color: rgba(255, 255, 255, 0.1);
    margin-bottom: 25px;
    border-bottom: 1px solid;
    text-align: left;}
	
.bgft {     position: relative;
    background-color: black;
    height: 100%;
    color: #fff;
	    padding-top: 53px;}
.dec-logo {position: absolute;
    top: 145px;
    right: -24px;
    font-size: 0.8em;
    transform: rotate(-90deg);
    width: 67px;
    text-align: center;
    background-color: black;
    left: 9px;}
.ft-menu{    width: 65%;
        margin-left: 21%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
	position: relative;
	    height: 38px;
		    }
.ft-menu a{color: rgba(247, 247, 247, 0.6);text-decoration: none;}
.ft-menu a:hover{color:#d300bb;text-decoration: none;}
.ft-menu-decor {    border-bottom: 1px solid rgba(247, 247, 247, 0.45);position:absolute;bottom:0;width:100%}
.ft-menu-itm{    
    padding: 0px 0px 8px 0px;
    font-size: 1.5em;
    font-weight: 100;
/*color: rgba(247, 247, 247, 0.6);
    cursor: pointer;*/}
.ft-menu-itm:hover {    border-bottom: 2px solid #d300bb; padding: 0px 0px 6px 0px;}
.ft-logo-cop {display: inline-block;
    float: right;
    margin-top: 57px;
	}
.sd-logo5 {    margin-bottom: 20px;}
.ft-cop{}
.ft-kont{    width: 80%;
    margin: 60px auto;
    border: 1px solid #717171;
	    padding: 15px 0px 0px 15px;}
.ft-kont li{    list-style-type: none;    margin-bottom: 15px;}
.ft-kont i{    margin-right: 12px;    color: #929292;    font-size: 1.2em;}

.ft-name {    width: 68%;
    margin-top: 56px;
    display: inline-block;
	    margin-bottom: 4px;
}

.ft-name ul {
    width: 100%;
}
.ft-name li{list-style-type: none;    margin-bottom: 5px;
    color: #c5c5c5;}
.ft-name ul > li {
    width: 50%;
    float: left;
}

.ft-name a {    color: #c5c5c5;
    text-decoration: none;}
.ft-name a:hover {color: #d300bb;
    text-decoration: none;}

.scrollup {
    width: 40px;
    height: 40px;
    background-color: #fff;
    opacity: .7;
    bottom: 115px;
    right: 27px;
    display: none;
	position: fixed;
    cursor: pointer;
    text-indent: -9999px;
    z-index: 20;
	transform: rotate(45deg);
    border: 1px solid #d4d4d4;
	    padding: 15px;
}
.scrollup:hover {
        opacity:1;
		    background-color: #990388;
}
.up-row {
	    width: 150%;
    height: 150%;
    border-top: 1px solid;
    border-left: 1px solid;
}
.scrollup:hover .up-row{
   
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
}
.wrp-tar {
    width: calc(100% - 40px);
    /*background: url(./img/bg1.jpg) 50% 0 no-repeat;*/
    color: white;
    min-height: 583px;
    float: right;
    margin-right: -8px;
    padding-right: 8px;
}
#m-pak .wrp-tar, #premium .wrp-tar {background: url(./img/bg1.jpg) 50% 0 no-repeat;    background-attachment: fixed;
    background-size: cover;}
#stand .wrp-tar, #lak .wrp-tar {background: url(./img/bg2.jpg) 50% 0 no-repeat; color:#000;    background-attachment: fixed;
    background-size: cover;}
.wrp-cont{    width: 72%;
    margin: 80px auto 0px;
    position: relative;
    display: flex;
    justify-content: space-between;}
.el-tar-left{    width: 25%;
    min-height: 405px;
    position: relative;}
.decor-tar{    width: 105px;
    height: 320px;
    border: 1px solid rgba(255, 255, 255, 0.33);
    /* float: right; */
    right: 37px;
    bottom: 0;
    position: absolute;
    z-index: 1;}
.title-tar{background-color: rgba(0, 0, 0, 0.49);
    width: 356px;
    height: 90px;
    transform: rotate(-90deg);
    position: absolute;
    bottom: 162px;
    font-size: 3.4em;
    padding: 8px 0px 8px 30px;
    text-transform: uppercase;}
#m-pak .title-tar, #m-pak .price-tar{  color:#FFF632;}
#stand .title-tar, #stand .price-tar{  color:#10E12F;}
#premium .title-tar, #premium .price-tar{  color:#0DA4F3;}
#lak .title-tar, #lak .price-tar{  color:#9D0589;}
#stand .title-tar, #stand .decor-ul, #lak .title-tar, #lak .decor-ul{      background-color: rgba(255, 251, 251, 0.49);}
#stand .decor-tar, #stand .price-tar, #lak .decor-tar, #lak .price-tar {border: 1px solid rgba(0, 0, 0, 0.33);}
#premium .title-tar, #premium .price-tar{  color:#0DA4F3;}

.el-tar-right{    width: 64%;position: relative;}

.el-tar-right .butt2, .el-tar-right .butt1{    bottom: -43px;
    left: 30px;}
	
	.modal-body .wpcf7-submit {bottom:inherit;}
	
	.el-tar-right .butt2:active, .el-tar-right .butt1:active {    top: inherit;}
	
.wrp-tar-ul{    margin-top: 36px;
    display: inline-block;
    margin-left: 5px;}
.wrp-tar-ul ul{width:100%;    font-size: 1.4em;    position: relative;
    z-index: 1;}
.wrp-tar-ul ul > li {
    width: 45%;
    float: left;
}
.wrp-tar-ul li {list-style-type: none;    margin-bottom: 19px;}
	.decor-ul {    width: 163px;
    height: 300px;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.49);
    z-index: 0;
    right: 179px;
    top: 18px;}
.price-tar{width: 240px;
    height: 120px;
    border: 1px solid rgba(255, 255, 255, 0.33);
    position: absolute;
    bottom: 24px;
    right: 0;
    font-size: 2.3em;
    padding: 14px 11px 0px 0px;
    text-align: right;}
	
.top-os{    width: 79%;
    margin: auto;
position: relative;}
.img-os{       margin-top: 56px;
    margin-bottom: 40px;
    z-index: 2;
    position: relative;
	 animation-name: zoom;
    animation-duration: 2s;
    animation-delay: .5s;
    animation-fill-mode: backwards;
	}
	
	.text-sin ul{background-color: #9c27b017;
    padding: 20px 20px 20px 40px;
    width: 95%;
    margin: 20px auto 20px;}
	
.decor-os{    width: 50%;
    height: 340px;
    position: absolute;
    right: 43px;
    top: -63px;
    background-color: #E6E6E6;
    z-index: 0;
	 animation-name: decor-os;
    animation-duration: 2s;
    animation-delay: .5s;
    animation-fill-mode: backwards;}
	
	@keyframes decor-os {
    from {
         right: -130px;
		     opacity: 0;
    }
    to {
         right: 43px;
		     opacity: 1;
    }
}
	
	
	
	
.link-os{    position: absolute;
    bottom: 17px;
    right: 0;
    width: 23%;
    font-size: 1.4em;
    padding-left: 38px;
    overflow: hidden; animation-name: link-os;
    animation-duration: 1.5s;
    animation-delay: 2s;
    animation-fill-mode: backwards;}
	
	@keyframes link-os {
    from {
         right: 225px;
		     opacity: 0;
    }
    to {
         right: 0px;
		     opacity: 1;
    }
}
.los{    overflow: hidden;
    z-index: 2;
    cursor: pointer;
    width: 150%;
    margin-bottom: 32px;}

.los:before {
        content: '';
    display: inline-block;
    width: 130%;
    height: 1px;
    background: black;
    z-index: 5;
    position: relative;
    bottom: 6px;
	right: 11px;
    margin: 0 0 0 -100%;
}

.text-os{    width: 68%;
     margin: 40px 135px 0px 135px;
    line-height: 1.7em;}
.text-os h1 {margin: 20px 0px 20px 0px;    color: #000;}
.text-os p {
margin: 0 0 15px;}

.name-us {
    width: 435px;
    float: left;
margin-left: 140px;}
.border-us{width: 19%;
    height: 259px;
    position: absolute;
    border: 3px solid #B3B3B3;
    z-index: 0;
}
.txt-us{width: 33%;
    float: left;
    display: inline-block;   
    margin-left: 130px;
   	margin-top: 32px;
    line-height: 1.7em;}
.link-us{    width: 49%;
   
    float: right;
    display: inline-flex;
	    margin-bottom: 30px;
    margin-right: 45px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    align-content: center;
	transition-duration: .3s;}
	
.link-cop {    margin-bottom: 95px;
width: 40%;
 float: right;
    display: inline-flex;
	   
    margin-right: 80px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    align-content: center;
	transition-duration: .3s;}

.link-cop .links1 {
    width: 50%;
}
#pr .link-us { margin-right: 56px;justify-content: space-between;}

.links1, .links2, .links3{    overflow: hidden;
    z-index: 2;
    cursor: pointer;
    width: 46%;
    margin-bottom: 20px;
    font-size: 1.3em;
	transition-duration: .2s;}
/*#pr .links1, #pr .links2, #pr .links3 {width: 32%;}*/
.link-us .links1 {width: 32%; margin-right: 30px;}
.zeromargin .links1 { margin-right: 0px;}
    
	.links1:hover, .links2:hover, .links3:hover, .links4:hover, .links5:hover, .links6:hover 
	{color: #d400bc;transition-duration: .2s;}
	
.links1:before:hover, .links2:before:hover, .links3:before:hover {color: #d400bc;transition-duration: .2s;}

/*.links1:hover, .links2:hover, .links3:hover  {font-size: 1.35em;margin-bottom: 15px;transition-duration: .3s;}*/

.links2{width: 40%;}
.links3{width: 56%;}
.links1:before, .links2:before, .links3:before {
    content: '';
    display: inline-block;
    width: 55px;
    height: 1px;
    background: black;
    z-index: 5;
    position: relative;
    bottom: 6px;
    right: 11px;
    margin: 0 0 0 4%;
	transition-duration: .2s;
	
}
#pr .links1:before, #pr .links2:before, #pr  .links3:before {width: 160%;}

.foto-us{    width: 53%;
    height: 510px;
    float: right;
    display: inline-block;
    position: relative;}
.decor-us {    width: 280px;
    height: 240px;
    background-color: #E6E6E6;}
.img-us{
    position: absolute;
    left: 53px;
top: 12px;}
.txt-us p {
    margin: 0 0 12px;
}
.bord-us {
    width: 19%;
    height: 258px;
    position: absolute;
    /*border: 3px solid #B3B3B3;*/
    z-index: 0;
}
#three, #five {color:#fff;}
.black {color:#000;}
#five .slog {
font-size: 64px;}
.wrp-sec3-us {
    padding: 100px 0px 95px 0px;
	    display: inline-block;
}

.name-us2 {
    width: 33%;
    float: right;
    margin-right: 46px;
}

.name-us-pr, .name-us-pr-left {    width: 33%;
    /* float: right; */
    margin-right: 55px;
    display: inline-block;}
	
	.name-us-pr-left{margin-right:0;margin-left: 108px;}

.wrp-sec-pr .name-us2 { 
margin-right: 66px;}

.bord-us2 {
    width: 19%;
    height: 250px;
    position: absolute;
    /*border: 3px solid #B3B3B3;*/
    z-index: 0;
}
.foto-us2 {
    width: 45%;
    height: 451px;
    float: left;
    display: inline-block;
    position: relative;
    margin-left: 186px;
}

.foto-us-pr, .foto-us-pr-right {
           width: 49%;
   /* height: 425px;
     float: left; */
    display: inline-block;
    position: relative;
    margin-left: 107px;
}

.foto-us-pr-right{margin-left:0;    margin-right: 47px;}

.wrp-sec-pr .foto-us2 {
    width: 45%;
    height: 451px;
    float: left;
    display: inline-block;
    position: relative;
margin-left: 138px;}
.img-us2 {
    position: absolute;
    left: 53px;
    top: 50px;
}
.decor-us2 {
    width: 280px;
    height: 240px;
    background-color: #212121;
}
.txt-us2 {
    width:33%;
    float: right;
    display: inline-block;
    margin-right: 44px;
    margin-top: 20px;
    line-height: 1.7em;
}

 .txt-us-pr {   width: 100%;
    /* float: right; 
    display: inline-block;
     margin-right: 55px;
     margin-top: 20px; */
 line-height: 1.7em;
    /* top: -140px;
    position: relative;*/}

.wrp-sec-pr .txt-us2 {margin-right: 64px;}
.txt-us2 .butt2 {top:33px;}

.link-us2 {
    width: 600px;
    height: 240px;
    float: left;
	
	    margin-left: 187px;
    
}

.link-us2 a {color:#fff; text-decoration:none;}

.link-us3 {
      width: 52%;
    /* height: 240px; */
    /* float: left; */
    margin-left: 102px;
    font-size: 1.2em;
    display: inline-block;
	    margin-top: 30px;
    
}

.link-us3 a {color:#fff; text-decoration:none;}
/*.link-us2 a:hover {color:#fff; text-decoration:none;}*/

.links4 {    height: 69px;
    border-left: 1px solid;
    font-size: 1.4em;
    padding: 45px 20px 0px 20px;
    margin-left: 49px;
    margin-top: 9px;
	 display: inline-block;
	 width:40%;
	     }
		 .links4 a:hover {color:#fff; text-decoration:none;    color: #d400bc;
    transition-duration: .2s;cursor:pointer;}
.wrp-sec-pr .links4 {
    height: 69px;
    border-left: 1px solid;
    font-size: 1.4em;
    padding: 45px 20px 0px 20px;
    margin-left: 2px;
    margin-top: 9px;
}
	
 .links6 {
    overflow: hidden;
    z-index: 2;
    cursor: pointer;
        width: 38%;
    font-size: 1.7em;
	    margin-left: 49px;
		  
		        display: inline-block;
    float: left;
    clear: both;
}

.links5 {overflow: hidden;
    z-index: 2;
    cursor: pointer;    
text-align: center;
    width: 36%;
    font-size: 1.7em;
       margin: 30px 10px 20px 196px;
		 display: inline-block;
		 float: left;}
.links5:before, .links6:before {
    content: '';
    display: inline-block;
    width: 55px;
    height: 1px;
    background: #fff;
    z-index: 5;
    position: relative;
    bottom: 6px;
    right: 11px;
    margin: 0 0 0 4%;
	transition: all 0.3s;
}
.links5:hover::before, .links6:hover::before, .links1:hover::before, .links2:hover::before  {transform: rotate(45deg);    background: #d400bc; transition: all 0.3s;}

.wrp-sec-pr .links5:before, .wrp-sec-pr .links6:before {
   
background: #000;}


.img-us4 {
    position: absolute;
    left: 53px;
    top: 49px;
}
.wrp-anons {width: 1115px;
    /* margin: auto; */
    float: right;
    margin-right: 62px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: center;}

.cen {    text-align: center;
    margin-bottom: 60px;
    position: relative;
    width: 33%;}
.cen a{color:#000;text-decoration:none;}
.cen:hover a{color:#d400bc;text-decoration:none;}
 .name-an:hover{color:#d400bc;}
.capt {    color: black;
    background-color: white;
    width: 92%;
    margin: auto;
    display: inline-block;}
.name-an{font-size: 1.3em;
font-weight: 600;}
.stat {    display: inline-block;}
.stat i {    margin-right: 5px;}
.wrp-stat{    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    width: 86%;
    margin: 41px auto 12px;}
.dec-bl1 {    width: 360px;
    height: 360px;
    background-color: #2A292E;
    position: absolute;
    right: 192px;
    transform: rotate(45deg);
    top: -118px;
    z-index: 0;}
.dec-bl2 {    width: 490px;
    height: 490px;
    background-color: #2A292E;
    position: absolute;
    left: 186px;
    transform: rotate(45deg);
    top: 100px;
    z-index: 0;}
.dec-bl3 {    width: 400px;
    height: 400px;
    background-color: #2A292E;
    position: absolute;
    right: 186px;
    transform: rotate(45deg);
    bottom: 0px;
    z-index: 0;}
	
.hidden-menu-wrapper {
  width: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  /*z-index: 999;*/
}

	
.hidden-menu-ticker:checked ~ .btn-menu {
  /*left: 95%;*/
      left: 9.65%;
    top: 93px;
}
.hidden-menu-ticker:checked ~ .hidden-menu-wrapper {
  width: 100%;
}
.hidden-menu-ticker:checked ~ .hidden-menu-wrapper .hidden-menu {
  left: 0;
  
}
.hidden-menu-ticker:checked ~ .btn-menu span.first {
  transform: rotate(45deg);
  top: 11px;
      background-color: #f00;
}
.hidden-menu-ticker:checked ~ .btn-menu span.second {
  opacity: 0;
}
.hidden-menu-ticker:checked ~ .btn-menu span.second2 {
  opacity: 0;
}
.hidden-menu-ticker:checked ~ .btn-menu span.third {
  transform: rotate(-45deg);
  top: -8px;
      background-color: #f00;
	  height: 2px;
}


.hidden-menu {
  display: block;
  position: absolute;
  list-style:none;
  padding: 0px 10px 0px 10px;
  margin: 0;
  box-sizing: border-box;
  width: 100%;
  background-color: #000;
  color:#fff;
  height: 100vh;
  top: 0;
  opacity:0;
  /*z-index: 15;*/
  transition: left 0.3s;
      transition: all 0.8s cubic-bezier(0.86, 0, 0.07, 1);
  z-index: 1;
  /*transform: translateZ(0);
  backface-visibility: hidden;
      visibility: hidden;*/
      overflow-y: auto;
}

.hidden-menu.active {opacity:1;
        position: absolute;
		min-height: 100vh;
		display: block;
		    min-width: 100%;
  top: 0;
   margin: 0;
  -webkit-transition: all 0.8s cubic-bezier(0.86, 0, 0.07, 1); 
  transition: all 0.8s cubic-bezier(0.86, 0, 0.07, 1);}

.hidden-menu-overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index:  2;
  background-color: rgba(0,0,0,.1);
}
.hidden-menu-ticker {
  display: none;
  
}
.btn-menu {
  color: #fff; 
  padding: 5px;
  position: absolute;
     top: 22px;
    left: 8px;
  cursor: pointer;
  /*transition: left .23s;*/
  transition: left .3s;
  /*z-index: 9999;*/
  width: 40px;
  transform: translateZ(0);
  backface-visibility: hidden;
}
.btn-menu span {
  display: block; 
  margin: 5px 0 0;
  transition: all .1s linear .23s;
  position: relative;
}
.first{height: 2px;background-color: #fff;}
.second, .second2, .third {height: 1px;background-color: #fff;}
.third {background-color:#7f7f7f;}

.btn-menu span.first {
  margin-top: 0;
}
.fon-menu {    
	width: 90vh;
    top: 5vh;
    height: 90vh;
  /*  margin-left: calc(-50vh - -3%);*/
    border-radius: 50%;
    position: absolute;
    background-color: #171C1E;
   /* background-repeat: no-repeat;
    background-size: cover;
    left: calc(49vh - 2%);*/
    -webkit-transition: all 0.8s cubic-bezier(0.86, 0, 0.07, 1);
	-webkit-transform: scale(0);
transition: all 0.8s cubic-bezier(0.86, 0, 0.07, 1);
	transform: scale(0);
   }
   
  .wrp-fon-menu {display: flex;
    justify-content: center;
  align-items: center;
  width:100%;opacity: 0.8;}
	
	

.fon-menu.active, .inf-descr.active	{  /*  visibility: visible;
    animation-duration: 2s;
    animation-delay: 0.5s;
    animation-name: zoomIn;*/
	-webkit-transition: all 0.9s cubic-bezier(0.86, 0, 0.07, 1);
	-webkit-transform: scale(1);
	    transition: all 0.9s cubic-bezier(0.86, 0, 0.07, 1);
    transform: scale(1);}

.name-men {    /* margin: auto; */
    display: block;
    width: 3em;
    text-align: center;
    position: relative;
    top: 30vh;
    height: 50px;
    /*border-bottom: 2px solid;*/
    text-transform: uppercase;
    font-size: 1.2em;
    padding-right: 0px;
margin:auto;
    opacity:0;
	-webkit-transition: all 0.6s cubic-bezier(.47, .31, .34, .83);
	transition: all 0.6s cubic-bezier(.47, .31, .34, .83)}
	
	.decor-home {    width: 100%;
    height: 2px;
    background-color: #fff;
    position: absolute;
    bottom: 0;transition: all 0.6s;}
	
	.home-main:hover a{    color: #d400bc;
    text-decoration: none;transition: all 0.5s}
	
	.home-main:hover .decor-home {
    transition: all 0.6s;
    background-color: #d400bc;
    
    bottom: 15px;}
	
	.name-men.active {top: 10vh;opacity:1;
	-webkit-transition: all 0.9s cubic-bezier(.47, .31, .34, .83);
	transition: all 0.9s cubic-bezier(.47, .31, .34, .83)}
	

	
.right-link{    width: 14%;
    height: 82%;
    
    position: absolute;
    display: inline-block;
right: 14%;
    z-index: 20;
	top:7%}
	
	.right-link {
    width: 17%;
    height: 61vw;
    position: absolute;
    display: inline-block;
    right: 10vw;
    z-index: 20;
	    top: 50%;
	-webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
	


.left-link div, .right-link div {    font-size: 1.7em;
    width: 80%;
font-weight: 700;
    letter-spacing: 2px;}

.item1:before {
    content: '';
    display: inline-block;
    width: 55px;
    height: 1px;
    background: #fff;
    z-index: -1;
    position: relative;
    /* vertical-align: middle; */
    bottom: 6px;
    transition-duration: .2s; 
	left: -20px;
    margin: 0 0 0 -93%;
}



.item1 {-webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    position: absolute;
       bottom: 424px;
    left: -63px;  
opacity:0;
	transition: all 0.4s ease-in-out;	
}

.item1.active {bottom: 383px;
opacity:1;
transition-delay: .5s;
transition-duration: 1.5s;
transition-timing-function: ease-in-out;}
.item2:after {
        content: '';
    display: inline-block;
    width: 55px;
    height: 1px;
    background: #fff;
    z-index: -1;
    position: relative;
    /* vertical-align: middle; */
    bottom: 6px;
    transition-duration: .2s;
    left: 11px;
    margin: 0 -100% 0 0;
    
}


.item2 { -webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
    left: -4px;
    position: absolute;
    top: 230px;
	opacity:0;
	transition: all 0.4s ease-in-out;
	
}

.item2.active {top: 155px;opacity:1;
-webkit-transition-delay: .5s;
-webkit-transition-duration: 1.5s;
-webkit-transition-timing-function: ease-in-out;
transition-delay: .5s;
transition-duration: 1.5s;
transition-timing-function: ease-in-out;}

.item3:after {
        content: '';
    display: inline-block;
    width: 55px;
    height: 1px;
    background: #fff;
    z-index: -1;
    position: relative;
    /* vertical-align: middle; */
    bottom: 6px;
	-webkit-transition-duration: .2s;
    transition-duration: .2s;
    left: 11px;
    margin: 0 -100% 0 0;
    
}
.item3 {   
    left: 100px;
	opacity:0;
    position: absolute;
    bottom:40px;
transition: all 0.4s ease-in-out;
}

.item3.active {   
    left: 11px;
	opacity:1;
	transition-delay: .5s;
transition-duration: 1.5s;
transition-timing-function: ease-in-out;}

.item4:after {
        content: '';
    display: inline-block;
    width: 55px;
    height: 1px;
    background: #fff;
    z-index: -1;
    position: relative;
    /* vertical-align: middle; */
    bottom: 6px;
    transition-duration: .2s;
    left: 11px;
    margin: 0 -100% 0 0;
    
}


.item4 {  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
    left: -5px;
    position: absolute;
    top: 100px;
	opacity:0;
	transition: all 0.4s ease-in-out;
}

.item4.active {top: 140px;
opacity:1;
transition-delay: .5s;
transition-duration: 1.5s;
transition-timing-function: ease-in-out;}

.item5:before {
    content: '';
    display: inline-block;
    width: 55px;
    height: 1px;
    background: #fff;
    z-index: -1;
    position: relative;
    /* vertical-align: middle; */
    bottom: 6px;
    transition-duration: .2s; 
	left: -20px;
    margin: 0 0 0 -93%;
}



.item5 {-webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    position: absolute;
       top:75px;
    right: -7px; 
opacity:0;
	transition: all 0.4s ease-in-out;	
}

.item5.active {top:12px;
opacity:1;
transition-delay: .5s;
transition-duration: 1.5s;
transition-timing-function: ease-in-out;}

.item6{ -webkit-transform: rotate(-90deg);
   transform: rotate(-90deg);
   width: 232px;
    position: absolute;
    bottom: 246px;
left: -25px;
opacity:0;
	transition: all 0.4s ease-in-out;}
	
	.item6 a:before {
    content: '';
    display: inline-block;
    width: 55px;
    height: 1px;
    background: #fff;
    z-index: -1;
    position: relative;
    /* vertical-align: middle; */
    bottom: 55px;
    transition-duration: .2s; 
	/*left: -20px;*/
    margin: 0 0 0 -24%;
	-webkit-transform: rotate(-90deg);
	    transform: rotate(90deg);
    right: -35px;
}

.item6.active {    bottom: 158px;
    opacity: 1;
    transition-delay: .5s;
    transition-duration: 1.5s;
    transition-timing-function: ease-in-out;
    left: 36px;
	    width: 232px;
		display: inline-block;}

.line-item6 {    position: absolute;
    bottom: 60px;
    border-bottom: 1px solid;
    width: 55px;
left: -25px;
opacity:0;

	transition: all 0.4s ease-in-out;}

.line-item6.active {opacity:1;
transition-delay: 0s;
transition-duration: 0.5s;
transition-timing-function: ease-in-out;
left: 30px;}

.item1:hover:before, .item2:hover:after, .item3:hover:after, .item4:hover:after, .item5:hover:before, .item6 a:hover:before {transform: rotate(45deg);    background: #d400bc; transition: all 0.3s;}

.item6:hover + .line-item6{transform: rotate(45deg); background: #d400bc; transition: all 0.5s;}

.wrp-flag {width:23px; height:30px;    background: url(./img/27.png) no-repeat 0px 0px; -webkit-transform: rotate(90deg); transform: rotate(90deg);
    float: right;    margin-right: 12px;}
	
.title-tarif {display:inline-block;}
.wrp-flag-tar {    width: 23px;
    height: 32px;
    background: url(./img/27.png) no-repeat 0px 0px;
    float: right;
    position: relative;
    top: 18px;
    margin-left: 12px;}
.item6 a{   
 /*width: 23em;
display: block;*/
    width: 232px;
    display: inline-block;}

.pr-calform::-webkit-input-placeholder {
    color: rgba(90, 90, 90, 0.7);}
	
.hidden-menu a {color:#fff;text-decoration: none;}
.hidden-menu a:hover {color:#d400bc;text-decoration: none;}
.hidden-menu .wraprow a:hover {color:#fff;text-decoration: none;}
.wrp-menu2 {width: 100%;
    height: 700px;
    position: absolute;
left: 0;}
.trap {
    width: 100%;
    border-bottom: 29px solid #9A0288;
    border-left: 29px solid transparent;
    border-right: 29px solid transparent;}
.inf-descr2{display: inline-block;width: 74%;animation-name: zoom; animation-duration: 1.5s;animation-delay: .5s;animation-fill-mode: forwards;opacity:0;    margin-top: 115px;}

@keyframes zoom {
  from {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  to {
    opacity: 1;
  }
}

.rectangle {   background: #58465a;
background: linear-gradient(to bottom, #58465a 0%,#191317 100%);
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#58465a', endColorstr='#191317',GradientType=0 );*/
    height: 70px;
    width: 100%;
    position: relative;
	    }
.ico-decor{width: 85%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: center;
    position: relative;
    bottom: 73px;
    margin: auto;}
.ico-decor a, .ico-decor a:hover {color:white; text-decoration:none;}
.wrp-ico{    text-align: center;
    width: 95px;    min-height: 110px;    transition-duration: .2s;}
	
	.ico-decor a:hover .wrp-ico {transform: scale(1.06);  transition-duration: .2s;}
	
.bg-ico1, .bg-ico2, .bg-ico3, .bg-ico4{      
    width: 75px;
    height: 70px;
    margin: 0px auto 20px;
	transition-duration: .3s;}
/*.bg-ico1:hover, .bg-ico2:hover, .bg-ico3:hover, .bg-ico4:hover{ transform: scale(1.06);    transition-duration: .2s;}*/
.wrp-ico:hover .bg-ico1, .wrp-ico:hover .bg-ico2, .wrp-ico:hover .bg-ico3, .wrp-ico:hover .bg-ico4 { transform: scale(1.06);    transition-duration: .2s;}
/*.wrp-ico:hover .slog-ico {     font-size: 1.05em;   transition-duration: .2s;}*/

.slog-ico { text-align: center; transition-duration: .3s; opacity: 0;  	 animation-name: zoom;
    animation-duration: 1s;
    animation-delay: 3s;
    animation-fill-mode: forwards; display: block;}




.bg-ico1	{ background: url(./img/ico-decor.png) -423px 0px no-repeat; animation-name: fadeInDown; animation-duration: 1s;
animation-delay: 1.5s; animation-fill-mode: forwards; opacity:0;}
.bg-ico2	{ background: url(./img/ico-decor.png) -148px 0px no-repeat; animation-name: fadeInDown; animation-duration: 1s;
animation-delay: 1.8s; animation-fill-mode: forwards; opacity:0;}
.bg-ico3	{ background: url(./img/ico-decor.png) -287px 0px no-repeat; animation-name: fadeInDown; animation-duration: 1s;
animation-delay: 2.1s; animation-fill-mode: forwards; opacity:0;}
.bg-ico4	{ background: url(./img/ico-decor.png) -6px 0px no-repeat; animation-name: fadeInDown; animation-duration: 1s;
animation-delay: 2.4s; animation-fill-mode: forwards; opacity:0;}




.right-sin, .right-sin-pr {      width: 27%;
    display: flex;
    float: right;
    position: relative;
    display: inline-block;
    height: 580px;}
.decor-sin{    width: 510px;
    height: 340px;
    position: absolute;
    background-color: #E6E6E6;
    z-index: 0;
    top: 0;
    right: 179px; animation-name: decor-sin;
    animation-duration: 2s;
    animation-delay: .5s;
    animation-fill-mode: backwards;}
	
	@keyframes decor-sin {
    from {
         right: -130px;
		     opacity: 0;
    }
    to {
         right: 179px;
		     opacity: 1;
    }
}
.info-sin{    position: relative;
    top: 374px;
    left: 27px;
    display: inline-block;
}
.i-sin{    margin-bottom: 29px;}
.i-sin:after	 {
    content: '';
    display: inline-block;
    width: 45%;
    /* height: 1px; */
    background: #000;
    /* z-index: -1; */
    position: relative;
    vertical-align: middle;
    /* bottom: 3px; */
    /* transition-duration: .2s; */
    left: 12px;
    margin: 0px -100% 0px 0;
    border-bottom: 1px solid;
}
.i-sin i	{    margin-right: 7px;    font-size: 1.2em;}
.info-pr {
    position: absolute;
    top: 384px;
    left: 28px;
    display: flex;
    width: 60%;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
	 animation-name: fadeInLeft;
    animation-duration: 2s;
    animation-delay: 2s;
    animation-fill-mode: backwards;

}

.info-pr2{
        position: absolute;
    top: 29%;
    display: flex;
    width: 16%;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    right: 0px;
}

/*#pr .info-pr {
    position: absolute;
    top: -6px;
    left: auto;
    display: flex;
    width: 16%;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    right: 0;
}
.i-pr {    margin-bottom: 19px;}
.i-pr:before {
    content: '';
    display: inline-block;
    width: 40%;
   
    background: #000;
   
    position: relative;
    vertical-align: middle;
    
    right: 24px;
    margin: 0 0 0 -100%;
    border-bottom: 1px solid;
}*/
.wrp-share{display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    position: absolute;
    bottom: -185px;
    transform: rotate(-90deg);
    width: 350px;
    right: 140px;}
.name-share{}
.name-share:after{content: '';
    display: inline-block;
    width: 45%;
    /* height: 1px; */
    background: #000;
    /* z-index: -1; */
    position: relative;
    vertical-align: middle;
    /* bottom: 3px; */
    /* transition-duration: .2s; */
    left: 12px;
    margin: 0px -100% 0px 0;
    border-bottom: 1px solid;}
.but-share{    width: 41%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    font-size: 1.2em;
    margin-right: 23px;}
.but-share i{transition-duration: .3s;}
.but-share i:hover{transform: rotate(90deg);    transition-duration: .3s;cursor:pointer;}
.but-share a{text-decoration: none;}
.text-sin{}

.text-sin{
    width: 60%;
    line-height: 1.7em;
    float: left;
    margin-left: 134px;
	    position: relative;
		top: 52px;
}
.meta {    margin-top: 35px;}
.meta span {margin-right: 9px;}
.name-hl1{    
position:relative;
display: inline-block;
    width: 60%;
    float: left;
	left:0;
    margin-top: 98px;
    padding-left: 46px; 
	animation-name: name-hl1;
    animation-duration: 2s;
    animation-delay: .5s;
animation-fill-mode: backwards;}

@keyframes name-hl1 {
    from {
        left:-130px;
		     opacity: 0;
    }
    to {
           left:0;
		     opacity: 1;
    }
}
	
	
	
	
.h-work, .h-line  {    float: left;
    display: inline-block;
    width: 100%;
    text-transform: uppercase;
    font-size: 3.4em;
    font-weight: 700;}
.h-line{font-size: 4.5em;}
.h-line:after {
        content: '';
    display: inline-block;
    width: 35%;
    height: 1px;
    background: #fff;
    position: relative;
    vertical-align: middle;
    bottom: 6px;
    transition-duration: .2s;
    left: 29px;
    margin: 0 -100% 0 0;
}
.name-hl2{    display: inline-block;
    position: relative;
    right: 0px;
    width: 60%;
    float: right;
    padding-right: 48px;
    margin-top: 104px;animation-name: name-hl2;
    animation-duration: 2s;
    animation-delay: .5s;
animation-fill-mode: backwards;}

@keyframes name-hl2 {
    from {
        right:-100px;
		     opacity: 0;
    }
    to {
           right:0;
		     opacity: 1;
    }
}
	
.name-hl2 span {    display: inline-block;
    width: 100%;
    text-transform: uppercase;
    font-size: 3.4em;
    font-weight: 700;
    /* float: right; */
    text-align: right}
.first-sec{    
    position: relative;min-height: 700px;}
.decor-top{    width: 640px;
    height: 640px;
    background-color: #2A292E;
    position: absolute;
    left: 143px;
    transform: rotate(45deg);
    top: -355px;
    z-index: 1; animation-name: decor-top;
    animation-duration: 2s;
    animation-delay: 1s;
animation-fill-mode: backwards;}

@keyframes decor-top {
    from {transform: scale(0) rotate(-45deg);
    }
    to {
         transform: scale(1) rotate(-45deg);
		     
    }
}
	
	
	
	
.prob {       width: 24%;
    display: inline-block;
    position: absolute;
    top: -152px;
    color: #fff;
    left: 180px;
	z-index: 1; 
	animation-name: prob;
    animation-duration: 1.5s;
    animation-delay: 1.5s;
animation-fill-mode: backwards;}

@keyframes prob {
    from {left:0px;
	opacity:0;
    }
    to {
         left:180px;
	opacity:1;
		     
    }
}
.prob ul {    margin-left: 23px;
    margin-top: 7px;
font-size: 1.3em;}
.prob li {
    margin-bottom: 5px;
}
.name-prob{    font-size: 1.8em;
    font-weight: 600;}
.foto-hline1{    position: absolute;
    right: 0;
    top: -39%;
	z-index: 1;
	animation-name: name-hl2;
    animation-duration: 2s;
    animation-delay: 1.5s;
    animation-fill-mode: backwards;}
.decor-top2{    width: 50%;
    display: inline-block;
    float: right;
    margin-top: 26%;
    position: relative;
	    z-index: 1;
}
.decor-yel{    width: 300px;
    height: 300px;
    background-color: #ffb600;
    position: absolute;
    transform: rotate(45deg);
    top: -100px;
    z-index: 1;
    left: 74px;
	animation-name: decor-top;
    animation-duration: 2s;
    animation-delay: 1s;
animation-fill-mode: backwards;}
.name-dec{        font-size: 5em;
    text-transform: uppercase;
    font-weight: 600;
    margin-left: 129px;
    position: relative;
	    z-index: 1;
		animation-name: zoomIn;
    animation-duration: 2s;
    animation-delay: 1s;
animation-fill-mode: backwards;}
.line-yel {
    width: 3px;
    height: 165%;
    position: absolute;
        z-index: 0;
    top: -46%;
    /* right: 32.53%; */
    background-color: #ffb700;
    transition: height ease-in-out 3s;
}
	
/*.line-yel.add-class {   height: 155%;  transition-delay: 1s;}*/
	
.wrp-idea{display: inline-block;
    position: absolute;
    bottom: -16px;
    left: 26%;
    width: 30%;}
.name-idea{    font-size: 1.7em;
    font-weight: 700;}
.idea-txt{    font-size: 1.3em;
    
    line-height: 2em;}
.two-sec {position: relative;
   display: inline-block;
    width: 100%;}
.free-sec {position: relative;
}
.title-hl1{    transform: rotate(-90deg);
    left: -11%;
    position: absolute;
    top: 57%;
    font-size: 5em;
    display: inline-block;
    font-weight: 700;
    text-transform: uppercase;
letter-spacing: 6px;}

.title-hl1-anime{animation-name: title-hl1;
    animation-duration: 2s;
    animation-delay: .5s;
    /*animation-fill-mode: backwards;*/}

@keyframes title-hl1 {
    from {
         top: 85%;
		     opacity: 0;
    }
    to {
         top: 57%;
		     opacity: 1;
    }
}
	

	
.title-hl1:after {
    content: '';
    display: inline-block;
    width: 21%;
    height: 1px;
    background-color: #000;
    position: relative;
    vertical-align: middle;
    bottom: 6px;   
    left: 11px;
    margin: 0 -100% 0 0;
}
.title-hl2{position:absolute;
    font-size: 5em;
    display: inline-block;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 6px;
    left: 28%;
    top: 41%;}
.title-hl3{position:absolute;font-size: 3em;    display: inline-grid;    bottom: 3%;
    left: 21%;}

.font-hl1{    font-weight: 700;}
.font-hl3{    font-style: italic;font-weight: 100;}
.wrp-circle{
	position: relative;
    float: right;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
	margin-right:  26.88%;
    margin-top: 10%;
}
.circle1, .circle2, .circle3, .circle4, .circle5{      position: relative;  width: 150px;
    height: 150px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.6em;
    margin: 20px 0 12px 0;}
.circle1{background-color: #212226;color: #fff;}
.circle2{    background-color: #000;
    color: #fff;}
.circle3{    background-color: #FBB515;    z-index: 1;}
.circle4{background-color: #E6E6E6;}
.circle5{position:absolute;    bottom: 181px;
    left: 125px;    background-color: #FF8C00;
    z-index: 0;}

.wrp-icon{    width: 79.58%;
        margin: 70px auto;}
.block-ico1{    width: 66%;
    height: 50px;
    float: right;
    background-color: #fcb601;}
.block-ico2{    width: 100%;
    
    background-color: #212226;
    position: relative;
    min-height: 550px;
    display: flex;
    }
.title-hl4{    position: absolute;
    
    font-size: 5em;
    /* display: inline-block; */
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 6px;
       top: 10%;
    right: 16%;
	color:#fff;}
.wrp-img{    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    width: 79%;
    margin: 14% auto 0px;}
.wrp-img img{    padding: 7%;}
.text-block{width: 79.58%;
        margin: 97px auto;    height: 275px;
    display: flex;}
.text-name, .text-name-2{width: 50%;
    display: inline-block;
    text-align: right;
    font-size: 5em;
    
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 6px;
    border-right: 2px solid;
	    padding-right: 48px;}
		
		.text-name-2 {    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
		border-right:none}
		
.text-cont{    width: 44%;
    display: inline-block;
    font-size: 1.5em;
   line-height: 1.7em;
    margin: 14px auto;
   
    padding-left: 35px;}
.foto-site {    display: flex;
    margin: auto;
width: 90%;
    position: relative;}
.foto-site img {margin: 0 auto 50px;    box-shadow: 0px 0px 27px 6px #d2d2d2;
    border-radius: 10px 10px 0px 0px;}
	
	.foto-anime-img {animation-name: foto-anime;
    animation-duration: 2.5s;
    animation-delay: .5s;}
	
@keyframes foto-anime {
    from {
        margin-top:10%;
		     opacity: 0;
    }
    to {
         margin-top:0%;
		     opacity: 1;
    }
}
	
.fon{height: 225px;
    width: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    z-index: 0;}
.foto-site2{    margin: auto;
    width: 90%;
position: relative;}
.foto-site2 img {margin: 152px auto; }

.wsg-head, .wsg-head-2{color: white;
	height:1400px;
    background: url(./img/bg3.jpg) 50% 0 no-repeat;
    background-color: #061A7A;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;}
	.wsg-head-2 {height:1100px}
.wrp-info-wsg{    display: flex;
    width: 51%;
    margin: auto;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    align-content: center;
    position: relative;
    z-index: 0;
	padding-left: 5%;
	    padding-top: 24%;}
.name-wsg1{    text-align: center;
    font-size: 3.5em;
    text-transform: uppercase;
	animation-name: zoom;
    animation-duration: 1.5s;
    animation-delay: .5s;
	animation-fill-mode: forwards;opacity:0}
	
.name-wsg1 span{    font-size: 1.3em;
    font-weight: 700;    letter-spacing: 5px;}
.wrp-line{}
.line-wsg{      width: 2px;
    height: 0px;
    background-color: #fff;
    margin: auto;
	
	animation-name: line-wsg;
animation-duration: 2s;
animation-delay: 2s;
animation-fill-mode: forwards;
}

@keyframes line-wsg {
    from {
         height: 0px;
		     
    }
    to {
         height: 265px;
    }
}
	
.rec-wsg{width: 0;
    height: 0;
    border-top: 28px solid white;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;	
	animation-name: zoomIn;
animation-duration: 1.2s;
animation-delay: 1s;
animation-fill-mode: backwards;

}


	
.wrp-wsg-txt{    display: inline-grid;
    text-align: center;
    margin-top: 15%;
	animation-name: fadeIn;
animation-duration: 1.2s;
animation-delay: 3.5s;
animation-fill-mode: backwards;}
	
	
.name-wsg2, .title-wsg, .title-win, .title-win6, .title-wsg2, .title-wsg3, .title-wsg-llp, .title-wsg-llp2, .title-wsg-llp3 {    text-align: center;
    font-size: 3.5em;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px;
	    margin-top: 4%;}
.name-wsg3{    font-size: 1.5em;
    margin-top: 10px;}
.logo-wsg{width:185px;height:205px;background: url(./img/logo-wsg.png) 0 0 no-repeat;    margin-top: 62px;animation-name: fadeIn;
animation-duration: 1.2s;
animation-delay: 4s;
animation-fill-mode: backwards;}

.first-wsg{display: flex;
    width: 100%;
    margin: auto;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    align-content: center;
    position: relative;}
.wsgblock{    margin-top: 40px;}
.dec-line, .dec-line1{width: 2px;
    height: 63px;
    background-color: #000;
    margin: 28px auto 120px;}
	 .dec-line1{margin: 50px auto 30px;}
.title-wsg3{    margin-bottom: 54px;}
.slide-wsg, .slide-wsg-llp{    display: inline-block;
    height: 100%;
    width: 60%;
    position: absolute;
    background: url(./img/bg4.gif) 50% 0 no-repeat;
    background-size: 100%;
    z-index: 2;
    top: 268px;}
	
	.wsg .slide-wsg {top: 331px;}

	
	.alstom .slide-wsg {top: 336px;}
	
	.slide-wsg-llp {top: 460px;}
	.lapplace .slide-wsg-llp {top: 437px;}
	
.overlay-wsg{       width: 58%;
    margin: 24px auto 79px;
    position: relative;
    z-index: 0;}

.nav-swg{    width: 100%; 
    
	display: flex ;
flex-direction: row ;
flex-wrap: wrap ;
justify-content: space-between ;
align-items: center ;
align-content: center ;}
.left-wsg, .right-wsg{       transform: rotate(45deg);
       transition-duration: .2s;
    padding: 15px;
	    cursor: pointer;
		    width: 50px;
    height: 50px;
    background-color: #484848;}
.left-wsg:hover, .right-wsg:hover{ transition-duration: .2s;    background-color: #990388;}
.right-wsg{}
.left-arrow{    width: 100%;
    height: 100%;
        border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;}
.right-arrow{    width: 100%;
    height: 100%;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;}
.wrp-slide-wsg{    width: 74em;
    height: 518px;
    background: url(./img/bg4.jpg) 50% 0 no-repeat;
	    display: flex;
    justify-content: center;
    align-items: center;
	    margin-top: 56px;}
.two-wsg{    display: flex;
    width: 100%;
    margin: 5px auto 0;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    position: relative;
    /*height: 1172px;*/
    background: url(./img/bg5.jpg) 84% 0 no-repeat;}
	
.wsgblock2{position: relative;
display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    width: 83%;
    margin-top: 5%;
    padding-left: 20px;}
.wrp-font-bl{
    font-size: 2.5em;
    display: inline-grid;
   }
  
.title-wsg2{margin-top:11%;}
.wrp-cir-div{display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    width: 41%;}
.cir-wsg1{width:128px;height:128px;background-color:#FFA600;border-radius: 50%;}
.cir-wsg2{width:152px;height:152px;background-color: #E6E6E6;
    border-radius: 50%;border: 1px solid #fff;}
	.cir-wsg3{    display: flex;
    justify-content: center;
    align-items: center; width: 107px;
    height: 107px;
    background-color: #000;
    border-radius: 50%;
    position: absolute;
    left: 34%;
    /* bottom: 0; */
    top: 58%;
	color:#fff;
	font-size: 1.3em;}
.cir-wsg1, .cir-wsg2	{    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.6em;}
.two-wsg .title-wsg	{    margin-top: 13%;}
.alstom .two-wsg .title-wsg {
    margin-top: 13%;
    margin-bottom: 50px;
}

.title-wsg-llp, .title-wsg-llp2 {    margin-top: -5%;
    margin-bottom: 10%; }
	.title-wsg-llp3 {    margin-top: -5%;
    margin-bottom: 0%;}
	
	
.name-wsg4{    font-size: 1.5em;
    line-height: 1.7em;
        margin: 50px auto;
    width: 60%;}
.scren{    position: absolute;
    top: -3.5%;
}



.mill-scren, .alstom .scren, .wsg .scren {position:relative}
.mill .two-wsg .title-wsg {
    margin-top: 13%;
    margin-bottom: 50px;
}
.mill .slide-wsg{top: 268px;}
.mill .title-wsg {    margin-top: -12%;}
.scren-lapp{       position: relative;}

.scren2{    margin-top: 12px;    margin-bottom: 30px;}
.tecblock{    height: 360px;}

.win-head, .shp-head, .uva-head{    color: white;
    height: 1171px;
    background-color: #00477B;
    position: relative;	
	}
	.shp-head{background-color: #0166C0; }
	.uva-head{background-color: #fff; height:590px;}
.wrp-win, .wrp-win1 {display: flex;
    width: 51%;
    margin: auto;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    align-content: center;
    position: relative;
    z-index: 0;
padding-left: 7%;
padding-top:11%;}
.wrp-win1 {width: 100%;
    margin: inherit;
    padding-top: 2%;}
.wrp-tri{     display: flex;
position: absolute;
    bottom: 0;
    right: 0;}
.triangle {
	   position: relative;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border: 28em solid rgba(210, 21, 21, 0.58);
    border-right: 66em solid green;
    border-bottom: 12em solid #3F51B5;
}

.first-win{margin-top: 11.4%;    position: relative;    display: inline-block;}

.scos2 {position:absolute;     top:0;
    left: 0;
    z-index: 0;    width: 100%;
    display: inline-flex;}
.two-win {position:relative;     overflow-x: hidden;     padding-top: 16%;  background-color: #e7e7e7;}

.foto-win, .foto-win4 {
    position: absolute;
    right: 0;
    /* top: -39%; */
    z-index: 1;
    bottom: -28px;
}


.img-big {
	position:relative;
	right:0px;
	animation-name: img-big;
    animation-duration: 2.5s;
    animation-delay: .5s;
	animation-fill-mode: backwards;}
	
@keyframes img-big {
   0% {
        right:-250px;
		    opacity:0;
    }
	
	50%{opacity:1;}
	
    100% {
         right:0;
		   
    }
}

.foto-win2{float:left;    margin-left: 12%;
    margin-top: 5%;}

.elips, .shp-elips {      position: relative;  display: inline-block;
    float: right;
        /*width: 50em;
    height: 87.714em;
	    width: 47.5%;
    height: 125.714%;*/
	right: 0px;
	 width: 614px;
    height: 1266px;
    background: #00477B;
    border-radius: 100% 0 0 100% / 50%;
	}
	
	.elips-anime {
		animation-name: elips-anime;
    animation-duration: 2.5s;
    animation-delay: .5s;
	animation-fill-mode: backwards;
		
	}
	
@keyframes elips-anime {
    from {
         transform: scale(0); 
		     
    }
    to {   
         transform: scale(1);
		
		    
    }
}
	
.shp-elips {background-color:#0166C0;}
	.title-win{    position: relative;
    z-index: 1;}
.title-win1{  
    font-size: 3.5em;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px;
	    margin-top: 24%;
    margin-left: -5%;}
	
.title-win1 span, .title-win2 span {color: #FFF}
.wrp-elips {    height: 67%;}
.descr-win{    width: 50%;
    margin-left: 23%;
    color: #fff;
    margin-top: 11%;
    font-size: 1.5em;
    line-height: 1.95em;}
.title-win2{  
        font-size: 5.4em;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px;
    position: absolute;
    left: 0;
    bottom: 16px;
    transform: rotate(-90deg);}
.wrp-font-win {    font-size: 2em;
    display: inline-grid;
    position: absolute;
    bottom: 5%;
    right: 9%;}
.left-block{position: relative;
    /* left: 0; */
    /* bottom: 0; */
    display: inline-block;
    width: 43%;
    /* border: 1px solid; */
    float: left;
    margin: 17% 0 0 0;
	    z-index: 2;
    }
.bg1, .shp-bg{    width: 68%;
    height: 932px;
    background-color: #00477B;
    /* float: left; */
    position: absolute;
    left: 0;
    z-index: 0;}
.shp-bg{background-color:#0166C0;}
.title-win5{    position: relative;
    float: right;
    margin: 13% 9% 0 0;
    font-size: 3.5em;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px;}
.title-win5 span {color:#fff;}
.color-block{display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    width: 53%;
    float: right;
    height: 40em;
    position: relative;
    margin: 24% 2% 0 0;
}
.wrp-col-block{    /* display: inline-block; */
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    justify-content: space-between;color: #fff;}
.wrp-col-block span {    font-size: 1.5em;}

.bg-color1, .bg-color2, .bg-color3, .bg-color4, .shp-color1, .shp-color2, .shp-color3 {width:110px;height:110px;}
.bg-color1{background-color:#00477B;}
.bg-color2{background-color:#017FD4;}
.bg-color3{background-color:#FFC526;}
.bg-color4{background-color:#E6E6E6;}
.shp-color1{background-color:#0166C0;}
.shp-color2{background-color:#F50057;}
.shp-color3{background-color:#313131;}


.wrp-sl-win{       position: relative;
    z-index: 1;
	/*width: 90%;*/
	 width:1160px;
    height: 709px;
    /*background: url(./img/bg7.png) 50% 0 no-repeat;*/
    display: flex;
    justify-content: center;
    align-items: center;
     margin:7% auto 0;}
	 
	 .bg-sld {/*width: 30%;
    height:700px;*/
	width: 100%;
    height: 100%;
	z-index:6;   
    position: absolute;
	 background: url(./img/bg7.png) 50% 0 no-repeat;}

.overlay-win	 {    display: inline-block;
    width:  95%;    margin-top: -5%;    height: 500px;}
	
	/*.overlay-win	 {    display: inline-block;
    width:  25.8%;    margin-top: -2%;}*/
	
	
.over-lft	{    position: absolute;
    width: 34%;
    height: 39em;
    top: 10%;
    left: 2%;
	        z-index: 5;
    background: rgba(231, 231, 231, 0.7)}
		
		.over-right	{    position: absolute;
    width: 34%;
    height: 39em;
    top: 10%;
    right: 2%;
	     z-index: 5;
    background: rgba(231, 231, 231, 0.7)}
		
.nav-win{    width: 46%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;}


.left-win, .right-win {
    transform: rotate(45deg);
    transition-duration: .2s;
    padding: 15px;
    cursor: pointer;
    width: 50px;
    height: 50px;
    background-color: #484848;
}
.lt-arrow{}
.rt-arrow{}

.title-win6{  margin: 7% 0 8% 0;    position: relative;}
.line-win1, .line-win2, .line-win3 {
    border-right: 1px solid #cccccc;
    position: absolute;
	top:0;
    height: 100%;
	z-index:0;
}
.line-win1 {width: 29%;}
.line-win2 {width: 51.5%;}
.line-win3 {width: 74%;}

.win-head .line-win1, .shp-head .line-win1 {width: 31.5%;border-right: 1px solid rgba(0, 176, 255, 0.45);}
.win-head .line-win2, .shp-head .line-win2 {width: 53%;border-right: 1px solid rgba(0, 176, 255, 0.45);}
.win-head .line-win3, .shp-head .line-win3 {width: 74.5%;border-right: 1px solid rgba(0, 176, 255, 0.45);}


.two-win .line-win1, .two-win .line-win2, .two-win .line-win3 {z-index:1;}
.wrp-wsg-win {
    padding: 0px;
    background-color: #fff;
    width: calc(100% - 40px);
    background-color: white;
    float: right;
    margin-right: -8px;	
    position: relative;
}

.wrp-uva {    position: relative;
    display: inline-block;
    width: 100%;
}
.fon-uva {    position: absolute;
    top: 0;
    left: 0px;
animation-name: fon-uva;
    animation-duration: 2s;
    animation-delay: .5s;
animation-fill-mode: backwards;}

@keyframes fon-uva {
    from {
          left:200px;
		     opacity: 0;
    }
    to {
          left: 0px;
		     opacity: 1;
    }
}

.wrp-txt, .wrp-txt-ipsos  {    float: right;
    display: inline-grid;
    margin: 13.5% 5% 0 0;
    position: relative;    
    color: #002f67;
	 animation-name: wrp-txt;
    animation-duration: 2s;
    animation-delay: .5s;
animation-fill-mode: backwards;}

@keyframes wrp-txt {
    from {
          margin: 13.5% 19% 0 0;
		     opacity: 0;
    }
    to {
          margin: 13.5% 5% 0 0;
		     opacity: 1;
    }
}
	
	
	
.name-uva {font-size: 2.35em;
    font-weight: 700;}
.name-uva2{font-size: 4.5em;
    font-weight: 700;
	    text-transform: uppercase;}
		
.name-uva2 span{ text-transform: none;color: #EB6405}
.line-uva{    position: absolute;
    width: 43%;
    border-bottom: 2px solid #002f67;
    bottom: -20px;
 
left: 28%;}

.first-uva {   display: inline-block;
    position: relative; }
.wrp-uva1{    display: flex;
    flex-direction: row;
    /* flex-wrap: wrap; */
    justify-content: flex-start;
    align-items: center;
    align-content: flex-start;
    width: 78%;
    margin: 4.8% auto 0;}
.line-uva2{    height: 13em;
    width: 2px;
    background-color: #000;
    margin-bottom: 51px;}
.logo-uva{display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: flex-start;
    height: 100%;}
.txt-uva{    width: 54%;
    margin: 20% 0px 0px 10%;}
.txt-uva span, .txt-uva2 span, .title-uva{    font-size: 3.5em;
    text-transform: uppercase;
    font-weight: 700;}
.txt-uva p, .txt-uva2 p {    margin: 0;
    font-size: 1.3em;
    padding-top: 6%;
    line-height: 1.5em;}
.wrp-uva2{    display: inline-block;
    width: 100%;
	    position: relative;
		    margin-top: 8%;}
.line-uva3{    width: 2px;
        height: 47em;
      background-color: #000;
    position: absolute;
    left: 22%;
    top: -11%;}
	
	.line-uva3-anime {animation-name: line-uva3;
    animation-duration: 2s;
    animation-delay: .5s;
    animation-fill-mode: backwards;}

@keyframes line-uva3 {
    from {
         height: 0em;
    }
    to {
         height: 47em;
    }
}
	
	
	
.foto-uva{    float: right;}
.wrp-uva3{    display: inline-block;
    /* width: 47%; */
    float: left;
    margin: 5% 0 0 14%;}
.txt-uva2{    width: 47%;
    margin-top: 35px;
    position: relative;
    display: inline-block;}
.line-uva4{    width: 2px;
    height: 29em;
    background-color: #000;
    position: absolute;
    right: -100%;
    top: -20%;
}

.line-uva4-anime {animation-name: line-uva4;
    animation-duration: 2s;
    animation-delay: .5s;
    animation-fill-mode: backwards;}

@keyframes line-uva4 {
    from {
         height: 0em;
    }
    to {
         height: 29em;
    }
}

.wrp-uva4{    display: flex;
    flex-direction: row;
        justify-content: flex-end;
    align-items:  flex-end;
    
    width: 84%;
    margin: 38% auto 8%;}
.wrp-font-uva {    font-size: 2em;
    display: inline-grid;
    
margin-left: 7%;}

.color-block-uva{display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    width: 61%;}
.wrp-sqwia{    display: flex;
    flex-direction: row;
    
    justify-content: space-between;
    align-items: center;
    align-content: center;
    color: #fff;
    font-size: 1.5em;
    width: 93%;
    margin-top: 3%;}
	
.uva-color1, .uva-color2, .uva-color3, .uva-color4 {
    width: 110px;
    height: 110px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.uva-color1{background-color:#002359;}
.uva-color2{background-color:#002F6C;}
.uva-color3{background-color:#EB5F0C;}
.uva-color4{background-color:#E6E6E6;}
.uva-color4 span {color: #000;}

.name-color{position: relative;
    
    display: inline-block;}
.line-uva5{position: relative;
    bottom: 0;
    width: 61%;
    height: 2px;
    background-color: #000;
    margin: 29px auto;}
	
.two-uva {
    position: relative;
    padding-top: 4%;
    background-color: #e7e7e7;
	    overflow-x: hidden;
}

.line-uva6 {    height: 2px;
    width: 15%;
    background-color: #000;
    margin: 3% auto;}
	.slider-diz{   
        width: 86%;
    margin-left: 116px;}

.test{    background: url(./img/bghead.jpg) 50% 0 no-repeat;
    background-color: #171C1E;
    background-repeat: no-repeat;
    background-size: cover;
	    width: 100%;
		height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
}
	
.head-wrp{    display: block;
    height: 100vh;
    position: relative;}
	
/*.eq2{width: 16px;
    height: 46px;
    background: url(./img/eq.png) no-repeat 0px 0px;
    
    background-position-y: bottom;
    position: relative;
   
    float: right;
    
	    height: 50px;
margin-right: 48px;
    
	    margin-top: 85vh;
		
    display: inline-block;
    cursor: pointer;
	    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
	}*/
	
	
   .eq2{ width: 16px;
    height: 46px;
    background: url(./img/eq.png) no-repeat 0px 0px;    
    background-position-y: bottom;
    position: fixed;    
    height: 50px;
    margin-right: 48px;   
    /*margin-top: 85vh;*/
	bottom: 9vh;
    display: inline-block;
    cursor: pointer;
    transition: all 0.4s ease 0.35s;
	right: 8.8em;
		
   z-index: 45;}
   

.eq2:hover  {
	margin-right: 151px;
	transition: all 0.4s ease 0s;
}
	
	.line-eq{    height: 150vh;
    width: 1px;
    background-color: #7a7c7d;
    position: absolute;
    z-index: 0;
    bottom: -30vh;
    right: 0;}
	
	.line-eq:not(:hover) .eq2 {
	margin-right: 100px;
}
	
	 .line-eq:hover .eq2{margin-right: 48px;}
	
	/*.wrp-sec1{z-index:1}*/
	
	.sl-link{    width: 100px;
    border: 1px solid red;
    height: 85vh;
    position: absolute;
    bottom: 0;
   
    left: 18px;
    visibility: hidden;}
	
	.eq2:hover .sl-link {
    visibility: visible;
	opacity: 1;
	
}

	.eq2:hover .wrp-diz {
    visibility: visible;
	 transition: 0.4s;
	 opacity: 1;
}

	/*.eg-fon:hover .sl-link {
    visibility: visible;
	opacity: 1;
	
}

	.eg-fon:hover .wrp-diz {
    visibility: visible;
	 transition: 0.4s;
	     opacity: 1;
}*/

.social-eq {
    transition-duration: 0.4s;
        right: 128px;
}

.wrp-diz {
  width: 167px;
   opacity: 0;
    min-height: 100vh;
    position: absolute;
	background-color:#000;
	color: #fff;
    bottom: -9vh;  
    left: 16px;
    visibility: hidden;
  display: flex ;
flex-direction: column ;
flex-wrap: wrap ;
justify-content: flex-end;
align-items:  flex-start;
align-content: flex-start;
  transition: all 0.4s ease 0.35s;}

.wrp-diz:hover { 	 opacity: 1;
  visibility: visible;
  transition: all 0.4s ease 0s;}
/*.wrp-diz div img:hover{ cursor:pointer;}*/

.eg-fon{  
  position:absolute;
      transform: rotate(-90deg);
	      top: 17px;
    left: -18px;
    width: 50px;
    height: 16px;
}  

.eg-fon span{  
  width:1px;  
  height: 5px;  
  bottom:0px;
  position:absolute;  
  background:#fff;  
    
  animation: bodong 0.8s infinite  ease;  
}  

.eg-fon span:first-child{  
  left:0px;  
  -webkit-animation-delay:.3s;  
}  

.eg-fon span:nth-child(2){  
  left:6px;  
  -webkit-animation-delay:.4s;  

}  
.eg-fon span:nth-child(3){  
  left:12px;  
  -webkit-animation-delay:.6s;  
}  
.eg-fon span:nth-child(4){  
  left:18px;  
  -webkit-animation-delay:.8s;  
}  
.eg-fon span:nth-child(5){  
  left:24px;  
  -webkit-animation-delay:1s;  
} 
.eg-fon span:nth-child(6){  
  left:30px;  
  -webkit-animation-delay:.4s;  
} 
.eg-fon span:nth-child(7){  
  left:36px;  
  -webkit-animation-delay:.6s;  
} 
.eg-fon span:nth-child(8){  
  left:42px;  
  -webkit-animation-delay:1s;  
} 

@keyframes bodong{  
  0%{height:5px; /*background:bule;*/}  
  50%{height:16px; /*background:bule;*/} 
  100%{height:5px; /*background:bule;*/}  
}


.nav {    
	position: fixed;
    top: 0%;	
    right: 0%;
    margin: auto;
    width: 100%;
    height: 102vh;
	z-index: 0;
    background: #2B2E4A;
    clip-path: circle(0% at 50% 50%);
	-webkit-clip-path: circle(0% at 50% 50%);
    -webkit-transition: all 0.8s cubic-bezier(0.86, 0, 0.07, 1);
    transition: all 0.8s cubic-bezier(0.86, 0, 0.07, 1);
	opacity:0;
	visibility:hidden;
	    
}




.nav.active {
    /*-webkit-clip-path: circle(75% at 175px 50vh);*/
	-webkit-clip-path: circle(73% at 50% 50%);
    clip-path: circle(73% at 50% 50%);
	-webkit-transition: all 0.8s cubic-bezier(0.86, 0, 0.07, 1);
	transition: all 0.8s cubic-bezier(0.86, 0, 0.07, 1);
	opacity: 1;
	z-index: 50;
	
	visibility:visible;
	   
}


.hamburger {
  width: 60px;
    height: 60px;
    /* border-radius: 50%; */
    cursor: pointer;
    position: absolute;
    z-index: 10;
    top: 5vh;
    /* right: 5vw; */
    left: 0;
    /* background: #2B2E4A; */
}

.line-hamb1, .line-hamb2, .line-hamb3, .line-hamb4 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50%;
  background: #f7f7f7;
  -webkit-transition: all 0.8s cubic-bezier(0.86, 0, 0.07, 1);
  transition: all 0.8s cubic-bezier(0.86, 0, 0.07, 1);
}

.step-num .line-hamb1, .step-num .line-hamb2, .step-num .line-hamb3, .step-num .line-hamb4 {top: 55%;width: 67%;}

.line-hamb1:hover, .line-hamb2:hover, .line-hamb3:hover, .line-hamb4:hover{background: #616161;transition: all 0s }

.line-hamb1 {height: 2px; transform: translate(-50%, calc(-100% - 10px));animation-name: fadeIn; animation-duration: .5s; animation-delay: 1.6s;  animation-fill-mode: backwards;}
.line-hamb2 {height: 1px; transform: translate(-50%, calc(-100% + -4px));animation-name: fadeIn; animation-duration: .5s; animation-delay: 1.4s;  animation-fill-mode: backwards;}
.line-hamb3 {height: 1px; transform: translate(-50%, calc(-100% + 2px));animation-name: fadeIn; animation-duration: .5s; animation-delay: 1.2s;  animation-fill-mode: backwards;}
.line-hamb4 {height: 1px; transform: translate(-50%, calc(-100% + 8px)); animation-name: fadeIn; animation-duration: .5s; animation-delay: 1.0s;  animation-fill-mode: backwards;   background: #717171;}




.hamburger.active .line-hamb1, .hamburger.active .line-hamb4{
  background: #e607c1;
}
.hamburger.active .line-hamb1 {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
.hamburger.active .line-hamb2, .hamburger.active .line-hamb3 {
  opacity: 0;
}
.hamburger.active .line-hamb4 {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
		  height:2px;
}

.svg-div {
    display: table;
    height: 100%;
	position:relative;
}
/*.svg-div2 {
    display: block;
    height: 100%;
	position:absolute;
	top: 20px;
    left: 50px;
	opacity:0;
	transition: all 1s;
    
	z-index:9999;
	border: 1px solid;
}*/



.about:hover .hover-line {
    stroke-dasharray: 986 988;
    stroke-dashoffset: 987;
    animation: lokpMner 2999ms ease-in-out 0ms forwards;
	stroke:red;
	stroke-width: 3;
	    stroke-opacity: 1;
		    fill-opacity: 1;
			
}

.hover-line {
   
	    fill-opacity: 0;
	        stroke-opacity: 0;
  
    stroke-width: 1;
	transition: all 1.5s cubic-bezier(.70, 0, .37, 1); 
	
	stroke:red;
}



@keyframes lokpMner {
    100% {
    stroke-dashoffset: 0;
}
}

.footer {
    overflow: hidden;
    perspective: 100em;
    transform-style: preserve-3d;
}

.footer_block {
    padding: 0% 0em;
    transform-origin: 0em 120em 15em;}
	
	


.add-class .bord-1, .add-class .bord-1-2 {
    -webkit-transition: background .4s ease,width .4s ease-out;
    -moz-transition: background .4s ease,width .4s ease-out;
    -o-transition: background .4s ease,width .4s ease-out;
    transition: background .4s ease,width .4s ease-out;
    width: 100%;
}

.add-class .bord-2, .add-class .bord-2-2{
    -webkit-transition: background .4s ease,height .4s ease-out;
    -webkit-transition-delay: 0s,.4s;
    -moz-transition: background .4s ease,height .4s ease-out .4s;
    -o-transition: background .4s ease,height .4s ease-out .4s;
    transition: background .4s ease,height .4s ease-out .4s;
    height: 100%;
}


.bord-1, .bord-1-2 {
    left: 0;
    top: 0;
}
.bord-1, .bord-3 {
    height:4px;
    width: 0;
    background: #B3B3B3;
    position: absolute;
}
.txbl-p .bord-1, .txbl-p .bord-3 {
    height:2px;
   
background: #e7e7e7;}

.bord-1-2, .bord-3-2 {
    /*height:3px;*/
    width: 0;
    background: #fff;
    position: absolute;
}

.bord4 .bord-1-2, .bord4 .bord-3-2, .bord-us .bord-1-2, .bord-us .bord-3-2, .bord-us2 .bord-1-2, .bord-us2 .bord-3-2 {
height:3px;}
.bord-us .bord-1-2, .bord-us .bord-3-2, .bord-us .bord-2-2, .bord-us .bord-4-2, .bord-us2 .bord-1-2, .bord-us2 .bord-3-2, .bord-us2 .bord-2-2, .bord-us2 .bord-4-2 {background: #B3B3B3;}

.txbl-p .bord-1, .txbl-p .bord-3 {
	height:2px;background: #e7e7e7;}

.wrp-hsth .bord-1-2, .wrp-hsth .bord-3-2, .diz-ul .bord-1-2, .diz-ul .bord-3-2, .bord-ul .bord-1-2, .bord-ul .bord-3-2
 {
height:1px;}

.bord-2, .bord-2-2 {
    top: 0;
    right: 0;
}
.bord-2, .bord-4 {
    width: 4px;
    height: 0;
    background: #B3B3B3;
    position: absolute;
}
.bord-2-2, .bord-4-2 {
   /* width: 3px;*/
    height: 0;
    background: #fff;
    position: absolute;
}
.bord4 .bord-2-2, .bord4 .bord-4-2, .bord-us .bord-2-2, .bord-us .bord-4-2, .bord-us2 .bord-2-2, .bord-us2 .bord-4-2 {
width: 3px;}

.txbl-p .bord-2, .txbl-p .bord-4 {
	background: #e7e7e7;
width: 2px;}

.wrp-hsth .bord-2-2, .wrp-hsth .bord-4-2, .diz-ul .bord-2-2, .diz-ul .bord-4-2, .bord-ul .bord-2-2, .bord-ul .bord-4-2 {
width: 1px;}




.add-class .bord-3, .add-class .bord-3-2 {
    -webkit-transition: background .4s ease,width .4s ease-out;
    -webkit-transition-delay: 0s,.8s;
    -moz-transition: background .4s ease,width .4s ease-out .8s;
    -o-transition: background .4s ease,width .4s ease-out .8s;
    transition: background .4s ease,width .4s ease-out .8s;
    width: 100%;
}
.bord-3, .bord-3-2 {
    right: 0;
    bottom: 0;
}




.add-class .bord-4, .add-class .bord-4-2 {
    -webkit-transition: background .4s ease,height .4s ease-out;
    -webkit-transition-delay: 0s,1.2s;
    -moz-transition: background .4s ease,height .4s ease-out 1.2s;
    -o-transition: background .4s ease,height .4s ease-out 1.2s;
    transition: background .4s ease,height .4s ease-out 1.2s;
    height: 100%;
}
.bord-4, .bord-4-2 {
    bottom: 0;
    left: 0;
}


.bord-1 span, .bord-1-2 span {
    left: 0;
    top: 0;
    -webkit-transition: width .4s ease-out;
    -webkit-transition-delay: 1.2s;
    -moz-transition: width .4s ease-out 1.2s;
    -o-transition: width .4s ease-out 1.2s;
    transition: width .4s ease-out 1.2s;
}
.bord-1 span, .bord-3 span, .bord-1-2 span, .bord-3-2 span  {
    display: block;
    position: absolute;
    height: 100%;
    width: 0;
    background: #d100ba;
}






.bord-2 span, .bord-2-2 span {
    top: 0;
    left: 0;
    -webkit-transition: height .4s ease-out;
    -webkit-transition-delay: .8s;
    -moz-transition: height .4s ease-out .8s;
    -o-transition: height .4s ease-out .8s;
    transition: height .4s ease-out .8s;
}
.bord-2 span, .bord-4 span, .bord-2-2 span, .bord-4-2 span {
    display: block;
    position: absolute;
    width: 100%;
    height: 0;
    background: #d100ba;
}





.bord-3 span, .bord-3-2 span {
    right: 0;
    top: 0;
    -webkit-transition: width .4s ease-out;
    -webkit-transition-delay: .4s;
    -moz-transition: width .4s ease-out .4s;
    -o-transition: width .4s ease-out .4s;
    transition: width .4s ease-out .4s;
}

.bord-4 span, .bord-4-2 span {
    bottom: 0;
    left: 0;
    -webkit-transition: height .4s ease-out;
    -webkit-transition-delay: 0s;
    -moz-transition: height .4s ease-out 0s;
    -o-transition: height .4s ease-out 0s;
    transition: height .4s ease-out 0s;
}


.about:hover .bord-1 span, .about:hover .bord-2 span, .about:hover .bord-3 span, .about:hover .bord-4 span, .wrp-sec4:hover .bord-1-2 span, .wrp-sec4:hover .bord-2-2 span, .wrp-sec4:hover .bord-3-2 span, .wrp-sec4:hover .bord-4-2 span, .wrp1:hover .bord-1-2 span, .wrp1:hover .bord-2-2 span, .wrp1:hover .bord-3-2 span, .wrp1:hover .bord-4-2 span, .wrp2:hover .bord-1-2 span, .wrp2:hover .bord-2-2 span, .wrp2:hover .bord-3-2 span, .wrp2:hover .bord-4-2 span, .bord-ul:hover .bord-1-2 span, .bord-ul:hover .bord-2-2 span, .bord-ul:hover .bord-3-2 span, .bord-ul:hover .bord-4-2 span {
    width: 100%;
    height: 100%;
}


.about:hover .bord-1 span, .wrp-sec4:hover .bord-1-2 span, .wrp1:hover .bord-1-2 span, .wrp2:hover .bord-1-2 span, .bord-ul:hover .bord-1-2 span {
    -webkit-transition: width .4s ease-out;
    -moz-transition: width .4s ease-out;
    -o-transition: width .4s ease-out;
    transition: width .4s ease-out;
}
.about:hover .bord-2 span, .wrp-sec4:hover .bord-2-2 span, .wrp1:hover .bord-2-2 span, .wrp2:hover .bord-2-2 span, .bord-ul:hover .bord-2-2 span  {
    -webkit-transition: height .4s ease-out;
    -webkit-transition-delay: .4s;
    -moz-transition: height .4s ease-out .4s;
    -o-transition: height .4s ease-out .4s;
    transition: height .4s ease-out .4s;
}
.about:hover .bord-3 span, .wrp-sec4:hover .bord-3-2 span, .wrp1:hover .bord-3-2 span, .wrp2:hover .bord-3-2 span, .bord-ul:hover .bord-3-2 span {
    -webkit-transition: width .4s ease-out;
    -webkit-transition-delay: .8s;
    -moz-transition: width .4s ease-out .8s;
    -o-transition: width .4s ease-out .8s;
    transition: width .4s ease-out .8s;
}
.about:hover .bord-4 span, .wrp-sec4:hover .bord-4-2 span, .wrp1:hover .bord-4-2 span, .wrp2:hover .bord-4-2 span, .bord-ul:hover .bord-4-2 span {
    -webkit-transition: height .4s ease-out;
    -webkit-transition-delay: 1.2s;
    -moz-transition: height .4s ease-out 1.2s;
    -o-transition: height .4s ease-out 1.2s;
    transition: height .4s ease-out 1.2s;
}







.bord-pr{   position: absolute;
  height: 1px;
    width: 0%;
	right: 0;
   top: 0;
    background-color: black;}
	
.add-class .bord-pr {
    -webkit-transition: background 2s ease,width 2s ease-out;
    -moz-transition: background 2s ease,width .2s ease-out;
    -o-transition: background .2s ease,width 2s ease-out;
    transition: background 2s ease, width 2s ease-out;
    width: 100%;
}

.bord-pr span {
    right: 0;
    top: 0;
    -webkit-transition: width 1s ease-out;
    -webkit-transition-delay: 0s;
    -moz-transition: width 1s ease-out 0s;
    -o-transition: width 1s ease-out 0s;
    transition: width 1s ease-out 0s;
	display: block;
    position: absolute;
    height: 100%;
    width: 0;
    background: #ff57ec;
}

.wrp-price:hover .bord-pr span {  height: 100%;
    width: 100%;}
.wrp-price:hover .bord-pr span{
    -webkit-transition: width 1s ease-out;
    -moz-transition: width 1s ease-out;
    -o-transition: width 1s ease-out;
    transition: width 1s ease-out;
}




.dizblok-ln-1, .dizblok-ln-3, .dizblok-ln-5 {    position: absolute;
    width: 0%;
    height: 1px;
    background-color: #4D4D4D;
    top: 0px;
    right: 0;
}
	
.dizblok-ln-2, .dizblok-ln-4, .dizblok-ln-6 {    position: absolute;
    left: 0;
    top: 0;
    height: 0%;
    width: 1px;
    z-index: 1;	
    background: #4D4D4D; 	
	}
.add-class .dizblok-ln-1 {
    transition: background .4s ease,width .9s ease-out .4s;
    width: 100%;}
.add-class .dizblok-ln-3 {
    transition: background .4s ease,width .7s ease-out .4s;
    width: 100%;}
.add-class .dizblok-ln-5 {
    transition: background .4s ease,width .8s ease-out .4s;
    width: 100%;}

.add-class .dizblok-ln-2 {
    transition: background .4s ease,height 1s ease-out 1.2s;
    height: 150%;}
.add-class .dizblok-ln-4 {
    transition: background .4s ease,height 1s ease-out 1.2s;
    height: 150%;}
.add-class .dizblok-ln-6 {
    transition: background .4s ease,height 1s ease-out 1.2s;
    height: 200%;}

	
/*.hide-bg {    width: 56px;
    height: 50%;
    border: 1px solid red;
    background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 39%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 39%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 39%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );
    position: fixed;
    top: 0;
z-index: 100;}*/





.usl .modal-dialog {
    width: 1040px;
    margin-top: 50px;
float:right;}

.decor-modal {
    width: 510px;
    height: 340px;
    position: absolute;
    background-color: #E6E6E6;
    z-index: 0;
    top: 0;
    right: 120px;
}

.modal-tit {
    margin: 46px 0px 0px 128px;
    /* line-height: 1.42857143; */
    /* float: left; */
    font-size: 2.5em;
    font-weight: 700;
}
 .close {
    float: left;
    font-size: 58px;
        font-weight: 100;
    line-height: 1;
    color: #e607c1;
    text-shadow: 0 1px 0 #fff;
    opacity: .7;
    filter: alpha(opacity=20);
}
.close:hover, .close:focus {
color: #e607c1;}

.modal-content {
   
border-radius: 2px;}
.modal-header {
    padding: 15px;
    border-bottom: none;
}
.modal-header .close {
     margin-top: -14px; }
	 
	.modal-img {       display: block;
    margin: 48px 19px 5px 129px;
    max-width: 68%;
	height:auto;
	position:relative;
	z-index:1}
.wrp-text-modal{     line-height: 1.8em;
    width: 74%;
    margin: 30px auto;}
	
.wrp-text-modal	p {
    margin: 0 0 30px;
}
	
.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
    width: 73%;
    margin: 30px auto;
}

.link-us a, .link-cop a {color:#000;    text-decoration:none;transition-duration: .2s;    font-size: 1.3em;}
.link-us a:hover, .link-us3 a:hover, .info-pr a:hover, .info-pr2 a:hover, .link-cop a:hover {    color: #d400bc;
    transition-duration: .2s;text-decoration:none;}

.link-group1:hover .line-us-dec, .link-group2:hover .line-us-dec, .link-group3:hover .line-us-dec, .link3-group1:hover .line-us3-dec, .link3-group2:hover .line-us3-dec, .link3-group3:hover .line-us3-dec, .wrp-dec-a:hover span{
    color: #990388;
	background-color: #d600be;
    transform: rotate(45deg);
    transition-duration: .3s;
}

.wrp-link-modal1{display: flex ;
flex-direction: row ;
flex-wrap: wrap ;
justify-content: flex-start;
align-items: center ;
align-content: center ;
width:100%}



.wrp-link-modal2{    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width:100%;
    margin-top: 20px;}
	
	
	.wrp-link-modal3 {margin: 20px auto;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;}
	
	.link-us3-modal1 {display: flex ;
flex-direction: row ;
flex-wrap: wrap ;
justify-content: flex-end;
align-items: center ;
align-content: center ;
width:100%}
	.link-us3-modal2 {    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    width:100%;
    margin-top: 30px;}
	.link-us3-modal3 {margin: 30px auto;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;}

.link-group1, .link-group2 {       position: relative;
    width: 44%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;}
	
	.link-group3 {    width: 81%;
    margin: auto;display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;}
	
	.link-group2 {  justify-content: flex-end;    width: 39%;}
	
	.link3-group1{       position: relative;
    width: 46%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:  flex-end;
    align-items: center;
    align-content: center;}
	
	.link3-group2{       position: relative;
    width: 46%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:  flex-end;
    align-items: center;
    align-content: center;}
	
	.link3-group3{   width: 81%;
    margin: auto;display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;}
	
.line-us-dec, .line-us3-dec {    position: relative;
    width: 19%;
    /* bottom: 11px; */
    z-index: 0;
    border-bottom: 1px solid;
    transition-duration: .5s;
    /* float: right; */
    display: inline-block;
	margin-right: 15px;}
	.line-us3-dec {width: 14%;}
	
.info-pr span, .info-pr2 span { position: relative;
    width: 10%;
   margin-right: 14px;
    z-index: 0;
       height: 1px;
	       background-color: #000;
    transition-duration: .5s;    
    display: inline-block;}
	
	.wrp-dec-a{display: flex ;
flex-direction: row ;
flex-wrap: wrap ;
justify-content: flex-start ;
align-items: center ;
	align-content: center ;
	    margin-bottom: 19px;
	width:100%}
	
.info-pr a, .info-pr2 a {color:#000;    text-decoration:none;transition-duration: .2s;    font-size: 1.2em;}
.info-pr2 a { font-size: 1em;}

	.mod-title{     text-align: center;
    font-size: 2em;
    display: inherit;    font-weight: 600;}
	
	.order .form-control {border-radius: 2px;}
	
	.div-sub {margin:20px;
    text-align: center;}
	
	.wrp-sec9 div.wpcf7-validation-errors {
       border: 1px solid #a900ff;
    width: 33%;
    margin: 0 auto 20px;
    padding: 12px;
    text-align: center;
}
.eror{    background: url(./img/eror.jpg) 50% 0 no-repeat;
    background-color: #171C1E;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
	min-height:800px;}
	
.wrp-mes {width: 70%;
    display: inline-block;
    position: relative;
    top: 5em;
    left: 21%;}
	
.menu-step {position: relative;
    width: 52px;
    height: 57px;
    top: 0px;
background: url(./img/sd-logo.png) no-repeat no-repeat 50% 0px;
    transform: scale(0.65);}
	
 .bghead {background-attachment: fixed;}
 /*.wrp-tar {background-attachment: fixed; background-size: cover;
}*/

.wrp-sec1 {background-attachment: fixed;
/*background: url(./img/texture2.png);*/
background-repeat: no-repeat;
}

.test-bg {  
background:  url(./img/top-fon.jpg);}

/*#two {background-attachment: fixed;
background: url(./img/texture.png);
background-repeat: repeat;

}*/

.back-line {height: 0%;
    background: #d100ba;
    width: 1px;
    position: absolute;
    display: block;
    z-index: 10;
    left: 0;
    top: 0;
	
		animation-name: back-line;
animation-duration: 3s;
animation-delay: 4700ms;
animation-timing-function: ease-in-out;
animation-fill-mode: forwards;
}

@keyframes back-line {
    from {
         height: 0px;
		     
    }
    to {
         height: 100%;
    }
}
	
.step-one {
	position: absolute;
    color: #fff;
	animation-name: zoom;
animation-duration: 1s;
animation-delay: 4.6s;
animation-fill-mode: backwards;}	
	
	
	
	.step-num {
        width: 50px;
    height: 50px;
    /*border: 2px solid rgba(255, 255, 255, 0.7);
    margin: auto;
    border-radius: 50px;
    color: #ffffff;
    text-align: center;*/
    font-size: 22px;
	font-weight: 100;
    display: flex;
    justify-content: center;
    align-items: center;
	/*animation: step-num .6s 2.5s ease-out forwards;
	transform: scale(0);*/
	    margin: auto;
}

.svg-wrap {transform: rotate(-90deg);}

.step-circle {stroke-dasharray:151 153;stroke-dashoffset:152;animation:step-circle 2000ms ease-in-out 2800ms forwards;}
@keyframes step-circle {100%{stroke-dashoffset:0;}}
@keyframes lwDDosSR_fade{0%{stroke-opacity:1;}93.54838709677419%{stroke-opacity:1;}100%{stroke-opacity:0;}}


	.hover-line {
  padding: 10px;
  display: inline-block;
  overflow: hidden;
}

.hover-line:before, .hover-line:after {
  left: 0;
  width: 100%;
  height: 2px;
  background: #d800bf;
}

.hover-line:before {
  bottom: 0;
  transform: translateX(-100%);
}

.hover-line:after {
  top: 0;
  transform: translateX(100%);
}

.hover-line:hover:before, .hover-line:hover:after {
  transform: translateX(0);
}

/*a, a > span {
  position: relative;
  color: inherit;
  text-decoration: none;
  line-height: 24px;
}*/

.dlink span:before, .dlink span:after, .dlink2 span:before, .dlink2 span:after, .wrp-i span:before, .wrp-i span:after {
  content: '';
  position: absolute;
  transition: transform .5s ease;
}
.wrp-i {
    cursor: pointer;
    margin-bottom: 12px;
}
.link-pr {display: flex;
    /*border: 1px solid red;*/
    width: 104%;
	display: flex ;
flex-direction: row ;
flex-wrap: wrap ;
justify-content: space-between ;
align-items: center ;
align-content: center ;
	    margin-top: 235px;
		    margin-left: 10px;
	    /*margin: 5em;*/}
	.link-pr span {
    position: relative;
    width: 10%;
    margin-right: 14px;
    z-index: 0;
    height:1px;
	background-color: #000;
    transition-duration: .5s;
    display: inline-block;
    vertical-align: middle;
	transition-duration: .3s;
}
.link-pr div {    display: flex;
    /* flex-direction: row; */
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
	width: 26%;
    margin: 7px 0px 7px 0px;}
	
.li-pr > li{ width: 27%;
    float: left;
    list-style-type: none;
    margin-bottom: 14px;}
.link-pr a {color: #000; text-decoration:none;}
.link-pr a:hover {color: #e200ef; text-decoration:none;}
.active-a.add-class {    color: #e200ef;
    transition: all .6s;
    font-weight: 600;}
.active-sp.add-class { background-color: #e200ef;
transition: all .6s;transform: rotate(45deg);}
.link-pr div:hover span {transform: rotate(45deg);
 background-color: #e200ef;
transition-duration: .3s;}
	
.wrp-block-pr {display: flex ;
flex-direction: row ;
flex-wrap: wrap ;
justify-content: space-between ;
align-items: flex-start ;
align-content: center ;
    width: 95%;
    margin: auto;}
.showmore, .showmore-left {
cursor:pointer;	
    width: 95%;    
    display: flex;  
    justify-content: flex-end;   
font-style: italic;
opacity:1;}

.showmore-home {
cursor:pointer;    font-size: 15px;    text-align: right;}

/*.showmore-left{justify-content: flex-start;    margin-left: 104px;}*/
.showmore.read, .showmore-left.read {opacity:0.5;}
/*.read-hide {display:none;width: 80%;
    margin: auto;}*/
	
	/* test css */
	
.sd-logodiz{    position: relative;
    width: 97px;
    height: 70px;
	    margin: 120px auto 70px;
  
    background: url(./img/test-logo.jpg) no-repeat 0px 0px;}
.bglogo1{}
.bglogo2{}
.soc-eq{display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    width: 65%;
    margin: auto;}
	.logo-top {display: flex ;
flex-direction: column ;
flex-wrap: wrap ;
justify-content: space-between ;
align-items: center ;
align-content: center ;
    width: 95%;
	margin-bottom: -42px;
	/*transition: all 0.5s ease-in-out 0s;*/}
	
	.logo-top.active {margin-bottom: 40px;transition: margin-bottom 0.5s ease-in-out .6s;}
	
	.logo-hide-top {position: relative;
    width: 26px;
    height: 40px;
	background: url(./img/hide-logo-top.png) no-repeat 0px 0px;}
	
	/*.logo-hide-top.active{transition: all .5s ease-in-out 0.5s;}*/
	.logo-botom {display: flex ;
flex-direction: column ;
flex-wrap: wrap ;
justify-content: space-between ;
align-items: center ;
align-content: center ;
    width: 95%;
	margin-top: 25px;
margin-bottom: 78px;}
	.logo-hide-botom{position: relative;
    width: 26px;
    height: 40px;
	background: url(./img/hide-logo-botom.png) no-repeat 0px 0px;}
	
/*.decor-soc{width: 37px;
    height: 36px;
    border: 1px solid #7d7d7d;
    border-radius: 40px;
	display: flex;
    justify-content: center;
    align-items: center;
	padding-top: 2px;
	transition:0.3s;
	    margin-left: 10px;
	}
	.decor-soc:hover{border: 1px solid #fff; transition:0.3s;}*/
	.decor-soc i{font-size: 2em;transition:0.3s}
	
	.decor-soc i:hover, .decor-soc:hover {color:#da00dc;transition:0.3s}
.kont-decor{    width: 1px;
    height: 0;
    background-color: #adadad;
    margin: auto;
	transition:  all .5s}
	
	.kont-decor.active{ height: 50px;transition:  all .5s ease-in-out .7s;}
	
	.wrap-kont{    height: 0vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    align-content: center;
	/*visibility:hidden;
	opacity:0;*/
	overflow: hidden;
    margin-bottom: 0;
	width:95%;
	transition: all .3s ease-in-out 0s;}
	
	.wrap-kont.active{    height: 40vh;    
    margin-bottom: 45px;
	/*visibility:visible;
	opacity:1;*/
	transition: all .5s ease-in-out .7s;}
	
.kont{/*margin: auto;*/
    display: block;   
	width:100%;
	/*text-align:center;*/
	transition: all .5s}
	
	.isoc-menu i{font-size:2em;transition: .2s}
	.isoc-menu:hover i{color:#e607c1;transition: .2s}
	
	
	.kont:hover i{left:0; opacity:0;transition: all .4s}
		/*.dgfd {transition: background 0.3s ease, color 0.2s linear;}*/
	.kont i{font-size: 2em;    position: relative;opacity:1; left: 41%;transition: all .4s}
	.hide-kont{font-family: 'Open Sans'; color:#fff;font-size: 1em;opacity:0;  left: 50px;  margin-left: 5px;transition: all .5s;bottom: 5px;position:relative;}
	.kont:hover .hide-kont{opacity:1;left:0;color:#e607c1;transition: all .5s}
	    


.colum {    column-count: 2;
    column-gap: 20px;
    width: 1037px;
    /*margin-left: 15px;*/}
	
	/*.colum h2,h1{color:#fff}*/
	.portfolio {    width: 1000px;
    margin: 100px auto 232px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    padding-left: 55px;}

/*.wr-port {width: 100%;margin: 100px auto;
display: flex ;
flex-direction: row ;
flex-wrap: wrap ;
justify-content: center ;
align-items: center ;
align-content: center ;


}*/
	
.grid {
	position: relative;
	clear: both;
	margin: 0 auto;
	padding: 1em 0 10em;
	max-width: 1000px;
	list-style: none;
	text-align: center;
}
.name-port {margin-bottom:30px;}
/* Common style */
.grid figure {
	position: relative;
	
	overflow: hidden;
	    max-width: 450px;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 49;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 500;
	    color: #fff;
    
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	    font-size: 1em;
}


figure.effect-apollo {
	/*background: #3498db;
	background:#a929bf7a;*/
	background:#000;
}

figure.effect-apollo img {
	opacity: 0.9;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1.02,1.02,1);
	transform: scale3d(1.02,1.02,1);
}

figure.effect-apollo figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.5);
	content: '';
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}

figure.effect-apollo p {
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 3em;
	padding: 0 1em;
	max-width: 150px;
	border-right: 4px solid #fff;
	text-align: right;
	opacity: 0;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-apollo p:hover {color:#f100ff;border-right: 4px solid #f100ff;}
figure.effect-apollo h2 {
	text-align: left;
}

figure.effect-apollo:hover img {
	opacity: 0.45;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

figure.effect-apollo:hover figcaption::before {
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}

figure.effect-apollo:hover p {
	opacity: 1;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}


/* old efect */

figure.effect-lexi {
	background: -webkit-linear-gradient(-45deg, #000 0%,#fff 100%);
	background: linear-gradient(-45deg, #000 0%,#fff 100%);
}

figure.effect-lexi img {
	margin: -10px 0 0 -10px;
	max-width: none;
	width: -webkit-calc(100% + 10px);
	width: calc(100% + 10px);
	opacity: 0.9;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(10px,10px,0);
	transform: translate3d(10px,10px,0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-lexi figcaption::before,
figure.effect-lexi p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-lexi figcaption::before {
	position: absolute;
	right: -100px;
	bottom: -100px;
	width: 300px;
	height: 300px;
	border: 2px solid #fff;
	border-radius: 50%;
	box-shadow: 0 0 0 900px rgba(255,255,255,0.2);
	content: '';
	opacity: 0;
	-webkit-transform: scale3d(0.5,0.5,1);
	transform: scale3d(0.5,0.5,1);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

figure.effect-lexi:hover img {
	opacity: 0.6;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-lexi h2 {
	text-align: left;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(5px,5px,0);
	transform: translate3d(5px,5px,0);
}

figure.effect-lexi p {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 0 1.5em 1.5em 0;
	width: 140px;
	text-align: right;
	opacity: 0;
	-webkit-transform: translate3d(20px,20px,0);
	transform: translate3d(20px,20px,0);
}

figure.effect-lexi:hover figcaption::before {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

figure.effect-lexi:hover h2,
figure.effect-lexi:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
/*
.left-link {
    width: 15%;
    height: 82%;
    position: absolute;
    display: inline-block;
    left: 18%;
    z-index: 1;
    top: 7%;
}*/

.left-link {width: 20%;
    height: 56vw;
    position: absolute;
    display: inline-block;
    left: 12vw;
    z-index: 1;
     top: 50%;
	 -webkit-transform: translateY(-50%);
  transform: translateY(-50%);}
	
	.wrp-scr{position: absolute;
    color: red;
    left: 46%;
    /*z-index: 999;*/
    top: 30%;
    font-size: 3em;}
	.line-cnt1, .line-cnt2, .line-cnt3 {display:block}

	.wrp-us-read a {color:#fff}
.wrp-us-read span {background-color:#fff}
.wrp-us-read .text-sin {
width: 62%;}

.wrp-kont {   color:#000}
.wrp-kont h1, .wrp-kont h2 {   color:#000}
.kont-title1 {    width: 80%;
    margin-left: 142px;
    margin-bottom: 40px;
    font-size: 3em;
	    display: inline-block;
font-weight: 100;}
.kont-title2{     text-align: center;
    width: 98%;
    margin: 120px auto 50px;
    display: inline-block;
    font-size: 3em;
    font-weight: 100;}
	
.inputs {    width: 98%;
    margin-bottom: 30px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between ;
align-items: center ;
align-content: center }
.map {margin: 0 auto 50px;}
.wrp-adress{    width: 78%;
    margin: 20px auto 60px;
	display: flex ;
flex-direction: row ;
flex-wrap: wrap ;
justify-content: space-between ;
align-items:  flex-start;
align-content: center;}

.wrp-onas-new{    width: 78%;
    margin: 60px auto 60px;
	display: flex ;
flex-direction: row ;
flex-wrap: wrap ;
justify-content: space-between ;
align-items:  flex-start;
align-content: center;}



.wrp-onas-new .adr-decor {
    position: absolute;
    width: 150px;
    height: 150px;
    background-color: #e6e6e6;
    left: 70px;
    z-index: -1;}

.sd-adress {    width: 30%;
position: relative;
    display: inline-block;
	    z-index: 2;}
		
.wrp-onas-new .sd-adress {    width: 20vw;
position: relative;
    display: inline-block;
	    z-index: 2;}
.adr-decor{    position: absolute;
    width: 150px;
    height: 150px;
    background-color: #fff;
	    left: 70px;
    z-index: -1;}
.contact-hed{    font-size: 1.8em;
    font-weight: 400;    margin-bottom: 17px;}
	
.wrp-onas-new  .contact-hed{    font-size: 1.5em;
    font-weight: 400;    margin-bottom: 17px;    margin-top: 15px;    min-height: 100px;}
.contact-col{    font-size: 1.2em;}
.form-kontakt{    width: 67%;
    margin: auto;}
.input-kont {    width: 90%;
    padding: 15px;
font-size: 1.2em;
    border: 1px solid #b7b7b7;}
.textarea-kont{width: 93%;
    padding: 15px;
margin-bottom: 30px;
    border: 1px solid #b7b7b7;}
.send {    width: 98%;
text-align: center;}
.wrp-anons img {    
    max-width: 100%;
    height: auto;}

.tablet-link {display:block}
.mobi-list {display:flex;    justify-content: center;
    align-items: center;    width: 75vw;}
.mobi-list li {    list-style-type: none;    font-size: 1.5em;
    font-weight: 600;margin-bottom: 14px;}
.mobi-list ul {    padding-left: 20%;}
.read-more {
		display:none;
	width: 100%;
    margin: auto;
}
.wrp-col-block p {    font-size: 1.8em;}

	.wrp-svg {    position: absolute;
        bottom: -76px;
    z-index: 5;
    right: -5px;}

	.wrp-svg-top{position: absolute;
    bottom: 19px;
    z-index: 5;
    right: -8px;
    font-size: 32em;
    line-height: 0.5em;
    color: #fff;}

.lp-header{background-color:#1B1B3E;min-height:465px;color:#fff;position: relative}
.wrp-lp {    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    align-content: center;
min-height: 465px;}
.topimg {    position: absolute;
    right: 0;
top: 0;    opacity: .7;}
.lp-text {    font-size: 3.5em;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
    width: 940px;
    font-weight: 600;
text-align: center;
margin:inherit;
line-height:inherit}

.wrp-land-test{ background-image: url(./img/fon-test.webp);
    background-size: contain;}

.wrp-land, .wrp-land2, .wrp-land3{
    display: block;
    width: calc(100% - 40px);
    background-color: #fff;
	min-height:800px;
    float: right;
    margin-right: -8px;
    padding: 58px 0 70px 0;
    position: relative;}
	.wrp-land2{background-color: #000; color:#fff; min-height: 1370px}
	.wrp-land3{background-color:#141414; color:#fff; min-height: 700px}
	.lp .step2 {
   
    border-right:none}
	
.line-lp1, .line-lp2, .line-lp3, .line-lp4 {
    border-right: 1px solid #ececec;
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 0;
}

.line-lp1 {
    width: 12.5%;
}
.line-lp2 {
    width: 32.5%;
}
.line-lp3 {
    width: 52.5%;
}
.line-lp4 {
    width: 72.5%;
}
.ankor {position:relative}
.ankor li {margin-bottom: 15px;}

.wrp-land p {position:relative}
.txt-one {    width: 75%;
    margin: auto;}
	.txt-two {    width: 70%;
    margin: auto;}
.wrp-step {    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: flex-start;
    align-content: center;
        width: 80%;
    /* margin: auto; */
    margin-left: 161px;    margin-top: 17px;}
.lp-step{width: 258px;}
.lp-step img	{    position: relative;
    z-index: 1;}
.img-step{    width: 112px;    position: relative;}
.stepimg1, .stepimg2, .stepimg3, .stepimg4{    margin-top: 5px;}
.stepimg1, .stepimg3 {    margin-left: 6px;}
.stepimg2 {}
.stepimg3 {}
.stepimg4 {}
.decor-lp1{    width: 20px;
    height: 90px;
    background-color: #970884;
    position: absolute;
    top: 5px;
    z-index: 0;transition: all 0.5s}
.decor-lp2{    width: 20px;
    height: 90px;
    background-color: #B2B2B2;
    position: absolute;
    /* top: 5px; */
    z-index: 0;
    right: 0;
    bottom: 0;transition: all 0.5s}
	.decor-lp3{width: 95px;
    height: 20px;
    background-color: #970884;
    position: absolute;
    top: 0;
    right: 12px;
    z-index: 0;transition: all 0.5s}
	.decor-lp4{width: 95px;
    height: 20px;
    background-color: #B2B2B2;
    position: absolute;
    /* top: 5px; */
    z-index: 0;
    left: 0;
    bottom: -5px;transition: all 0.5s}
	.decor-lp5{width: 20px;
    height: 95px;
    background-color: #970884;
    position: absolute;
    top: 5px;
    right: 0;
    z-index: 0;transition: all 0.5s}
	.decor-lp6{width: 20px;
    height: 95px;
    background-color: #B2B2B2;
    position: absolute;
    /* top: 5px; */
    z-index: 0;
    left: 0;
    bottom: 0px;transition: all 0.5s}
	
	.decor-lp7{    width: 95px;
    height: 20px;
    background-color: #B2B2B2;
    position: absolute;
    top: 0;
    z-index: 0;
    left: 0;transition: all 0.5s}
	.decor-lp8{     width: 93px;
    height: 20px;
    background-color: #970884;
    position: absolute;
    /* top: 0; */
    right: 12px;
    z-index: 0;
    bottom: -5px;transition: all 0.5s
    /* left: 0; */}
	
	.img-step:hover .decor-lp1, .img-step:hover .decor-lp3, .img-step:hover .decor-lp5, .img-step:hover .decor-lp8 { background-color: #B2B2B2;transition: all 0.5s }
	.img-step:hover .decor-lp2, .img-step:hover .decor-lp4, .img-step:hover .decor-lp6, .img-step:hover .decor-lp7  { background-color: #970884;transition: all 0.5s }
	
.txt-step{    margin: 18px 0 0 0;
    width: 80%;}
.txt-2{ width: 75%;
    margin: auto;    margin-top: 27px;
    font-weight: 700;}
.lp-title, .lp-title2, .lp-title3, .lp-title4{    width: 76.5%;
    font-size: 3.4em;
    margin: 54px auto 0;
font-weight: 700;
    position: relative;}
.wrp-foto-1{    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    width: 75%;
    margin: 57px auto;
    position: relative;}
.img-foto{    width: 44%;
    position: relative;    min-height: 545px;
    }
.leftimg{    position: relative;
    z-index: 1;}
.decor-img-foto{    width: 370px;
    height: 530px;
    position: absolute;
    background-color: #1E1E43;
    bottom: -45px;
    right: 0;
    z-index: 0;}
.text-foto{    width:  453px;}
	.txt-3 {
    width: 75%;
   margin:inherit;
    font-weight: 700;
}
.txt-4 {margin-bottom: 27px;}


.text-foto .butt1 {
    width: 283px}
	.text-foto .butt1:before { left: 14px;}
	/*.text-foto .butt1:before {
    left: 10px;}*/
	.text-foto .butt1:hover:before {
    left: 0;
    transition: all .4s;
}
	.text-foto .butt1:after {
    right: 10px;}
	.text-foto .butt1:hover:after {
    right: 0;
    transition: all .4s;
}
	.text-foto ul {    margin: 10px 10px 15px 20px;}
	
	.wrp-slide {    display: block;
    width: 85%;
    margin: auto;}
	.lp-title2 { margin: 122px auto 45px;}
		.lp-title3 {    margin: 54px auto 15px;}
	.wrp-slide img{    border: 1px solid #ff00db59;}
	.wrp-step1{display: flex ;
flex-direction: row ;
flex-wrap: wrap ;
justify-content: center ;
align-items: center ;
align-content: center ;position:relative;    width: 96%;
    margin: 20px 20px 70px 40px;}
	.blstep1{width:455px;  margin-top: 100px;}
	.blstep2{    width: 125px;
    height: 673px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    margin-top: 20px;}
.dec-num-step{    height: 95%;
    position: absolute;
    width: 7px;
    background-color: #cccacd;
    z-index: 0;}
	.blstep3{width:540px;    height: 640px;}
	.title-step{}
	.txt-step{}
	.txt-step2-3{    margin-bottom: 80px;}
	.txt-step2-4 {
    margin-bottom: 135px;
}
	.title-step-lft{    text-align: right;
    font-weight: 600;}
	.title-step-rt2{    text-align: left;
    font-weight: 600; margin-top: 165px;}
	.title-step-rt{    text-align: left;
    font-weight: 600; margin-top:0px;}

	.num-step, .num-step2, .num-step3{    width: 45px;
    height: 45px;
    background-color: #a70094;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border: 7px solid #CCCACD;
	    position: relative;
    z-index: 1;}
	.num-step3 {
    width: 55px;
    height: 55px;}
	.num-step:hover::before{content: "";
    width: 70px;
    height: 70px;
    position: absolute;
	top:-19px;
	left:-19px;
    border: 1px dashed #cccacd;
    border-radius: 50%;
	}
	
	.lp-title4 {     width: 58.5%;   margin: 260px 0 0 158px;}
	.fon-lp{     background: url(./img/klyaksa.jpg) 0 0 no-repeat;
    height: 1277px;
    position: absolute;
    z-index: 0;
    width: 100%;
	    top: 138px;}
	.fon-lp-svg{     /*background: url(./img/klyaksa.jpg) 0 0 no-repeat;*/
    /*height: 1277px;*/
    position: absolute;
    z-index: 0;
    width: 100%;
	left:0;
	    top: 146px;}
		
		.fon-lp-svg2{    position: absolute;
       bottom: -8.5em;
    width: 100%;
    left: 0px;
    overflow-x: hidden;}
		
		.fon-lp2{     /*background: url(./img/klyaksa2.jpg) 0 0 no-repeat;*/
    height: 511px;
    position: absolute;
    z-index: 1;
    width: 463px;
	bottom: -130px;
    right: 41px;
}
	.lp-title5{    font-size: 3.5em;
    font-weight: 600;
    width: 58%;
    margin:26px auto 139px;position: relative;}
	
	.wrp-step-1, .wrp-step-2, .wrp-step-3, .wrp-step-4, .wrp-step-5, .wrp-step-6, .wrp-step-7, .portal .wrp-step-5 {    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    align-content: center;
   
	    margin: auto;    position: relative;
}
.margin-li li {margin-bottom:15px}
.wrp-land2 p {margin-bottom:0}
.wrp-step-1{    width: 67%;
    flex-direction: row-reverse;
    justify-content: flex-start;}
.wrp-step-2{width: 57%;
    justify-content: flex-start;
    margin-top: 60px;    margin-bottom: 0}
.wrp-step-3{    width: 67%;
    flex-direction: row-reverse;
    justify-content: flex-start;
    margin-top: 31px;}
.wrp-step-4{width: 78%;
    justify-content: flex-start;
    margin-top: 51px;}
.wrp-step-5{   width: 75%;
    flex-direction: row-reverse;
    justify-content: flex-start;
    margin-top: 38px;}
	.portal .wrp-step-5 {
    width: 76%;
    flex-direction: row-reverse;
    justify-content: flex-start;
    margin-top: -7px;
}
.wrp-step-6{    width: 70%;
    margin-top: 51px;}
.wrp-step-7{width: 77%;
    justify-content: flex-start;
    margin-top: 48px;}
.p-step-1{width: 25em; margin-left: 27px;}
.p-step-2{width: 26em;
    margin-right: 40px;}
.p-step-3{    width: 25em;
    margin-left: 27px;}
.p-step-4{    width: 35em;
    margin-right: 0}
.p-step-5{    width: 25em;
    margin-left: 27px;}
.p-step-6{    width: 36em;
    margin-right: 20px;}
.p-step-7{   width: 36em;
    margin-right: 42px;}
	.num-step2, .num-step3{    border: 7px solid #fff}
		/*.num-step2:hover {
    width: 55px;
    height: 55px;}*/
	.p-step-8 {
    position: relative;
    width: 40em;
    margin: 59px 20px 20px 53px;
    font-weight: 600;}
	
	.lp-title6{    font-size: 3.5em;
    font-weight: 600;
    width: 52%;
    margin: 0px 30px 30px 159px;
    position: relative;
    line-height: 1.3em;    z-index: 1;}
	.p-step-9{    width: 52em;
    margin-left: 160px;}
	.p-step-10{    width: 52em;
    margin-left: 160px;font-weight:600}
	
	.fm-form-lp {
    width: 65%;
    margin: 50px 0 0 150px;}
	
	.page-corp .blstep1 {    margin-top: -20px;}
	.page-corp .title-step-rt2 {margin-top: 11em;}
	.page-corp .step04, .key .step03	{ display:  inline-block;  position:  absolute; width: 36%; bottom: -67px;}

	.wrp-step1 {margin: 20px 20px 120px 40px;}
	.ecom .blstep1, .key .blstep1, .app .blstep1, .logo .blstep1, .ux .blstep1, .seotxt .blstep, .kontxt .blstep {margin-top: -45px;}
	.ecom .step04 {display: inline-block;width: 36%; position: absolute;bottom: -55px;}
	.ecom .step03 {display: inline-block;width: 39%; position: absolute;bottom: 125px;}
	.ecom .wrp-step-5 {width: auto;margin-top: 27px;}
	.ecom .wrp-step-7 {margin-top: 116px;}
	.ecom .fon-lp2 {
    
    height: auto;
    position: absolute;
    z-index: 1;
    width: auto;
    bottom: -18em;
    right: 0;
}
	
	.portal .blstep1 {margin-top: 3em}
	.portal .lp-title5 { font-size: 3.5em;
    font-weight: 600;
    width: 70%;
    margin: 26px auto 120px;
    position: relative;}
	.portal .step03 {display: inline-block;width: 39%;position: absolute;bottom: 120px;}
	.portal .step04 {display: inline-block;width: 36%; position: absolute;bottom: -55px;}
	.smm .step03 {display: inline-block;width: 39%; position: absolute; bottom: 65px;}
	.portal .wrp-step-1 { width: 64%;}
	.portal .wrp-step-2 {
    width: 57%;}
	 .portal .wrp-step-3 {
    width: 66%;}
	 .portal .wrp-step-4 {
    width: 79%;}
	 .portal .wrp-step-6 {
    width: 71%;}
	
	.key .title-step-rt2, .app .title-step-rt2 {margin-top: 11em;}
	.key .wrp-step-5 {width: 64%;}
	.key .wrp-step-6 { justify-content: flex-end; width: 55%;}
	.key .wrp-step-3{ margin-top: 71px;}
	
	
	.app .step04, .seotxt .step03, .kontxt .step04, .serm .step04, .slogan .step04 {display: inline-block; position: absolute; width: 36%; bottom: -67px;}
	.app .lp-title5 {margin: 26px auto 115px;}
	.app .wrp-step-7 {width: 67%;}
	.video .step04 {display: inline-block;position: absolute;width: 36%; bottom: -156px;}
	.logo .step04 {display: inline-block; position: absolute; width: 36%; bottom: -87px;}
	.logo .title-step-rt2 {margin-top: 13em;}
	.logo .txt-3 { width: 94%;}
	.logo .wrp-step-5 { width: 65%;}
	.logo .wrp-step-6 {width: 62%;}
	.logo .wrp-step-7 {width: 65%;justify-content: flex-start;margin-top: 116px;}
	.page-corp .wrp-step-2 {margin-top: 17px;}
	.page-corp .wrp-step-5 {margin-top: 3px;}
	.page-corp .wrp-step-7 {margin-top: 105px;}
	.ux .wrp-step-5 { width: 63%;}
	.ux .wrp-step-6 { width: 54%;}
	.ux .blstep1 {margin-top: 110px;}
	.ux .title-step-rt2 {margin-top: 14em;}
	.ux .wrp-step-7 { margin-top: 190px;}
	.ui .step04 {display: inline-block;width: 39%;position: absolute;bottom: -90px;}
	.ui .wrp-step-6 {width: 70%;margin-top: 88px;}
	.ui .wrp-step-5 { width: 64%;}
	.seotxt .title-step-rt2 {margin-top:8em}
	.seotxt .wrp-step-3 {width: 65%;}
	.seotxt .wrp-step-5 {width: 82%; margin-top: 17px;}
	.seotxt .wrp-step-7 {width: 68%;}
	.kontxt .title-step-rt2, .serm .title-step-rt2 {margin-top:8em}
	.kontxt .wrp-step-5 {margin-top: -6px;}
	.konua .wrp-step-5 {margin-top: 15px;}
	.konen .wrp-step-5 {margin-top: 43px;}
	.smm .blstep1 {width: 455px;margin-top: -40px;}
	.smm .step04 {display: inline-block;width: 36%; position: absolute;bottom: -150px;}
	.smm .wrp-step-5 {width: 63%;}
	.smm .wrp-step-6 {width: 56%;}
	.smm .wrp-step-7 {margin-top: 190px;}
	.video .title-step-rt2 {margin-top: 10em;}
	.video .blstep1 {width: 455px; margin-top: -26px;}
	.video .wrp-step-3 { width: 65%;}
	.video .wrp-step-5 { width: 81%; flex-direction: row-reverse; justify-content: flex-start; margin-top: 25px;}
	.video .wrp-step-7 {margin-top: 130px;}
	.serm .blstep1 { margin-top: -20px;}
	.serm .wrp-step-5 {width: 63%;}
	.serm .wrp-step-6 {width: 57%;}
	.serm .wrp-step-7 {margin-top: 190px;}
	.slogan .blstep1 {    margin-top: 20px;}
	.slogan .title-step-rt2 {    margin-top: 13em;}
	.slogan .wrp-step-5 {width: 64%;}
	.slogan .wrp-step-6 { width: 57%;}
	
	/*.blog-over {    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    z-index: 5;    top: 86px;}*/
	
	.kontxt .wrp-step-7 {margin-top: 100px;}
	.kontxt .blstep1 {
    width: 455px;
    margin-top: -44px;
}
	
	
	.page-corp .decor-lp1, .page-corp .img-step:hover .decor-lp2, .page-corp .img-step:hover .decor-lp4, .page-corp .img-step:hover .decor-lp6, .page-corp .img-step:hover .decor-lp7, .page-corp .decor-lp3, .page-corp .decor-lp5, .page-corp .decor-lp8, .page-corp .num-step, .page-corp .num-step2, .page-corp .num-step3  {  background-color: #00B6F8}
	.page-corp #fon-lp-svg  {fill:#0085b5;}
	
	.ecom .decor-lp1, .ecom .img-step:hover .decor-lp2, .ecom .img-step:hover .decor-lp4, .ecom .img-step:hover .decor-lp6, .ecom .img-step:hover .decor-lp7, .ecom .decor-lp3, .ecom .decor-lp5, .ecom .decor-lp8, .ecom .num-step, .ecom .num-step2, .ecom .num-step3  {  background-color: #00c5b3}	
	.ecom #fon-lp-svg  {fill:#00c9b7;}
	
	.portal .decor-lp1, .portal .img-step:hover .decor-lp2, .portal .img-step:hover .decor-lp4, .portal .img-step:hover .decor-lp6, .portal .img-step:hover .decor-lp7, .portal .decor-lp3, .portal .decor-lp5, .portal .decor-lp8, .portal .num-step, .portal .num-step2, .portal .num-step3  {  background-color: #e400a9}
	.portal #fon-lp-svg  {fill:#e400a9;}
	
	
	.key .decor-lp1, .key .img-step:hover .decor-lp2, .key .img-step:hover .decor-lp4, .key .img-step:hover .decor-lp6, .key .img-step:hover .decor-lp7, .key .decor-lp3, .key .decor-lp5, .key .decor-lp8, .key .num-step, .key .num-step2, .key .num-step3  {  background-color: #00a790}
	.key #fon-lp-svg  {fill:#00a790;}
	
	.app .decor-lp1, .app .img-step:hover .decor-lp2, .app .img-step:hover .decor-lp4, .app .img-step:hover .decor-lp6, .app .img-step:hover .decor-lp7, .app .decor-lp3, .app .decor-lp5, .app .decor-lp8, .app .num-step, .app .num-step2, .app .num-step3  {  background-color: #FF9800}
	.app #fon-lp-svg  {fill:#FF9800;}

	.logo .decor-lp1, .logo .img-step:hover .decor-lp2, .logo .img-step:hover .decor-lp4, .logo .img-step:hover .decor-lp6, .logo .img-step:hover .decor-lp7, .logo .decor-lp3, .logo .decor-lp5, .logo .decor-lp8, .logo .num-step, .logo .num-step2, .logo .num-step3  {  background-color: #ff465e;}
.logo #fon-lp-svg  {fill:#ff465e;}

.ux .decor-lp1, .ux .img-step:hover .decor-lp2, .ux .img-step:hover .decor-lp4, .ux .img-step:hover .decor-lp6, .ux .img-step:hover .decor-lp7, .ux .decor-lp3, .ux .decor-lp5, .ux .decor-lp8, .ux .num-step, .ux .num-step2, .ux .num-step3  {  background-color: #246aaf;}
.ux #fon-lp-svg  {fill:#246aaf;}

.ui .decor-lp1, .ui .img-step:hover .decor-lp2, .ui .img-step:hover .decor-lp4, .ui .img-step:hover .decor-lp6, .ui .img-step:hover .decor-lp7, .ui .decor-lp3, .ui .decor-lp5, .ui .decor-lp8, .ui .num-step, .ui .num-step2, .ui .num-step3  {  background-color: #e60020;}
.ui #fon-lp-svg  {fill:#e60020;}

.seotxt .decor-lp1, .seotxt .img-step:hover .decor-lp2, .seotxt .img-step:hover .decor-lp4, .seotxt .img-step:hover .decor-lp6, .seotxt .img-step:hover .decor-lp7, .seotxt .decor-lp3, .seotxt .decor-lp5, .seotxt .decor-lp8, .seotxt .num-step, .seotxt .num-step2, .seotxt .num-step3  {  background-color: #00b527;}
.seotxt #fon-lp-svg  {fill:#00b527;}

.kontxt .decor-lp1, .kontxt .img-step:hover .decor-lp2, .kontxt .img-step:hover .decor-lp4, .kontxt .img-step:hover .decor-lp6, .kontxt .img-step:hover .decor-lp7, .kontxt .decor-lp3, .kontxt .decor-lp5, .kontxt .decor-lp8, .kontxt .num-step, .kontxt .num-step2, .kontxt .num-step3  {  background-color: #0043a7;}
.kontxt #fon-lp-svg  {fill:#0043a7;}

.smm .decor-lp1, .smm .img-step:hover .decor-lp2, .smm .img-step:hover .decor-lp4, .smm .img-step:hover .decor-lp6, .smm .img-step:hover .decor-lp7, .smm .decor-lp3, .smm .decor-lp5, .smm .decor-lp8, .smm .num-step, .smm .num-step2, .smm .num-step3  {  background-color: #2b85c1;}
.smm #fon-lp-svg  {fill:#2b85c1;}

.video .decor-lp1, .video .img-step:hover .decor-lp2, .video .img-step:hover .decor-lp4, .video .img-step:hover .decor-lp6, .video .img-step:hover .decor-lp7, .video .decor-lp3, .video .decor-lp5, .video .decor-lp8, .video .num-step, .video .num-step2, .video .num-step3  {  background-color: #bf0000;}
.video #fon-lp-svg  {fill:#bf0000;}

.serm .decor-lp1, .serm .img-step:hover .decor-lp2, .serm .img-step:hover .decor-lp4, .serm .img-step:hover .decor-lp6, .serm .img-step:hover .decor-lp7, .serm .decor-lp3, .serm .decor-lp5, .serm .decor-lp8, .serm .num-step, .serm .num-step2, .serm .num-step3  {  background-color: #ffd400;}
.serm #fon-lp-svg  {fill:#ffd400;}

.slogan .decor-lp1, .slogan .img-step:hover .decor-lp2, .slogan .img-step:hover .decor-lp4, .slogan .img-step:hover .decor-lp6, .slogan .img-step:hover .decor-lp7, .slogan .decor-lp3, .slogan .decor-lp5, .slogan .decor-lp8, .slogan .num-step, .slogan .num-step2, .slogan .num-step3  {  background-color: #29008c;}
.slogan #fon-lp-svg  {fill:#29008c;}


	#fon-lp-svg {fill:#990385;}
	
	
.bg-price1, .bg-price2, .bg-price3, .bg-price4 {
    width: 90px;
    height: 90px;
    /*border: 1px solid;*/
    margin-top: 15px;
}
.bg-price1, .bg-price3 {float:right}

	.bg-price1 {background: url(https://sd.trngspace.com/wp-content/themes/sdline/img/price-block3.png) no-repeat 0px 0px;}
	.bg-price2 {background: url(https://sd.trngspace.com/wp-content/themes/sdline/img/price-block3.png) no-repeat -207px 0px;}
	.bg-price3 {background: url(https://sd.trngspace.com/wp-content/themes/sdline/img/price-block3.png) no-repeat -309px 0px;}
	.bg-price4 {background: url(https://sd.trngspace.com/wp-content/themes/sdline/img/price-block3.png) no-repeat -102px -1px;margin: 10px auto;}
	
	
.sd-home  {
    position: absolute;
    top: -19px;
    height: 19em;   
    right: 6px;
}
.amedia .line-yel {background-color:#1D76BB;height: 135%;}

.h-head{margin:0;    font-weight: 100; text-align:center;font-size: 44px;    font-family: Roboto;}
.name-top{font-weight: 500;
    text-transform: none}
	
.foto-mobi{display:none}
#cube {display:block;left: 0;
    margin: 0 0 0 25px;
    position: absolute;
    top: -5px;
    z-index: 2;}

	.virtualcube {
  display:inline-block;
  width:550px;
  height:274px;
}
.virtualcube .cube-canvas {
  width:550px;
  height:550px;
  object-fit:contain; 
}
.virtualcube .button-toolbar {display:none;
}
.virtualcube .button-toolbar button {
}
.virtualcube .button-toolbar button:active {
}
.virtualcube .button-toolbar .reset-button {
}
.virtualcube .button-toolbar .undo-button {
}
.virtualcube .button-toolbar .redo-button {
}
.virtualcube .button-toolbar .scramble-button {
}

 .text-os ul { padding-left: 40px;}
 
 .page-template-page-uslugi .inf-h, .page-template-page-tarif .inf-h {margin-top: 10px;}
 
 .wrp-phone{position:absolute;width:auto;height:auto;display: none;z-index:999;cursor:pointer;bottom: 50px;right: 5px;}
 .wrp-phone-fix{position: fixed;bottom: initial;top: 15px;}
 .phone{display: flex;
    justify-content: center;
    align-items: center;
	width: 40px;
    height: 40px;
    /*background-color: rgba(209, 0, 186, 0.45);*/
    border-radius: 50em;}
	
	.phone i {font-size: 26px;
    color: #9C27B0;}

/*
 * 	Default theme - Owl Carousel CSS File
 */
	
.win-theme .owl-nav,.wsg-theme .owl-nav{align-content:center;-webkit-tap-highlight-color:transparent}.win-theme .owl-nav [class*=owl-]:hover,.wsg-theme .owl-nav [class*=owl-]:hover{text-decoration:none}.home-theme .owl-dots,.home-theme .owl-nav,.win-theme .owl-dots,.win-theme .owl-nav,.wsg-theme .owl-dots,.wsg-theme .owl-nav{-webkit-tap-highlight-color:transparent}.home-theme .owl-nav{width:27%;height:92px;position:absolute;left:-65%;bottom:10%}.home-theme .owl-next,.home-theme .owl-prev{width:60px;height:60px;background-color:#E6E6E6;font-size:42px;font-weight:lighter;color:#6d6d6d;position:absolute;text-align:center}.home-theme .owl-prev{bottom:0;left:0}.home-theme .owl-next{top:0;right:0;cursor:pointer;padding-left:7px;z-index:2}.home-theme .owl-nav [class*=owl-]{color:#626262;margin:5px;background:#D6D6D6;display:inline-block;cursor:pointer;transition-duration:.2s}.home-theme .owl-nav .disabled,.win-theme .owl-nav .disabled,.wsg-theme .owl-nav .disabled{opacity:.5;cursor:default}.home-theme .owl-nav [class*=owl-]:hover{background:#990388;color:#FFF;transition-duration:.2s;text-decoration:none}.home-theme .owl-dots .owl-dot span,.win-theme .owl-dots .owl-dot span,.wsg-theme .owl-dots .owl-dot span{-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.home-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.home-theme .owl-dots{text-align:center;position:absolute;top:-89px;right:-8px}.home-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.home-theme .owl-dots .owl-dot span{width:1px;height:26px;margin:5px 8px;background:#a2a2a2;display:block}.home-theme .owl-dots .owl-dot.active span,.home-theme .owl-dots .owl-dot:hover span{background:#000;height:50px}.wsg-theme .owl-nav{width:135%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;position:absolute;top:50%;left:-17%}.wsg-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.wsg-theme .owl-dots{text-align:center}.wsg-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.wsg-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block}.wsg-theme .owl-dots .owl-dot.active span,.wsg-theme .owl-dots .owl-dot:hover span{background:#869791}.win-theme .owl-nav{width:42%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;position:absolute;top:44%;left:29%;z-index:10}.lt-arrow,.rt-arrow{width:32px;height:74px}.lt-arrow{background:url(../img/lft.png) no-repeat}.rt-arrow{background:url(../img/rt.png) no-repeat}.win-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.win-theme .owl-dots{text-align:center}.win-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.win-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block}.win-theme .owl-dots .owl-dot.active span,.win-theme .owl-dots .owl-dot:hover span{background:#869791}.lp-theme .owl-next,.lp-theme .owl-prev{width:60px;height:60px;background-color:#000;position:absolute;bottom:3.4em;font-size:35px;font-weight:lighter;display:flex;color:#fff}.lp-theme .owl-prev{left:-30px;justify-content:center;align-items:center}.lp-theme .owl-next{right:-30px;justify-content:center;align-items:center;cursor:pointer;padding-left:7px;z-index:2}.lp-theme .owl-next:hover,.lp-theme .owl-prev:hover{background-color:#a70093}@media (max-width:1024px){.lp-theme .owl-next,.lp-theme .owl-prev{bottom:2.4em}}@media (max-width:768px){.lp-theme .owl-next,.lp-theme .owl-prev{bottom:1.4em}}@media (max-width:519px){.lp-theme .owl-next,.lp-theme .owl-prev{bottom:3.1em}.home-theme .owl-nav{width:42vw;height:70px;position:absolute;left:inherit;right:40%;bottom:inherit;top:-97px;-webkit-tap-highlight-color:transparent}.win-theme .owl-nav{width:25%;left:37.5%}}@media (min-width:479px) and (max-width:991px){.home-theme .owl-nav{width:25%;height:70px;position:absolute;left:inherit;right:15%;bottom:inherit;top:-97px;-webkit-tap-highlight-color:transparent}}@media (max-width:1199px) and (min-width:992px){.home-theme .owl-nav [class*=owl-]{margin:-2px}.home-theme .owl-nav{left:-43%}}@media (max-width:768px){.wsg-theme .owl-nav{width:151%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;align-content:center;position:absolute;top:50%;left:-14vw}.lt-arrow,.rt-arrow{width:32px;height:74px}.lt-arrow{background:url(../img/lft-mobi.png) no-repeat}.rt-arrow{background:url(../img/rt-mobi.png) no-repeat}}@media (max-width:568px){.wsg-theme .owl-nav{width:159%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;align-content:center;position:absolute;top:36%;left:-17vw}}

/*
 *  Owl Carousel - Core
 */
 
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.animated{-webkit-animation-duration:1000 ms;animation-duration:1000 ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-animated-out{z-index:1}.owl-animated-in{z-index:0}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}

/*
 * animate.css Version - 3.5.2 
 */

.animated{animation-duration:1s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.animated.hinge{animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{animation-duration:.75s}@keyframes bounce{20%,53%,80%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,0,0)}40%,43%{animation-timing-function:cubic-bezier(.755,.050,.855,.060);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.050,.855,.060);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.bounce{animation-name:bounce;transform-origin:center bottom}@keyframes flash{50%,from,to{opacity:1}25%,75%{opacity:0}}.flash{animation-name:flash}@keyframes pulse{from,to{transform:scale3d(1,1,1)}50%{transform:scale3d(1.05,1.05,1.05)}}.pulse{animation-name:pulse}@keyframes rubberBand{from,to{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}}.rubberBand{animation-name:rubberBand}@keyframes shake{from,to{transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.shake{animation-name:shake}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.headShake{animation-timing-function:ease-in-out;animation-name:headShake}@keyframes swing{20%{transform:rotate3d(0,0,1,15deg)}40%{transform:rotate3d(0,0,1,-10deg)}60%{transform:rotate3d(0,0,1,5deg)}80%{transform:rotate3d(0,0,1,-5deg)}to{transform:rotate3d(0,0,1,0deg)}}.swing{transform-origin:top center;animation-name:swing}@keyframes tada{from,to{transform:scale3d(1,1,1)}10%,20%{transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}}.tada{animation-name:tada}@keyframes wobble{from,to{transform:none}15%{transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}}.wobble{animation-name:wobble}@keyframes jello{11.1%,from,to{transform:none}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{animation-name:jello;transform-origin:center}@keyframes bounceIn{20%,40%,60%,80%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scale3d(1,1,1)}}.bounceIn{animation-name:bounceIn}@keyframes bounceInDown{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}.bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}.bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}.bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translate3d(0,0,0)}}.bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.bounceOut{animation-name:bounceOut}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}.bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}.bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}.bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInDown{from{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{from{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:none}}.fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{from{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{from{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:none}}.fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{from{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{from{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:none}}.fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{from{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{from{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:none}}.fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{from{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}.fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}.fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{from{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}.fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{from{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}.fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}.fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{from{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}.fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes flip{from{transform:perspective(400px) rotate3d(0,1,0,-360deg);animation-timing-function:ease-out}40%{transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95);animation-timing-function:ease-in}to{transform:perspective(400px);animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;animation-name:flip}@keyframes flipInX{from{transform:perspective(400px) rotate3d(1,0,0,90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(1,0,0,-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInX}.flipInY,.flipOutX{-webkit-backface-visibility:visible!important}@keyframes flipInY{from{transform:perspective(400px) rotate3d(0,1,0,90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(0,1,0,-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{transform:perspective(400px)}}.flipInY{backface-visibility:visible!important;animation-name:flipInY}@keyframes flipOutX{from{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{animation-name:flipOutX;backface-visibility:visible!important}@keyframes flipOutY{from{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipOutY}@keyframes lightSpeedIn{from{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg);opacity:1}to{transform:none;opacity:1}}.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}@keyframes lightSpeedOut{from{opacity:1}to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in}@keyframes rotateIn{from{transform-origin:center;transform:rotate3d(0,0,1,-200deg);opacity:0}to{transform-origin:center;transform:none;opacity:1}}.rotateIn{animation-name:rotateIn}@keyframes rotateInDownLeft{from{transform-origin:left bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInDownLeft{animation-name:rotateInDownLeft}@keyframes rotateInDownRight{from{transform-origin:right bottom;transform:rotate3d(0,0,1,45deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInDownRight{animation-name:rotateInDownRight}@keyframes rotateInUpLeft{from{transform-origin:left bottom;transform:rotate3d(0,0,1,45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInUpLeft{animation-name:rotateInUpLeft}@keyframes rotateInUpRight{from{transform-origin:right bottom;transform:rotate3d(0,0,1,-90deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInUpRight{animation-name:rotateInUpRight}@keyframes rotateOut{from{transform-origin:center;opacity:1}to{transform-origin:center;transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{animation-name:rotateOut}@keyframes rotateOutDownLeft{from{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{animation-name:rotateOutDownLeft}@keyframes rotateOutDownRight{from{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{animation-name:rotateOutDownRight}@keyframes rotateOutUpLeft{from{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{animation-name:rotateOutUpLeft}@keyframes rotateOutUpRight{from{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{animation-name:rotateOutUpRight}@keyframes hinge{0%{transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate3d(0,0,1,80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%,80%{transform:rotate3d(0,0,1,60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}.hinge{animation-name:hinge}@keyframes jackInTheBox{from{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.jackInTheBox{animation-name:jackInTheBox}@keyframes rollIn{from{opacity:0;transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;transform:none}}.rollIn{animation-name:rollIn}@keyframes rollOut{from{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{animation-name:rollOut}@keyframes zoomIn{from{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}@keyframes zoomInDown{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{animation-name:zoomInUp}@keyframes zoomOut{from{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{animation-name:zoomOut}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{animation-name:zoomOutDown}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}.zoomOutLeft{animation-name:zoomOutLeft}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}.zoomOutRight{animation-name:zoomOutRight}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{animation-name:zoomOutUp}@keyframes slideInDown{from{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translate3d(0,0,0)}}.slideInDown{animation-name:slideInDown}@keyframes slideInLeft{from{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translate3d(0,0,0)}}.slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{from{transform:translate3d(100%,0,0);visibility:visible}to{transform:translate3d(0,0,0)}}.slideInRight{animation-name:slideInRight}@keyframes slideInUp{from{transform:translate3d(0,100%,0);visibility:visible}to{transform:translate3d(0,0,0)}}.slideInUp{animation-name:slideInUp}@keyframes slideOutDown{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}.slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}.slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}.slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}.slideOutUp{animation-name:slideOutUp}

/*contact-form-7/includes/css/styles.css */

div.wpcf7{margin:0;padding:0}div.wpcf7 .screen-reader-response{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);height:1px;width:1px;margin:0;padding:0;border:0}div.wpcf7-response-output{margin:2em .5em 1em;padding:.2em 1em;border:2px solid red}div.wpcf7-mail-sent-ok{border:2px solid #398f14}div.wpcf7-aborted,div.wpcf7-mail-sent-ng{border:2px solid red}div.wpcf7-spam-blocked{border:2px solid orange}div.wpcf7-acceptance-missing,div.wpcf7-validation-errors{border:2px solid #f7e700}.wpcf7-form-control-wrap{position:relative}span.wpcf7-not-valid-tip{color:red;font-size:1em;font-weight:400;display:block}.use-floating-validation-tip span.wpcf7-not-valid-tip{position:absolute;top:20%;left:20%;z-index:100;border:1px solid red;background:#fff;padding:.2em .8em}span.wpcf7-list-item{display:inline-block;margin:0 0 0 1em}span.wpcf7-list-item-label::after,span.wpcf7-list-item-label::before{content:" "}.wpcf7-display-none{display:none}div.wpcf7 .ajax-loader{visibility:hidden;display:inline-block;/*background-image:url(../images/loading.gif);*/width:16px;height:16px;border:none;padding:0;margin:0 0 0 4px;vertical-align:middle}div.wpcf7 .ajax-loader.is-active{visibility:visible}div.wpcf7 div.ajax-error{display:none}div.wpcf7 .placeheld{color:#888}div.wpcf7 input[type=file]{cursor:pointer}div.wpcf7 input[type=file]:disabled{cursor:default}div.wpcf7 .wpcf7-submit:disabled{cursor:not-allowed}

.lazy-hidden {
    opacity: 0;
}
.lazy-loaded {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    opacity: 1;
}

/*  ------------================================ all media qwery ================================----------- */



@media (min-width: 520px) {.inf-descr-mobi {display:none;} .mobi-mar {margin-left: 0;}
}

@media (max-width: 519px) {.wrp-phone{display:block}.inf-descr2, .wrp-font-win, .dec-line {display:none}}
@media (max-width: 767px) {
.grid {padding: 1em 0 4em;}
.eq2, .name-bl:after, .name-hd:after, .name-pr:after  {display:none}
.kont-title1 { width: auto; margin-left: 15px; font-size:28px;}
.scrollup {bottom: 15px;right:15px;}
.foto-mobi{display:block}
#cube {display:none}

}

@media (max-width: 1199px) {
	.lp-text { width: 90%;}
	
	.text-sin {margin-left: 8vw;}.i-sin:after {
    content: '';
    display: inline-block;
    width: 27%;}
}
@media (min-width: 992px) {.map {
width: 78%;}}
@media (max-width: 991px) {
	
	
	.tablet-link, .line-bl, .line-bl2, .line-hd, .line-cnt1, .line-cnt2, .line-cnt3{display:none}

.dec-bl1 {
    width: 35vw;
height: 36vw;    right: 11vw;}
.dec-bl2 {
    width: 49vw;
height: 49vw;
    left: 10vw;}
.dec-bl3 {
    width: 40vw;
height: 40vw;}

.portfolio {
    width: 100%;
    margin: 100px auto 232px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    padding-left: 0;
}
.wrp-onas, .wrp-bl, .wrp-sec-pr, .wrp-hline, .wrp-hline2, .wrp-wsg, .wrp-sec1 {
    display: inline-block;
width: calc(100% - 25px);
}
.wrp-wsg-win {width: calc(100% - 25px);}

.map {
width: 95%;}

}
@media (min-width: 990px) {.mobi-list {display:none}}
@media (max-width: 1024px) {
	.slog-seo {
    font-size: 39px;
}
	.txt-decor {width: 232px;}
	#cube {  left: -8em;}
	
	.h-head {    margin: 5px 0 0 0;    font-size: 38px;}
	
	.slogan .title-step-rt2 {
    margin-top: 10em;
}
	
	.serm .title-step-rt2 {
    margin-top: 4em;
}
	
	.video .wrp-step-7, .serm .wrp-step-7, .slogan .wrp-step-7{flex-direction: row-reverse;
  width: auto;
    margin-top: 65px;
}
	
.video .wrp-step-5 {
    
    flex-direction: row-reverse;
    justify-content: flex-end;
    margin-top: 43px;
}
	.video .step04 {
    display: inline-block;
    position: absolute;
    width: 34vw;
    bottom: -95px;
}
	.video .title-step-rt2 {
    margin-top: 6em;
}
	.video .blstep1 {
    width: 34vw;
    margin-top: 20px;
}
	.smm .step04 {
    display: inline-block;
    width: 42%;
    position: absolute;
    bottom: -75px;
}
	.smm .blstep1 {
    width: 38vw;
    margin-top: -40px;
}
	
	.kontxt .step04{ width: 45%;}
	
	.kontxt .title-step-rt2{
    margin-top: 6em;
}
	
	.kontxt .blstep1 {
    width: 42vw;
    margin-top: -44px;
}
	
	.kontxt .wrp-step1, .smm .wrp-step1, .video .wrp-step1 {
       margin: 30px auto;
    
    width: auto;
}
	
	.seotxt .wrp-step-2, .seotxt .wrp-step-4, .seotxt .wrp-step-5 { margin-top: 35px;}
	
	.seotxt .wrp-step-7 {flex-direction: row-reverse;
  margin-top: 35px;width: auto;}
  
  .kontxt .wrp-step-7, .smm .wrp-step-7 {flex-direction: row-reverse;
  margin-top: 35px;width: auto}
  
 .kontxt .p-step-7, .smm .p-step-7, .video .p-step-7, .serm .p-step-7, .slogan .p-step-7 { margin-left: 27px;}
	
	.seotxt .blstep1 {
   
    margin-top: 33px;
}
	
	.seotxt .title-step-rt2 {
    margin-top: 5em;
}


	.lp-title5 { width: 72%;}
	
	.fon-lp2 { bottom: -80px;}
	
	.ecom .wrp-step-7 {
    margin-top: 65px;flex-direction: row-reverse;
}
	
	.page-corp .wrp-step-7 {flex-direction: row-reverse;
    margin-top: 50px;
}
	
	.page-corp .wrp-step-5 {
    margin-top: 45px;
}
	
	.lanp .lp-title6 {    margin: 63px auto 40px;}
	
	.wrp-land3 { width:103%}
	
	.ux .lp-title6 {  margin: 80px auto 37px;}
	
	    .ux .wrp-step-7  {flex-direction: row-reverse;
  margin-top: 80px;}
	
	.ux .title-step-rt2 {
    margin-top: 5em;
}
	
	 .logo .p-step-7, .ux .p-step-7, .page-corp .p-step-7, .ecom .p-step-7, .seotxt .p-step-7 { margin-left: 27px;}
	
	.logo .wrp-step-7 {
    
    justify-content: flex-end;
    margin-top: 84px;
    flex-direction: row-reverse;
}
	
	.logo .title-step-rt2 {
    margin-top: 11em;
}
	
	.app .wrp-step-7 {    flex-direction: row-reverse;}
	.app .p-step-7 {  margin-left: 27px;}

	.app .title-step-rt2 {
    margin-top: 9em;
}
	
	.portal .wrp-step-5 {
   
    flex-direction: row-reverse;
    justify-content: center;
    margin-top: 35px;
}
	
	.ecom .fon-lp2 { bottom: -4em;}
	
	.fon-lp-svg {left: -10px; top: 102px;}
	.fon-lp-svg2 {width: 125%; left: -10px;}
	
	.num-step3 {
    width: 45px;
    height: 45px;
}
	
	.wrp-land2 {
    width: 100%;
margin-right: 0px;}


.key .wrp-step-1, .portal .wrp-step-1, .wrp-step-2, .wrp-step-3, .wrp-step-4, .wrp-step-5, .wrp-step-6, .wrp-step-7, .portal .wrp-step-2, .portal .wrp-step-3, .portal .wrp-step-3, .portal .wrp-step-4, .portal .wrp-step-5, .portal .wrp-step-6, .key .wrp-step-2, .key .wrp-step-3, .key .wrp-step-4, .key .wrp-step-5, .key .wrp-step-6, .key .wrp-step-7, .app .wrp-step-7, .logo .wrp-step-5, .logo .wrp-step-6, .logo .wrp-step-7, .ux .wrp-step-5, .ux .wrp-step-6, .ux .wrp-step-7, .seotxt .wrp-step-3, .smm .wrp-step-5, .smm .wrp-step-6, .video .wrp-step-3, .video .wrp-step-5, .serm .wrp-step-5, .serm .wrp-step-6, .slogan .wrp-step-5, .slogan .wrp-step-6  {  width: auto;}

.wrp-step-1, .wrp-step-2, .wrp-step-3, .wrp-step-4, .wrp-step-5, .wrp-step-6, .wrp-step-7, .portal .wrp-step-5, .ui .wrp-step-5, .ui .wrp-step-6 {
   
	    justify-content: flex-end;
    margin-left: 7vw;
	    width: auto;
}

.p-step-1, .p-step-2, .p-step-3, .p-step-4, .p-step-5, .p-step-6, .p-step-7 {
    width: 70vw;
}

.wrp-step-2, .wrp-step-4, .wrp-step-6 {
    flex-direction: row-reverse;
}
	  .p-step-2, .p-step-4, .p-step-6 {margin-left: 27px;}
	
	.slog, .slog-us {
    font-size: 55px;}
	.wrp-slog4 {padding-top: 60px;}
	
	.dizblok1, .dizblok2, .dizblok3 { right: 49px;}

	
	.page-corp .title-step-rt2 {
    margin-top: 5em;
}
		.lp-title6{    font-size: 3.5em;
    font-weight: 600;
    width: 69%;
    margin: 0px 30px 30px 3em;
    position: relative;
    line-height: 1em;    z-index: 1;}
	
	.lp-title4 {
    width: 85.5%;}
	.txt-step2-4 {
    margin-bottom: 45px;
}
	.title-step-rt2 { margin-top: 10px;}
	.wrp-step1 {margin: 20px 20px 70px 0px;}
	.wrp-foto-1 {
    width: 98%;
}
	.wrp-step {width: 78%; margin: auto; margin-left: 19%;}
	.wrp-diz {height: 103vh;}
	.wrp-img img {
    padding: 6%;
}
	.uva-head {height: 52vw;}.wrp-sl-win {    left: calc(-580px - -50%)}


.step-win .step2 {bottom: 179px;}


	.nav {    
	position: fixed;
    top: 0%;
	/*display:none;*/
	   /* left: -200vw;*/
    right: 0%;
    margin: auto;
    width: 100%;
    height: 100vh;
	z-index: 0;
    background: #2B2E4A;
   clip-path: circle(0% at 50% 50%);
	-webkit-clip-path: circle(0% at 50% 50%);
    -webkit-transition: all 0.8s cubic-bezier(0.86, 0, 0.07, 1);
	  /*clip-path: none;
		-webkit-clip-path:none;*/
    transition: all 0.8s cubic-bezier(0.86, 0, 0.07, 1);
	opacity:0;
	visibility:inherit;
	    animation-name: nav;
    animation-duration: 0.2s;
    animation-delay: 0.8s;
    animation-fill-mode: forwards;
}


@keyframes nav{  
 0% {
            transform: scale(1);
    }
  
    100% {
        transform: scale(0);
    } 
}

.nav.active {

  
	-webkit-clip-path: circle(73% at 50% 50%);
    clip-path: circle(73% at 50% 50%);
	    /*clip-path: none;
		-webkit-clip-path:none;*/
		display:block;
	transition: all 0.8s cubic-bezier(0.86, 0, 0.07, 1);
	opacity: 1;
	z-index: 50;
	/*left: 0;*/
	visibility:inherit;
	  animation-name: navact;
    animation-duration: 0.2s;
    animation-delay:0s;
    animation-fill-mode: backwards;
}
@keyframes navact{  
 0% {
       transform: scale(0);
    }
    
    100% {
       transform: scale(1);
    }
}


}
@media (max-width: 768px) {
	.h-head {
    margin: 13px 0 0 0;
    font-size: 27px;
}
	.foto-mobi{display:block}
#cube {display:none;}
	
	.slogan .blstep3 {
    width: 80%;
    margin: 1em 0 0 5em;
}
	
	.slogan .step04 {
    display: inline-block;
    position: absolute;
    width: auto;
    bottom: 4em;
}
	
	.slogan .title-step-rt2 {
    margin-top: 6em;
}
	
	.slogan .blstep1 {
    margin-top: 0;
}
	
	.serm .blstep2 {
    width: 60px;
    height: 94%;}
	
	.serm .step04 {
    display: inline-block;
    position: absolute;
    width: auto;
    bottom: 1em;
}
	
	.serm .blstep1 {
    margin-top: 0;
}

.serm .title-step-rt2 {
    margin-top: 3em;
}
	
	.video .step04 {
   
    width: auto;
    bottom: 1em;
}
	
	.video .title-step-rt2 {
    margin-top: 3em;
}
	
	.video .blstep1 {
    width: auto;
    margin-top: 10px;
}
	
	.smm .step04 {

    width: auto;
    
    bottom: 1em;
}
	
	.smm .step03 {
    
    width: auto;
    
    bottom: 19em;
}
	
	.smm .blstep1 {
    width: auto;
    margin-top: 0;
}
	
	 .kontxt .lp-title5 { margin: 26px auto 92px;}
	
	 .kontxt .step04 {
    display: inline-block;
    position: absolute;
    width: auto;
    bottom: 3em;
}
	
	.kontxt .blstep1 {
    width: 455px;
    margin-top: 0;
}

.kontxt .title-step-rt2 {
    margin-top: 2em;
}
	
	.seotxt .wrp-step-5 {
    width: auto;}
	
	.seotxt .blstep1 {
   
    margin-top: 0;
}
	.seotxt .blstep2 { height: 90%;}
	
		.seotxt .title-step-rt2 {
    margin-top: 2em;
}
.seotxt .step03{
    display: inline-block;
    position: absolute;
    width: auto;
    bottom: 2em;
}
	
	
	.lanp .blstep2 {top: 38px;}
	
	.ui .step04 {
    display: inline-block;
    width: auto;
    position: absolute;
    bottom: 3em;
}
	
	.ui .blstep3 {
    
    height: 370px;
}
	
	.ui .blstep1 {
    width: 80%;
    margin: 1em 0 0 5em;
}
	
	.page-corp .step04{
    display: inline-block;
    position: absolute;
    width: auto;
    bottom: 2em;
}
	
	.page-corp .title-step-rt2 {
    margin-top: 4em;
}
	.wrp-land3 { width:103%}
	.ux .blstep1 {
    margin-top: 0;
}
	
	.logo .step04 {
    display: inline-block;
    position: absolute;
    width: auto;
    bottom: 64px;
}
	
	.logo .title-step-rt2 {
    margin-top: 6em;
}
	
	.logo .blstep1 {
    margin-top: -10px;
}
	
	.app .step04 {
    display: inline-block;
    position: absolute;
    width: auto;
    bottom: 63px;
}
	
	.app .title-step-rt2 {
    margin-top: 3em;
}
	
	.app .blstep1{
    margin-top: 5px;
}
	
	.key .step03 {
    display: inline-block;
    position: absolute;
    width: auto;
    bottom: 3em;
}
	.key .title-step-rt2 {
    margin-top: 4em;
}
	
	.key .blstep1 {margin-top: 6px;}
	
	.p-step-8 {z-index:2}
	
	.portal .step04 {
    display: inline-block;
    width: auto;
    position: absolute;
    bottom: 89px;
}
	
	.portal .step03 {
    display: inline-block;
    width: auto;
    position: absolute;
    bottom: 280px;
}
	
	.portal .blstep1 {
    margin-top: 0em;
}
	
	.ecom .wrp-step-7 {
    margin-top: 53px;
}
	
	.ecom .fon-lp2 {
    bottom: -8em;
    width: 52%;
}
	
	.ecom .blstep1 { margin-top: 0;}
	
	.ecom .step03 {
    
    width: auto;
    position: absolute;
    bottom: 200px;
}
	
	.ecom .step04 {
    display: inline-block;
    width: auto;
    position: absolute;
    bottom: 16px;
}
	
	.ecom .wrp-step1 {
    justify-content: flex-start;
    height: 50em;
    display: inline-block;
}
	
.page-corp .wrp-step-5 {
    margin-top: 40px;
}
	.fon-lp-svg {
    left: -35px;
    top: 250px;
    width: 107%;
}

.fon-lp-svg2 {
       width: 141%;
    left: -40px;
    bottom: -0.5em;
}
	
	
	.wrp-step1 {  justify-content: flex-start;}
	
	.wrp-slog {  margin-top: 40px;}
	
	
	
	.txbl-p2-2 {
    padding: 0px 35px 35px 75px;
}
	
	.mill .title-wsg {
    margin-top: -18%;
}
	
	.app .wrp-step-7 {
    width: auto;
}
	
	.key .wrp-step-3 {
    margin-top: 40px;
}
	
	.fon-lp2 {width: 60%;height: inherit;right: 10px;    padding: 15px;}
	
	.butt1:before, .butt2:before, .butt4:before {
    left: 10px;
    transition: all .4s;
}

.butt1:after, .butt2:after, .butt4:after {
    right: 10px;
    transition: all .4s;
}

	
	.num-step3 {
    width: 45px;
    height: 45px;
}
	
	 .key .step03 {
    display: inline-block;
    position: absolute;
    width: auto;
    bottom: 3em;
}

.page-corp .txt-step2-3 {
    margin-bottom: 0px;
}
	.page-corp .blstep1 {
    margin-top: 0px;
}
	.p-step-10 { width: 48em; margin-left: 3em;}
	.p-step-2, .p-step-6 {margin-left: 27px;}
	.p-step-4 {margin-left: 27px;}
	.p-step-7 { margin-right: 0; margin-left: 27px;}
	.page-corp .wrp-step-7 {margin-top: 50px;}
	.wrp-step-2, .wrp-step-4, .wrp-step-6{    flex-direction: row-reverse;}
	.wrp-step-1, .wrp-step-2, .wrp-step-3, .wrp-step-4, .wrp-step-5 { justify-content: flex-end;}
	.wrp-step-7	{flex-direction: row-reverse;
    justify-content: flex-end;}
	
	
	.fm-form-lp {
    width: 90%;
    margin: auto;
}end
	.p-step-10 {
    width: 85%;
    margin-left: 03em;}
	.p-step-9 {
    width: 85%;
    margin-left: 3em;
}
.app .lp-title6 {
    width: 90%;
margin: 4em 30px 30px 37px;}
	.lp-title6 { width: 90%;
    margin: 3em 30px 30px 37px;font-size: 3em;}
	.title-step-lft {text-align: left;}
	.blstep1, .blstep3 { width: 80%; margin: 3em 0 0 5em;}
	.ux .blstep3 {
    width: 80%;
    margin: 4em 0 0 5em;
}
	.blstep2 {    width: 60px;
    height: 85%;
    position: absolute;
    top: 0;}
	
	.lp-title5 {width: 90%;}
	.text-foto {
    width: 85%;
}
	.text-foto .butt1 {
    width: 283px;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
	.img-foto {width: 60%;    margin-bottom: 6em;    min-height: 410px;}
	.wrp-foto-1 {flex-direction: column;}
	
	.lp-title, .lp-title2, .lp-title3, .lp-title4 {
    width: 90%;}
	.lp-title4 {margin: 0 auto 65px;}
	.wrp-land, .wrp-land2 { width: calc(100% - 25px);}
	.line-uva3, .line-win4 {display:none} 
	.fm-title1 {font-size: 2em;}
	.bord-pr {width: 100%;} 
	.wrp-call {
    width: 100%;
}

.wrp-uva2 {
    display: block;
    width: 95%;
    position: relative;
    /* margin-top: 8%; */
    margin: 8% auto 0;
}

.scren .img-responsive, .scren2 .img-responsive {
    display: block;
    max-width: 95%;
    height: auto;
    margin: auto;
}
.wrp-onas-new {
width: 90%;}
.wrp-onas-new .adr-decor {left: 10px;}


}

@media (max-width: 1023px) {
	.read-hide {
	display:none;
	width: 80%;
    margin: auto;}
	
	
	.read-hide-left {
		display:none;
	width: 80%;
    margin: auto;}
	
	
	.wrp-sl-win {    left: calc(-575px - -50%);}
	.wrp-sqwia {width: 100%;}
	
	.link-pr div { width: 33%;}
	.right-sin-pr {height:inherit;position:relative;    width: 100%;}
	.decor-sin {display: none;}
	.info-pr { position: relative;
    top: 0;
    left: 0;
    margin: auto;
    display: flex;
    width: 85%;
    flex-wrap: wrap;    
	flex-direction: row;
    z-index: 5;
}
.info-pr a {font-size: 1em;}
	.wrp-dec-a { margin-bottom: 17px;    width: 33%;}

	.name-us-pr, .name-us-pr-left {
    width: 100%;
        margin: auto;
    display: inline-block;
}
	.foto-us-pr, .foto-us-pr-right {
    width: 95%;
    display: inline-block;
    position: relative;
        margin: auto;
}
.link-pr {width: 100%;}
	.wrp-block-pr {width: 95%; margin: auto;}
	#pm .wrp-block-pr, #jq .wrp-block-pr, #ap .wrp-block-pr, #sym .wrp-block-pr, #oc .wrp-block-pr, #yii .wrp-block-pr{flex-direction: column-reverse;
flex-wrap: wrap-reverse;}
.wrp-sec-pr {padding-top: 35px;}
.wrp-block-pr .wrp-slog {
    width: 50%;
height: 205px;}
 .name-pr { margin-left: 0;}
 .decor-pr {left: 5vw;font-size: 13.5vw;}
	.name-share {
       width: 50%;
   
}
	.img-os {
    margin-top: 0;}
	.text-sin {
    width: 95%;
    line-height: 1.7em;
    float: none;
    margin-left: 134px;
    position: relative;
    top: 0;
    margin:0 auto 8em;
}
	.right-sin {    width: 95%;
    /* border: 1px solid red; */
    bottom: 0;
    position: absolute;
    height: auto;
    border-top: 1px solid;
    margin: 0 auto 2em;
    left: 2vw;
    padding-top: 10px;
}

.decor-sin {display:none;}
.wrp-share {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    position: relative;
    bottom: 0;
    transform: none;
    width: 100%;
    right: 0;
height: 36px;}
.i-sin {
    margin-bottom: 5px;
}
.info-sin {
    position: relative;
    top: 0;
    left: 0;
    display:  inline-block;
	    margin-bottom: 25px;
}
.but-share {
    width: 44%;}
	

	
}

@media (min-width: 1024px) {
		
	
 .read-hide {
	display:none;
	    width: 77vw;
        margin-left: -50vw;}
		


	
	.read-hide-left {
		display:none;
	width: 77vw;
        margin-right: -50vw;}
		
	
	
}

@media (min-width: 1370px) {.usl .modal-dialog {margin-right:7em;}}
@media (min-width: 768px) and (max-width: 1400px) {
	.decor-bl {font-size: 17vw;} 
	.decor-hd { font-size: 11vw;}
	.name-bl {font-size: 6vw;} 
	.name-hd {font-size: 4vw;}
	
	}


/* ==================================== max-width: 519px ====================================*/

@media (max-width: 519px) {
	
	
	.logomenu{display:none}
	
	.h-head {font-size: 15px;}
	
	
	.wrp-step-7 {
    z-index: 1;
}
	
	.wrp-land2 {
    overflow: inherit;
}
	.fon-lp-svg2 {
    width: 100%;
    left: inherit;
    bottom: -0.5em;
}
	
	.fon-lp2 {    left: inherit;
    width: auto;}
	.alstom .slide-wsg {
    top: 29vw;
}
	.mill .title-wsg {
    margin-top: -3%;
}
.mill .slide-wsg {
    top: 30vw;
}
	
		.amedia .first-sec {
    position: relative;
    min-height: 200px;
}
	.amedia .foto-hline1 {
    right: 0;
    top: -126%;
    z-index: 10;
}
	.amedia .text-name-2, .nicorette .text-name-2, .urb .text-name-2, .hline .text-name-2 {
    display: flex;
    justify-content: center;
    align-items: center;
	    padding-right: 0px;
		font-size: 3em;
	}
	
	.nicorette .wrp-hline2 { min-height: 0;}
	

	
	.bgsec .slog-us {
    font-size: 48px;
    width: auto;
    display: flex;
    margin-top: 60px;
    left: 58px;
    position: relative;
	    font-weight: 700;
    word-spacing: 0;
    letter-spacing: -3px;
    line-height: 1.3em;
}

	.uslugi .slog-us {
    font-size: 48px;
    width: auto;
    display: flex;
    margin-top: 0px;
    left: 11px;
    position: relative;
	    font-weight: 700;
    word-spacing: 0;
    letter-spacing: -3px;
    line-height: 1.3em;
}
	.blog-over { top: 0;}
	
	.sd-home {top: -11px;height: 14em; left: 10px;}
	
	.slogan .title-step-rt2 { margin-top: 4em;}
	.slogan .step04 {width: auto;bottom: -100px;}
	.slogan .blstep1 {margin-top: 4em;}
	.slogan .wrp-step1 {min-height: 60em;}
	.serm .wrp-step-5, .serm .wrp-step-6, .slogan .wrp-step-5, .slogan .wrp-step-6 {width:auto}	
	.serm .title-step-rt2 { margin-top: 4em;}
	.serm .step04 {width: auto;bottom: -70px;}
	.serm .blstep1 { margin-top: -17em;}
	.serm .wrp-step1 {min-height: 80em;}
	.serm .wrp-step-7 {margin-top: 30px;}
	.wrp-step1 {/*min-height: 80em;*/}
	.video .wrp-step1 {min-height: 88em;}
	.video .fon-lp2 {height: 21em;}
	.video .blstep1 {margin: -22em 0 0 5em;    width: auto;}
	.video .title-step-rt2 {margin-top: 5em;}
	.video .step04 {width: auto;bottom: -80px;}
	.video .wrp-step-3, .video .wrp-step-5  { width: auto;}
	.video .wrp-step-7 { margin-top: 30px;}
	.video .lp-title6 {margin: 5em 30px 30px 37px;}
	.video .wrp-step-5 {justify-content: center;}
	.smm .wrp-step-5, .smm .wrp-step-6 {width:auto;}
	.smm .step04 {width: auto;bottom: -125px;}
	.smm .step03 {width: auto;bottom: 150px;}
	.smm .txt-2 {width: 85%; margin: 27px auto 50px;}
	.smm .blstep1 {width: auto;margin-top:-20px;}
	.smm .wrp-step-7 {margin-top: 55px;}
	.smm .wrp-step1 {min-height: 69em;}
	.kontxt .fon-lp2 {height: 12em;}
	.kontxt .title-step-rt2 {margin-top:12em}
	.kontxt .step04 {width: auto;bottom: 165px;}
	.kontxt .wrp-step-7 {margin-top: 40px;}
	
	.kontxt .blstep3 {margin: 1em 0 60px 5em;}
	.kontxt .lp-title6 {margin: 7em 30px 30px 37px;}
	.seotxt .wrp-step-3, .seotxt .wrp-step-5, .seotxt .wrp-step-7 {width:auto;}
	.seotxt .lp-title6 {margin: 2em 30px 30px 30px;}
	 .seotxt .step03 {width: auto;bottom: -112px;}	
	.seotxt .title-step-rt2 {margin-top:1em}
	 .seotxt .blstep  { margin-top: -25px;}	
	.seotxt .txt-2 {margin: 27px auto 60px;}
	.seotxt .blstep3 {margin: 1em 0 72px 5em;}
	.ui .wrp-step-6, .ui .wrp-step-5 {    width: auto;margin-left: 0;    justify-content: center;}
	.ui .wrp-step-6 {margin-top: 55px;}
	.ui .lp-title4 {margin: 7em auto 65px;}
	.ui .step04 {    width: auto;bottom: -8em;}
	.ui .step03 {margin: 8em 0 8em 0;}
	.ui .blstep2 {height: 65em; top: 3em;}
	.ux .wrp-step-5, .ux .wrp-step-6 {width:auto}
	.ux .title-step-rt2 {margin-top: 1em;}
	.ux .step04 {width: auto; bottom: -208px;}
	.ux .blstep1 {margin-top: 43px;}
	.ux .wrp-step-7 {margin-top: 30px;}
	.ux .fon-lp2	{    bottom: -75px;}
	.logo .lp-title4 {margin: 45vw auto 65px;}
	.logo .blstep3 {width: 80%;margin: 3em 0 0 5em;}
	.logo .step04 {width: auto;    bottom: -135px;}
	.logo .title-step-rt2 {margin-top: 4em;}
	.logo .blstep1 {margin-top: 40px;}
	.logo .wrp-step-5, .logo .wrp-step-6 {width: auto;}
	.logo .wrp-step-7 {width: auto;    margin-top: 65px;    justify-content: center;}
	.p-step-7 {margin-right: 0; margin-left: 27px;}
	.app .fon-lp2 {height: 15em;}
	.app .lp-title4 {margin: 19vw auto 65px;}
	.app .step04 {width: auto; bottom: -100px;}
	.app .title-step-rt2 {margin-top: 3em;}
	.app .blstep1{margin-top: 25px;}
	.key .fon-lp2 {height: 35em;}
	.key .lp-title6 {margin: 1em 30px 30px 30px;}
	.key .wrp-land2 {min-height: 85em;}
	.key .wrp-step-5 {width: auto;}
	.key .wrp-step-6{justify-content: center; width: auto;}
	.key .title-step-rt2 {margin-top: 14em;}
	.key .step03 {width: auto; bottom: 150px;}
	.key .blstep1 {margin-top: 45px;}
	.key .txt-2 {width: 80%;margin: 25px auto 60px;}
	.key .blstep3 {margin: 0em 0 0 5em;}
	.lanp .blstep1 {margin: -49em 0 0 5em;}
	.lanp .blstep3 {margin: 24em 0 0 5em;    position: absolute;}
	.lanp .blstep2 { height: 115%;}
	.lanp .wrp-step1 { height: 95em;}
	.p-step-4 { margin-left: 27px;}
	.p-step-2, .p-step-6 {margin-right: 0}
	.p-step-1, .p-step-2, .p-step-3, .p-step-4, .p-step-5, .p-step-6, .p-step-7 {width:70vw} 
	.wrp-step-1, .wrp-step-2, .wrp-step-3, .wrp-step-4, .wrp-step-5, .wrp-step-6, .wrp-step-7 {justify-content: center;}
	.wrp-step-1, .wrp-step-2, .wrp-step-3, .wrp-step-4, .wrp-step-5, .wrp-step-6, .wrp-step-7 { width: auto; margin-left: 0;}
	.portal .wrp-step-1, .portal .wrp-step-2, .portal .wrp-step-3, .portal .wrp-step-4, .portal .wrp-step-6 {width: auto;margin-left: 0;}
	.portal .blstep3 {margin: -2em 0 0 5em;}
	.portal .step03 {width: auto;bottom: 120px;}
	.portal .step04 {width: auto;bottom: -95px;}
	.portal .title-step-rt { margin-top: 65px;}
	.portal .wrp-step-5 {
    width: 93%;
    flex-direction: row-reverse;
    justify-content: center;
    margin-top: 30px;
}
.portal .fon-lp2 {bottom: -380px;}
.portal .lp-title6 {margin: 8em auto 30px;}
	.ecom .p-step-8 {margin: 14px auto 0;}	
	.page-corp .wrp-step-5 {
    margin-top: 30px;}
	.page-corp .lp-title6 {
    width: auto;
    margin: 8em 0px 46px 0px;
    padding: 15px;
    font-size: 2.5em;
}
	
	.ecom .wrp-step1 {margin: 20px 20px 120px 12px;}
	.ecom .wrp-step-7 {
    margin: 45px 0 0 0;
}
	.ecom .step04 { width: 69%;bottom: -98px;}
	.ecom .step03 {  width: 70%;bottom: 15em}
	.ecom .blstep1 {
    margin-top: 3em;
    margin-bottom: 3em;
}
	.ecom .lp-title2{
    width: 98%;}

.ecom .blstep2 {
    height: 90%;
    top: 3em;
}
.ecom .lp-title6 {
    width: 90%;
    margin: 5em 30px 30px 37px;
}


	.page-corp .lp-title4 {
    margin: 60vw auto 65px;
}
	.page-corp .step04 {width: 80%; bottom: -14em;}
	.page-corp .title-step-rt2 {
    margin-top: 0em;
}
	.txt-step2-3 {
    margin-bottom: 40px;
}

.lanp .txt-step2-3 {
    margin-bottom: 177px;
}
/*.lanp .txt-step2 {
    margin-bottom: 50px;
}*/
	.blstep3 {
    width: 80%;
    margin: -2em 0 0 5em;}
	
	.page-corp .title-step-rt2 {
    margin-top: 1em;
}
	.page-corp .blstep1 {
           margin-top: 39px;
    margin-bottom: 41px;
}
	.dec-num-step {
    height: 99%;}

.lapplace .slide-wsg-llp {
    top: 190px;
}
	.txbl-p2-2 {
    padding: 20px 35px 35px 25px;
}
	
	.slog-seo {
    font-size: 3em;
}
	
	.wrp-svg {
    position: absolute;
    bottom: -58px;
    z-index: 5;
    right: -32px;
    height: 300px;
}
	.fm-form-lp {text-align: center;
    width: 100%;}
	.p-step-10 {
        width: 85%;
       margin: 15px auto;
}
	.p-step-9 {margin: auto;}
	.lanp .lp-title6 {    font-size: 2.5em;
    width: 90%;
    margin: 3em 30px 30px 30px;
}
	.fon-lp-svg {display: none;}
	.page-corp .fon-lp2 { 	 bottom: -330px;}
	/*.img-step {margin-left: 75px;}*/
	.txt-step {margin: 18px 5px 0px 40px; width: 87%;}
	.num-step3 {width: 45px;height: 45px;}
	.p-step-8 {width: 90%;margin:59px auto 26px;}
	/*.p-step-6 {width: 16em;}
	.p-step-5 {width: 17em;}
	.p-step-4 {width: 17em; margin-left: 25px;}
	.p-step-3 {width: 17em;}
	.p-step-2 {width: 17em; margin-right: 0;}
	.p-step-1 {width: 17em;}*/	
	.lp-title5 {font-size: 2.5em; margin: -30px auto 57px;}
	.lp-title, .lp-title2, .lp-title3, .lp-title4 {
        width: 95%;
    font-size: 2.4em;
    text-align: center;}
	.lp-title4 {
    margin: 12em auto 65px;
}
	.blstep2 {height: 100%;top: 3em;}
	.kontxt .blstep2 {height: 96%;top: 2em;}
	.blstep1, .blstep3 {
    width: auto;}
	.wrp-slide {width: 78%;}
	.decor-img-foto {
        width: 255px;
    height: 415px;
    right: -21px;
    bottom: -35px;}
	.img-foto {
    width: 77%;}
	.lp-header {
    min-height: inherit;
    height: 314px;}
	.wrp-land, .wrp-land2, .wrp-land3 {
    width: 100%;
	    margin-right: 0px;
}



	.lp-step {
    width: 258px;
    margin-bottom: 15px;
	    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}
	.wrp-step {
		    width: 100%;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
	    margin-left: 0;}
	.txt-one {    margin-bottom: 20px;
    width: 90%;}
	.lp-text {    top: -1em;
    font-size: 2.2em;margin-left: 30px;}
	
	.wrp-onas-new .sd-adress {
    width: 150px;}
	.wrp-onas-new {
    width: 78%;
    margin: 60px auto 60px;
    display: flex;
    flex-direction: column;
    align-items: center;}
	
	
	.bg-color1, .bg-color2, .bg-color3, .bg-color4, .shp-color1, .shp-color2, .shp-color3 {
    width: 22vw;
    height: 22vw;
}
	.title-win2 {
    font-size: 3.4em;     bottom: -34px;    left: 77px;
}
.title-win5 {margin: 13% -21% 0 0;}
	.title-win1 {
    font-size: 2.5em;}
	.descr-win {
    width: 82%;
    margin-left: 8%;
    color: #fff;
    margin-top: 11%;
    font-size: 1.2em;
    line-height: 1.5em;
}
	.name-wsg1 {
    text-align: center;
    font-size: 2.5em;}
	.wrp-tri {height: 103vw;left: -146%;}
	.name-wsg1 span {
    font-size: 1em;}
	
	.left-block {width: 65%; margin: 0;}
	.color-block {    width: 90%;
    margin: 20% -9% 0 0;}
	
	
	.elips, .shp-elips {
    width: 80.55vw;
    height: 164.8vw;
}
.descr-win {margin-top: 20%;}
.bg1, .shp-bg {height: 100%;}
	
	.win-head, .shp-head {height: 100vh;}
	.foto-win {width: 93vw;bottom: -15px;z-index: 10;}
		.foto-win4 {width: 90vw;bottom: -15px;z-index: 10;}
	.wrp-hline {width: calc(100% - 24px);}
	.foto-win2 {
    float: none;
    margin: auto;
    display: block;
    width: 57%;
}

	
	.left-wsg, .right-wsg {
    width: 10vw;
    height: 10vw;}
	
	.wrp-wsg-win {
    width: 100%;
    margin-right: 0;
}
	
	.txt-uva2 {
    width: 95%;
	    text-align: center;
    border-bottom: 2px solid;
    margin-bottom: 10px;
	}
	
	.wrp-txt, .wrp-txt-ipsos {
    float: none;
    text-align: center;
    display: block;
    margin: 5vw auto 0;    
    width: 80%;
	    animation-name:none
}

	.wrp-txt-ipsos {
    float: none;
    text-align: center;
    display: block;
    margin: 12vw auto 0;    
    width: 80%;
	color:#fff;
	    animation-name:none
}

.name-uva2 {
font-size: 2.7em;}
.line-uva2 {    display: none;
height: 6em;}
.txt-uva span, .txt-uva2 span, .title-uva {
font-size: 11vw;}
	.line-uva3 {left: 21vw;}



.foto-site img {margin: 0 auto;}
.foto-site {
display: block;}

.wrp-uva3 {margin: 5% 0 0 5%;}
.wrp-uva4 {width: 95%;    flex-direction: column;    justify-content: center;
    align-items: center ;
align-content: center ;}
.uva-color1, .uva-color2, .uva-color3, .uva-color4 {
        width: 20vw;
    height: 20vw;font-size: 4vw;}
	.color-block-uva {width: 95%;}

.wrp-uva1 { width: 95%;  flex-direction: column;}
.first-uva {display: block;}
.txt-uva { width: 90%;margin:0 auto;}
.txt-uva span{ text-align: center; display: block;}
.line-uva, .line-uva4 {display: none;}

	.info-menu .wrp-h.active {width: 47vw;}
	.wrp-head, .wrp-head-bl, .hline-head {height: 180px;}
	
	.logo-line-top, .logo-line {display:none}
	#hc h1 {
    font-size: 27px;
}
	.wrp-block-pr .slog {
    font-size: 3em;}
	.link-pr { margin-top: 79vw;}
	
.link-pr a {font-size: 12px;}
.link-pr div {
    width: 47%;
    margin: 0;
    margin: 0px 0px 8px 0px;
}
	.wrp-dec-a {
    margin-bottom: 14px;
    width: 46%;
}
	.info-pr a {font-size: 12px;}
	
	.name-pr {
       margin-left: 0;
    left: 14vw;
    display: block;
    width: 50%;
    font-size: 6.5vw;
    padding-top: 100px;
	    animation-name: name-pr;
    animation-duration: 2.5s;
}
		@keyframes name-pr {
    from {
             left: 21vw;
		     opacity: 0;
    }
    to {
             left: 14vw;
		     opacity: 1;
    }
}
	.wrp-anons {width: auto;
    justify-content: center;
    margin-right: 0;	   
    float: none;   
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
		align-content: center;}
		 .cen {
    text-align: center;
    margin-bottom: 60px;
    position: relative;
    width: 83.5%;
    display: inline-block;
    margin-right: 0;
	    max-width: 339px;
}
.capt {
    color: black;
    background-color: white;
    width: 100%;
    margin: auto;
    display: inline-block;
}
	.name-bl { font-size: 9vw;left: 55px;bottom: 0;}
	.name-sin { font-size: 9vw;left: 0px;    align-items: flex-end;}
	.decor-bl, .decor-hd {font-size: 18vw;left: 51px;margin-right:0;}
	   .decor-bl{ bottom: 0;}
	@keyframes decor-hd {
    from {
         left: -70px;
		     opacity: 0;
    }
    to {
         left: 51px;
		     opacity: 1;
    }
}
@keyframes decor-bl {
    from {
         left: -10px;
		     opacity: 0;
    }
    to {
         left: 51px;
		     opacity: 1;
    }
}
@keyframes name-bl {
    from {
         left: 165px;
		     opacity: 0;
    }
    to {
             left: 55px;
		     opacity: 1;
    }
}
	.name-hd {
    font-size: 9vw;
    left: 10px;
    align-items: flex-end;
}
	.row {
    margin-left: 0px;
    margin-right: 0px;
}
.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 0px;
    padding-right: 0px;
}
.wrp-sec1, .wrp-sec4, .wrp-sec6, .wrp-sec7, .wrp-onas, .wrp-bl, .wrp-sec-pr, .wrp-hline, .wrp-hline2, .wrp-wsg {
    display: inline-block;
    /* height: 730px; */
    width: 100%;
    background-color: white;
    float: none;
    margin-right: 0px;
    padding: 35px 0 35px 0;
    position: relative;
}

.wrp-hline {padding: 35px 0 0px 0;}

.wrp-bl {
    background-color: #121217;}
.info {    right: 20px;
    float: right;
    /*top: 65px;*/
    width: 80%;
	    top: 50%;
    transform: translateY(-50%);}

.logo-main {
    position: relative;
    width: 52px;
    height: 57px;
    top: 0px;
	left: -30vw;
    background: url(./img/sd-logo.png) no-repeat 0px 0px;
    animation-name: fadeIn;
    animation-duration: 2.5s;
    animation-delay: .5s;
    animation-fill-mode: backwards;
    z-index: 2;
}
.log-name {right: 2px;}
.wrp-h { width: 100%;    top: 0;
    position: absolute;}
.inf-span {padding-left: 45px;}
.line-head {top: 37px;}
.tok {
    width: 7px;
    height: 7px;
    background-color: #ffffff;
    border-radius: 8px;
    margin: 34px 0px 0px 0px;
    position: relative;
    /* left: 94.5%; 
       left: 26vw;*/
	       left: calc(-39px - -50%);
    animation-name: tok-mobi;
    animation-duration: 2.5s;
    animation-delay: 2.7s;
    animation-timing-function: cubic-bezier(.50, 0, .47, 1);
animation-fill-mode: backwards;}

@keyframes tok-mobi {
    0% {
             left: -31vw;
			 opacity:0;
    }
	
	  10% {
             
			 opacity:1;
    }
	
   100% {
            /*left: 26vw;*/
			    left: calc(-39px - -50%);
			opacity:1;
    }
}

.logomenu {left: 2px; margin: 4em auto;}
.name-men.active {
top: 3vh;}
.step {display: none}
.eq2 {margin-right: 0px;right: 0em;margin-top: 73vh;/*display: none*/}
.line-head {        left: 15vw;
    width: 77%;
    animation-name: line-head-mobi;
    animation-duration: 2.5s;
    animation-delay: 2.7s;
    animation-timing-function: cubic-bezier(.50, 0, .47, 1);
    animation-fill-mode: backwards;}
	
	
@keyframes line-head-mobi {
    from {
        width: 0%;
		     
    }
    to {
        width: 77%;
    }
}
	
.inf-h { font-size: 30px;}
.inf-descr { width: 100%; margin-top: 100px;}
.sd-logo3, .sd-logo3-name, .step2, .step3, .dizblok1, .dizblok2, .dizblok3 {display: none;}
.bg-logomenu { width: 40px;}
.hamburger {left: -9px;    top: 1vh;}
.about {
   width: 87%;
    height: inherit;
    float: none;
    /* margin-left: 0px; */
    /* margin-top: 4em; */
    margin: 5em auto;
}

.desc-ab {
    margin: 4em auto 2em;
    line-height: 1.8em;
}
.decor {
    width: 85%;
    height: 65%;
    background-color: #E6E6E6;
    margin-top: 0;
}
.decimg {
    position: absolute;
    bottom: 0;
    left: inherit;
    right: -15px;
}
.wrp-slog {
        width: 65%;
    height: 250px;
    /* margin-left: -65px; */
    margin-top: 0;
    position: relative;
    /* padding-left: 1em; */
    padding-top: 4em;
    left: 0vw;
}

.mobi-mar {margin-left: -30vw;}

.slog-us {    font-size: 48px;
    width: auto;
    display: flex;
    }
.bord {    width: 60%;
    height: 185px;

    left: 20vw;
    top: 12em;}

.demo-link{    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: flex-start;
    align-content: center;
    height: 12%;
    width: 100%;
    position: absolute;
    right: inherit;
    top: 4vw;
    margin-right: 0;}
		
		.foto {
    width: 85%;
    height: 19em;
    float: none;
    margin-top: 0px;
    display: flex;
    position: relative;
    margin: auto;

}

.wr-but {
        width: 100%;
        margin: auto;}
		
		
		.wr-but .butt2 {
    margin: auto;
    display: block;
     padding: 3% 0 3% 0;
}
		.wrp-call {width: 100%;}
.link3 {
    /* margin-top: 20px; */
    width: 100%;
    margin: 20px auto 0;
text-align: center;}
.rightinfo {
   /* float: right; */
    /* clear: both; */
    width: 100%;
    /* margin-bottom: 234px; */
    display: inline-block;
    position: absolute;
    /* margin: auto; */
    left: 0;
    top: 0;
    margin-bottom: 0;
}

.info3 {
       width: 87%;
    float: none;
    /* clear: right; */
    color: #fff;
    /* margin-left: 36px; */
    /* margin-top: 26em; */
    margin: 30em auto 0;
    position: relative;
}

.decor3 {
    /*width: 75%;
    height: 33%;*/
	width: 215px;
    height: 215px;
    background-color: #212121;
    border-radius: 50%;
    position: absolute;
    margin-left: 0;
    left: 17%;
    top: 2em;
}
.slog3 {
font-size: 55px;}
.wrp-slog3 {
    margin-left: 0;
    margin-top: 0;
    position: relative;
    width: 65%;
    margin: 5em auto 3em;
}
.rt-butt:after {
    left: 17px;
    margin: 0 -100% 0 0;
}
.rt-butt { width: 82%;}



.wrp-sec4 {height: auto; background-color: #E6E6E6;}
.about4 {   
    margin-top: 0px;
    float: none;
    margin-left: 0px;
    position: relative;
    margin: auto;
    width: 87%;
    height: inherit;
    float: none;}

.slog {
font-size: 55px;}
.pr-title2-mobi .slog {
    left: 12vw;    position: relative;display: block;
    width: 74%;}
	.sp-pad {
    margin-left: 0;
}
.wrp-slog4 {
    width: 95%;
    height: 250px;
    margin-left: 0;
    margin-top: 0;
    position: relative;
}
.bord4 {
    width: 77%;
    height: 83%;
    position: absolute;
    /* border: 3px solid #ffffff; */
    z-index: 0;
    right: 0;
}


.wrp-count {
    width: 84%;
    float: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    margin: 0 auto 35px;
}
.digits, .digits2, .digits3 {font-size: 5em; width: 60%;}
.count {min-height: 22em;}
.txtdig1, .txtdig2, .txtdig3 {bottom: 0;}


.line-cnt1, .line-cnt2, .line-cnt3 {
    width: 1px;
    margin: auto;
    height: 8em;
    background-color: #000;
	display:block;
}
.wrp1, .wrp2, .wrp3 {
    position: relative;
    float: none;
    width: 85%;
    /* margin-right: 100px; */
    margin: auto;
}
.wedoin {
    position: absolute;
   width: 90%;
    top: -21em;
    left: 5%;
}

.wedecor {width: 17em;
    height: 220px;
}

.we-title {
    font-size: 47px;
    margin: 1em 0px 0px 1em;
}

.wrp-hsth {
    position: relative;
width: 100%;animation-name:stop}

.wrp-hsth h2 {font-size: 22px; animation-fill-mode:initial; animation-name:stop}
.wrp-sec5 li {font-size: .9em;}
.ul-host {
    margin-left: 10px;
}
.wrp1, .wrp2 {
    min-height: 0;
}

.h2-back h2 {font-size: 35px;animation-name:stop}

.host {
    width: 100%;
    position: relative;
    /* bottom: 0; */
    /* left: 0; */
    /* top: 10em; */
    /* float: left; */
    margin: 20em auto 0px;
}
.diz {width: 90%;}
.h2-back {    width: 81%;
    left: 30px;animation-name:stop}
	.diz-ul {
    position: absolute;
    /* bottom: 0; */
    right: 0;
    width: 93%;
    padding: 3em 0px 0px 1em;
    height: 226px;
    top: 3em;animation-name:stop
}
.diz {
    position: relative;
    width: 95%;
    display: inline-block;
    height: 280px;
}
.razrab {
    position: relative;
    /* bottom: 0; */
    /* right: 0; */
    display: block;
    width: 93%;
    height: inherit;
    margin: 30px auto;
}

.h2-razrab {width: 100%;    height: 5em;animation-name:stop}
.razrab ul {
margin: 16px 0px 18px 7px;}

.razrab h2 {
    position: absolute;
    /* width: 77%; */
    display: inline-block;
    text-align: center;
    margin: 0px;
    padding: 15px;
    left: 0px;
font-size: 36px;animation-name:stop}
.wrp-test {
    position: relative;
    width: 95%;
    display: block;
    height: 340px;
margin: 90px auto;}
.wrp-test h2 {font-size: 24px;    padding: 0px 0px 0px 25px;animation-name:stop}
.h2-wrp-test {width: 93%;animation-name:stop}
.wrp-test ul {
    position: absolute;
    top: 34px;
    right: -10px;
    width: 98%;
    padding: 79px 10px 20px 20px;
        animation-name:stop
}
.wrp-slider {
    position: relative;
    width: 100%;
    border: 1px solid;
    border-right: none;
    border-left: none;
    display: inline-block;
    float: none;
    margin-right: 0;
}

.sl-foto {
    float: none;
    margin: 0 28px 16px 0;
    width: 79%;
    display: flex;
    border: 1px solid rgba(191, 0, 169, 0.18);
    margin: auto;
}
.port-title {
        position: absolute;
    width: 84%;
    top: 15px;
    left: 40px;}
	
.sl-more {
    
    
        margin: 20px auto;
    display: table;
    width: 85%;
    
}

.wrp-sec7 {
    background-color: #F5F5F5;
}

.pr-dec {
    width: 220px;
height: 204px;
    left: 12vw;
	top:35px}
	
	.pr-title {top: 50px;}

.port-title .slog {
        font-size: 35px;
    font-weight: 700;
    word-spacing: 0;
    letter-spacing: -3px;
    line-height: 33px;
    width: 100%;
	top: -15px;
    position: relative;
}
.wrp-sec7 .col-md-7 {margin-top: 9em;}
.wrp-pr {
    position: absolute;
    width: 36%;
    /* height: auto; */
    /* margin: auto; */
    display: block;
    left: 9%;
    top: -27em;
}
.pr-calform {
    width: 78%;
    float: none;
    display: block;
        margin: 170px auto 0px;
	    text-align: center;
}
.txblok1 {
    width: 100%;
height: 100%;}
.txt-dec {
    width: 87%;
    height: 195px;
    position: absolute;
    background-color: #E6E6E6;
    z-index: 0;
    top: 0;
    left: 20px;
}

.pr-dec2 {
    top: 56em;
    right: 22vw;
    bottom: 10em;
	height: 200px;
}
.wrp-price {
    float: none;
    width: 95%;
    margin: 16em auto 0;
}
.pr-title2-mobi {
    position: relative;
    z-index: 1;
    left: 0em;
    top: 3em;
	width:100%
}

.wrp-txbl {
    width: 100%;
float: none;}
.txbl-p2 {    font-size: 1.1em;
        padding: 1em;
    width: 100%;  
float: none;}
.txbl-p3 {
        width: 95%;
    padding: 1em;
    font-size: 1.2em;
    float: none;
    line-height: 1.5em;
    background-color: #f6f6f6;
    margin-right: 0;
    margin: auto;
}
.txblok2 {
    margin-top: -2em;
float: none;}
.txt-decor {
    position: relative;
    bottom: inherit;
    width: 85%;
    height: 190px;
margin: auto;}
.txbl-p {
    width: 89%;
    height:  auto;
    padding: 0.5em;
    float: none;
	    font-size: 1.1em;
        margin: 20px auto;
}

.ft-menu {
    width: 97%;
    margin-left: 0;
margin: auto;}
.ft-logo-cop {
    display: block;
    float: none;
    text-align: center;
margin-top: 45px;animation-name:stop}
.ft-name {
    width: 95%;
    /* margin-top: 56px; */
    display: flex;
    /* margin-bottom: 4px; */
    margin: 0 auto 30px;
    text-align: center;
	    animation-name:stop
}
.wrp-sec9 {    width: 100%;
    float: none;
    margin-right: 0;
padding-right: 0;}

.fm-title1 {
    text-align: center;
    padding: 40px 20px 0px 20px;
        font-size: 1.5em;
    letter-spacing: 2px;
    margin-bottom: 0;
    margin-top: 1em;
}
.fm-title2 {
    text-align: center;
    padding: 0;
font-size: 1em;
    letter-spacing: 2px;
	margin-top: 15px;
}
.fm-form {
width: 95%;    margin: auto;}
.fm-sub {
    display: table;
    margin: auto;
    width: 75%;
}

.wrp-sec9 div.wpcf7-validation-errors {width: 70%;}
.use-floating-validation-tip span.wpcf7-not-valid-tip {
     width: 50%;
    font-size: 11px;
    top: -50%;
left: 51%;}
.ft-menu-itm {font-size: 1em;}


.info-menu {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    align-content: center;
    color: #ffffff;
    /*height: 92%;
	min-height:530px;*/
    width: 100%;
    margin: auto;
    position: relative;
    top: 40%;
    transform: translateY(-50%);
    font-weight: 100
}
.info-menu .wraprow {
    width: 85%;
    margin: 4em auto 1em;
	display: none;
}

.inf-span-menu {
    /* margin-left: -1px; */
    border-bottom: 1px solid;
    font-size: 25px;
    /* padding-top: 2px; */
    text-transform: uppercase;
    /* padding-left: 115px; */
    min-height: 38px;
    width: 100%;
}
.tok-menu {
    width: 7px;
    height: 7px;
    background-color: #ffffff;
    border-radius: 8px;
    margin: 34px 0px 0px 0px;
    position: absolute;
    right: 69px;
}
.info-menu .inf-descr {
    width: 100%;
    font-size: .85em;
    line-height: 21px;}

.lft-line{    height: 1px;
    width: 30px;
    background-color: #fff;
    position: relative;
    vertical-align: middle;
    /* top: 50%; */
    margin-right: 10px;
    display: inline-block;
    transition: all 0.5s;}


 	.mobi-list ul > li {
    width: 97%;
    float: left;}
	
	.fon-menu {
    width: 90vw;
    top: 22vh;
    height: 90vw;
    position: absolute;
    background-color: #171C1E;
    transition: all 0.8s cubic-bezier(0.86, 0, 0.07, 1);
    transform: scale(0);
}

/* услуги 320 */

.ico-decor {width: 100%;}


.img-us, .img-us4, .img-us2 {right: -15px;left:inherit}

.inf-descr2 {width: 100%;}

#five .slog { font-size: 40px;}
/*.wrp-slog { width: auto;}*/
.wrp-ico {width: 5em;}

.name-us, .name-us2 {
       width: 100%;
    float: none;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;}
.bord-us, .bord-us2 {
    width: 16em;
height: 200px;}
.foto-us, .foto-us2 {
    width: 85%;
    /*height: 358px;*/
	    height: 63vw;
    float: none;
    display: flex;
    position: relative;
    margin: auto;
}

.link-us {
    width: 95%;
    float: none;
    display: flex;
    margin-bottom: 30px;
    margin-right: 0;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    align-content: center;
    transition-duration: .3s;
    margin: auto;
}
.line-us-dec, .line-us3-dec {
    position: relative;
width: 10%;}

.link-group1, .link-group2 {
    position: relative;
width: 90%;
    justify-content: flex-start;    margin-bottom: 7px;}

.wrp-link-modal1, .wrp-link-modal2, .wrp-link-modal3 {flex-direction: column;margin-top: 0;}
.decor-us, .decor-us2 {
    width: 220px;
    position: absolute;
    height: 176px;
    background-color: #E6E6E6;
    left: -15px;
}
.txt-us {
    width: 95%;
    float: none;
    display: block;
    line-height: 1.7em;
	    margin-top: 0;
    margin: 3em auto 0;
}
.txt-us .butt1, .txt-us2 .butt2{    display: block;
    margin: 2em auto 0;
    padding: 3% 0 2% 0;}
	.txt-us2 .butt2 {
    top: 33px;
}
	
.link-us2 { width: 78%;
    margin-left: 0;
	float: none;
    height: auto;
    position: absolute;
    bottom: 33em;}
	
	.links5 {  width: 80%;
    margin: 12px 10px 15px 30vw;}
	.links6 {
    overflow: hidden;
    z-index: 2;
    cursor: pointer;
    width: 78%;
    font-size: 1.7em;
    margin-left: 49px;
    display: inline-block;
    float: left;}
	
	.links1:before, .links2:before, .links3:before {width: 35px;}

.txt-us2 {
    width: 88%;
    float: none;
    display: block;
    margin: 18em auto 0;
    line-height: 1.7em;
    position: relative;
}

#four .slog-us {
    font-size: 39px;
    left: -1em;
    position: relative;
}
.wrp-sec3-us {
padding: 40px 0px 70px 0px;}
.links4 {
    height: 45px;padding: 23px 20px 0px 20px;}
	
.link-cop {
    margin-bottom: 95px;
    width: 100%;
    float: none;
    display: flex;
    margin: auto;}
	
.link-us3 {
    width: 95%;
        left: 10px;
    font-size: 1.2em;
    display: inline-block;    
    position: absolute;
    bottom: 30em;
    margin-left: 0;}
	
	
	.link-cop .links1 {
    width: 90%;
}

.link3-group1 {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    font-size: 14px;
}
.link-us3-modal2 {margin-top: 0px;}
.fm-form {
width: 87%;}

.link3-group2, .link3-group3, .link3-group1 {width: 100%;justify-content: flex-start;    margin-bottom: 7px;}
.link-us3-modal3 {
margin: 0px auto 0px;}


.ico-decor-mobi{width: 85%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    position: relative;
    bottom: 0;
    margin: auto;}
.inf-descr-mobi{    display: inline-block;
    width: 77%;
    animation-name: zoom;
    animation-duration: 1.5s;
    animation-delay: .5s;
    animation-fill-mode: forwards;
    opacity: 0;
    margin-top: 40px;}
	
	.wrp-link-anhor{    width: 85%;
    display: block;

    position: relative;
    margin-bottom: 15px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;}
	.wrp-trap {
    position: absolute;
    width: 100%;
    bottom: 0;
}
.trap-mobi {
    width: 100%;
    border-bottom: 20px solid #9A0288;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
}

.rec-mobi {
    background: #58465a;
    background: linear-gradient(to bottom, #58465a 0%,#191317 100%);
    height: 44px;
    width: 100%;
    position: relative;
}
.wrp-ico {
    text-align: center;
        width: 124px;
    min-height: 86px;
    transition-duration: .2s;
}
.bg-ico1, .bg-ico2, .bg-ico3, .bg-ico4 {
    animation-name: fadeInDown;
    animation-duration: 1s;
    animation-delay: 1.5s;
    animation-fill-mode: forwards;
        
    opacity:0;
}
.bg-ico1 {background: url(./img/ico-decor.png) -265px 0px no-repeat;background-size: cover;}
.bg-ico2 {background: url(./img/ico-decor.png) -90px 0px no-repeat;background-size: cover;}
.bg-ico3 {background: url(./img/ico-decor.png) -180px 0px no-repeat;background-size: cover;}
.bg-ico4 {background: url(./img/ico-decor.png) 4px 0px no-repeat;background-size: cover;}

.bg-ico1, .bg-ico2, .bg-ico3, .bg-ico4 {
    width: 60px;
    height: 45px;
    margin: 0px auto 15px;
    transition-duration: .3s;
}



.but-share {
    width: 80vw;
	margin-bottom: 15px;
}

}
/* END @media (max-width: 519px)*/
 
 @media (max-width: 417px) {



.wrp-info-wsg {width: 85%;}
.two-wsg .title-wsg {
    margin-top: 24%;
}


 }
 
  @media (max-width: 400px) {
 .link-us3 { bottom: 33em;}
  }
 /* tarif */
 
 @media (max-width: 567px) {
	 .title-tarif {
    display: inline-block;
    padding: 10px;
	 font-size: 24px;}
	 .wrp-flag-tar {top: 0px;}
	 .price-tar {padding: 8px 11px 0px 0px;text-align: center;}
	 .cir-wsg3 {
    left: 33vw;
    top: 88%;
}
.name-wsg2, .title-wsg, .title-win, .title-win6, .title-wsg2, .title-wsg3, .title-wsg-llp, .title-wsg-llp2, .title-wsg-llp3 {
    text-align: center;
font-size: 2.5em;}

	 .wrp-info-wsg {padding-left: 9%;padding-top: 50%;}
	 
	 .wsgblock {
    margin-top: 0;
}
.wsg .slide-wsg{
    width: 58%;
    top: 19vw;
}

	.overlay-wsg {    margin: 25px auto 12px;}
	.two-wsg { margin: 18px auto 0;}
	.title-wsg-llp2	{    margin-top: 2em;}
	.title-wsg-llp3	{    margin-top: 2em;}
.cir-wsg2 {margin-left: 7vw;}
.cir-wsg3 {left: 35vw;}
.name-wsg4 {width: 90%; margin: 50px auto 0;}
.tecblock {
    height: 155px;
}
.scren2 img {margin:auto}
.foto-site {
display: block;}
.wsgblock2 {width: 95%;}
.wrp-cir-div {width: 97%;}

	 .decor-pr {
    left: 9vw;
    font-size: 12.5vw;
}
	 .decor-os {
    width: 50%;
    height: 150px;
    position: absolute;
	 right: -15px;
	     top: -22px;}
	 
		@keyframes decor-os {
    from {
         right: -130px;
		     opacity: 0;
    }
    to {
         right: -15px;
		     opacity: 1;
    }
} 
	 
	 .text-os {
    width: 80%;
margin: 2em auto 135px;}
	.hover-line {
    padding: 5px;}
	
	.link-os {
    position: relative;
        bottom: -25px;
    right: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    align-content: center;
    width: 100%;
    font-size: 1.4em;
    padding-left: 0;
    overflow: hidden;}
	 
	 
	 
	 .inputs {
    width: 100%;
    margin-bottom: 0px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.textarea-kont {
width: 100%;}
.input-kont {
    width: 100%;
    padding: 15px;
    font-size: 1.2em;
    border: 1px solid #b7b7b7;
    margin-bottom: 15px;
}

	 .sd-adress {
	 width: 93%;    margin-bottom: 55px;}
	 .adr-decor {
    position: absolute;
    width: 100px;
	 height: 100px;}
	 .wrp-adress {
    width: 235px;
    margin: 20px auto 60px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}
.kont-title2 {
    text-align: center;
    width: 98%;
margin: -35px auto 50px;}
.form-kontakt {
width: 95%;}
	 
.wrp-tar {
width: 100%;
    float: right;
    margin-right: 0;
    padding-right: 0;
	    min-height: 640px;}

    .wrp-cont{width: auto;
	    margin: 20px auto 0px;
    position: relative;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;}
	.el-tar-left {
        width: 90%;
    min-height: 0;
    position: relative;
    /* border: 1px solid; */
    display: flex;
    height: 109px;
        margin: auto;
}
.decor-tar {
    width: 87%;
    height: 85px;
	left:0;
	bottom: inherit;
   }
.title-tar {
   
    width: 90%;
    height: 85px;
	    transform: rotate(0deg);
    bottom: 0;
    left: 15px;
    font-size: 3.4em;
    padding: 8px 0px 8px 30px;}
	.el-tar-right {
    width: 100%}
	.wrp-tar-ul {
       margin-top: 36px;
    display: inline-block;
    margin-left: 0;
    width: 100%;
}
.wrp-tar-ul ul {
    width: 100%;
    font-size: 14px;
    position: relative;
    z-index: 1;
    padding-left: 28px;
}
.wrp-tar-ul ul > li {
    width: 50%;
    float: left;
}
.wrp-tar-ul ul > li span {
    margin-left:35px
}

.price-tar {
    width: 240px;
    height: 68px;
    position: relative;
    bottom: 24px;
    right: 0;
    float: none;
    margin: 1em auto;}
.decor-ul {right: 101px;} 
	 .el-tar-right .butt2, .el-tar-right .butt1 {
    bottom: -10em;
    left: 0;
	    padding: 3%;
    font-size: 14px;
    margin: auto;
    display: block;
    position: relative;
}
.decor-ul {
    right: 10vw;
    /* left: 0; */
    height: 250px;
}
	 
 }
 
 /* END TARIF */
 
 


/* sm (>=414 и <=767) */
@media (min-width: 520px) and (max-width: 767px) {
	
	
	.line-uva3 {left: 21vw;}
.wrp-uva1 {width: 80vw;}
.line-uva4 {height: 27em;}

.foto-site img {margin: 0 auto;}
.foto-site {
display: block;}
.wrp-uva1 {width: 95%;}
.wrp-uva3 {margin: 5% 0 0 5%;}
.wrp-uva4 {width: 95%;}
.uva-color1, .uva-color2, .uva-color3, .uva-color4 {
    width: 100px;
height: 100px;}
	
	.pr-title {top: 45px;}
	.pr-dec {height: 210px;top: 20px;}
	
	
		.name-bl, .name-sin { font-size: 9vw;left: 54px;}
	.decor-bl {font-size: 18vw;left: 51px;}
		.name-hd { font-size: 9vw;left: 54px;}
	.decor-hd {font-size: 18vw;left: 51px;}
	
	
	    .wrp-anons {width: auto;
    justify-content: center;
    margin-right: 0;	   
    float: none;   
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
		align-content: center;}
		 .cen {
    text-align: center;
    margin-bottom: 60px;
    position: relative;
    width: 61.5%;
    display: inline-block;
    margin-right: 15px;
	    max-width: 339px;
}
.capt {
    color: black;
    background-color: white;
    width: 100%;
    margin: auto;
    display: inline-block;
}
	

}
 

 @media (min-width: 568px) and (max-width: 767px) {
	 		.name-hl1 {margin-top: 15px;}
	.name-hl2 {margin-top: 0;}
	.decor-top {width: 45vw;height: 45vw;left: 10vw;    top:6em;}
	.prob {width: 50%;top: 11em;left: 17vw;}
	.foto-hline1 {right: 0;top: -56%;}
	.decor-yel {width: 30vw;height: 30vw;top: -60px;}	
		.wrp-idea { bottom: 0; left: 3%;  width: 95%;}
		.decor-top2 {text-align: center;}
		.name-dec {margin-left: 0;   margin-top: 0;}
		.title-hl2 {font-size: 4em;left: 18%;}
		.title-hl3 {font-size: 2em;}
		.wrp-icon {width: 95%; margin: 70px auto;}
		.text-name {font-size: 3em;    padding-right: 0;    border: 0;    text-align: center;}
		.line-yel { height: 120%; top: 25px; transition: none;} 
.title-hl1 {left: -32%;}
.wrp-circle {margin-right: 19%; margin-top: 0;}
		.text-cont {
    width: 95%;
    display: inline-block;
    font-size: 1.5em;
    line-height: 1.7em;
    margin: 14px auto;
    padding-left: 0;
}
		.text-block {
    width: 95%;
    margin: 20px auto;
    height: inherit;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    align-content: center;
}
	 
 }

  @media (max-width: 568px){
	  .h-work {font-size: 9vw;}
	  .h-line {font-size: 14vw;}
	  
	  .title-hl4 {
    font-size: 3em;    
    top: 7%;
	  right: 15vw;}
	  
	  .circle5 {    bottom: 155px;
	  left: 100px;}
	  
	  .circle1, .circle2, .circle3, .circle4, .circle5 {
    
    width: 120px;
	  height: 120px;}
	  
	  .hline-head {
    height: 100vh;
}
	  
	  		.name-hl1 {margin-top: 15px;    position: relative;
    
    width: 70%;
    float: left;
    left: 0;
   
    padding-left: 14vw;}
	.name-hl2 {    margin-top: 72px;
    font-size: 10px;}
	.name-hl2 span { font-weight: 200;    margin-right: 0;}
	.decor-top {width: 62vw;
    height: 62vw;
    left: 18%;
    top: 3em;}
	.prob {    width: 55%;
    top: 9em;
    left: 25vw;
    font-size:  2.7vw;    animation-name:none}
	.foto-hline1 {right: 0;top: -38%;z-index: 10;}
	.decor-yel {width: 30vw;height: 30vw;top: -60px;}	
		.wrp-idea { bottom: 0; left: 3%;  width: 95%;}
		.decor-top2 {text-align: center;    margin-top: 91%;    width: 58%;}
		.name-dec {margin-left: 37px;
    margin-top: -15px;
    font-size: 8vw;
}
.title-hl3 {display:none}
		.title-hl2 {font-size: 4em;    left: calc(-170px - -17%);
    transform: rotate(-90deg);animation-name:none}
		.title-hl3 {font-size: 2em;}
		.wrp-icon {width: 95%; margin: 70px auto;}
		.text-name {font-size: 3em;    padding-right: 0;    border: 0; width: 90%;   text-align: center;}
		/*.line-yel { height: 92%; top: 25px; transition: none;} */
		.amedia .line-yel { height: 92%; top: 25px; transition: none;} 
.title-hl1 {display:none}
.wrp-circle {margin-right: 35%; margin-top: 0;}
		.text-cont {
    width: 95%;
    display: inline-block;
    font-size: 1.5em;
    line-height: 1.7em;
    margin: 14px auto;
    padding-left: 0;
}
		.text-block {
    width: 95%;
    margin: 20px auto;
    height: inherit;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    align-content: center;
}
	  
  }
 
@media (min-width: 520px) and (max-width: 991px) {
	.name-wsg1 span {
    font-size: 1em;}
	
	.left-block {width: 50%; margin: 0;}
	.color-block {width: 80%; margin: 20% -3vw 0 0;}
	
	
	.elips, .shp-elips {
    width: 80.55vw;
    height: 164.8vw;
}
.descr-win {margin-top: 20%;}
.bg1, .shp-bg {height: 100%;}
	
	.win-head, .shp-head {height: 130vh;}
	.foto-win {width: 93vw;}
	.wrp-hline {width: calc(100% - 24px);}
	.foto-win2 {
    float: none;
    margin: auto;
    display: block;
    width: 57%;
}

	
	.ft-kont {width: 55%;}
	
	.name-pr {
    margin-left: 0;
    left: 9vw;
    display: block;
    width: 50%;
    font-size: 2.5em;
	    padding-top: 20px;
}
	
	   
	
	
	.head-wrp {height: inherit;
    min-height: 485px;}
	.info {top: 22vh}
	
	
	.info-menu {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    color: #ffffff;
    min-height:360px;
    width: 100%;
    margin: auto;
    position: relative;
        top: 50%;
    transform: translateY(-50%);
    font-weight: 100
}

.info-menu .wraprow {
    width: 78%;
    margin: 2em auto 1em;
}
.name-men.active {
top: 4vw}
.info-menu .inf-descr {
        width: 82%;
    font-size: 1em;
    line-height: 21px;
	margin-top: 10px;}
.slog, .slog-us {
font-size: 50px;}
	
	.mobi-list ul > li {
    width: 50%;
    float: left;
	    margin-bottom: 10px;
}

.lft-line{    height: 1px;
    width: 30px;
    background-color: #fff;
    position: relative;
    vertical-align: middle;
    /* top: 50%; */
    margin-right: 10px;
    display: inline-block;
    transition: all 0.5s;}
.step {display: none}
.eq2 {margin-right: 0px;right: 0em;margin-top: 81vh;}
.line-head { left: inherit;}
.inf-h { font-size: 38px;}
.inf-descr { width: 100%;}
.sd-logo3, .sd-logo3-name, .step2, .step3, .dizblok1, .dizblok2, .dizblok3 {display: none;}
.bg-logomenu { width: 40px;}
.hamburger {left: -9px;}
.about {
    width: 94%;
    height: inherit;
    float: left;
    margin-left: 39px;
}
.demo-link{display: flex ;
flex-direction: column ;
flex-wrap: wrap ;
justify-content: space-around ;
align-items: flex-start ;
align-content: center ;
    height: 23%;
	    width: 30%;
    position: absolute;
    right: 0;
	    margin-right: 0;}
		
		.foto {
    width: 85%;
    height: 36em;
    float: none;
    margin-top: 0px;
    display: flex;
    position: relative;
    margin: auto;

}

.wr-but {
    width: 50%;
    margin-left: 178px;
margin-top: 25px;}
.rightinfo {
   
    width: 100%;
    /* margin-bottom: 234px; */
    display: inline-block;
    position: absolute;
    /* margin: auto; */
    left: 0;
    top: 0;
    margin-bottom: 0;
}
.decor3 {
    width: 215px;
    height: 215px;
    background-color: #212121;
    border-radius: 50%;
    position: absolute;
    margin-left: 0;
    left: 36%;
    top: 2em;
}
.wrp-slog3 {
    margin-left: 0;
    margin-top: 0;
    position: relative;
    width: 50%;
    margin: 5em auto 3em;
}
.wr-but {
    width: 100%;
    margin: 7em auto 0;
}
.wr-but .butt2 {
    margin: auto;
    display: block;
    padding: 2% 0 2% 0;
}
.link3 {
    /* margin-top: 20px; */
    width: 100%;
    margin: 20px auto 0;
    text-align: center;
}
.slog3 {
font-size: 63px;    left: 80px;
    position: relative;}
.info3 {
    width: 87%;
    float: left;
    /* clear: right; */
    color: #fff;
    margin-left: 36px;
    margin-top: 26em;
}
.wrp-sec4 {height: auto;    width: calc(100% - 25px);}
.wrp-sec6, .wrp-sec7{width: calc(100% - 25px);}
.about4 {
    width: 46%;
    margin-top: 0px;
    float: none;
    margin-left:0px;
    position: relative;
margin: auto;}
.txtdig1, .txtdig2, .txtdig3 {font-size: 16px;}
.wrp-count {
    width: 62%;
    float: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    margin: 84px auto 35px;
}

.pr-title2 {
    position: relative;
    z-index: 1;
    left: 40px;
    top: 40px;
    width: 50%;
    margin: auto;
}

.line-cnt1, .line-cnt2, .line-cnt3 {
    width: 1px;
    margin: auto;
    height: 8em;
    background-color: #000;
	display:block;
}
.wrp1, .wrp2, .wrp3 {
    position: relative;
    float: none;
    width: 85%;
    /* margin-right: 100px; */
    margin: auto;
}
.wedoin {
    position: absolute;
    /* float: left; */
    width: 55%;
	top: -21em;
    
    left: 25%;
}

.host {
    width: 100%;
    position: relative;
    /* bottom: 0; */
    /* left: 0; */
    /* top: 10em; */
    /* float: left; */
    margin: 20em auto 0px;
}
.diz {width: 90%;}
.h2-back {width: 50%; left: 14px;}
.razrab {
    position: relative;
    /* bottom: 0; */
    /* right: 0; */
    display: block;
    width: 93%;
    height: inherit;
    margin: 30px auto;
}

.h2-razrab {width: 60%;}
.wrp-test {
    position: relative;
    width: 95%;
    display: block;
    height: 340px;
margin: 90px auto;}
.wrp-test h2 {font-size: 37px;}
.wrp-slider {
    position: relative;
    width: 100%;
    border: 1px solid;
    border-right: none;
    border-left: none;
    display: inline-block;
    float: none;
    margin-right: 0;
}

.sl-foto {
    float: none;
    margin: 0 28px 16px 0;
    width: 88%;
    display: flex;
    border: 1px solid rgba(191, 0, 169, 0.18);
    margin: auto;
}
.port-title {
    position: absolute;
    width: 28%;
    top: 82px;
    left: 40px;}
	
.sl-more {
    
    margin: 20px auto;
    display: block;
    width: 38%;
    
}

.port-title .slog {
    font-size: 45px;
    font-weight: 700;
    word-spacing: 0;
    letter-spacing: -3px;
    line-height: 33px;
}
.wrp-sec7 .col-md-7 {margin-top: 9em;}
.wrp-pr {
    position: absolute;
    width: 36%;
    /* height: auto; */
    /* margin: auto; */
    display: block;
    left: 28%;
    top: -27em;
}
.pr-calform {
    width: 50%;
    float: none;
    display: block;
    margin: 170px auto 0px;
	    text-align: center;
}

.pr-dec2 {
       top: 55em;
    right: 30vw;
    bottom: 10em;
}
.wrp-price {
    float: none;
    width: 75%;
    margin: 16em auto 0;
}
.wrp-txbl {
    width: 100%;
float: none;display: inline-block;}
.txbl-p2 {
    padding: 35px 35px 35px 105px;   
float: none;}
.txblok2 {
    margin-top:  16em;
float: none;}
.txt-decor {
    position: relative;
    bottom: inherit;
    width: 321px;
    height: 270px;
margin: auto;}
.txbl-p {
    width: 89%;
    height: 360px;
    padding: 27px;
    float: none;
        margin: 20px auto;
}

.ft-menu {
    width: 97%;
    margin-left: 0;
margin: auto;}
.ft-logo-cop {
    display: block;
    float: none;
    text-align: center;
margin-top: 45px;}
.ft-name {
    width: 68%;
    /* margin-top: 56px; */
    display: flex;
    /* margin-bottom: 4px; */
    margin: 0 auto 30px;
    text-align: center;
}
.wrp-sec9 {
width: calc(100% - 20px);}

/* услуги */
.ico-decor {width: 100%;}


.img-us, .img-us4, .img-us2 {right: 0;left:inherit}
.logomenu {left: 2px;}
.inf-descr2 {width: 100%;}

#five .slog { font-size: 40px;}
.wrp-slog { width: 50%}
.wrp-ico {width: 5em;}

.name-us, .name-us2 {
    width: 50%;
    float: left;
        margin: auto;
    margin-right: 0px;
    padding-left: 7vw;}
.bord-us, .bord-us2 {
    width: 16em;
height: 210px;}
.foto-us, .foto-us2 {
    width: 85%;
    /*height: 358px;*/
	    height: 63vw;
    float: none;
    display: flex;
    position: relative;
    margin: auto;
}

.link-us {    width: 50%;
    float: none;
    display: flex;
    margin-bottom: 30px;
    margin-right: 0;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    align-content: center;
    transition-duration: .3s;
    margin: auto;
}
.line-us-dec, .line-us3-dec {
    position: relative;
width: 10%;}

.link-group1, .link-group2 {
    position: relative;
width: 100%;    margin-bottom: 12px;}

.wrp-link-modal2, .wrp-link-modal3 {justify-content: flex-start;margin:0}
.link-group2 {
justify-content: flex-start;}

.txt-us {
    width: 95%;
    float: none;
    display: block;
    line-height: 1.7em;
    margin: auto;
}
.txt-us .butt1, .txt-us2 .butt2{    display: block;
    margin: auto;    padding: 2% 0 2% 0;}
	.txt-us2 .butt2 {
    top: 33px;
}
	
.link-us2 {     width: 50%;
    margin-left: 0;
    float: none;
    height: auto;
    position: absolute;
    /* top: calc(50em - -2em); */
    /* bottom: 33em; */
    top: 90px;
    left: 47vw}
	
	.links5 { width: 96%;
    margin: 37px auto;}
	.links6 {    overflow: hidden;
    z-index: 2;
    cursor: pointer;
    width: 96%;
    font-size: 1.7em;
    /* margin-left: 47px; */
    display: inline-block;
    /* float: left; */
    margin: auto;
    }
	
	.links1:before, .links2:before, .links3:before {width: 35px;}

.txt-us2 {
    width: 88%;
    float: none;
    display: block;
    margin:auto;
    line-height: 1.7em;
    position: relative;
}

.link-us3-modal1, .link-us3-modal2 {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    align-content: center;
    width: 100%;
	    margin: 0;
}

.link-us3-modal3 {
margin:auto;}

#four .slog-us {
    font-size: 58px;
    left: -1em;
    position: relative;
}

.link-cop {
    margin-bottom: 95px;
    width: 100%;
    float: none;
    display: flex;
    margin: auto;}
	
.link-us3 {
        width: 49%;
    /* left: 0; */
    font-size: 1.2em;
    display: inline-block;
    margin-top: 30px;
    position: absolute;
    top: 95px;
    margin-left: 0;
    right: 0;}
	
	.fm-title1 {  padding: 114px 30px 0px 30px;}
	.link-cop .links1 {
    width: 46%;
}

.link3-group1, .link3-group2, .link3-group3 {position: relative;
    width: 92%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    font-size: 14px;
	    margin-bottom: 12px;
}
.fm-form {
width: 80%;}


}

@media (min-width: 768px) and (max-width: 991px) {
	.name-hl1 {margin-top: 15px;}
	.name-hl2 {margin-top: 0;}
	.decor-top {width: 45vw;height: 45vw;left: 10vw;    top:6em;}
	.prob {width: 50%;top: 11em;left: 17vw;}
	.foto-hline1 {right: 0;top: -56%;}
	.decor-yel {width: 30vw;height: 30vw;top: -60px;}	
		.wrp-idea { bottom: 0; left: 3%;  width: 95%;}
		.decor-top2 {text-align: center;}
		.name-dec {margin-left: 0;    margin-top: 0}
		.title-hl2 {font-size: 4em;left: 18%;}
		.title-hl3 {font-size: 2em;}
		.wrp-icon {width: 95%; margin: 70px auto;}
		.text-name {font-size: 3em;    padding-right: 0;    border: 0;    text-align: center;}
		.text-cont {
    width: 95%;
    display: inline-block;
    font-size: 1.5em;
    line-height: 1.7em;
    margin: 14px auto;
    padding-left: 0;
}
		.text-block {
    width: 95%;
    margin: 20px auto;
    height: inherit;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    align-content: center;
}



		
.line-yel { height: 120%; top: 25px; transition: none;} 
.title-hl1 {left: -32%;}
.wrp-circle {margin-right: 19%; margin-top: 0;}

	
	
		.line-uva3 {left: 21vw;}
.wrp-uva1 {width: 80vw;}
.line-uva4 {height: 27em;}

.foto-site img {margin: 0 auto;}
.foto-site {
display: block;}
.wrp-uva1 {width: 95%;}
.wrp-uva3 {margin: 5% 0 0 5%;}
.wrp-uva4 {width: 95%;}
.uva-color1, .uva-color2, .uva-color3, .uva-color4 {
    width: 100px;
height: 100px;}


	.pr-title {top: 45px;}
	.pr-dec {height: 210px;top: 20px;}
	   .wrp-anons {width: auto;
    justify-content: center;
    margin-right: 0;	   
    float: none;   
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
		align-content: center;}
		 .cen {
    text-align: center;
    margin-bottom: 60px;
    position: relative;
    width: 40.5%;
    display: inline-block;
    margin-right: 15px;
	    max-width: 339px;
}
.capt {
    color: black;
    background-color: white;
    width: 100%;
    margin: auto;
    display: inline-block;
}
	
}


@media (min-width: 992px) and (max-width: 1024px) {
	.decor-top2 {
    margin-top: 41%;}
	
/*.img-responsive{max-width: 65%;}*/
.foto-hline1 {animation-name:none;
    right: -28%;
top: -26%;}
	
	.wrp-idea {
    display: inline-block;
    position: absolute;
    bottom: 47px;
    left: 11%;
    width: 46%;
}
.line-yel { height: 120%; top: 25px; transition: none;} 
.title-hl1 {left: -20%;}
.wrp-circle {margin-right: 19%; margin-top: 0;}
.text-name {font-size: 4em;}

	.elips, .shp-elips {    width: 50.55vw;  height: 110.8vw;}
	.foto-win2 {margin-left: 0%;}
	
	.line-uva3 {left: 21vw;}
.wrp-uva1 {width: 80vw;}
.line-uva4 {height: 27em;}
.foto-site img {margin: 0 auto;}
.foto-site {
display: block;}
}


@media (min-width: 568px) and (max-width: 768px) {
	.slide-wsg {width: 59%; top: 294px;}
	.overlay-wsg {margin: 47px auto 44px;}
.cir-wsg2 {margin-left: 7vw;}
.cir-wsg3 {left: 35vw;}
.name-wsg4 {width: 90%; margin: 50px auto 0;}
.tecblock {
    height: 155px;
}
.scren2 img {margin:auto}
.foto-site {
display: block;}
.wsgblock2 {width: 95%;}
.wrp-cir-div {width: 41%;}

	
	.wrp-adress {width: 90%;}
	.adr-decor {width: 100px;height: 100px;left: 25px;}
	
}

@media (min-width: 568px) and (max-width: 1023px) { 

.decor-os {
    width: 50%;
    height: 50%;
    position: absolute;
right: -45px;}
.text-os {
    width: 80%;
margin: 2em auto 135px;}
	.hover-line {
    padding: 5px;}
	
	.link-os {
    position: relative;
        bottom: -25px;
    right: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    align-content: center;
    width: 100%;
    font-size: 1.4em;
    padding-left: 0;
    overflow: hidden;}

.wrp-tar {
width: calc(100% - 24px);}

    .wrp-cont{width: auto;
	    margin: 20px auto 0px;
    position: relative;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;}
	.el-tar-left {
    width: 386px;
        min-height: 0;
    position: relative;
    /* border: 1px solid; */
    display: flex;
    height: 109px;
}
.decor-tar {
    width: 75%;
    height: 85px;
	left:0;
	bottom: inherit;
   }
.title-tar {
   
    width: 80%;
    height: 85px;
	    transform: rotate(0deg);
    bottom: 0;
    left: 34px;
    font-size: 3.4em;
    padding: 8px 0px 8px 30px;}
	.el-tar-right {
    width: 500px;}
	.wrp-tar-ul {
    margin-top: 36px;
    display: inline-block;
    /* margin-left: 5px; */
    width: 100%;
}
.wrp-tar-ul ul {
    width: 100%;
    font-size: 1.4em;
    position: relative;
    z-index: 1;
    padding-left: 28px;
}
.wrp-tar-ul ul > li {
    width: 50%;
    float: left;
}

.price-tar {
    width: 240px;
    height: 68px;
    position: relative;
    bottom: 24px;
    right: 0;
float: right;}
.decor-ul {right: 101px;}

}
 
 @media (min-width: 1024px) and (max-width: 1199px) {
	 .wrp-share {right: 5vw;}
	 .info-sin {left: 0}

.capt {width: 100%;}


 }

@media (min-width: 992px) and (max-width: 1199px) {
	.decimg {right: 0;left:inherit}

    .wrp-anons {width: auto;
    justify-content: center;
    margin-right: 0;	   
    float: none;   
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
		align-content: center;}
		 .cen {
    text-align: center;
    margin-bottom: 60px;
    position: relative;
    width: 30.5%;
    display: inline-block;
    margin-right: 15px;
}
.capt {
    color: black;
    background-color: white;
    width: 100%;
    margin: auto;
    display: inline-block;
}
 .wrp-anons {
    width: auto;
    justify-content: center;
 margin-right: 0;}
.hover-line {
    padding: 5px;}
	
	.link-os {
    position: relative;
        bottom: -25px;
    right: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    align-content: center;
    width: 100%;
    font-size: 1.4em;
    padding-left: 0;
    overflow: hidden;}	
.eq2{right:0}
.line-head {left: 78px;}
.inf-descr {width: 87%;}
.step2, .step3 {margin-left: 48px;}
.line-hd {margin-left: 100px;}
.line-bl, .line-bl2 {margin-left: 56px;}
.step { margin-left: 5em;}
.sd-logo3 {display: none;}
.demo-link {margin-right: 42px;    width: 48%;}
.foto {width: 48%; margin-top: 50px;}
.about {width: 380px;margin-left: 60px;}
.wrp-sec1, .wrp-sec4, .wrp-sec6, .wrp-sec7, .wrp-onas, .wrp-bl, .wrp-sec-pr, .wrp-hline, .wrp-hline2, .wrp-wsg {/*width: 96%;*/width: calc(100% - 40px);}
.stop-logo3 {display:none}
.info3 {width: 40%;margin-left: 110px;}
.rightinfo {width: 47%;}
.about4 {width: 41%; margin-left: 15px;}
.dizblok2 {width: 24%;}
.dizblok3 { width: 10%;}
.dizblok1 { width: 38%;}
.wrp-hsth h2 {z-index: 2;position: relative;}
.razrab h2 {left: 20px;}
.razrab {right: -84px; width: 64%;}
.wrp-test ul {top: 155px;}
.wrp-slider {width: 80%;}
.port-title .slog {font-size: 60px;}
.wrp-call {margin-top: 29px;right: 90px;}
.pr-calform {width: 67%;}
.wrp-txbl { width: 85%;}
.txbl-p {width: 83%;}


.inf-descr2 {width: 85%;}
.name-us {width: 32%;float: left; margin-left: 70px;}
.link-us {width: 56%;margin-right:0}
.link-group1, .link-group2 {width: 47%;}
.line-us-dec, .line-us3-dec {width: 11%}
.link-group2 { justify-content: flex-end;  width: 42%;}
.txt-us { width: 38%;display: inline-block;margin-left: 72px;position: relative}
.decor-us {left: -34px; position: absolute; z-index: 0;}
.img-us, .img-us4 {right: 0;left:inherit}
.wrp-link-modal1, .wrp-link-modal2, .wrp-link-modal3 { justify-content: flex-end;}
.bord-us, .bord-us2 {width: 24%;}
.foto-us2 {margin-left: 90px; height: 420px;}
.link-us2 { width: 50%;   margin-left: 9vw;}
.link-cop {width: 55%;margin-right: 0;}
.link-us3 { width: 59%;margin-left: 0;}
.link3-group1 { width: 44%;  font-size: 14px;}
 }
 
  @media (min-width: 1024px) and (max-width: 1279px) {
	  .decor-pr { font-size: 9em;right: 0;}
	   .foto-us-pr{
    width: 49%;
    display: inline-block;
    position: relative;
 margin-left: 3vw;}
 .info-pr a, .info-pr2 a { font-size: 1.1em;}
 .wrp-dec-a {margin-bottom: 27px;}
 .link-pr { width: 100%;    margin-left: 6vw;}
 .foto-us-pr-right .link-pr { margin-top: 30em;}
 .link-pr div { width: 50%;}
 
	  
	  .wrp-cont{width:925px}
  }
 
  @media (min-width: 1278px) and (max-width: 1282px) { .wrp-circle {margin-right: 25.5%;}
 }
   @media (min-width: 1190px) and (max-width: 1205px) { .wrp-circle {margin-right: 23.88%;}
 }
 
 
 @media (min-width: 1200px) and (max-width: 1280px) {
	   .wrp-foto-1 { width: 86%;}
.wrp-step {width: 92%;margin-left: calc(12% - 0px);}
 
  .foto-us-pr{margin-left: 3vw;}
 
 
 .wrp-share {right: 9vw;}
 
 .cen {
    text-align: center;
    margin-bottom: 60px;
    position: relative;
    width: 26.5%;
    display: inline-block;
    margin-right: 15px;
}
.capt {
    color: black;
    background-color: white;
    width: 100%;
    margin: auto;
    display: inline-block;
}
 .wrp-anons {
    width: auto;
        justify-content: center;
    float: right;
 margin-right: 0;}
 .link-os {
    position: absolute;
    bottom: -14px;
 right: -3em;}

.about {
    width: 420px;
margin-left: 115px;}
.foto {
width: 52%;}
.eq2{right:0}
.slog, .slog-us {
font-size: 72px;}
.info3 {
    width: 36%;
margin-left: 162px;}
.rightinfo {
width: 47%;}
.dizblok2 {
width: 23%;}
.dizblok1 {
width: 37%;}
.demo-link { width: 44%;}
.about4 { margin-left: 75px;}
.razrab h2 {left: 20px;}
.wrp-slider { width: 88%;margin-right: 2em;}
.wrp-price {width: 65%; margin-right: 95px;}
.wrp-pr {width: 59%;}
.pr-calform {width: 57%;}
.stop-logo3 {left: 5.8vw}
.name-us {margin-left: 104px;}
.link-us {
    width: 52%;
margin-right: 0;}
.link-group1, .link-group2 {
    position: relative;
width: 46%;}
.link-group2 {
    justify-content: flex-end;
    width: 41%;
}
.foto-us2 {margin-left: 150px;}
.link-us2 {
    width: 48%;
    height: 240px;
    float: left;
    margin-left: 160px;
}
.link-cop {width: 45%;margin-right: 53px;}
.link-us3 {width: 58%;margin-left: 49px;}




 }
 
@media (min-width: 992px) and  (max-width: 1280px) {
	 /* .wrp-step-6 {
	  width: 73%;}
	  .wrp-step-4 {
	  width: 84%;}
	  .wrp-step-3 {
	  width: 70%;}
	  .wrp-step-2 {
	  width: 63%;}
	  .wrp-step-1 {
	  width: 73%;}*/
	  .blstep1 {
	  width: 36%;}
	  .blstep3 {
	  width: 38vw;}
	  .blstep2 {
	  width: 75px;}
	  
	}
 

@media (min-width: 1281px) and (max-width: 1366px) { 

.step-men {
    left: 8.3%;   
    margin-left: 0px;
}
/*
.fon-menu {
    top:0;
	width: 100vh;
    height: 100vh;
	left: calc(50vh - 0px);}*/
	
.left-link {    width: 15%;
    height: 92%;    
    position: absolute;
    display: inline-block;
	left: 18%;
    z-index: 1;}	
	
.right-link{    
    height: 92%;
	right: 14%;
    z-index: 19;}
	
	.item6.active {bottom: 133px;}
	.wrp-flag {	    margin-right: 10px;}
	.usl {color:#000}
	.color {color:#000}
	.usl .modal-dialog {
	margin-right:0em;}
	
	.stop-logo3 {
   
    left: 6.5em;
    top: 73px;}
	
.eq2{right:-1px}



 }
 

@media (min-width: 1367px) and (max-width: 1450px) { 

.stop-logo3 {left: 118px;}
.item1.active {
bottom: 455px;}
.fon-menu {
    width: 80vh;    
height: 80vh;}

.eq2{right:3.2em}
 }
 
 
 @media (min-width: 1200px) and (max-width: 1599px) { 

/*.wrp-diz { bottom: -70px;}*/
 .logo-botom { margin-bottom: 45px;}
 
 }
 
 @media (min-width: 1500px){
	 .stop-logo3 {left: 198px}
	 .dizblok1, .dizblok2, .dizblok3 {right: 46px;}
	 
	 .wrp-diz .dropdown-styled {
    top: 20px;
}
	 .left-link {    width: 14%;    height: 75%;    left: 19vw;}
	 .right-link {  width: 14%;    height: 75%;    right: 16vw;}
 .fon-menu {
    width: 80vh;
    top: 5vh;
 height: 80vh;}
 .item6.active {
 bottom: 130px;}
 /*.wrp-diz {height: 101vh;}*/
 
 }
 
  @media (min-width: 1900px){
	  .stop-logo3 {
    left: 351px;
}
.dizblok1, .dizblok2, .dizblok3 {
    right: 2.7vw;
}
.eq2 {right: 20em;}

  }