.b-oil {
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	height: 85vh;
	max-width: 100%;
	margin: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-transition: background-color .35s cubic-bezier(.4, 0, .1, 1);
	-o-transition: background-color .35s cubic-bezier(.4, 0, .1, 1);
	transition: background-color .35s cubic-bezier(.4, 0, .1, 1);
	text-align: center;
}

.b-oil canvas {
	max-width: 100%;
	width: 768px;
	height: auto;
}

.b-oil .b-video__fallback {
	width: 120px;
	height: 128px;
	display: block;
	margin: 0 auto;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -64px;
	margin-top: -70px;
	-webkit-transition: -webkit-transform .5s cubic-bezier(.4, 0, .1, 1);
	transition: -webkit-transform .5s cubic-bezier(.4, 0, .1, 1);
	-o-transition: -o-transform .5s cubic-bezier(.4, 0, .1, 1);
	transition: transform .5s cubic-bezier(.4, 0, .1, 1);
	transition: transform .5s cubic-bezier(.4, 0, .1, 1), -webkit-transform .5s cubic-bezier(.4, 0, .1, 1), -o-transform .5s cubic-bezier(.4, 0, .1, 1);
	-webkit-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}

.b-oil .b-video__fallback.appear {
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}



.kaplya-gif {background-image: url(../images/logo_anim_oil_like.gif);background-size: cover;max-height: 600px;max-width: 600px;height: 60vh;width: 60vh;mix-blend-mode: darken;}
.kaplya-gif-50 {background-image: url(../images/logo_anim_oil_like.gif);background-size: cover;max-height: 300px;max-width: 300px;height: 60vh;width: 60vh;mix-blend-mode: darken;margin: auto;}



