@font-face{font-family:'OpenSansRegular';src:url('../fonts/OpenSansRegular.ttf') format('truetype');font-weight:normal;font-style:normal;}
@font-face{font-family:'OpenSansBold';src:url('../fonts/OpenSansBold.ttf') format('truetype');font-weight:normal;font-style:normal;}
@font-face{font-family:'RobotoSlabRegular';src:url('../fonts/RobotoSlabRegular.ttf') format('truetype');font-weight:normal;font-style:normal;}
@font-face{font-family:'PTSansRegular';src:url('../fonts/PTSansRegular.ttf') format('truetype');font-weight:normal;font-style:normal;}
body p{color:#000;font-family:"PTSansRegular";font-size:14px;}



body.active{
	padding-right:17px;
	overflow:hidden;
}
h1{
font-size:2.2vw!important;
font-family:"RobotoSlabRegular"!important;
font-weight:bold;color:#37474f!important;
text-transform:uppercase!important;
margin-bottom:30px!important;
}
.og-expander{position:absolute;top:auto;left:0;width:100%;margin-top:10px;margin-bottom:10px;text-align:left;height:auto;opacity:0;transition:all 0.4s;overflow:hidden;z-index:-1;}
#og-grid li{transition:height 0.4s;}
/*
#og-grid li.active .wrapProjDiv .logoProj .logoProgBlack{opacity:0;}

#og-grid li.active .wrapProjDiv .logoProj .bgColorProj{opacity:1;}
*/
.og-grid li ul li{width:auto;}
p.title{font-size:36px;text-transform:uppercase;font-family:"RobotoSlabRegular";color:#000;}
.wrapper{min-height:100%;position:relative;}
.flexSA{display:flex;justify-content:space-around;}
.flexSB{display:flex;justify-content:space-between;}
.flexCenter{display:flex;justify-content:center;}
.flexAI{display:flex;align-items:center;}
.flexW{display:flex;flex-wrap:wrap;}
.flexColumn{display:flex;flex-direction:column;}
.flexStart{display:flex;justify-content:flex-start;}
.flexEnd{display:flex;justify-content:flex-end;}
.txtBlockCompany p.title{font-size:36px;font-family:"RobotoSlabRegular";}
.txtBlockMap{
	margin:0 25px 25px 0;
	width: 495px;
}
.vkHov{display: none;}
.vk a:hover .vkHov{display: block;}
.vk a:hover .vkNonHov{display: none;}
header{position:relative;}
.mobCallBackTop{display: none;}
.vk a{border: 2px solid #0078aa;height: 39px;width: 39px;display: flex;flex-direction:column;align-items:center;justify-content:center;transition:all .4s;}
.vk a:hover{background: #0078aa;border-radius: 10px;}
.vk a img{max-width: 95%;}
header img{max-width:100%;}
.wrapTopLineInfo{
	padding:60px 90px;
}
.topLineInfo{background:#ededed;padding:10px 0;}
.topLineInfo p{margin-bottom:0;}
.txtBlockCompany p{font-size:16px;}
.infoTop p{font-size:14px;font-family:"OpenSansRegular";margin-bottom:0;line-height:1;}
.rightTxtBlock{
	margin-bottom:-40px;
	text-align:right;
}
.infoTop p.phone{font-size:24px;font-family:"OpenSansRegular";}
.infoTop a{font-family:"OpenSansRegular";font-size:14px;color:#000;}
.vk{margin-left:35px;}
.og-details ul{margin-left:32px;}
.og-details ul li{position:relative;font-family:"PTSansRegular";font-weight:400;font-size:14px;line-height:22px;color:#000;}
.og-details ul li:before{position:absolute;content:'+';color:#3677a7;font-size:30px;left:-25px;top:calc(50% - 12px);}
a{cursor:pointer;}
.brighten img{
	-webkit-filter:brightness(90%);
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-o-transition:all 1s ease;
	-ms-transition:all 1s ease;
	transition:all 1s ease;
}
.brighten a{position:relative;}
.brighten a span{
	display:none;
	background-image:url(../images/loupe.png);
	background-repeat:no-repeat;
	width:100%; height:100%;
	position:absolute;
	left:calc(50% - 31px); top:calc(50% - 31px);
	z-index:1;
}
.brighten a:hover span{display:block;width:65px;height:65px;}
#og-grid li .wrapProjDiv{position:relative;z-index:30;}
#og-grid li .wrapProjDiv .logoProj{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;flex-direction:column;align-items:center;background:transparent;transition:all 3s;}
#og-grid li .wrapProjDiv .logoProj img{position:relative;z-index:15;max-width:70%;max-height:70%;}
/*
#og-grid li .wrapProjDiv .logoProj .bgColorProj{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;transition:all 0.4s ease-in-out;background:linear-gradient(270deg, rgba(0, 188, 240, 0.7) 0%, rgba(5, 42, 64, 0.7) 100%);z-index:5;}
#og-grid li .wrapProjDiv .logoProj:hover .bgColorProj{opacity:1;}
#og-grid li.og-expanded a .logoProj .bgColorProj{opacity:1;}

#og-grid li .wrapProjDiv .logoProj:hover .logoProgBlack{opacity:0;}
*/

.wrapProjDiv__info,
.logoProj > img{
	transition:.35s;
}
.wrapProjDiv__info{
	position:absolute;
	left:0; top:0;
	z-index: 15;
	padding: 10px 15px;
	width:100%; height:100%;
	text-align:left;
	color:#fff;
	opacity:1;
}
.wrapProjDiv__info:before{
	content:'';
	position:absolute;
	left: 4px; top: 4px;
	width: calc(100% - 8px); height: calc(100% - 8px);
	border:2px solid #3677a7;
}
.wrapProjDiv__info-tit{
	margin-bottom: 5px; 
	margin-top: 5px;
}
.wrapProjDiv__info-tit,
.wrapProjDiv__info-list,
.wrapProjDiv__info-btn,
.wrapProjDiv__info:before{
	opacity:0;
	transition:.35s;
}
.logoProj:hover .wrapProjDiv__info-tit,
.logoProj:hover .wrapProjDiv__info-list,
.logoProj:hover .wrapProjDiv__info-btn,
.logoProj:hover .wrapProjDiv__info:before{
	opacity:1;
}
.wrapProjDiv__info-tit{
	font-size:24px;
}
.wrapProjDiv__info-list{
	margin-left: 25px;
}
.wrapProjDiv__info-list li{
	position:relative;
}
.wrapProjDiv__info-list li:before{
	content: '+';
	position: absolute;
	left: -25px; top:50%;
	transform:translateY(-50%);
	color: #3677a7;
	font-size: 30px;
}
.wrapProjDiv__info-btn{
	position: absolute;
	left: 54px; bottom: 4px;
	padding: 5px 55px 5px 15px;
	border:none;
	background-color:#3677a7;
	color:#fff;
	text-transform:uppercase;
	transform:unset;
}
.wrapProjDiv__info-btn:before,
.wrapProjDiv__info-btn:after,
.responsible__write:before,
.responsible__write:after{
	content:'';
	position:absolute;
	right:17px; top:50%;
	transform:translateY(-50%);
	transition:.35s;
}
.wrapProjDiv__info-btn:before,
.responsible__write:before{
	width:24px; height:1px;
	background-color:#fff;
}
.wrapProjDiv__info-btn:after,
.responsible__write:after{
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	width:5px; height:5px;
	transform: translateY(-50%) rotate(-45deg);
}
.wrapProjDiv__info-btn:hover{
	background-color:#fff;
	color:#3677a7;
}
.wrapProjDiv__info-btn:hover:before{
	background-color:#3677a7;
}
.wrapProjDiv__info-btn:hover:after{
	border-color:#3677a7;
}
.logoProj:hover > img{
	opacity:0;
}
.logoProj:hover .wrapProjDiv__info{
	opacity:1;
}
button:hover,
button:focus{
	outline:none;
}
#og-grid li .wrapProjDiv .logoProj .logoProgBlack{
	position:absolute;
	left:0;top:0;
	width:100%;height:100%;
	opacity:1;
	transition:all 0.4s ease-in-out;
	background-color: rgba(76, 82, 84, 0);
	z-index:5;
	transition:.35s;
}
.logoProj:hover .logoProgBlack{
	background-color: rgba(0, 0, 0, 0.55) !important;
}
#og-grid li.og-expanded a .logoProj .logoProgBlack{opacity:0;}
.bitrixImg{position:absolute;top:0;left:calc(50% - 76px);}
.wrapTxtBlocks{align-items:flex-end;width:100%;}
.wrapTxtBlocks p{font-size:24px;font-family:"OpenSansRegular";line-height:1.2;}
.wrapTxtBlocks p strong{font-size:36px;}
.wrapAbsTxtBlocks{
	margin:0 0 100px;
}
.wrapTxtBlocks .moreSaleA p{width:320px;}
.wrapTxtBlocks .moreSaleA{margin:45px 0 -20px 0;}
.colorP{color:#37474f;margin-bottom:0;}
.wrapTxtBlocks p.bigTxtBlocks{font-size:46px;font-family:"RobotoSlabRegular";font-weight:bold;color:#37474f;text-transform:uppercase;margin-bottom:30px;}
.rightTxtBlock p{text-align:right;}
.leftTxtBlock{}
.aboutCompany{background:url(../images/blueLine.png) no-repeat;background-size:51% auto;background-position:top right;padding-top:30px;margin-bottom:20px;}
.ipBG{background:url(../images/ipBG.png) no-repeat;background-position:center center;}
.aboutCompanyWrap{margin-bottom:120px;}
.aboutCompany p.title{margin:0px 0 30px;}
.txtBlockCompany,.ipBG{width:49%;}
.nucAbout p.name{color:#3677a7;text-transform:uppercase;font-family:"RobotoSlabRegular";}
.nucAboutWLeft p{text-align:right;}
.nucAboutWLeft img{margin-left:30px;}
.nucAboutWRight p{text-align:left;}
.nucAboutWRight img{margin-right:30px;}
.imgCenterCompany{padding:0 10px 100px;}
.nucAbout{height:32%;width:375px;}
.nucAboutWLeft{margin-right:-40px;}
.nucAboutWLeft .nucAbout:nth-child(2){padding-right:60px;}
.nucAboutWRight{margin-left:-40px;}
.nucAboutWRight .nucAbout:nth-child(2){padding-left:60px;}
.ourProj p.title{text-align:center;margin-bottom:40px;}
.ourClients{padding:70px 0 90px;}
.wrapRew{padding:0 70px;}
.ourClients p.title{text-align:center;margin-bottom:60px;}
.imgRew{
	position:relative;
	margin-bottom:20px; margin-right:4%;
	width:22%;
	text-align:center;
	border:4px solid #000;
}
.imgRew:before{
	content:'';
	position: absolute;
	z-index:1;
	width:100%; height:100%;
	background-color:#3677a7;
	opacity:0;
	transition: .25s;
}
.imgRew:hover:before{
	opacity:1;
}
.imgRew:nth-child(4n){
	margin-right:0;
}
.imgRew img{
	width:100%;
}
.ourClients{background:url(../images/ourClientsBg.png),url(../images/blueLine.png) center left no-repeat;}
.keyQualityOne{background:url(../images/keyQualityBG1.png) no-repeat;background-size:100% auto;background-position:top;}
.keyQualityOne p.title{color:#fff;text-align:center;padding:50px 0 125px;margin-bottom:60px;}
.leftBlockKey,.rightBlockKey{width:46%;margin:2%;}
.leftBlockKey{display:flex;justify-content:flex-end;}
.leftBlockKey.rightSide{display:flex;justify-content:flex-start;}
.rightBlockKey ul li{position:relative;}
.rightBlockKey ul li:before{position:absolute;content:'+';color:#3677a7;font-size:30px;left:-25px;top:calc(50% - 19px);}
.rightBlockKey ul li p{font-size:16px;}
.wrapKey{margin-bottom:15px;align-items:center;}
.wrapKey  ul,.txtBlockMap ul{
	margin-left: 30px;
}
.rightBlockKey p{font-size:16px;}
.oneStep{position:relative;}
.squareBlock{border:2px solid #3677a7;width:400px;height:320px;display:flex;align-items:center;justify-content:space-between;position:relative;}
.squareBlock img{margin:0 20px;}
.minTxtBlock{background:#fff;width:300px;margin-left:-125px;padding:20px 0;}
.minTxtBlock .nameKey{font-size:36px;text-transform:uppercase;font-family:"RobotoSlabRegular";}
.minTxtBlock p{font-size:18px;text-align:right;line-height:1;}
.oneStep:after{position:absolute;content:"01";font-size:608px;right:-75px;top:0;line-height:350px;color:rgba(245,245,245,1);z-index:-1;}
.keyQualityOne p{position:relative;z-index:10;}
.rightSide .squareBlock{}
.rightSide .squareBlock .minTxtBlock{margin-left:0px;margin-right:-100px;}
.rightSide .squareBlock .minTxtBlock p{text-align:left;}
.wrapStepTwo{padding:45px;position:relative;}
.keyQualityTwo{background:repeating-linear-gradient(-45deg, #fff, #fff 3px, #f5f5f5 6px);}
.nucStepTwo .nameStepTwo{font-size:36px;text-transform:uppercase;line-height:1;font-family:"RobotoSlabRegular";}
.nucStepTwo .miniNameStepTwo{font-size:24px;text-transform:uppercase;line-height:1;font-family:"RobotoSlabRegular";}
.nucStepTwo p{font-size:17px;}
.nucStepTwo img{max-width:100%;}
.nucStepTwo{width:49%;}
.advertisings{width:80px;}
.squareStepTwo{width:400px;height:320px;border:2px solid #3677a7;text-align:center;padding:30px 40px;position:relative;z-index:10;}
.squareStepTwo p{color:#3677a7;font-family:"RobotoSlabRegular";line-height:1.2;}
.squareStepTwo .bigSaleStep{font-size:36px;}
.wrapStepTwo{align-items:flex-end;}
.nucStepTwo img.imgKey21{height:320px;}
.imgKey21,.saleBlockStep{margin-top:40px;}
.nucStepTwo .widthSq{max-width:400px;}
.wrapStepTwo{position:relative;}
.wrapStepTwo::after{position:absolute;content:"02";font-size:608px;left:-10px;top:50px;line-height:445px;color:rgba(245,245,245,1);z-index:5;}
.wrapStepTwo p,.wrapStepTwo img{position:relative;z-index:20;}
.wrapStepThree{align-items:flex-end;position:relative;}
.wrapStepThree{padding:45px;}
.nucStepThree{width:49%;}
.txtwrap{width:73%;}
.imgWrap{width:23%;margin-right:4%;}
.imgWrap img{margin-top:75px;}
.txtwrap ul li{font-size:15px;font-family:"PTSansRegular";list-style-type:disc;list-style-position:inside;color:#000;}
.reliabilityBotBlock p{font-size:18px;color:#3677a7;font-size:"RobotoSlabRegular";}
.reliabilityBotBlock p:first-child{text-transform:uppercase;}
.wrapStepThree{position:relative;}
.wrapStepThree::after{position:absolute;content:"03";font-size:608px;right:-10px;top:50px;line-height:445px;color:rgba(245,245,245,1);z-index:5;}
.wrapStepThree p,.wrapStepThree img,.wrapStepThree li{position:relative;z-index:20;}
.qualityControl{background:url(../images/qualityControlBG.png) no-repeat;padding:55px 0;}
.qualityControl p{color:#fff;}
.qualityControl p.title{color:#fff;text-align:center;}
.wrapControl{margin-top:55px;}
.qualityControl p.miniTitle{font-size:24px;text-align:center;line-height:1;font-family:"RobotoSlabRegular";text-transform:uppercase;}
.nucControl{width:30%;display:flex;justify-content:center;flex-direction:column;padding:35px 45px;border:1px solid #fff;border-left:none;position:relative;}
.nucControl p{font-size:18px;margin-bottom:0;position:relative;}
.nucControl p:before{content:'+';position:absolute;left:-61px;top:calc(50% - 34px);font-size:60px;color:#fff;line-height:1;font-family:"RobotoSlabRegular";}
.nucControl:nth-child(2) p::before{content:'_';top:calc(50% - 54px);}
.nucControl::after,.nucControl::before{content:'';position:absolute;background:#fff;width:1px;height:30%;left:0;}
.nucControl::after{bottom:0;}
.nucControl::before{top:0;}
.wrapCorp{padding-top:55px;}
.priceBlock .headCorp,.corpIn .headCorp{font-size:36px;font-family:"RobotoSlabRegular";line-height:1;margin-bottom:25px;text-transform:uppercase;}
.priceBlock .price{font-size:48px;font-family:"RobotoSlabRegular";color:#3677a7;line-height:1;}
.priceBlock{width:25%;}
.priceBlock p{font-size:18px;}
.corpIn{width:70%;}
.nucCorp{width:29%;align-items:flex-start;margin-bottom:15px;}
.nucCorp img{margin-right:10px;margin-top:5px;}
.borderForm{border:3px solid #ffd213;padding-left:30px;margin-bottom:10px;}
.borderForm p.nameForm{font-size:18px;text-transform:uppercase;font-family:"RobotoSlabRegular";color:#3677a7;margin-bottom:0;}
.formKP label{padding-left:53px;position:relative;}
.formKP label p{font-size:14px;color:#d1d1d1;margin-bottom:0;margin-left:5px;}
.formKP .borderForm p,.formKP .borderForm input{width:22%;}
.formKP input{border:2px solid #d1d1d1;padding:20px 15px;}
.formKP input[type="submit"]{height:130px;background:#ffd213;border:1px solid #ffd213;color:#000;font-family:"RobotoSlabRegular";}
#personal{display:none;}
.customCheckbox{background:url(../images/checkNone.png) no-repeat;width:16px;height:16px;position:absolute;left:33px;top:2px;}
#personal:checked + .customCheckbox{background:url(../images/customCheckboxCheck.png) no-repeat;background-size:auto auto;background-size:100% 100%;}
.formKP{margin-bottom:40px;}
.mapJob{
	padding-top:45px;
	background:#e5e5e5;
	overflow:hidden;
}
.mapJob p.title{text-align:center;text-transform:none;}
.txtBlockMap p{font-family:"RobotoSlabRegular";line-height:1;}
.txtBlockMap p.nameBlockMap{font-size:36px;}
.wrapTabs{
	margin-top:40px;
	height: 570px;
	align-items: center;
}
.txtBlockMap p{font-size:18px;}
.txtBlockMap ul li p{font-size:16px;font-family:"OpenSansRegular";margin-bottom:0;}
.txtBlockMap ul li{position:relative;margin-bottom:10px;}
.txtBlockMap ul li::before{position:absolute;content:'+';color:#3677a7;font-size:30px;left:-25px;top:calc(50% - 21px);}
.imgBlockMap{
	position:relative;
	margin-top:auto;
	width:calc(100% - 520px);
}
.mapMarker{position:absolute;text-align:center;z-index:20;}
.disign{
    left: 48px; top: 15.2%;
}
.brif{
	left: 31%; top: 10%;
}
.verstka{
	left: 66%; top: -15.7%;
}
.startProg{
    left: 98.3%; top: 15%;
}
.testing{
    left: 40%; top: 22%;
}
.optimize{
	left: 65.5%; top: 31%;
}
.prototipe{
 	left: 24.6%; top: 41.5%;
}

.scrollup {
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 50px;
    left: 50px;
    display: none;
    text-indent: -9999px;
    background: url('../images/icon_top.png') no-repeat;
    z-index: 100;
}
.ourProj{
	padding-top: 60px;
}
.mainMenu{
	left: 0;
	top: 0;
	background: #0078aa;
	width: 100%;
	padding: 10px 0;
	position: fixed;
	display: none;
	 z-index: 100;
}
.logoScroll img{
	max-width: 35px;
	margin-right: 10px;
}
.logoScroll p{
	color: #fff;
	margin-bottom: 0;

}
.mainMenu ul{
	display: flex;
	justify-content:space-between;
	margin-bottom: 0;
}
.mainMenu ul li a{
	color: #fff;
	padding: 0 10px;
	font-family: "OpenSansRegular";
	font-size: 16px;
}
.mapMarker p{font-size:14px;font-family:"RobotoSlabRegular";color:#3677a7;text-align:center;line-height:1.1;}
.mapMarker:hover .nonHovMarker{
	display:none;
}
.activeTabMarker .nonHovMarker{
	display:none;
}
.activeTabMarker .hovMarker{display:inline-block;}
.mapMarker:hover .hovMarker{display:inline-block;}
.hovMarker{display:none;}
.activeTabMarker{margin-top:-27px;}
.activeTabMarker .mapMarker__point:before{
	color:#bc9801;
}
.mapMarker{transition:all 0.4s;cursor:pointer;}
.mapMarker:hover{margin-top:-27px;}
.tabContent.activeTab{display:block;}
.tabContent{display:none;}
.mapMarker__point{
	position:relative;
	margin:auto;
	width:27px; height:37px;
	background: url(/images/mapMarker_point.png) center/contain no-repeat;
}
.mapMarker__point:before,
.mapMarker__point:after{
	content:'1';
	position:absolute;
	left:50%; top:3px;
	transform:translateX(-50%);
	color:#3677a7;
	font-weight: bold; font-family: "RobotoSlabRegular";
}
.mapMarker__point:after{
	content:'';
	top: 2px;
	width:50px; height:50px;
	border-radius:50%;
	transition:.15s;
}
.activeTabMarker .mapMarker__point:after{
	box-shadow: 0 0 15px 1px #3677a7;
	animation: moveShadow 1.5s .75s infinite ease;
}
@keyframes moveShadow{
	from{
		box-shadow: 0 0 15px 1px #3677a7;
	}
	50%{
		box-shadow: 0 0 30px 4px #3677a7;
	}
	to {
		box-shadow: 0 0 15px 1px #3677a7;
	}
}
.prototipe .mapMarker__point:before{
	content:'2';
}
.disign .mapMarker__point:before{
	content:'3';
}
.verstka .mapMarker__point:before{
	content:'4';
}
.startProg .mapMarker__point:before{
	content:'7';
}
.testing .mapMarker__point:before{
	content:'6';
}
.optimize .mapMarker__point:before{
	content:'5';
}
.mapMarker:hover .mapMarker__point,
.mapMarker.activeTabMarker .mapMarker__point{
	width:55px; height:74px;
	background-image: url(/images/mapMarker_point_b.png)
}
.mapMarker:hover .mapMarker__point:before,
.mapMarker.activeTabMarker .mapMarker__point:before{
	top:0;
	font-size:36px;
}
.mapJob__group{
	margin: 30px 0 0;
}
.mapJob__group .nameBlockMap{
	margin: 0 0 15px;
}

/* ----- Responsible ----- */

.responsible{
	display:flex;
	padding:60px 15px;
}
.responsible__left{
	margin-right:30px;
}
.responsible__photo,
.managers__photo{
	margin-bottom:25px;
	border:1px solid #3677a7;
}
.responsible__photo img{
	
}
.responsible__write{
	position:relative;
	text-transform:uppercase;
	font-size:16px;
	padding:0;
	border: unset;
	background-color: unset;
	color: #4782af;
}
.responsible__write:before,
.responsible__write:after{
	right: -30px;
}
.responsible__write:before{
	background-color:#3677a7;
}
.responsible__write:after{
	border-color: #3677a7;
}
.responsible__right{
	
}
.responsible__tit,
.responsible__right p{
	margin:0;
}
.responsible__tit,
.managers__tit{
	margin-bottom:15px;
	font-size:36px; font-family: "RobotoSlabRegular";
}
.responsible__name{
	font-weight:bold; font-size:20px;
}
.responsible__position,
.responsible__txt{
	font-size:16px;
}
.responsible__right .responsible__position{
	margin-bottom: 8px;
}
.responsible__txt{
	
}

/* ----- Managers ----- */

.managers{
	padding: 15px 15px 80px;
	text-align:center;
}
.managers__tit{
	margin:0 0 30px;
}
.managers__block{
	display:flex;
	justify-content:space-between;
}
.managers__item{
	width:calc((100% - 150px) / 4)
}
.managers__photo{
	margin: 0 auto 20px;
	width:250px; height:245px;
	overflow:hidden;
}
.managers__photo img{
	width:100%;
}
.managers__info{
	font-size:16px;
}
.managers__info a{
	color:#333;
}
.managers__position{
	margin-bottom: 10px;
	font-weight:bold; font-size:18px;
}
.managers__name{
	
}
.managers__email{
	
}
.managers__email a{
	
}
.managers__tel{
	
}
.managers__tel a{
	
}

.effectiveMarketing{background:url(../images/effectiveMarketingBG.jpg) no-repeat;padding:30px 0;}
.effectiveMarketing p.title{font-size:36px;margin-bottom:0;}
.effectiveMarketing p.title,.effectiveMarketing p.miniEM{font-family:"RobotoSlabRegular";text-align:center;text-transform:uppercase;line-height:1;}
.effectiveMarketing p{color:#fff;font-size:18px;line-height:1.1;}
.effectiveMarketing p.miniEM{font-size:18px;margin-bottom:15px;}
.moreSale{width:48%;}
.imgEM{width:48%;}
.wrapTopInfoAndLogo{position: relative;z-index: 10;}
.wrapEM{padding:0 190px;}
.moreSaleA{display:inline-block;border-radius:5px;background:rgba(0,0,0,0.1);padding:10px;}
.mobMinBg{display: none;}
.moreSaleA:hover p span{color:#000;}
.rightTxtBlock .moreSaleA:hover p span{color:#fff;}
.rightTxtBlock .moreSaleA p:after{background:#3677a7;}
.moreSaleA p span{text-align:center;color:#000;text-transform:uppercase;font-family:"OpenSansRegular";width:100%;font-size:16px;margin-bottom:0;position:relative;z-index:20;}
.moreSaleA p{display:inline-block;background:#ffd213;padding:15px;text-align:center;color:#000;text-transform:uppercase;font-family:"OpenSansRegular";width:100%;font-size:14px;margin-bottom:0;}
footer{padding:35px 0;background:#37474f;}
.phonFoot{font-size:24px;color:#fff;font-family:"OpenSansRegular";}
.conf{font-size:12px;font-family:"OpenSansRegular";color:#78909c;}
.conf:hover{color:#78909c;}
.addresFoot p{font-family:"OpenSansRegular";color:#fff;}
.phoneAndConf{margin-right:35px;}
.addresFoot a{font-size:14px;color:#fff;text-transform:uppercase;}
.socNuc{border:2px solid #3677a7;display:flex;flex-direction:column;align-items:center;justify-content:center;width:50px;height:50px;transition:all 0.4s;}
.socNuc:hover{background: #3677a7;border-radius: 10px;}
.socNuc:first-child{margin-right:40px;}
.moreSaleA p{position:relative;}
.moreSaleA p::after{content:'';position:absolute;width:0%;height:100%;top:0;left:0;background:#fff;z-index:-1;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
.moreSaleA:hover p::after{width:100%;z-index:2;}
.moreSaleA:hover p{color:#000;z-index:10;}

.nucAboutWLeft,
.nucAboutWRight{
	position:relative;
	z-index:1;
}
.imgCenterCompany{
	position:relative;
}
.imgCenterCompany:after{
	content:'';
	position:absolute;
	left:50%; top: 142px;
	transform: translateX(-50%);
	width:100px; height:100px;
	background:url(/images/logo_icosahedron.png) center/contain no-repeat;
	pointer-events:none;
}
#canvas{
	position:relative;
}

/* ----- Portfolio ----- */

.portfolio{
	display:flex;
	width: 100vw; height: 100vh;
	position: fixed;
	left: 0; top:0px;
	z-index:100;
	overflow: hidden;
	background-color: #fff;
	top:0;
	opacity:1;
	visibility:visible;
	
}
.portfolio.active{
	top:0;
	opacity:1;
	visibility:visible;
}
.portfolio__close{
	position:absolute;
	right:17px; top:0;
	width:70px; height:70px;
	background-color:#3677a7;
	cursor:pointer;
	transition:.35s;
        z-index: 1;
}
.portfolio__close:before,
.portfolio__close:after{
	content:'';
	position:absolute;
	left:50%; top:50%;
	transform:translate(-50%,-50%) rotate(-45deg);
	width:1px; height:20px;
	background-color:#fff;
}
.portfolio__close:after{
	transform:translate(-50%,-50%) rotate(45deg);
}
.portfolio__close:hover{
	transform:rotate(90deg);
}
.portfolio__left{
	padding: 40px 0;
	width: 378px;
}
.portfolio__left--komtrans{
	background:url(/images/komtrans/komtrans_back.jpg) left top no-repeat;
}
.portfolio__left-cont{
	
}
.portfolio__left-cont + .portfolio__left-cont{
	margin-top: 25px;
}
.portfolio__left-description{
	
}
.portfolio__description-logo{
	margin-bottom:15px;
}
.portfolio__description-cont p{
	margin:0;
	font-size:14px;
}
.portfolio__description-cont .portfolio__description-intro{
	line-height: 20px;
}
.portfolio__description-cont .portfolio__description-intro,
.portfolio__description-cont h4{
	font-size:16px;
}
.portfolio__description-cont{
	
}
.portfolio__description-cont + .portfolio__description-cont{
	margin-top:15px;
}
.portfolio__description-cont h4{
	margin:0 0 2px;
	font-weight:bold;
}
.portfolio__description-cont ul{
	margin: 0; padding-left: 25px;
	list-style:none;
}
.portfolio__description-cont li{
	position:relative;
	font-size: 12px;
}
.portfolio__description-cont li+li{
	margin-top:2px;
}
.portfolio__description-cont li:before{
	content: '+';
	position: absolute;
	left: -25px; top: 50%;
	transform: translateY(-50%);
	color: #3677a7;
	font-size: 28px;
}
.portfolio__list{
	margin: 0;
}
.portfolio__list li{
	
}
.portfolio__list li+li{
	margin-top: 13px;
}
.portfolio__list-tit{
	position:relative;
	z-index:1;
	padding-left:47px;
	font-weight:bold; font-size:18px;
	color:#3677a7;
	cursor:pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.portfolio__list-tit:before{
	content:'';
	position:absolute;
	left:0; top:50%;
	transform:translateY(-50%);
	width:27px; height:27px;
	background:#3677a7 url(/images/portfolio__list_arr.png) center no-repeat;
	transition:.45s;
}
.portfolio__list-tit.active:before{
	transform:translateY(-50%) rotate(-180deg);
	background-color:#a0a0a0;
}
:root{
	--height: auto;
}
.pageOther{
	top: 0;
opacity: 1;
width: 100vw;
height: 100vh;
position: fixed;
left: 0;
z-index: 500;
}
.portfolio__list-cont{
	padding: 15px 0 10px;
	height:var(--height);
	overflow:hidden;
	opacity:1;
	transition:.45s;
	position: absolute;
opacity: 0;
}
.portfolio__list-cont.inactive{
	padding:0;
	height:0;
	opacity:0;
}
.portfolio__list-cont p{
	margin:0;
}
.portfolio__list-reviews{
	
}
.portfolio__list-reviews-img{
	display: inline-block;
	margin-bottom:10px;
	border: 6px solid #333;
}
.portfolio__list-reviews-txt{
	
}
.portfolio__right{
	padding: 37px 0;
	width: calc(100% - 378px);
}
.portfolio__right-cont{
	height: 100%;
	overflow:hidden;
}
.portfolio__right-cont img{
	width:100%;
}
.mCustomScrollBox{
	padding: 0 70px;
}
.portfolio__list-developers{
	display: flex;
	flex-wrap: wrap;
}
.portfolio__list-developers-item{
	position:relative;
	margin: 0 12px 12px 0;
	width:95px; height:95px;
	border:1px solid #3677a7;
}
.portfolio__list-developers-item img{
	width:100%; height:100%; max-width:100%;
}
.portfolio__list-developers-info{
	position:relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position:absolute;
	left:0; top:0;
	width:100%; height:100%;
	background-color:#fff;
	box-shadow:0 0 1px 0 #000;
	opacity:0;
	visibility:hidden;
	text-align: center;
	font-size:12px;
	transition:.35s;
}
.portfolio__list-developers-info:before{
	content:'';
	position:absolute;
	left:2px; top:2px;
	width:calc(100% - 5px); height:calc(100% - 5px);
	border:3px solid #3677a7;
}
.portfolio__list-developers-item:hover .portfolio__list-developers-info{
	opacity:1;
	visibility:visible;
}
.portfolio__list-developers-name{
	font-weight:bold;
}
.portfolio__list-developers-position{
	
}
.bold{
	font-weight:bold;
}

.mCSB_inside > .mCSB_container{
	margin:0;
}
.portfolio__right .mCSB_scrollTools{
	left: 26px; right:auto;
}
.portfolio__right .mCSB_scrollTools .mCSB_draggerRail{
	width:1px;
}
.portfolio__right .mCSB_scrollTools .mCSB_draggerRail,
.portfolio__right .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.portfolio__right .mCSB_scrollTools .mCSB_dragger,
.portfolio__right .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.portfolio__right .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background-color: #3677a7 !important;
}
.portfolio__right .mCSB_scrollTools .mCSB_buttonUp,
.portfolio__right .mCSB_scrollTools .mCSB_buttonDown{
	width:15px; height:15px;
	border-left:1px solid #333; border-top:1px solid #333;
	transform: translate(1px,4px) rotate(45deg);
}
.portfolio__right .mCSB_scrollTools .mCSB_buttonDown{
	transform: translate(1px,-4px) rotate(-135deg);
}
.portfolio__right .mCSB_scrollTools .mCSB_dragger{
	margin: auto;
	width: 10px;height:60px !important;
	left: 0; right: 0;
}
.portfolio__left .mCustomScrollBox{
	padding: 0 17px;
}
.portfolio__left .mCSB_scrollTools{
	right: 15px;
}

/* ----- Six Advantages ----- */ 

header{
	padding-bottom:75px;
	background: #ededee;
	background: url(/images/header_back1.png) center 105px no-repeat, url(/images/header_back1.png) center 105px no-repeat, -moz-radial-gradient(center, ellipse cover, #ededee 46%, #ededee 46%, #cdced0 100%);
	background: url(/images/header_back1.png) center 105px no-repeat, url(/images/header_back1.png) center 105px no-repeat, -webkit-radial-gradient(center, ellipse cover, #ededee 46%,#ededee 46%,#cdced0 100%);
	background: url(/images/header_back1.png) center 105px no-repeat, url(/images/header_back1.png) center 105px no-repeat, radial-gradient(ellipse at center, #ededee 46%,#ededee 46%,#cdced0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededee', endColorstr='#cdced0',GradientType=1 );
}
.six-advan{
	margin: 0; padding: 0 15px;
	color:#37474f;
	text-align:center;
}
.six-advan__tit{
	margin: 0 0 40px; padding:0 15px;
	font: bold 36px "RobotoSlabRegular";
	text-transform:uppercase;
}
.six-advan__cont{
	display:flex;
	justify-content: center;
	margin: auto;
	max-width: 1270px;
}
.six-advan__item{
	padding:0 10px;
	width: calc(100% / 6);
}
.six-advan__img{
	margin: 0 0 20px;
}
.six-advan__txt{
	margin:0;
	font-size:18px;
}

/* ----- Stock ----- */

.stock{
	display:flex;
	padding: 55px 0;
}
.stock__left{
	position: relative;
	margin-right: 95px;
	border: 4px solid #3677a7;
	width: 394px;  height: 320px;
}
.stock__left-block{
	position: absolute;
	top: 50px;
	padding: 40px 0 30px 222px;
	background-color: #fff;
}
.stock__left-block:before{
	content:'';
	position:absolute;
    left: 20px; top: 56%;
    transform: translateY(-50%);
	width:202px; height:174px;
	background:url(/images/gift_box.jpg) center no-repeat;
}
.stock__left-month{
	margin-bottom: 2px;
	font-size:36px; font-family: "RobotoSlabRegular";
	text-transform:uppercase;
	line-height: 42px;
}
.stock__left-txt{
	margin:0;
	font-size:16px;
	line-height: 20px;
}
.stock__right{
	width: 320px;
}
.stock__right-block{
	
}
.stock__block-item{
	position:relative;
    padding-left: 112px;
}
.stock__block-item:before{
	content:'';
	position:absolute;
	left:0; top:5px;
	width:97px; height:97px;
	background:url(/images/gift_dec.png) center no-repeat;
}
.stock__block-item + .stock__block-item{
	margin-top:20px;
}
.stock__block-tit{
	font-weight:bold; font-size:18px;
}
.stock__block-ul{
	margin:0; padding: 0 0 0 19px;
	list-style: outside disc;
}
.stock__block-ul li{
	
}
.mrg-bot8{
	margin-bottom:8px;
}
#bx_form_iframe_27{
	padding:0px !important;
	border: 3px solid #ffd213 !important;
}

.bulb{
	position:absolute;
	left:50%; top: calc(50% - 95px);
	transform:translate(-50%,-50%);
	width:309px; height:507px;
	background:url(/images/bulb.png) center no-repeat;
}

@media screen and (max-width:1650px){
	.wrapProjDiv__info-list li{
		font-size: 12px;
	}
}

@media screen and (max-width:1500px){
	.wrapProjDiv__info-list li{
		/*font-size: 14px;*/
		font-size: 13px;
	}
	.og-grid > li{
		width: 32%
	}
}

@media screen and (min-width:1200px){.og-grid > li{height:auto;}
.wrapTxtBlocks p.bigTxtBlocks{font-size: 2.2vw;}
.wrapTxtBlocks p{font-size: 1.25vw;}
.wrapAbsTxtBlocks,.wrapTopLineInfo{padding: 60px 60px;}
.keyQualityOne{background-size:1920px auto;background-position:top center;}
.keyQualityOne p title{margin-bottom:30px;}
}
@media screen and (max-width:1370px){
	.og-grid > li{
		width: 33%;
	}
	.wrapProjDiv__info{
		padding: 15px 30px;
	}
	.wrapProjDiv__info-tit{
		margin: 0 0 5px;
	}
}
@media screen and (max-width:1370px){
	.imgBlockMap > img{
		width: 650px;
	}
	.brif{
		left: 25%; top: 10%;
	}
	.prototipe {
		left: 18.6%; top: 41.5%;
	}
	.disign {
		left: 35px; top: 15.2%;
	}
	.verstka {
		left: 52%; top: -15.7%;
	}
	.startProg {
		left: 80.3%; top: 15%;
	}
	.testing {
		left: 40%; top: 22%;
	}
	.optimize {
		left: 51.5%; top: 44%;
	}
}
@media screen and (max-width:1199px){
	.ipBG img{max-width:100%;}
	.wrapTxtBlocks p.bigTxtBlocks {font-size: 2.2vw;}
	.wrapTxtBlocks p{font-size: 1.25vw;}
	.wrapAbsTxtBlocks,.wrapTopLineInfo{padding: 60px 60px;}
	.og-grid li{height:auto;}
	.keyQualityOne p.title{color:#fff;text-align:center;padding:2px 0 50px;margin-bottom:30px;}
	p.title{font-size:30px;}
	.minTxtBlock .nameKey{font-size:30px;}
	.minTxtBlock{background:#fff;width:270px;margin-left:-60px;padding:20px 0;}
	.rightSide .squareBlock .minTxtBlock{margin-left:0px;margin-right:-60px;}
	.nucStepTwo .nameStepTwo{font-size:28px;}
	.nucStepTwo .miniNameStepTwo{font-size:20px;}
	.nucStepTwo p{font-size:15px;}
	.wrapStepThree::after{top:20px;}
	.nucControl{padding:10px 30px;}
	.nucControl p::before{left:-46px;}
	.priceBlock .headCorp, .corpIn .headCorp{font-size:30px;}
	.priceBlock p{font-size:16px;}
	.priceBlock .price{font-size:40px;}
	.corpIn{width:73%;}
	.borderForm p.nameForm{font-size:15px;}
	.txtBlockMap p.nameBlockMap{font-size:30px;}
	.txtBlockMap{width:calc(100% - 600px);}
	.imgBlockMap{width:550px;}
	.imgBlockMap img{max-width:100%;}
	.wrapEM{padding:0 100px;}
	.oneStep::after{right:0px;}
	.imgCenterCompany img{max-width:100%;}
	.wrapTxtBlocks p strong{font-size:28px;}
	.logo img{width:78%;}
	.bitrixImg{width:130px;left:calc(50% - 65px);}
	.mainMenu ul li a {
		font-size: 13px;
	}
	.managers__item {
		width: calc((100% - 80px) / 4);
	}
	.managers__photo{
		width:100%; height: 210px;
	}
	.og-grid > li{
		width:49%;
	}
	.wrapProjDiv__info-tit{
		margin: 5px 0 10px;
	}
	.wrapProjDiv > img{
		width:100%;
	}
	.stock__left-month{
		font-size: 30px;
	}
	.stock__left-block{
		padding-top:20px;
	}
	.brif{
		left: 25%; top: 10%;
	}
	.prototipe {
		left: 14.6%; top: 55.5%;
	}
	.disign {
		left: 35px; top: 15.2%;
	}
	.verstka {
		left: 50%; top: -18.7%;
	}
	.startProg {
		left: 79.3%; top: 11%;
	}
	.testing {
		left: 40%; top: 22%;
	}
	.optimize {
		left: 51.5%; top: 57%;
	}
	.bulb{
		width: 249px; height: 447px;
		background-size: contain;
	}
}
@media screen and (max-width:1100px){
	.nucAbout{
		width: 332px;
	}
}
@media screen and (max-width:1024px){
	.wrapTopLineInfo{
		padding-bottom: 20px;
	}
	.wrapAbsTxtBlocks{
		margin-bottom: 75px; padding: 20px 60px 0;
	}
	.wrapTxtBlocks{
		align-items: flex-start;
	}
	.bulb{
		display:none;
	}
	.wrapTxtBlocks p{
		font-size: 20px;
	}
	.leftTxtBlock .colorP{
		margin: 0 0 2px;
	}
	.rightTxtBlock .bigTxtBlocks{
		margin-bottom: 20px !important;
	}
	.wrapTxtBlocks .moreSaleA{
		margin: 20px 0 0 0;
	}
	.rightTxtBlock__term{
		margin: 10px 12px 0 0 !important;
	}
}
@media screen and (max-width:991px){
	.bitrixImg{width:100px;left:calc(50% - 50px);}
	.mainMenu ul li a {
		padding: 0 5px;
		font-size: 12px;

	}
	.logoScroll p{
		font-size: 12px;
	}
	.wrapTxtBlocks .moreSaleA{margin: 20px 0 -7px 0;}
	.wrapTxtBlocks .moreSaleA p {
		padding: 8px;
	}
	.wrapTxtBlocks p.bigTxtBlocks{font-size:28px;}
	.wrapTxtBlocks p{font-size:17px;}
	.wrapTxtBlocks .moreSaleA span{width:100%;}
	.moreSaleA span{padding:10px;}
	.logo img{width:65%;}
	.infoTop p.phone{font-size:22px;}
	.imgCenterCompany,.mapJob,.advertisings{display:none;}
	.nucAboutWLeft{margin-right:0px;justify-content:flex-start;}
	.nucAboutWRight{margin-left:0px;justify-content:flex-start;}
	.nucAboutWLeft .nucAbout:nth-child(2),.nucAboutWRight .nucAbout:nth-child(2){padding-right:0px;padding-left:0px;}
	.nucAbout{margin-bottom:20px;}
	.nucAboutWLeft .nucAbout{flex-direction:row-reverse;}
	.nucAboutWLeft p{text-align:left;}
	.nucAboutWLeft img{margin-left:0px;margin-right:30px;}
	.keyQualityOne{background-size:100% 165px;}
	.squareBlock{border:2px solid #3677a7;width:90%;height:280px;}
	.minTxtBlock{background:#fff;width:80%;}
	.rightSide .squareBlock .minTxtBlock{margin-right:-30px;}
	.minTxtBlock{margin-left:-30px;}
	.squareStepTwo .bigSaleStep{font-size:24px;}
	.squareStepTwo{width:100%;height:auto;padding:20px 20px;}
	.saleBlockStep{flex-direction:column;height:320px;}
	.advertisings{width:auto;height:80px;flex-direction:row;}
	.advertisings img{max-height:100%;}
	.squareStepTwo{height:200px;}
	.nucControl p{font-size:16px;}
	.nucControl{padding:20px 20px;margin-bottom:30px;width:50%;}
	.nucControl p::before{left:-29px;}
	.nucControl p::before{content:'+';top:calc(50% - 18px);font-size:34px;}
	.nucControl:nth-child(2) p::before{content:'_';top:calc(50% - 30px);}
	.wrapCorp{flex-direction:column;}
	.priceBlock{margin-bottom:20px;width:100%;}
	.corpIn{width:100%;}
	.priceBlock .headCorp{margin-bottom:15px;}
	.formKP .borderForm p, .formKP .borderForm input{width:24%;}
	.borderForm p.nameForm{font-size:13px;}
	.effectiveMarketing p.title{font-size:30px;margin-bottom:0;}
	.wrapEM{padding:0 10px;}
	.effectiveMarketing{background-size:cover;}
	.nucAbout{height:130px;width:100%;}
	.nucAboutWLeft,.nucAboutWRight{padding:0 15px;}
	.aboutCompany{
		margin-bottom:0;
	}
	.aboutCompanyWrap{margin-bottom:60px;}
	.ourClients{padding:40px 0 50px;}
	.nucStepTwo img.imgKey21{height:auto;}
	.saleBlockStep{flex-direction:column;height:auto;}
	.wrapStepThree{padding:20px 10px;}
	.qualityControl{padding:30px 0;background-size:auto 100%;background-position:center;}
	.qualityControl{position:relative;z-index:15;}
	.wrapControl{margin-top:30px;flex-direction:column;align-items:center;}
	.borderForm{flex-wrap:wrap;padding:15px;justify-content:space-around;}
	.borderForm p.nameForm{font-size:16px;margin-bottom:15px;width:100%;text-align:center;}
	.formKP .borderForm input{width:46%;}
	.formKP input[type="submit"]{height:auto;margin-top:15px;}
	.footerWrap{flex-wrap:wrap;}
	.soc{margin-top:15px;justify-content:center;width:100%;}
	.og-fullimg{width:40%;}
	.og-details{padding:0 10px 0 10px;width:50%;}
	.six-advan__cont{
		flex-wrap: wrap;
	}
	.six-advan__item{
		margin-bottom: 30px;
		width: calc(100% / 3);
	}
	header{
		padding-bottom: 45px;
	}
	.managers{
		padding-bottom: 50px;
	}
	.managers__block{
		flex-wrap: wrap;
	}
	.managers__item {
		margin-bottom: 30px;
		width: calc((100% - 40px) / 2);
	}
	.managers__photo{
		height: 315px;
	}
	.stock__left-month {
		font-size: 32px;
	}
	.stock{
		padding-bottom:0;
	}
	.txtBlockCompany{
		padding-right:15px;
	}
}
@media screen and (max-width:880px){
	.bitrixImg{width:100px;left:calc(50% - 50px);}
	.wrapTxtBlocks p.bigTxtBlocks{font-size:24px;}
	.wrapTxtBlocks p{font-size:16px;}
	.wrapTxtBlocks p strong{font-size:21px;}
	.moreSaleA span{padding:7px;}
	.logo img{width:58%;}
	.infoTop p.phone{font-size:22px;}
	.minTxtBlock .nameKey{font-size:24px;}
}
@media screen and (max-width:850px){
	.og-grid > li {
		width: 100%;
	}
}
@media screen and (max-width:767px){
	.oneStep::after {
		font-size: 250px;
		line-height: 195px;
		top: 330px;
	}
	.wrapTopLineInfo{padding:30px 10px 20px;}
	.wrapAbsTxtBlocks{padding: 20px 10px 0;}
	.wrapTxtBlocks .moreSaleA p{
		padding: 6px;width: 205px;
	}
	.rightTxtBlock__term{
		margin-top: 30px !important;
	}
	.wrapTxtBlocks .moreSaleA p span{font-size: 11px;}
	.wrapTxtBlocks p.bigTxtBlocks{font-size:20px;}
	.wrapTxtBlocks p{font-size:14px;}
	.bitrixImg{width:86px;left:calc(50% - 43px);}
	.wrapTxtBlocks .moreSaleA span{width:200px;}
	.moreSaleA span{padding:5px;}
	.infoTop p.phone{font-size:18px;}
	.rightTxtBlock{margin-bottom:-25px;}
	.wrapTxtBlocks .moreSaleA{margin:20px 0 -20px 0;}
	.row{margin-left:-5px;margin-right:-5px;}
	.aboutCompany{background:none;}
	.aboutCompanyWrap{flex-direction:column-reverse;}
	.txtBlockCompany, .ipBG{width:100%;}
	.ipBG{background-size:100% 100%;}
	.wrapAboutNucs{flex-direction:column;}
	.nucAbout{height:auto;}
	.wrapRew{padding:0 10px;}
	.leftBlockKey, .rightBlockKey{width:100%;margin:0%;margin-bottom:15px;}
	.wrapKey{flex-direction:column;padding:0px 10px;}
	.rightBlockKey ul li{margin-left:30px;}
	.wrapKey:nth-child(3){flex-direction:column-reverse;}
	.oneStep::after{font-size:390px;line-height:300px;top:330px;}
	.wrapStepTwo{padding:45px 10px;flex-direction:column;}
	.nucStepTwo{width:100%;margin-bottom:20px;text-align:center;}
	.nucStepTwo p{text-align:left;}
	.imgKey21, .saleBlockStep{margin-top:10px;}
	.squareStepTwo{height:auto;margin-bottom:15px;}
	.advertisings{display:flex;justify-content:center;}
	.advertisings img{margin:0 15px;}
	.squareStepTwo p{text-align:center;}
	.wrapStepTwo::after{font-size:250px;line-height:1;}
	.wrapEM{flex-direction:column;justify-content:center;align-items:center;}
	.moreSale{margin-bottom:15px;}
	.imgEM{width:70%;}
	.wrapStepThree{flex-direction:column;}
	.txtwrap ul li{text-align:left;}
	.footerWrap{padding:0 10px;}
	.wrapStepThree::after{font-size:250px;line-height:1;}
	.infoFooter{width:100%;order:3;}
	.footerWrap .logo{order:1;}
	.wrapInfoFooter{justify-content:space-between;margin-top:15px;}
	.soc{order:2;width:auto;}
	p.title{font-size:21px;}
	.nucStepTwo .nameStepTwo{font-size:20px;}
	.nucStepTwo .miniNameStepTwo{font-size:18px;}
	.qualityControl p.miniTitle{font-size:18px;}
	.priceBlock .headCorp, .corpIn .headCorp{font-size:20px;}
	.effectiveMarketing p.title{font-size:21px;margin-bottom:5px;}
	.keyQualityOne p.title{padding:15px 0 50px;margin-bottom:50px;}
	.og-expander-inner{flex-direction:column;align-items:center;justify-content:flex-start;height:auto;}
	.og-fullimg{width:90%;margin-right:0%;}
	.og-details{padding:0;width:90%;}
	.nucAbout{justify-content:flex-start;}
	.nucAboutWLeft .nucAbout:nth-child(2){justify-content:flex-end;}
	.responsible{
		flex-wrap: wrap;
	}
	.responsible__left{
		margin: 0 auto 15px;
	}
	.responsible__right{
		text-align: center;
	}
	.managers__item {
		width: 100%;
	}
	.managers__photo{
		width: 275px; height: 265px;
	}
	.stock{
		flex-direction: column;
		align-items: center;
	}
	.stock__left{
		margin: 0 0 55px; padding: 0 15px;
		max-width: 100%; height: auto;
	}
	.stock__left-block{
		position: relative;
		top: 55px;
		padding: 156px 0 25px 0;
		text-align: center;
	}
	.stock__left-block::before {
		left: calc(50% + 10px); top: -26px;
		transform: translate(-50%,0);
	}
	.stock__right{
		width: auto;
		max-width: 392px;
	}
	.txtBlockCompany{
		padding: 25px 0 0;
	}
	.container{
		
	}
}
@media screen and (max-width:675px){
	.six-advan__item {
		width: calc(100% / 2);
	}
}
@media screen and (max-width:640px){
	.wrapTopLineInfo{padding:10px 30px;}
	.vk {margin-left: 10px;}
	.wrapAbsTxtBlocks{padding:10px 30px;}
	.wrapTxtBlocks .moreSaleA span{width:170px;}
	.infoTop p{font-size:12px;}
	.infoTop p.phone{font-size:14px;}
	.infoTop a{font-family:"OpenSansRegular";font-size:11px;color:#000;}
	.logo img{width:50%;}
	.bitrixImg{width:64px;left:calc(50% - 32px);}
	.moreSaleA span{font-size:12px;}
	.vk img{width:25px;}
	.rightTxtBlock{margin-bottom:-22px;}
	.wrapTxtBlocks .moreSaleA{margin:8px 0 0px 26px;}
	
}
@media screen and (max-width:550px){
	.wrapTopLineInfo{padding:10px 10px;}
	header{background: #cbccce;}
	.wrapAbsTxtBlocks{padding:10px 10px;}
	.bitrixImg{display: none;}
	.wrapTxtBlocks p.bigTxtBlocks {margin-bottom: 10px;}
	.wrapTxtBlocks p.bigTxtBlocks{font-size:20px;}
	.wrapTxtBlocks p{font-size:14px;}
	.wrapTxtBlocks p strong{font-size:18px;}
	.bitrixImg{width:60px;left:calc(50% - 30px);}
	.logo img{width:45%;min-width: 170px;}
	.infoTop p{width:120px;}
	.infoTop p.phone{font-size:15px;}
	.infoTop a{font-size:9px;}
	.vk img{width:50px;}
	.rightTxtBlock{margin-bottom:-20px;}
	.wrapTxtBlocks .moreSaleA{margin: 15px 0 0px 0px;}
	.wrapTxtBlocks{
			flex-direction: column;
		}
		.wrapTxtBlocks p.bigTxtBlocks {
		margin-bottom: 5px;
	}
	.wrapAbsTxtBlocks,.wrapTopLineInfo{position: static;}
	.wrapTxtBlocks {margin-top: 0px;  align-items:center;}
	.rightTxtBlock {margin-bottom: 0;}
	.rightTxtBlock,.rightTxtBlock p,.leftTxtBlock{text-align: center;width: 100%;}
	.brMobNon{
		display: none;
	}
	.mobCallBackTop{
		width: 100%;
		display: flex;
	}
	.mobMinBg{display: block;margin: 0px 0 10px; }
	.wrapAbsTxtBlocks{
		margin-bottom: 50px;
	}
	.og-grid > li{
		width: 100% !important;
	}
}
@media screen and (max-width:485px){
	.bitrixImg{width:54px;left:calc(50% - 27px);}
	.infoTop p{width:100px;font-size:9px;}
	.infoTop p.phone{font-size:13px;}
	.vk img{width:60px;}
	.wrapTxtBlocks p.bigTxtBlocks{font-size:16px;}
	.wrapTxtBlocks p{font-size:12px;}
	.wrapTxtBlocks p strong{font-size:14px;}
	.wrapTxtBlocks .moreSaleA span{width:140px;}
	.moreSaleA span{font-size:10px;}
	.imgRew{width:32%;margin-right:1%;}
	.imgRew:nth-child(4n){margin-right:1%;}
	.imgRew:nth-child(3n){margin-right:0%;}
	.minTxtBlock .nameKey{font-size:22px;}
	.minTxtBlock p{font-size:14px;}
	.nucStepTwo .imgWrap{display:none;}
	.txtwrap{width:100%;}
	.nucControl{width:90%;}
	.nucCorp{width:48%;}
	.nucCorp p{font-size:12px;}
	.formKP .borderForm input{width:100%;max-width:300px;margin-bottom:15px;}
	.moreSale{width:100%;}
	.imgEM{width:100%;}
	.imgEM .img{width:30%;}
	.imgEM .img img{max-width:100%;}
	.wrapInfoFooter{flex-direction:column-reverse;}
	.phoneAndConf{margin-right:0px;margin-top:15px;}
	.footerWrap{text-align:center;justify-content:center;}
}
@media screen and (max-width:450px){
	.six-advan__tit{
		padding: 0;
		font-size: 30px;
	}
	.six-advan__item {
		margin-bottom: 40px; padding:0;
		width: 100%;
	}
}
@media screen and (max-width:420px){
	.og-grid > li{
		height:320px;
	}
	#og-grid li .wrapProjDiv{
		height:100%;
	}
	.wrapProjDiv > img{
		position:absolute;
		right:0; top:0;
		width:auto; height:100%; max-width: unset !important;
	}
	.wrapProjDiv__info {
		padding: 15px 20px;
	}
	.ourClients p.title{
		margin-bottom: 30px;
	}
}
@media screen and (max-width:400px){
	.leftTxtBlock{
		margin-bottom: 5px;
	}
	.squareBlock img {
		width: 20%;
	}
	.wrapStepThree::after{
		right: 0;
	}
}
@media screen and (max-width:370px){.wrapRew{justify-content: space-around;}
.imgRew{width:48%;margin-right:0;max-width:200px;}
.wrapTopInfoAndLogo{flex-direction: column-reverse;align-items: center;}
.logo img{width: 200px;}
.rightInfoTop{
	/*display: none;*/
	width: 100%;
	justify-content:space-between;
}
.rightInfoTop .infoTop{
	display: flex;
	justify-content:space-between;
	align-items:center;
	width: 100%;
	margin-bottom: 15px;
}
.infoTop p {
    width: auto;
    font-size: 15px;
}
.infoTop p{
	display: none;
}
.infoTop p.phone{
	display: block;

}
.infoTop p.phone {
    font-size: 14px;
    color: #37474f;
}
.infoTop a {
   font-size: 14px;
   color: #37474f;
}
.vk{
	display: none;
}
.txtBlockCompany p.title{
    font-size: 26px;
}
}

.mapMarker .circle,.mapMarker .circle2{
	position: absolute;
bottom: 17px;
left: 50%;
border-radius: 50%;
/*border: 1px solid #ffd213;*/
width: 0px;
height: 0px;
z-index: -1;
display: none;
}
.mapMarker .circle{
	border: 2px solid #ffd213;
}
.mapMarker .circle2{
	border: 1px solid #ffd213;
}
.mapMarker:hover .circle,.mapMarker.activeTabMarker .circle,.mapMarker:hover .circle2,.mapMarker.activeTabMarker .circle2{
display: none;
}
.rightTxtBlock .moreSaleA span{
	display: block;
}
.rightTxtBlock__term{
	margin: 30px 12px 0 0;
	font-size: 15px !important;
}
div[data-bx-form-popup-cont]{
	overflow-y: unset !important;
}
@media screen and (max-width:767px){
	div[data-bx-form-popup-cont] {
		overflow-y: scroll !important;
	}
}

.ssaity td, th{
  text-align: left;
	padding: 25px;
	border: 3px solid #0094cb;
}

.ssaity1 {
width:100%;
margin-bottom:40px;
}
.ssaity1 td, th{
  text-align: left;
	padding: 20px;
	border: 3px solid #0094cb;
}


.plan td {
text-align: center;
padding: 10px;
width: 150px;
border: 1px solid #ebf0f3;
}

.plan2 td {
text-align: center;
padding: 10px;
border: 1px solid #ebf0f3;
}

.cena {
  text-align: left;
	padding: 15px;
	border: 3px solid #0094cb;
	border-radius: 10px;
}
.cena h3{
	padding: 0px;
	margin: 0px;
}
.cena b{
	color:#0094cb;
}

.htmlMap {
margin-left: 50px;
width:300px;
}

.map-underline {
  text-decoration: none; /* Подчёркивания не будет */
  color: #37474f;
}

.map-underline:hover {
  text-decoration: underline; /* Подчёркивание появляется при наведении. */
  color: darkblue; /* И цвет сменяется на тёмно-синий. */
}

.container1{
            display: flex;
        }
.box1 {
            width: 50%; /*или другую величину, например, 30% */
            padding: 5px;
            margin: 20px;
            border: 3px solid #428bca;
        }