.text-up {text-transform: uppercase;}
.page-general {height: 90vh;background: #f6f7fa;background-image: url(../images/a_0.jpg);background-size: cover;background-position: center;color: #333333;width: 100%;}
.page-portfolio {height: 90vh;background: #f6f7fa;background-image: url(../images/a_49.jpg);background-size: cover;background-position: center;color: #fff;width: 100%;}
.page-sertifikati {height: 90vh;background: #f6f7fa;background-image: url(../images/a_37.jpg);background-size: cover;background-position: center;color: #333333;width: 100%;}
.page-sotrudniki {height: 90vh;background: #f6f7fa;background-image: url(../images/a_49.jpg);background-size: cover;background-position: center;color: #333333;width: 100%;}
.page-feedback {height: 90vh;background: #f6f7fa;background-image: url(../images/a_55_bg.jpg);background-size: cover;background-position: center;color: #333333;width: 100%;}
.page-premium {height: 90vh;background: #f6f7fa;background-image: url(../images/a_42.jpg);background-size: cover;color: #333333;width: 100%;}
.box-general {/* padding:20px; */font-size: 1vw;}
.lozung {font-weight:700;padding-top: 12vh;font-size: 1.9vw;}
.lozung-yandex {font-weight:700;padding-top: 12vh;font-size: 1.6vw;}
.lozung-company {font-weight:700;padding-top: 25vh;font-size: 1.9vw;}
.lozung2 {font-size: 1.9vw;}
.lozung2-yandex {font-size: 1.1vw;line-height: 1.5;}
.lozung3 {font-size: 1.6vw;}
.test-general {padding-top:50px;}
.langvich {position: absolute;
	bottom: 20%; font-weight:700; left: 6%;}

.logo-mobile {display:none;}	

.page-mobility {height: 90vh;background: #f6f7fa;background-image: url(../images/a_4.jpg);/* background-size: cover; */background-position: center left;color: #333333;width: 100%;}
.link1	{font-size: 0.70vw;}
	
.head-adv {border-right:1px solid #7121fb;color: #333333;}
.head-adv:hover {background: linear-gradient(to top left, #7121fb 20%, #2b33f2 80%);}
.target-icon {background: url(../images/z_19.png) no-repeat center center;height: 100px;width: 100%;padding: 50px 0;}
.target-icon:hover {background: url(../images/z_25.png) no-repeat center center;}

.analit-icon {background: url(../images/z_20.png) no-repeat center center;height: 100px;width: 100%;padding: 50px 0;}
.analit-icon:hover {background: url(../images/z_26.png) no-repeat center center;}

.razrab-icon {background: url(../images/z_21.png) no-repeat center center;height: 100px;width: 100%;padding: 50px 0;}
.razrab-icon:hover {background: url(../images/z_27.png) no-repeat center center;}

.prod-icon {background: url(../images/z_22.png) no-repeat center center;height: 100px;width: 100%;padding: 50px 0;}
.prod-icon:hover {background: url(../images/z_28.png) no-repeat center center;}


.rekl-icon {background: url(../images/z_23.png) no-repeat center center;height: 100px;width: 100%;padding: 50px 0;}
.rekl-icon:hover {background: url(../images/z_29.png) no-repeat center center;}

.crm-icon {background: url(../images/z_24.png) no-repeat center center;height: 100px;width: 100%;padding: 50px 0;}
.crm-icon:hover {background: url(../images/z_30.png) no-repeat center center;}

.target-icon, .target-icon:hover, .analit-icon, .analit-icon:hover, .razrab-icon, .razrab-icon:hover, .prod-icon, .prod-icon:hover, .rekl-icon, .rekl-icon:hover, .crm-icon, .crm-icon:hover {background-size: 45px;}

.price-size {font-size: 2.5vh;font-weight: 400;margin: 4px 0;}

.sboku {
	position: absolute;
	top: 40%;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	will-change: opacity;
	z-index: 6;
	height: 1em;
	margin: auto;
	font-size: 14px;
	left: -4.2em;
	}
	
.counter {
	position: absolute;
	top: 95%;
	z-index: -1;
	}
.counter img {height:17vh;max-height:136px;}

.counter-big {
	position: absolute;
	top: 15%;
	z-index: -1;
	}
.counter-big img {height:30vh;}
	
.soc-bar-fix {
	position: fixed;
	top: 3vh;
	z-index: 6;
	height: 1em;
	margin: auto;
	font-size: 13px;
	right: 100px;
	}


.col-xx-1,.col-xx-2,.col-xx-3,.col-xx-4,.col-xx-5,.col-xx-6,.col-xx-7,.col-xx-8,.col-xx-9,.col-xx-10,.col-xx-11,.col-xx-12{float:left;}

.col-xx-1 {width: 8.33333333%;}
.col-xx-2 {width: 16.66666667%;}
.col-xx-3 {width: 25%;}
.col-xx-4 {width: 33.33333333%;}
.col-xx-5 {width: 41.66666667%;}
.col-xx-6 {width: 50%;}
.col-xx-7 {width: 58.33333333%;}
.col-xx-8 {width: 66.66666667%;}
.col-xx-9 {width: 75%;}
.col-xx-10 {width: 83.33333333%;}
.col-xx-11 {width: 91.66666667%;}
.col-xx-12 {width: 100%;}


.text-center {text-align:center;}
.text-left {text-align:left;}
.text-right {text-align:right;}

.font-bold-600 {font-weight: 600;}
.font-bold-700 {font-weight: 700;}

.btn {
  font-size: 15px;
  border-radius: 40px;
  display: inline-block;
  text-transform: uppercase;
  border:0px;
  color: #fff;
  }

.btn:hover, .btn:focus {

;
 }

.btn-white {
  box-shadow: 0px 5px 20px 0px #7121fb9e;
	-moz-box-shadow: 0px 5px 20px 0px #7121fb9e;
	-o-box-shadow: 0px 5px 20px 0px #7121fb9e;
	-ms-box-shadow: 0px 5px 20px 0px #7121fb9e;
	-webkit-box-shadow: 0px 5px 20px 0px #7121fb9e;
	background: #ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius: 40px;
	display:inline-block;
	cursor:pointer;
	color:#333;
	font-size:13px;
	font-weight:bold;
	padding:15px 35px;
	text-decoration:none;
  }
  
  .btn-white:hover, .btn-white:focus {
  background: #ffffff; }

  
.btn-blue {
	box-shadow: 0px 5px 20px 0px #7121fb9e;
	-moz-box-shadow: 0px 5px 20px 0px #7121fb9e;
	-o-box-shadow: 0px 5px 20px 0px #7121fb9e;
	-ms-box-shadow: 0px 5px 20px 0px #7121fb9e;
	-webkit-box-shadow: 0px 5px 20px 0px #7121fb9e;
	background: -moz-linear-gradient(to top left, #7121fb 20%, #2b33f2 80%);
	background: -o-linear-gradient(to top left, #7121fb 20%, #2b33f2 80%);
	background: -ms-linear-gradient(to top left, #7121fb 20%, #2b33f2 80%);
	background: linear-gradient(to top left, #7121fb 20%, #2b33f2 80%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3951FE', endColorstr='#325AB4',GradientType=0);
	background-color: #1a3df5;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius: 40px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:15px;
	font-weight:bold;
	padding:15px 35px;
	text-decoration:none;
	margin: 15px;
}
.btn-blue:hover {
	

	 background: linear-gradient(to bottom right, #7121fb 20%, #2b33f2 80%);
	position:relative;
	top:0px;
}
.btn-blue:active {
	position:relative;
	top:1px;
}



.btn-fill {
  color: #fff;
  border: solid 1px #e11c1a;
  border-radius: 0px;
  display: inline-block;
  text-transform: uppercase;
  background-color: #e11c1a;
  }

.btn-fill:hover, .btn-fill:focus {
  color: #fff;
  background-color: #ec2927;
  border-color: rgb(5, 8, 80); }

  .btn-roll {
  color: #fff;
  border: solid 0px;
  border-radius: 0px;
  display: inline-block;
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, 0.73);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%,color-stop(0, rgb(52, 102, 124)),color-stop(1, rgb(17, 31, 91)));
  }

.btn-roll:hover, .btn-fill:focus {
  color: #fff;
  background-color: #000000b3;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%,color-stop(0, rgb(65, 155, 160)),color-stop(1, rgb(26, 45, 123)));
   }


.btn-small {
  padding: 6px 40px; }

.btn-large {
  padding: 10px 40px; }

.btn-margin-right {
  margin-right: 20px; }
  
 
.btn_a {
	background: none;
	border: none;
	padding:5px;
	text-decoration:none;
}

.center {text-align:center;}

.demonstr {
}
.hide,
.hide + label ~ div {
    display: none;
}
.hide + label {
    margin: 0;
    padding: 0;
    color: white;
    cursor: pointer;
    display: inline-block;
}
.hide:checked + label {
    color: #c8c8c8;
    border-bottom: 0;
}
.hide:checked + label + div {
    display: block;
    margin-left: 30px;
    
    -webkit-animation:fade ease-in 0.5s;
    -moz-animation:fade ease-in 0.5s;
    animation:fade ease-in 0.5s;
}
@-moz-keyframes fade {
    from { opacity: 0; }
to { opacity: 1 }
}
@-webkit-keyframes fade {
    from { opacity: 0; }
to { opacity: 1 }
}
@keyframes fade {
    from { opacity: 0; }
to { opacity: 1 }   
}
.hide + label:before {
    color: #ffffff;
    content: "\25B6";
    display: block;
    /* float: left; */
    font-size: 35px;
    font-weight: bold;
    height: 40px;
    line-height: 30px;
    margin: 0px 5px;
    text-align: center;
    width: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    left: -40px;
    top: 40px;
}
.hide:checked + label:before {
    content: "\25BC";
}






.mobil {display:none;}
  
  
.block1-desc  {
    width: 30vw;
    position: absolute;
    right: 6%;
} 
 
.block1-desc-company  {
    width: 30vw;
    position: absolute;
    right: 6%;
    top: 30%;
}


  
.box-corner {
   background: linear-gradient(to left, #962be2e3 10%, #2b33f2e8 100%);
   position: relative;
   padding: 0.5vw 1vw;
   text-align: center;
   margin-bottom: 0;
}
 
.box-corner:after,
.box-corner:before {
   content: '';
   border: solid transparent;
   position: absolute;
   left: 50%;
   margin-left: -12px;
   bottom: -30px;
   width: 0;
}

.box-corner:after {
   border-top-color: rgb(107, 46, 233);
   border-width: 16px;
   margin-left: -16px;
}

.title-box-corner h3 {margin:2px 2px}
.title-box-corner {
    font-weight: 300;
    font-size: 1.4vh;
}


.answer {
    position: absolute;
    right: 22px;
    margin-top: 0px;
}
.answer-box {
    padding: 20px;
    background: #efefef;
    border-radius: 30px;
    border: 1px solid #dadcde;
    font-size: 15px;
}
.quest-box-corner {
   background: linear-gradient(to left, #7440ed 10%, #2b33f2e8 100%);
   position: relative;
   padding: 15px 60px 15px 30px;
   margin-bottom: 0;
   border-radius: 50px;
   min-height: 75px;
}
 
.quest-box-corner:after,
.quest-box-corner:before {
   content: '';
   border: solid transparent;
   position: absolute;
   left: 65%;
   margin-left: -12px;
   bottom: -30px;
   width: 0;
}

.quest-box-corner:after {
   margin-left: 0;
   width: 0;
   height: 0;
   border-top: 27px solid #6941ee;
   border-left: 40px solid transparent;
}

.quest-title-box-corner h3 {margin:2px 2px}
.quest-title-box-corner {
    position: relative;
}


.p-desc {font-size: 1.8vh;padding: 5px 15px;text-align: left;}

.sinergy {height: 90vh!important;} 
.sinergy-height {height: 70vh!important;} 

.page-portfeli {}
.page-portfel {}

.box-portfolio {
    background-color: rgba(0, 0, 0, 0.75);
    min-height: 14vw;
	
}
.portfolio-content {
    padding: 2vw 1vw;
    font-weight: 700;
    font-size: 1.3vw;
}
.portfolio-content-ads {
    padding: 2vw 1vw;
    font-weight: 700;
    font-size: 1.2vw;
}

.pad-portfolio {padding:10px}
.item-portfolio {padding:10px}
.item-portfolio-50 {width:50%;float:left;padding:10px;}
.bg-portfolio {/* background: #fff; */padding: 3vh 0; color: #fff;} 
.bg-portfolio a {text-decoration:none; color: #fff;} 



.item-portfolio:hover, .item-portfolio-50:hover {background:#a23fe540; -webkit-box-shadow: 0 0 177px 29px rgba(0,0,0,.3);
    box-shadow: 7px 8px 30px 14px rgba(189, 105, 249, 0.59);
    }

.bg-slide1 {background-image: url(../images/slide1.jpg);}
.bg-slide2 {background-image: url(../images/slide2.jpg);}
.bg-slide3 {background-image: url(../images/slide3.jpg);background-position: center!important;}
.bg-slide4 {background-image: url(../images/slide4.jpg);background-position: center!important;}
.bg-slide5 {background-image: url(../images/slide5.jpg);background-position: center!important;}
.bg-slide6 {background-image: url(../images/a_39.jpg);background-position: center!important;}
.bg-slide7 {background-image: url(../images/slide7.jpg);background-position: center!important;}
.bg-slide8 {background-image: url(../images/slide8.jpg);background-position: center!important;}


.bg-lenti {background-image: url(../images/e_31.png);background-position: top;background-size: cover;height: 33vw;background-repeat: no-repeat;}

.sinergy-items {
    color: #223341;
    padding: 3vh 2vw;
    max-width: 1350px;
    margin: auto;
}
.sinergy-item {
    width: 50%;
    float: left;
    padding: 1vh 1vw;
}
.sinergy-item-img img {width:100%;}
.sinergy-item-img {
    float: left;
    width: 12vw;
}
.sinergy-item-head {
    font-size: 1.15vw;
    font-weight: 700;
}
.sinergy-item-desc {
    font-size: 0.8vw;
}


.pad-50 {display:block; padding:50px;}

.box-opit {
    max-width: 1600px;
    margin: auto;
    padding: 13vh 2%;
    display: flex;
	overflow: hidden;
}

.trubka-box {
    position: relative;
}
.trubka-box img {max-height:550px; height: 70vh;}
.trubka-1 {
    position: absolute;
    left: 1vw;
}
.trubka-2 {
    position: absolute;
    right: 1vw;
}

.kvadrat-box {width: 45vw;display: inline-block;-webkit-box-shadow: 0 0 177px 29px rgba(0,0,0,.3);box-shadow: 7px 8px 30px 14px rgba(0, 0, 0, 0.12);font-size: 1.0vw;}
.kvadrat-box:hover {}
.kvadrat {
	/* width: 50vw; */
	/* height: 50vw; */
	background: #def;
}
.kvadrat-box .kavadrat-content p {
	font-size: 1.0vw!important;
	margin: 0;
}

.kvad1, .kvad2,.kvad3, .kvad4 {
    float: left;
    width: 15vw;
    height: 15vw;
    
}
.kvad-icon img {height:6vw}
.kvad-icon {
    padding: 2vh 2vw;
    padding-bottom: 0px;
}

.kavadrat-content {padding: 2vh 2vw;/* padding-top:140px */}

.flex {display: flex;}

.statiya-box {
    display: flex;
    box-shadow: 5px 0px 20px 2px rgb(0 0 0 / 11%);
}
.statiya-img {
    width: 350px;
    display: inline-block;
}
.statiya-img img {width: 100%;}
.statiya-desc	{
    padding: 0 15px;
    width: 60%;
    /* margin-left: 350px; */
}					
.statiya-desc h3 {
    margin: 0 0px 8px 0;
    font-size: 1.2vw;
}
.statiya-desc-text {
    font-size: 0.85vw;
}						
.statiya-desc-footer {display: flex;}						
.statiya-desc-logo {
    margin: 22px 20px 0px 0px;
}						
.statiya-desc-btn {
    /* float: right; */
}	

.igor img {
    max-width: 540px;
    position: absolute;
    bottom: 0;
}

.box-sertifikati {
    max-width: 1600px;
    margin: auto;
    padding: 15vh 3vw;
    /* display: flex; */
    width: 82vw;
    }
.sertifikati {display:inline-block;}
.sertifikat {float:left;padding: 7px;width: 36vw;}
.sertifikat a {display:block; cursor: zoom-in;}
.sertifikat img {width:100%}
.sert_1 {}


.box-premium {
    max-width: 1600px;
    margin: auto;
    padding: 3vh 0;
    /* display: flex; */
    }

.premium-bg {background: url(../images/z_57.png) no-repeat;background-size: cover;}	
.premium {
    width: 65vw;
    height: 43vw;
    position: absolute;
}	
.premium-item {
 color: #fff;
 /* width: 588px; */
 position: relative;
 top: 0;
}	
.prem-item1 {/* position: absolute; */margin: 3vw 13vw;}
.prem-item2 {/* position: absolute; */margin: 4vw 19vw;padding: 0 61px 0 0px;}
.prem-item3 {/* position: absolute; */margin: 4vw 19vw;padding: 0 15px 0 0;}
.prem-item4 {/* position: absolute; */margin: 4vw 15vw;padding: 0 10px 0 0;}

.premium-head {
    font-size: 1.72vw;
    font-weight: 700;
}	
.premium-content , .premium-content p {
    font-size: 0.98vw;
	margin: 0;
}	

.puzle-box {
    width: 325px;
    margin: 0 8vw 0;
    margin-top: 16vh;
}
.puzle-box-bg {background: url(../images/z_56.png) no-repeat;background-size: 17vw;background-position: top;height: 31vw;}
.lozung-premium {
    padding-top: 11vw;
    text-align: center;
    font-size: 1.3vw;
}

.box-grad {background: linear-gradient(to left, #962be2 10%, #2b33f2 100%); color:#fff;}
.box-grad:hover, .box-white:hover {-webkit-box-shadow: 0 0 177px 29px rgba(0,0,0,.3);
    box-shadow: 7px 8px 30px 14px rgba(189, 105, 249, 0.59);
    }
.box-white {background: #fff; color:#333;}



.box-grad a {color:#fff;text-decoration: none;}
.box-white a {color:#333;text-decoration: none;}

.sotrudnik-slider {
    width: 190px;
    margin: auto;
}
.avatar {
   
}
.avatar a {display:inline-block; cursor: zoom-in;}
.avatar img {width: 190px!important;padding: 0;}
.descripter {width: 200px;text-align: center; font-size:16px;}
.descripter h4 {font-size: 18px;color: #ffffff;}
.author {padding-left: 15px; padding-right: 35px;}



.ramka-box {
    width: 163px;
    padding: 0.5px 1px;
    -webkit-transform: skew(-20deg);
    -moz-transform: skew(-20deg);
    transform: skew(-20deg);
    background: linear-gradient(to left, #aa4cee 0%, #2b33f2 70%);
    margin: 20px 9px 19px 12px;
    text-align: center;
}

.ramka-box h4 {
    width: 130px;
    -webkit-transform: skew(20deg);
    -moz-transform: skew(20deg);
    transform: skew(20deg);
    margin: 7px auto;
    white-space: pre-line;
}

.box-slider {
    max-width: 1700px;
    margin: auto;
    padding: 15vh 11vw;
	position: relative;
}

.slider-uneversal {
    max-width: 1700px;
    margin: auto;
    
	position: relative;
}


.flexslider {}

.flexslider_foto {}
.flexslider_foto img {width:100%;     padding: 0 10px;}

.flexslider_gallery {}
.flexslider_gallery img {width:100%;     padding: 0 10px;}

.box-feedback { max-width: 1200px;
    margin: auto;
    padding: 10% 2%;}
.box-form {}
	
.col-feed {
    padding: 20px;
}


.footer-margin-top {margin-top:-15vw;}
.footer-bg {height: auto;background: linear-gradient(to left, #aa4cee 0%, #2b33f2 70%);background: url('../images/a_57.png');padding: 26vh 6% 0vh;background-size: cover;font-weight: 700;color:#FFF;/* font-size: 1.2vw; */position: relative;}
.footer-general {display:flex;}
.block_fut_1 a, .block_fut_3 a {color:#fff;}
.btn-white-color a {color:#505050;}
.block_fut_1 {
    width: 30%;
    float: left;
}
.block_fut_2 {
    width: 38%;
    float: left;
    text-align: center;
}
.block_fut_3 {width: 30%;float: left;text-align: right;}
.block_fut_company {
    margin-bottom: 30px;
    /* font-size: 1.4vw; */
}
.block_fut_soc {padding-bottom:20px;}
.soc-bar {
    padding: 10px;

}
.contacts-box {
    margin-bottom: 20px;
    font-size: 15px;
}
 .radio-price {width: 100%; text-align: center;}
 
.rassilka {padding-bottom:20px;}
.podpiska {padding-bottom:20px;}

.contacts-box-head {
    padding: 8px 0px 0px 39px;
}
.telefon-menu-mob {font-size: 15px; color:#fff;}
.telefon-menu-mob a {text-decoration: none; color:#fff;}
.telefon {font-size: 25px;}
.politica {font-size: 14px;}


  
.white {color:#fff;}
.blue {color:#2b33f2;}
.lightblue {color: #51bef3;}
.fiolet {color:#7121fb;}

input, textarea, select, button {
    text-rendering: auto;
    color: #213341;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    margin: 0em;
    padding: 15px;
    font-size: 18px;
    font-family: "Open Sans",sans-serif;
	resize: inherit;
}

.input-text {padding:12px; border:0px; color:#333;}
.input-pad {padding:12px;}







.page-general-company {height: 100vh;background: #f8f9fb;background-image: url(../images/a_01.png);background-size: cover;color: #333333;width: 100%;}
.page-general-contacts {height: 100vh;background: #f8f9fb;background-image: url(../images/bg_z_2.jpg);background-size: cover;color: #333333;width: 100%;}
.page-general-vedenie {background: #f8f9fb;background-image: url(../images/c_5_bg.png);background-repeat: no-repeat;background-size: 1920px;background-position-x: center;color: #333333;width: 100%;}
.page-general-google {background: #f8f9fb;background-image: url(../images/g_2m.png);background-size: cover;color: #333333;width: 100%;}
.page-general-yandex {background: #f8f9fb;background-image: url(../images/s_2m.png);background-size: cover;color: #333333;width: 100%;}
.page-general-instagram {background: #f8f9fb;background-image: url(../images/s_2m_i.png);background-position-x: center;background-repeat: no-repeat;color: #333333;width: 100%;}
.page-general-complex {background: #f8f9fb;background-image: url(../images/s_2m_complex.png);background-position-x: center;background-repeat: no-repeat;color: #333333;width: 100%;}

.page-general-case1 {position: relative;height: 80vh;background: #f8f9fb;background-image: url(../images/e_24.png);background-repeat: no-repeat; background-position-y: 50px;color: #333333;width: 100%;}

.map-box {
    margin-bottom: -225px;
    /* height: 35vw; */
}
.map {background-image: url(../images/d_2.jpg);/* background-size: cover; */background-position: center;height: 600px;}
.padd {padding:100px 0}
.padd50 {padding:50px 0}
.padd10 {padding:10px}

.bg-img-fon {}
.bg-img-fon img {
    position: absolute;
    top: 0;
    right: 0px;
    width: 400px;
}

.bg-img-fon2 {}
.bg-img-fon2 img {
    position: absolute;
    bottom: 0;
    left: 0px;
    width: 400px;
}

.zitata {
    font-size: 32px;
    padding-bottom: 10px;
    font-style: italic;
}

.case-steps {}
.case-step {padding: 50px 0;}
.case-step-head {min-height:200px;}
.case-step-img {
    
}
.case-step-img img {}
.case-image img {
    max-width: 801px;
}
.step1 img {width:300px; float: left; margin-right:30px;}
.step2 img {width:300px; float: right; margin-left:30px;}
.case-step-h2 {font-size:55px; color:#4518d8; padding-top:25px;}
.case-step-h3 {font-size:35px;}
.case-step1-desc {
    max-width: 800px;
    padding: 20px;
	margin-left: 6%;
}

.case-step2-desc {
    max-width: 840px;
    padding: 20px;
	margin-right: 6%;
}


.contact-blocks {}
.contact-block {
    float: left;
    width: 50%;
    padding: 40px 2%;
}
.contact-block-img img {width:100%;}
.contact-block-img {
    float: left;
    margin-right: 40px;
    margin-left: 40px;
	margin-bottom: 50px;
	width: 10vw;
}
.contact-block-head {
    font-size: 38px;
    text-transform: uppercase;
    font-weight: bold;
}
.contact-block-desc {}


.bg-numbers {
    padding: 8vw 0 150px;
    background-image: url(../images/c_7_bg.png);
    background-size: 1920px;
    background-repeat: no-repeat;
    background-position-x: right;
}
.block-numbers {
    padding: 50px 15px 20px;
}
.block-number {
    padding: 10px 20px 15px 80px;
}
.block-number-img {
    float: left;
    margin-right: 15px;
}
.num1-icon {background: url(../images/c_81.png) no-repeat center center;background-size: contain;height: 40px;width: 40px;padding: 8px;text-align: center;color: #fff;font-weight: bold;}
.num2-icon {background: url(../images/c_82.png) no-repeat center center;background-size: contain;height: 40px;width: 40px;padding: 8px;text-align: center;color: #fff;font-weight: bold;}

.like-icon {float: left;margin: 0 15px;margin-right: 20px;background: url(../images/s_44.png) no-repeat center center;background-size: contain;height: 40px;width: 40px;padding: 8px;text-align: center;color: #fff;font-weight: bold;}

.menu_bg	{
    background: #f8f9fbf2;
    padding-bottom: 5px;
    }

.h1_head {
    /* position: absolute; */
    /* background: linear-gradient(to top left, #a232ff8f 20%, #1d16ffb3 80%); */
    padding: 30px 20px;
    text-transform: uppercase;
    font-size: 3vw;
    border-radius: 55px;
    color: #404040;
    margin: 0;
    text-align: center;
}

.slogan_li {width: 170px;
    border: 0;
    margin: 0px 21px}

.slogan {position: fixed!important;width: 279px;left: 6%;margin: 1px!important;/* padding: 0; */top: 0px;/* border: 0!important; */}

.left-slogan {margin-left: 240px!important;}
	
.wrapper {width:100%;background:#f8f9fb;padding-top: 58px;}
.contents {max-width: 1700px;margin:auto;padding: 0 5%;z-index: 1;position: relative;}
.contents-footer {max-width: 1700px;margin:auto;padding: 0 5%;z-index: 1;position: relative;display: flex;}
	
.ideologia {margin: 30px 15px;-webkit-box-shadow: 0 0 177px 29px rgba(0,0,0,.3);box-shadow: 7px 8px 30px 14px rgba(0, 0, 0, 0.12);}
.ideologia {max-width: 1100px;}
.gradient_1 {background: linear-gradient(to left, #aa4cee 0%, #2b33f2 70%);max-width: 1100px;height: 30vw;}
.idea-text {
    padding: 50px;
    line-height: 1.6;
    font-size: 1vw;
}

.idea-text h3 {font-size:1.5vw;text-transform: uppercase;}
.box-right {float: right;margin-left: 85px;}
.no-shadow {box-shadow: 0 0 0 0;}
.shadow_1 {margin: 30px 15px;-webkit-box-shadow: 0 0 177px 29px rgba(0,0,0,.3);box-shadow: 4px 7px 20px 3px rgba(0, 0, 0, 0.12);}

.iphone-bg {
    right: 5%;
    width: 35%;
    position: absolute;
}



.sotrudnik-dir {
    padding: 30px;
    min-height: 400px;
    color: #fff;
    padding-top: 15vw;
}

.sotr-name-dir {
	font-size: 35px;
    line-height: 42px;
    margin: 10px 0;
    color: #fff;
    }


.sotrudnik {
    padding: 30px;
    min-height: 400px;
    background: white;
}
.sotrudnik-img {
   /* margin-right: 30px;*/
    margin-top: 30px;
    display: inline-block;
    padding: 0 3vw;
	float: left;
}
.sotrudnik-desc {
    display: inline-block;
    width: 55vw;
}
.sotr-name {
    font-size: 35px;
    line-height: 42px;
    margin: 10px 0;
    color: #000;
    background: #ffffff;
    mix-blend-mode: lighten;
}
.text-grad {background: linear-gradient(to right, #2c33f2, #a349ee 60%);max-width: 400px;    margin: auto;}
.text-grad-head {background: linear-gradient(to right, #2c33f2, #a349ee 60%);max-width: 40vw;border-radius: 50px;}
.sotr-amplua {
    margin-bottom: 30px;
}



.feed-box {
    padding: 6vh 12vw;
    position: relative;
}
.feed-box-bg {background-image: url(../images/google/w_63.png);background-size: contain;background-repeat: no-repeat;padding: 8vw 16vw 11vw 9vw;width: 47vw;height: auto;}
.feed-box-head {
    color: white;
    font-size: 1.5vw;
    font-weight: 600;
}

.feed-slogan {
    position: absolute;
    top: 17vh;
    right: 5vw;
    text-align: right;
    padding: 20px;
}
.feed-slogan-box {
    float: right;
}		
.feed-slogan-img {background-image: url(../images/google/w_64.png);background-repeat: no-repeat;background-size: contain;height: 10vw;width: 10vw;float: left;}
.feed-slogan-head {
    font-size: 2.5vw;
    margin: 10px 0;
    padding: 10px 4vw;
    color: #000;
    font-weight: 700;
    background: #f9fafb;
    mix-blend-mode: lighten;
    border-radius: 37px;
    }

	
.h2-head {font-size: 44px;font-weight: 700;}
.blue { color: #561ec3;}
.white { color: #fff;}
.left {text-align: left;}
.right {text-align: right;}
.float-right {float:right;}

.h2-intro {
    position: absolute;
    top: 10%;
    left: 19%;
    font-size: 44px;
    color: #fff;
    text-align: right;
}

.h2-intro-blue {
	
    font-size: 44px;
    color: #561ec3;
    text-align: right;
}

.h2-intro-white {
    font-size: 34px;
    color: #fff;
    text-align: right;
    font-weight: 600;
}

.h2-intro-white-left {
    font-size: 34px;
    color: #fff;
    font-weight: 600;
}

.h3-intro-left {
    font-size: 30px;
    font-weight: 600;
}

.h2-intro-blue-left {
	
    font-size: 44px;
    color: #561ec3;
   
}

.big-size {font-size: 44px;}
.h2-intro-hr {font-size: 30px;text-align: right;}


.h3-intro {font-size: 4vw;}

.comanda_bg {background-image: url(../images/q_2.png);background-size: cover;background-position: top;height: 55vw;position: relative;/* top: -65px; */margin-bottom: -95px;}
.sertifikati_bg {background-image: url(../images/q_10_bg.png);/* background-size: cover; */background-repeat: no-repeat;background-position: bottom;height: 55vw;position: relative;}
.blagodarstva_bg {background-image: url(../images/q_12_bg.png);/* background-size: cover; */background-repeat: no-repeat;background-position: center;height: 46vw;position: relative;}
.blagodarstva_bg2 {background-image: url(../images/c_62_bg.jpg);/* background-size: cover; */background-repeat: no-repeat;background-position: center;height: 46vw;position: relative;padding-top: 80px;}
.blagodarstva_bg3 {background-image: url(../images/c_02.png);/* background-size: 200px; */background-repeat: no-repeat;background-position: right bottom;height: 46vw;position: relative;}
.gallery_bg {background-image: url(../images/q_11_bg.png);/* background-size: cover; */background-repeat: no-repeat;background-position: center;height: 46vw;position: relative;}
.gallery_bg_2 {background-position: center;height: 46vw;position: relative;}
.gallery_bg_3 {background-position: center;height: 46vw;position: relative;}
.question_bg {background-image: url(../images/q_11_bg.png);/* background-size: cover; */background-repeat: no-repeat;background-position: center;height: 46vw;position: relative;}
.question_bg_yandex {background-image: url(../images/c_01.png);/* background-size: cover; */background-repeat: no-repeat;background-position: bottom left;height: 46vw;position: relative;}
.webinari_bg {background-image: url(../images/z_97_bg.png);background-size: cover;background-position: center;padding: 15vw 1vw;position: relative;}

.project-group_bg {background-image: url(../images/c_45_bg.png);background-size: cover;background-position: center;padding: 15vw 0vw;position: relative;}
.director {background-image: url(../images/a_55_bg.jpg);background-size: cover;background-position: bottom;background-repeat: no-repeat;/* padding: 15vw 0vw; */position: relative;}
.webinars {background-image: url(../images/c_62_bg.jpg);background-size: cover;background-position: bottom;background-repeat: no-repeat;/* padding: 15vw 0vw; */position: relative;}
.project-group-box {
    padding: 0vw 0 30vw;
}
.project-group-text {padding: 40px;  }
.project-group-puzle img {width: 100%;}
.project-group-puzle {
    padding: 0 40px;
}


.questions {}
.question {
    max-width: 800px;
    color: #fff;
    margin: 20px 0;
    position: relative;
}


.audit_bg {background-image: url(../images/c_20.png);background-size: cover;background-position: center;padding: 15vw 0vw;position: relative; z-index: 2;}
.audit-box {
	display: flex;
    padding: 0vw 0 5vw;
}
.audit-text-li {padding:20px 0px;text-align: right;min-width: 25%}
.audit-text-li ul li{
    list-style: none;
    background: url(../images/c_17.png) no-repeat right 50%;
    background-size: 25px;
    padding: 10px;
    padding-right: 45px;
	cursor: pointer;
}

.audit-text-li ul li.active {
	color:#51bef3;
}

.audit-desc {
	width: 0;
	height: 0;
	overflow: hidden;
	display: flex;
	align-items: center;
}

.audit-desc > * {
	opacity: 0;
	transition: 0.2s ease all;
}

.audit-desc.active {
	width: auto;
	height: auto;
}

.audit-desc.active > * {
	opacity: 1;
}

.audit-text {
	width: 33%;
}

.audit-img {
	width: 66%;
}

.offer_bg {background-image: url("../images/s_42.jpg");background-position: center 100%; background-size: 100% auto; background-repeat: no-repeat; padding: 0vw; margin-top: -5vw; position: relative; z-index: 1;}

.offer_block {
	display: block;
	position: relative;
	width: 100%;
	margin: 3% auto;
	padding-bottom: 60%;
}

.off_coll {
	display: flex;
	align-items: center;
	position: absolute;
	width: 28%;
}

.off_img {
	margin: 2.37% 6%;
    width: 11.85%;
}

.off_text {
	font-size: 1.3vw;
}

.off_coll._1 {
    flex-direction: row-reverse;
    text-align: right;
    bottom: 10%;
    left: 16%;
}

.off_coll._2 {
    flex-direction: row-reverse;
    text-align: right;
	bottom: 29%;
    left: 4%;
}

.off_coll._3 {
    flex-direction: row-reverse;
    text-align: right;
    top: 35%;
    left: 2%;
}

.off_coll._4 {
    flex-direction: row-reverse;
    text-align: right;
    top: 15%;
    left: 10.5%;
}

.off_coll._5 {
    flex-direction: column-reverse;
    text-align: center;
    top: -1%;
    left: 36%;
}

.off_coll._6 {
    flex-direction: row;
    text-align: left;
    top: 13%;
    right: 10%;
}

.off_coll._7 {
	width: 26%;
    flex-direction: row;
    text-align: left;
    top: 37%;
    right: 3.5%;
}

.off_coll._8 {
	width: 26%;
    flex-direction: row;
    text-align: left;
    bottom: 29%;
    right: 5%;
}

.off_coll._9 {
    flex-direction: row;
    text-align: left;
    bottom: 10%;
    right: 15%;
}

.off_btn {
	position: absolute;
    font-weight: 600;
    font-size: 0.85vw;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    width: 12%;
    top: 46.5%;
    left: 44%;
}



.project-case_bg {background-image: url(../images/e_25.png);background-size: cover;background-position: center;background-repeat: no-repeat;padding: 13vw 1vw;position: relative;height: 59vw;}
.video-case_bg {background-image: url(../images/e_25.png);background-size: cover;background-position: center;background-repeat: no-repeat;padding: 13vw 1vw;position: relative;height: 59vw;}

.video-case_bg2 {background-image: url(../images/e_25.png);background-size: cover;background-position: center;background-repeat: no-repeat;padding: 1vw 1vw;position: relative;height: 59vw;}

.project-case-box {
    padding: 0vw 0 30vw;
}
.project-case-text {padding:20px 0px;font-size: 1.4vw;line-height: initial;}
.project-case img {width: 100%;}
.project-case {
    padding: 0 40px;
}

.mar-top {margin-top: 7vw;}
.mar-,map {margin:0 15vw;}

.block-web {
    padding-top: 10vh;
}
.web-descript {
    /* max-width: 590px; */
    /* right: 0; */
    /* position: absolute; */
}

.web-descript-head { font-size: 25px;}
.btn-web {text-align: left;display: block;padding: 0 20px;margin: auto;width: 240px;}

.bold {
    font-weight: 700;
}
.right {text-align:right;}


.margin60 {margin-bottom: 60px;}


.clr {clear:both;}

.social a{
    text-align:center;
    width: 35px;
    height: 35px;
    float:left;
    margin: 2px;
    color:#000;
    }
.bg_soc a{
    background: #f5f6f8;
    border-radius: 9px;
}

.instagram a,.vk a,.instagram-white a,.vk-white a, .instagram-wb a ,.vk-wb a {background-size:cover;}
.instagram a {background-image: url(../images/z_12.png);background-repeat: no-repeat;}
.vk a {background-image: url(../images/z_13.png);background-repeat: no-repeat;}

.instagram-white a {background-image: url(../images/z_3.png);background-repeat: no-repeat;}
.vk-white a {background-image: url(../images/z_4.png);background-repeat: no-repeat;}

.instagram-wb a {background-image: url(../images/z_12.png);background-repeat: no-repeat;}
.vk-wb a {background-image: url(../images/z_13.png);background-repeat: no-repeat;}



@media screen and (max-width:1800px) {

.offer_bg {
    background-size: 110% auto
	}
}

@media screen and (max-width:1600px) {

.offer_bg {
    background-size: 115% auto
	}
}



@media screen and (max-width:1400px) {


.descripter {width: auto; font-size:1.1vw}

	.audit-text, .audit-img {
		width: 50%;
	}
	
}

@media screen and (max-width:1280px) {
.box-corner {min-height: 3vw;}
.portfolio-content, .portfolio-content-ads {
    padding: 20px 10%;
    font-weight: 700;
}
.trubka-2 {display:none;}


.contents {padding:0 20px}
.case-step-h3 {font-size:30px;}
	.audit-box {
		flex-direction: column-reverse;
	}
	.audit-text-li {
		width: 100%;
		min-width: auto;
	}	
	.audit_list {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.audit-text-li ul li {
		background: url(../images/c_17.png) no-repeat left 50%;
		padding-left: 40px;
    	padding-right: 10px;
		margin-right: 40px;
		text-align: left;
	}
	.offer_bg {
		background-size: 123% auto;
	}
	.off_btn {
		font-size: 1vw;
	}
}
@media screen and (max-width:1024px) {

}

@media screen and (max-width:991px) {

.pc {display:none;}
.mobil {display:block;}
.sotrudnik-history {display:none;}
.screen-carousel_theme_blond .screen-carousel__page-under.page__under.page__under_valign_center {display:none;}

.contents {padding:0; }
.contents-footer {padding:0; display: block;} .footer-general {padding:0; display: block;}
.col-xx-1,.col-xx-2,.col-xx-3,.col-xx-4,.col-xx-5,.col-xx-6,.col-xx-7,.col-xx-8,.col-xx-9,.col-xx-10,.col-xx-11,.col-xx-12{float:none; width:auto;}

.logo-mobile {display:block;}
.logo-mobile img {width:60vw; max-width:300px;}
.box-general {
    text-align: center;
    font-size: 18px;
    right: auto;
}

.igor img {position:relative;}

.page-general {    height: auto; padding: 40px 0;}
.page-general {background-image: url(../images/a_0.jpg);background-size: cover;background-position: -380px;}

.page-premium {padding: 0px 0;height: auto;}
.page-mobility {background:none;}
.page-general-company {height: auto;padding: 0px 0 10px;}
.page-general-contacts {height: auto;padding: 0px 0 10px;}
.page-general-vedenie {height: auto;padding: 0px 0 10px;}
.page-general-google {height: auto;padding: 0px 0 10px;}
.page-general-yandex {height: auto;padding: 0px 0 10px;}
.page-general-instagram {height: auto;padding: 0px 0 10px;}
.page-general-complex {height: auto;padding: 0px 0 10px;}
.page-general-case1 {height: auto;padding: 0px 0 10px;     background-size: 800px;}

.bg-numbers {
    padding:15vw 10px 150px;
    background-image: url(../images/c_7_bg.png);
    background-size: 1320px;
}

.test-general {padding:20px;}
.block1-desc, .block1-desc-company  {
    position: relative;
    width: auto;
}


.statiya-desc h3 {
    font-size: 21px;
}
.statiya-desc-text {
    font-size: 14px;
}



.project-case-text {padding: 20px;font-size: 13px;}

.lozung {padding: 10px; font-size: 27px;}
.lozung-yandex {padding: 10px; font-size: 27px;}

.lozung-company {padding: 10px;
    font-size: 27px;}

.lozung2 {    font-size: 27px;}
.lozung2-yandex {    font-size: 20px;}
.lozung3 {font-size: 27px;}
.puzle-box {
    width: 100%;
    margin: 0;
    padding: 20px;
}
.lozung-premium {font-size:15px;}
.premium-bg {background:none;}
.box-premium {background:#fff;}
.premium-item {/*background: linear-gradient(to right, #2c33f2, #a349ee 60%);*/padding: 21px;}
.premium-item {color: #333;}

.page-sertifikati { height: auto;    background: #fff;    background-image: none;}
.page-sotrudniki { height: auto;    background: #fff;    background-image: none;}
.page-feedback {height: auto;background: #fff;background-image: none;padding: 0px 0 10px;margin-bottom: 50px;}
.premium-head {    font-size: 25px;}
.premium {
    width: 100%;
    height: auto;
    position: relative;
    padding: 5px;
}
.prem-item1, .prem-item2, .prem-item3, .prem-item4  {margin: 0; text-align:left;}

.premium-content {font-size: 15px;line-height: 1.4;}

.avatar img {padding: 0 40px;}

.box-right {float:none;margin:0;}
.moby100 {width:100%;}
.trubka-1 {display:none;}
.langvich {display:none;}

.roy-bg {/* background:#fff; */background-image: url(../images/a_32.jpg);}
.sinergy {height:auto!important;/* background: #fff; */}

.audit-box {    padding: 20px;}

.counter, .counter-big {display:none;}


 
 .soc-bar-fix {top: 5px;right: 115px;height: auto;position: absolute;}
 .sboku, counter-big, counter {display:none;}


.bg-img-fon img {

    right: 0px;
    width: 100px;
}

.bg-img-fon2 img {
    left: 0px;
    width: 100px;
}

.step1 img {width:200px; float: none; margin-right:60px;}
.step2 img {width:200px; float: none; margin-left:60px;}
 
 .scaler {display:none;}


 .head-adv {border-right:0px}
.head-adv:hover {background: none;}

.target-icon:hover {background: url(../images/z_19.png) no-repeat center center;}
.analit-icon:hover {background: url(../images/z_20.png) no-repeat center center;}
.razrab-icon:hover {background: url(../images/z_21.png) no-repeat center center;}
.prod-icon:hover {background: url(../images/z_22.png) no-repeat center center;}
.rekl-icon:hover {background: url(../images/z_23.png) no-repeat center center;}
.crm-icon:hover {background: url(../images/z_24.png) no-repeat center center;}


.box-slider {
    padding: 15px 90px;
}

.slider-sotrudnik {
    padding: 15px 50px;
    margin-bottom: 120px;
}
.slider-uneversal {
    padding: 15px 10px;
}

 .footer-bg {height:auto;padding: 165px 20px 25px;background-position: bottom;/* background: linear-gradient(to left, #aa4cee 0%, #2b33f2 70%); */}
 .block_fut_1, .block_fut_2, .block_fut_3 {float:none; width:100%; text-align:center;}
 .footer-bg {font-size: 12px;}
 .icon-poz {/* background-position-y: 13px; *//* background-size: 45px; */padding: 75px 0 0 0;}
 .item-portfolio, .item-portfolio-50 {float:none; width:100%;}
 .kvad1, .kvad2,.kvad3, .kvad4 {
    float: none;
    width: 100%;
  
    height: 20vw;
}
.kvadrat-box {width:100%;     box-shadow: none;}
.kvad1, .kvad2,.kvad3, .kvad4 {
	text-align:left; border-radius: 50px; margin: 15px 0;
}
.kvad-icon {float:left; }

.kvadrat-box, .idea-text {font-size:14px;}

.kvad-icon img{height: 8vw;margin-bottom: 5vw;}


					

.bg-portfolio {padding:0px;} 
.author {font-size: 15px;}

.sotrudnik, .sotrudnik-dir {text-align:center;min-height: auto;margin: 10px;padding: 10px 30px;}
.sotrudnik-img {float:none;margin: 10px;}
.sotrudnik-img img {width: 100px;}

.left-slogan {margin-left:0px!important;}
.menu_bg {height:auto;background: linear-gradient(to left, #2c33f2, #a349ee 60%);}

.bg_soc a{
    background: rgba(255, 255, 255, 0);
    }
.soc-bar {
    padding: 10px;
    margin: auto;
    width: 120px;
}

.instagram-wb a {background-image: url(../images/z_3.png);background-size: cover;background-repeat: no-repeat;}
.vk-wb a {background-image: url(../images/z_4.png);background-size: cover;background-repeat: no-repeat;}


.title-box-corner , .portfolio-content, .portfolio-content-ads {  font-size: 13px;}

.box-corner { padding: 10px;}


.sotrudnik-desc {width:100%;height: auto;}
.contents {font-size:14px;}
.idea-text {   padding: 20px;}
.gradient_1 {height: auto;}
.sotr-name {font-size: 25px;}
.h2-intro {/* top: 5%; */left: 2%;font-size: 30px;}
.h2-intro-hr {font-size: 20px;text-align: right;}
.h3-intro {  font-size: 20px;}

.comanda_bg {/* background-image: url(../images/z_84.jpg); *//* background-size: cover; */padding: 100px 0;height: auto;/* position: relative; */top: -15px;margin-bottom: -15px;}
.sertifikati_bg {height: auto;background: none;}
.blagodarstva_bg {height: auto;}
.blagodarstva_bg2 {height: auto;}
.blagodarstva_bg3 {height: auto;}
.gallery_bg, .gallery_bg_2, .gallery_bg_3 {height: auto;}
.question_bg {height: auto;}
.question_bg_yandex {height: auto;}


.project-group_bg {height: auto;}
.audit_bg {height: auto;}
.project-case_bg {height: auto;}
.video-case_bg {height: auto;}
.video-case_bg2 {height: auto;}
.webinari {height: auto;}
.project-group-puzle {}

.webinari_bg {position: relative;padding: 25vh 8vw 12vh;}

.web-descript {position: relative;/* width: 100%; */max-width: none;}
.web-descript-head {font-size: 15px;}

.block_fut_company {font-size: 15px;}
.block-web {padding-top: 20px;}
.btn-web {position:relative;/* margin: 0; */text-align: center;/* padding: 10px 0; */}

.kaplya-gif {display:none;}

.sinergy-item-head {font-size: 15px;width: 80%;margin: auto;}
.sinergy-item-desc {    font-size: 12px;}
.sinergy-item-img {float:none; margin:auto; width:100px;}


.feed-box {padding:20px;}
.feed-slogan {
    position: relative;
    top: 0;
    right: 0;
}
.feed-box-bg {
   
    padding: 14vw 22vw 10vw 19vw;
    width: 100%;
    height: 60vw;
}
.feed-box-head {font-size: 2.8vw;}
.feed-slogan-head {
    font-size: 22px;
    border-radius: 0px;
    mix-blend-mode: initial;
    color: #5c1de0;
	background:#fff;
}
.text-grad-head {
    border-radius: 0px;
    max-width: 100%;
    
}

.feed-slogan-img {    display: none;}

.sertifikat {float:none; margin:auto; padding: 1vw;width: 100%;}
.box-sertifikati {width: 100%;background: #fff;padding: 0px;}
.page-portfolio {height: auto; background: #fff;background-image: none;}
.page-mobility {height: auto;  background: #fff;}

.box-opit {    padding: 0 10px;}


.idea-text h3 {font-size:25px;}
.h2-intro, .h2-intro-blue, .h2-intro-blue-left, .h2-intro-white {font-size: 24px; text-align: center;}
.h3-intro-left {font-size: 20px; text-align: center;}
.h2-head {font-size: 24px;}
.left, .right {text-align: center;}

.contact-block {text-align:center;}
.contact-block-img {
    float: none;
    margin:auto;
	width: 100px;
}
.contact-block-head {
    font-size: 23px;

}

.bg-slide1, .bg-slide2, .bg-slide3, .bg-slide4,.bg-slide5, .bg-slide6, .bg-slide7, .bg-slide8 {background-image:none;}


.case-image img {    width: 100%;}
.case-step1-desc, .case-step2-desc {
    padding: 15px;
    margin-left: 0;
    margin-right: 0;
	text-align: left;
}
.padd {padding: 30px 10px;}
.case-step { padding: 20px 0;}


.answer {    position: relative;    right: 0px;    margin-top: 0px;}
.hide + label:before {right: 4px;top: -75px;left: auto;}
.iphone-bg {position:relative;margin:auto;}

	.offer_bg {
		margin-top: 0;
		background: none;	
	}
	.offer_block {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		padding-bottom: 0;
	}
	.off_coll {
		width: 46%!important;
		margin: 20px 2%;
		position: static;
		flex-direction: row!important;
		text-align: left!important;
	}
	.off_img {
		margin: 2.37% 6%;
		width: 16%;
	}
	.off_text {
		font-size: 2vw;
	}
}

@media screen and (max-width:640px) {
	
.telefon {font-size:25px;}

.btn-white {padding: 10px 14px;}

.sinergy-item {
    width: 100%;
    float: none;
}
.sinergy-item-desc {
     width: 80%;
     margin:auto;
}

.statiya-box {display:block;}
.statiya-desc {width:100%;}

.puzle-box-bg {background: url(../images/z_56.png) no-repeat;background-size: 37vw;background-position: top; padding:51px 0;height: 56vw;}

	.audit-desc {
		flex-direction: column-reverse;
	}
	.audit-text, .audit-img {
		width: 90%;
	}
	.btn-blue {
		padding: 15px 20px;
	}
	.off_coll {
		width: 96%!important;
	}
	.off_text {
		font-size: 4vw;
	}
}
@media screen and (max-width:480px) {
	

}

@media screen and (max-width:320px) {

}

.blog-page {
	font-family: "Open Sans", sans-serif;
	color: #223341;
	line-height: 1.55;
	background: #f8f9fb;
}
.blog-wrap {
	width: 100%;
	max-width: 1180px;
	margin: 0 auto;
	padding: 0 24px;
	box-sizing: border-box;
}
.blog-hero {
	position: relative;
	margin: 0 0 6px;
	padding: 46px 0 78px;
	overflow: hidden;
	background: linear-gradient(115deg, #2b33f2 0%, #5b34f4 46%, #aa4cee 100%);
	color: #fff;
}
.blog-hero__glow {
	position: absolute;
	right: -8%;
	top: -80%;
	width: 62%;
	height: 220%;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(110, 230, 255, .5) 0%, rgba(110, 230, 255, 0) 68%);
	pointer-events: none;
}
.blog-hero__inner {
	position: relative;
	z-index: 1;
}
.blog-hero__wave {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	width: 100%;
	height: 64px;
	display: block;
}
.blog-hero__brand {
	display: inline-block;
	margin: 0 0 14px;
	padding: 6px 14px;
	border-radius: 20px;
	background: rgba(255, 255, 255, .16);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #fff;
}
.blog-hero__title {
	max-width: 14em;
	color: #fff;
}
.blog-hero__text {
	margin: 14px 0 0;
	max-width: 560px;
	font-size: 16px;
	line-height: 1.55;
	color: rgba(255, 255, 255, .9);
}
.blog-hero .blog-crumbs a,
.blog-hero .blog-crumbs .breadcrumb_last,
.blog-hero .blog-crumbs .breadcrumb_last strong {
	color: #fff;
}
.blog-hero .blog-crumbs .breadcrumb_last,
.blog-hero .blog-crumbs .breadcrumb_last strong {
	color: rgba(255, 255, 255, .72);
}
.blog-hero .blog-crumbs__sep {
	border-color: rgba(255, 255, 255, .75);
}
.blog-hero__title,
.blog-article__title {
	margin: 0;
	font-size: 44px;
	font-weight: 800;
	line-height: 1.15;
	letter-spacing: .01em;
	text-transform: uppercase;
}
.blog-list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
	padding: 28px 0 36px;
}
.blog-card {
	display: flex;
	flex-direction: column;
	background: #fff;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 8px 28px rgba(34, 51, 65, .08);
}
.blog-card__media {
	display: block;
	aspect-ratio: 16 / 10;
	background: linear-gradient(135deg, #2b33f2 0%, #aa4cee 100%);
	overflow: hidden;
}
.blog-card__img,
.blog-card__placeholder {
	display: block;
	width: 100%;
	height: 100%;
}
.blog-card__img {
	object-fit: cover;
}
.blog-card__body {
	display: flex;
	flex-direction: column;
	flex: 1;
	padding: 18px 20px 10px;
}
.blog-card__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 14px;
	margin-bottom: 8px;
	font-size: 13px;
	color: #6b7a88;
}
.blog-card__meta a {
	color: #2b33f2;
	text-decoration: none;
}
.blog-card__title {
	margin: 0 0 10px;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.3;
	text-transform: none;
}
.blog-card__title a {
	color: #223341;
	text-decoration: none;
}
.blog-card__excerpt {
	margin: 0;
	flex: 1;
	font-size: 15px;
	color: #4a5a68;
}
.blog-card__more {
	align-self: flex-start;
	margin: 16px 0 8px;
	padding: 12px 26px;
	font-size: 14px;
}
.blog-empty {
	padding: 28px 0 72px;
	font-size: 16px;
}
.blog-page .navigation.pagination {
	padding: 0 0 64px;
}
.blog-page .navigation.pagination .nav-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
}
.blog-page .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 42px;
	height: 42px;
	padding: 0 14px;
	border-radius: 21px;
	background: #fff;
	color: #223341;
	font-weight: 700;
	text-decoration: none;
	box-shadow: 0 4px 16px rgba(34, 51, 65, .06);
}
.blog-page .page-numbers.current {
	background: linear-gradient(to top left, #7121fb 20%, #2b33f2 80%);
	color: #fff;
}
.blog-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 280px;
	gap: 36px;
	width: 100%;
	max-width: 1180px;
	margin: 0 auto;
	padding: 36px 24px 72px;
	box-sizing: border-box;
}
.blog-layout:not(:has(> .blog-side)) {
	grid-template-columns: minmax(0, 1fr);
}
.blog-also {
	grid-column: 1 / -1;
	margin-top: 8px;
}
.blog-also__title {
	margin: 0;
	font-size: 28px;
	font-weight: 800;
	line-height: 1.2;
	letter-spacing: .01em;
	text-transform: uppercase;
}
.blog-also .blog-list {
	padding-top: 20px;
	padding-bottom: 0;
}
.blog-crumbs {
	margin: 0 0 14px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4;
}
.blog-crumbs > span {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.blog-crumbs a {
	color: #2b33f2;
	text-decoration: none;
}
.blog-crumbs .breadcrumb_last,
.blog-crumbs .breadcrumb_last strong {
	color: #6b7a88;
	font-weight: 600;
}
.blog-crumbs__sep {
	display: inline-block;
	width: 6px;
	height: 6px;
	margin: 0 10px;
	border-top: 1.5px solid #b7c0c8;
	border-right: 1.5px solid #b7c0c8;
	transform: rotate(45deg);
	flex: 0 0 6px;
}
.blog-article__head .blog-article__title {
	margin: 8px 0 16px;
}
.blog-byline {
	display: grid;
	grid-template-columns: 64px minmax(0, 1fr);
	grid-template-areas: "avatar name" "note note";
	column-gap: 14px;
	row-gap: 12px;
	align-items: center;
	width: 100%;
	margin: 2px 0 22px;
	padding: 16px 18px 16px 16px;
	border-radius: 22px;
	background: #fff;
	box-shadow: 0 10px 28px rgba(43, 51, 242, .08);
}
.blog-byline__avatar {
	grid-area: avatar;
	width: 64px;
	height: 64px;
	padding: 2px;
	border-radius: 50%;
	background: linear-gradient(135deg, #2b33f2 0%, #aa4cee 100%);
}
.blog-byline__photo {
	display: block;
	width: 60px;
	height: 60px;
	max-width: none;
	border-radius: 50%;
	object-fit: cover;
	background: #fff;
}
.blog-byline__photo_empty {
	background: linear-gradient(135deg, #2b33f2 0%, #aa4cee 100%);
}
.blog-byline__name {
	grid-area: name;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.25;
}
.blog-byline__note {
	grid-area: note;
	margin: 0;
	padding-top: 12px;
	border-top: 1px solid #eef0f4;
	color: #5c6d7c;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.55;
}
@media screen and (max-width: 640px) {
	.blog-byline {
		grid-template-columns: 52px minmax(0, 1fr);
		column-gap: 12px;
		padding: 14px;
		border-radius: 18px;
	}
	.blog-byline__avatar,
	.blog-byline__photo {
		width: 52px;
		height: 52px;
	}
	.blog-byline__photo {
		width: 48px;
		height: 48px;
	}
	.blog-byline__name {
		font-size: 16px;
	}
}
.blog-article__cover {
	margin: 8px 0 22px;
}
.blog-article__cover img,
.blog-article__content img {
	max-width: 100%;
	height: auto;
}
.blog-article__cover img {
	display: block;
	width: 100%;
	border-radius: 16px;
}
.blog-article__content {
	font-size: 17px;
	line-height: 1.7;
}
.blog-article__content p,
.blog-article__content ul,
.blog-article__content ol,
.blog-article__content blockquote {
	margin: 0 0 1em;
}
.blog-article__content ul {
	list-style: disc;
	padding-left: 1.2em;
}
.blog-article__content ol {
	list-style: decimal;
	padding-left: 1.2em;
}
.blog-article__content h1,
.blog-article__content h2,
.blog-article__content h3,
.blog-article__content h4,
.blog-article__content h5,
.blog-article__content h6 {
	margin: 1.3em 0 .45em;
	font-weight: 800;
	line-height: 1.25;
	scroll-margin-top: 86px;
}
.blog-article__content h1 {
	font-size: 34px;
}
.blog-article__content h2 {
	font-size: 28px;
}
.blog-article__content h3 {
	font-size: 22px;
}
.blog-article__content h4 {
	font-size: 18px;
}
.blog-article__content h5,
.blog-article__content h6 {
	font-size: 16px;
}
.blog-article__content a {
	color: #2b33f2;
}
.blog-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 18px 0 8px;
}
.blog-tags a {
	padding: 6px 12px;
	border-radius: 20px;
	background: #fff;
	color: #223341;
	font-size: 13px;
	font-weight: 700;
	text-decoration: none;
}
.blog-side__block {
	padding: 22px 20px 8px;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 8px 28px rgba(34, 51, 65, .08);
}
.blog-side__title {
	margin-bottom: 6px;
	font-size: 16px;
	font-weight: 800;
	letter-spacing: .04em;
	text-transform: uppercase;
}
.blog-side__toggle {
	display: none;
}
.blog-side {
	position: sticky;
	top: 78px;
	align-self: start;
}
.blog-side__nav,
.blog-side__nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.blog-side__nav ul {
	padding-left: 14px;
}
.blog-side__nav a {
	display: block;
	padding: 10px 8px;
	margin: 0 -8px;
	border-top: 1px solid #eef0f4;
	border-radius: 8px;
	color: #223341;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.35;
	text-decoration: none;
	transition: color .2s ease, background .2s ease;
}
.blog-side__nav ul a {
	font-size: 13px;
	font-weight: 600;
	color: #4a5a68;
}
.blog-side__nav li.is-active > a {
	color: #2b33f2;
}
.blog-side__nav a:hover {
	color: #2b33f2;
	background: linear-gradient(90deg, rgba(43, 51, 242, .1), rgba(170, 76, 238, .05));
}
.blog-side__toggle {
	transition: background .2s ease, color .2s ease;
}
.admin-bar .blog-article__content h1,
.admin-bar .blog-article__content h2,
.admin-bar .blog-article__content h3,
.admin-bar .blog-article__content h4,
.admin-bar .blog-article__content h5,
.admin-bar .blog-article__content h6 {
	scroll-margin-top: 118px;
}
.admin-bar .blog-side {
	top: 110px;
}
.likecon-blog.admin-bar .wrapper {
	padding-top: 90px;
}
@media screen and (max-width: 991px) {
	.blog-hero__title,
	.blog-article__title {
		font-size: 34px;
	}
	.blog-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.blog-layout {
		grid-template-columns: 1fr;
		gap: 28px;
	}
}
@media screen and (max-width: 1199px) {
	.blog-side {
		position: static;
		margin: 16px 0 8px;
	}
	.blog-side:not(.is-placed) {
		display: none;
	}
	.blog-side__block {
		padding: 0;
		overflow: hidden;
	}
	.blog-side__toggle {
		display: flex;
		align-items: center;
		gap: 12px;
		width: 100%;
		margin: 0;
		padding: 14px 16px;
		border: 0;
		background: transparent;
		color: #2b33f2;
		font-family: inherit;
		font-size: 16px;
		font-weight: 700;
		line-height: 1.2;
		text-align: left;
		cursor: pointer;
	}
	.blog-side__toggle:hover {
		background: rgba(43, 51, 242, .06);
	}
	.blog-side__burger {
		width: 16px;
		height: 2px;
		border-radius: 1px;
		background: #2b33f2;
		box-shadow: 0 -5px 0 #2b33f2, 0 5px 0 #2b33f2;
		flex: 0 0 16px;
	}
	.blog-side__chevron {
		width: 8px;
		height: 8px;
		margin-left: auto;
		border-right: 2px solid #2b33f2;
		border-bottom: 2px solid #2b33f2;
		transform: translateY(-2px) rotate(45deg);
		flex: 0 0 8px;
	}
	.blog-side.is-open .blog-side__chevron {
		transform: translateY(2px) rotate(225deg);
	}
	.blog-side__title,
	.blog-side__panel {
		display: none;
	}
	.blog-side.is-open .blog-side__panel {
		display: block;
		padding: 0 16px 10px;
	}
}
@media screen and (max-width: 640px) {
	.blog-wrap,
	.blog-layout {
		padding-left: 16px;
		padding-right: 16px;
	}
	.blog-hero {
		padding: 32px 0 62px;
	}
	.blog-hero__wave {
		height: 42px;
	}
	.blog-hero__title,
	.blog-article__title,
	.blog-also__title {
		font-size: 28px;
	}
	.blog-list {
		grid-template-columns: 1fr;
	}
}
.likecon-blog {
	background: #f8f9fb;
}
.likecon-blog .footer-margin-top {
	margin-top: -18vw;
}
.likecon-blog .blog-wrap_list {
	padding-bottom: 22vw;
}
.likecon-blog .blog-layout {
	padding-bottom: 26vw;
}
@media screen and (max-width: 991px) {
	.likecon-blog .footer-margin-top {
		margin-top: -110px;
	}
	.likecon-blog .blog-wrap_list {
		padding-bottom: 140px;
	}
	.likecon-blog .blog-layout {
		padding-bottom: 180px;
	}
}


.tb-hero {
	position: relative;
	overflow: hidden;
}
.tb-hero__bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
	pointer-events: none;
}

@media screen and (min-width: 992px) {
	.tb-hero {
		height: 100vh;
	}
}