* {
	padding:0;
	margin:0;
}

body {
	font:15px Arial;
}

textarea, input, button {
	font:15px Arial;
}

h1 {
	line-height: 1.2
}

li {
	list-style:none;
}

a {
	text-decoration: none;
	color:blue;
}

.f40 {font-size:40px;}
.f18 {font-size:18px;}

#carusel {width: 95%;margin: auto;}
#carusel img {min-height:170px;max-height:355px;border: 5px solid #fff;}
.slick-prev:before {content: '‹';color: #000;font-size: 40px;} 
.slick-prev-pc:before {content: '‹';color: #000;font-size: 40px;} 
.slick-next:before {content: '›';color: #000;font-size: 40px;}
.slick-next-pc:before {content: '›';color: #000;font-size: 40px;}
.slick-but-new {color:#000;display: block; font-size: 40px; position: absolute; z-index: 1; top: 5px;}  
.slick-but-new:hover, .slick-but-new:focus {color:#5998BF;cursor:pointer;}
.slick-prev {top: 45%; font-size: 50px; left: -25px;position: absolute; z-index: 1;}
.slick-next-pc {top: 40%; font-size: 50px; right: -25px;position: absolute; z-index: 1;}
.slick-prev-pc {top: 40%; font-size: 50px; left: -25px;position: absolute; z-index: 1;}
.slick-next {top: 45%; font-size: 50px; right: -25px;position: absolute; z-index: 1;}

.m10 {
	margin:10px;
}

.popup {
	position:fixed;
	top:0;
	left:0;
	right:0;
	width:100%;
	height:100%;
	z-index:10;
	display:none;
}

.popup .bg{
	position:absolute;
	top:0;
	left:0;
	right:0;
	width:100%;
	height:100%;
	z-index:11;
	background:white;
	opacity:0.5;
}

.popup .submit{
	background:#F2B717;
	border-radius:6px;
	color:#fff;
	padding:10px;
	font-size:15px;
}

.popup .content {
	position:absolute;
	top:20%;
	left:0;
	right:0;
	margin:0 auto;
	max-width:550px;
	z-index:12;
	border-radius:6px;
	overflow:hidden;
}

.center {
	text-align:center;
}

.uppercase {text-transform: uppercase}

.relative {position:relative;}
.fixed {
	position:fixed;
}
.absolute{position:absolute}
.left{left:0}
.bg-white {
	background:#fff;
}
.bg-black {
	background:#000;
}

.mt20 {
	margin-top:20px;
}



.bottom {bottom:0;}
.z1 {z-index:1;}
.z2 {z-index:2;}
.z3 {z-index:3;}
.z4 {z-index:4;}
.z5 {z-index:5}
.z6 {z-index:6}

.right {right:0;}

.r6 {border-radius:6px;}
.r10 {border-radius:10px;}

.bg-blue {background:#102741}

.w {width:100%;}
.w_border {width:99.6%;}

.none {
	display:none;
}

.top100 {
	top:100%;
}

.w_input {
	width:96%;
	padding:2%;
}

.bt-gray {
	border-top:1px dotted #ccc;
}
.b-gray {
	border:1px solid #ccc;
}
.mb5 {
	margin-bottom:5px;
}

.hover:hover {
	color:blue;
}

.aboutMainPage p {
	line-height:2;
}
.aboutMainPage ul li {
	list-style:unset;
	margin-left:20px;
	line-height:2;
}


.sticky {
    position: fixed;
    top: 0;
    z-index: 101;
	max-width:325px;
}
.mt70 {
	margin-top:70px;
}
.t-right {
	text-align:right;
}

.r6 {
	border-radius:6px;
	overflow:hidden;
}

.mt10 {
	margin-top:10px;
}

.mt20 {
	margin-top:20px;
}


.mt30 {
	margin-top:30px;
}


.mt5 {
	margin-top:5px;
}

.mb10 {
	margin-bottom:10px;
}

.ml10 {
	margin-left:10px;
}

.mr10 {
	margin-right:10px;
}

.bold {
	font-weight:bold;
}

.c4 {
	color:#9e9e9e;
}

.c-gray {
	color:#ccc;
}

.p5 {
	padding:5px;
}
.p10 {
	padding:10px;
}

.c-red {
	color:#cc0000;
}

.auto {
	margin:auto;
}

.w95 {
	width:95%;
}

.cg-hover:hover {
	color:green;
}

.center {
	text-align:center;
}

.icon-cart-red {
}

.icon-cart-red:before {
	background: url(/public/images/cart.png) no-repeat;
    background-size: contain;
    position: relative;
    float: left;
    margin: -1px 10px 0 0;
    width: 18px;
    height: 18px;
    content: "";
}

.icon-reload {
	background: url(/public/images/reload.png) no-repeat;
    background-size: contain;
    position: relative;
    width: 15px;
	display:inline-block;
	margin-right:10px;
    height: 15px;
    content: "";
}

.flex-3 {
	display: inline-flex;
    flex-grow: 4;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: auto;
    padding: 10px;
}


.contact {padding: 0 10px;}

.nav_shapka_ul_1 {
    text-align: center;
}

.nav_shapka_ul_1 li {
	text-align:left;
}

.logo {
	margin-top: 10px;
}

.nav_shapka_ul_2 {
	position: absolute;
	z-index: 100;
	background: #102741;
	width: 200px;
	display:none;
	padding: 7px;

}

.nav_shapka_ul_3
{
	display:none;
	position: absolute;
    right: -100%;
    width: 200px;
    top: 0;
    z-index: 50;
    background: #102741;
}

#warrningform {
	display:none;
	text-align:center;
	font-size:13px;
	margin-bottom:10px;
}
#leftboxfixstl {
	width:100%;
	margin:unset;
	margin-top:15%;
}

#mob_menu_header {
	display:none;
}

.main {
		margin:0 auto;
}

.w100 {
	width:100%;
}

.bgbox_all {
	background:#f6f6f6;
}

.bg_style  {
	background: #102741;
}


.w30 {
	width:30%;
}

.w33 {
	width:33%;
}


.w40 {
	width:40%;
}

.w20 {
	width:20%;
}


.w70 {
	width:70%;
}



.w50 {
	width:50%;
}
.w16 {
	width:16%;
}

.w35 {
	width:35%;
}


.mt50 {
	    margin: 30px 0;
}

.mt15 {
	    margin: 15px 0;
}

.mtop30px {
	margin-top:30px;
}


.mt25l {
	    margin-left: 25px;
}

.mt15l {
	    margin-left: 15px;
}

.mtauto {
	margin:0 auto;
}

.lsunset {
	list-style:unset;
} 

.fwbold {
	font-weight:bold;
}

.btnslt {
	    margin: 10px;
    border: 2px solid #fff;
    padding:9px;	
    border-radius: 4px;
    cursor: pointer;
    margin-right: 0;
    text-transform: uppercase;
    font-size: 12px
}

.btnslt:hover {
	background: #F2B717;
	border-color:#F2B717;
    color: #fff;
}

.clw {
	color:#fff;
}

.lh2 {
	line-height: 2;
}
.lh15 {
	line-height: 1.5;
}

.floatl {
	float:left;
}

.floatr {
	float:right;
}

.tcenter {
	text-align:center;
}

.tjustify {
	text-align:justify;
}

.tright {
	text-align:right;
}

.mcenter {
	margin:0 auto;
}

.w130px {
	
	width:130px;
}

.w70px {
	
	width:70px;
}

.name_company_1 {
		letter-spacing: 7px;
		margin-left: 8px;
}
.name_company {
	font-weight: bold;
    font-size: 40px;
    color: #fff;
    text-transform: uppercase;
    margin: 0 20px 20px 20px;
}

.name_desc {
	font-size: 16px;
    text-transform: none;
    margin: -10px 0px;
    margin-left:9px;
}


.dblock {
	display:inline-block;
}

.fs20 {
	font-size:20px;
}

.fs16 {
	font-size:16px;
}

.fs13 {
	font-size:13px;
}

.fs12 {
	font-size:12px;
}

.fs10 {
	font-size:10px;
}

.br1px {
	    height: 1px;
    width: 100%;
    margin-bottom: 20px;
    border-top: 1px dotted #7c8896;
}

.rightblock  .clear {
	display:none;
}

.rightblock  .clear:nth-child(3n+3) {
	width:100%;
	height:1px;
	display:inline-block;
}

.pt20 {
	padding-top:20px;
}
#m0 {
	margin:0;
}




h2 {
	text-align:center;
	color:#102741;
	font-size:25px;
}

header {
	width:100%;
	display:inline-block;
	background: #102741;
	margin: -4px 0;
}

.min-w300px {
	width:300px;
}

.hidden {
	overflow:hidden;
}

header .logo {
	float: left;
	padding-bottom: 15px;
}
header .nav {
	width: 80%;
	float:left;
	padding-top: 20px;
}

.nav #down {
    o-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    transform: rotate(90deg);
    color: #fff;
    font-size: 20px;
    float: right;
    margin-left: 10px;
    margin-top: -3px;
    padding: 0;
    margin-bottom: -10px;
}

.nav #down_right {

color: #fff;

font-size: 20px;

margin: 0 10px;

padding: 0;

margin-bottom: -10px;
}


header .description {
	padding: 13px;
    color: gray;
}


header #name
{
	    font-weight: bold;
	    font-size: 28px;
	    margin-top: 5px;
	    color: #fff;
	    text-transform: uppercase;
}

header #telephone {
}

.icon_stl {
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: left;
	padding-left: 30px;
	    padding-top: 7px;
    padding-bottom: 7px;
}

.footer_contact .icon_stl { 
	margin:10px 0;
}

.footer_contact .icon_stl:nth-child(2) {
	margin:0;
	padding-top: 0;
	padding-bottom: 0;
}

.footer_contact .icon_stl {
	background-size:25px;
	padding:5px 0 6px 35px;
}



#email {
	background-image: url(/public/images/white/envelope.svg);
	margin-top: 0;
}

#clock {
	background-image: url(/public/images/white/clock.svg);    
}

#telephone {
	background-image: url(/public/images/white/phonecall.svg);    
}

.wt {
	background-image: url(/public/images/max.png);    
}

.tg {
	background-image: url(/public/images/telegram.png);    
}

.white {
	color:#fff;
}

#adr
{
	background-image: url("/public/images/white/icon_geo.svg");
	margin-bottom: 0;
}

.menufix .title_contact {
    font-size: 14px;
    color: #fff;
    font-weight: bold;
}

.menufix .title_contact a {
    font-size: 16px;
    color: #fff;
}

.menufix .title_contact2 a {
	color: #fff;
    font-size: 14px;
} 

.menufix .title_contact2 {
	    color: #fff;
    font-size: 13px;
	margin-top: 3px;
}

.menufix #telephone a:hover {
	text-decoration:underline;
}

.menufix #callback {
	    margin-top: 12px;
}

.menufix #callback #buttonclick {
	padding: 7px 20px;
    color: #f2bf07;
    border: 1px solid #f2bf07;
    border-radius: 50px;
    font-weight: bold;	
}

nav {
	width:100%;
	display:inline-block;
	/* margin-top: 20px; */
}

/* .main_nav {float: right;} */

.main_nav nav .nav_shapka_ul_1 li{
	position:relative;
}

.main_nav nav .nav_shapka_ul_1 li {
	display: inline-block;
	line-height: 1.5;
	padding: 13px;
	margin-left: 7px;
	margin-top: 0;
}

.main_nav nav .nav_shapka_ul_1 li:hover .nav_shapka_ul_2 {
	display:block;
}

.main_nav nav .nav_shapka_ul_1 .nav_shapka_ul_2 li {
	padding: 7px;
	position: relative;
	width: 90%;
	display: inline-block;
}
.main_nav nav .nav_shapka_ul_1 .nav_shapka_ul_2 .sub_icon {
	transform: unset;
	 float: right;
}

nav .sub_icon {
    o-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    transform: rotate(90deg);
    color: #fff;
    font-size: 20px;
    margin-left: 10px;
    
}

nav .sub_icon:after {
	content: "›";
}

.nav .nav_shapka_down_icon_2
{
	    color: #fff;
    font-size: 20px;
    margin: 0 10px;
    padding: 0;
    margin-bottom: -10px;
}

.main_nav nav li:last-child {
	border:0;
}



.main_nav nav .nav_shapka_ul_2 li:hover .nav_shapka_ul_3 {
	display:inline-block;
}

.main_nav nav .nav_shapka_ul2 li a {
	color:#fff;
}

.main_nav nav a {
	color: #fff;
	display: inline-block;
	font-size: 14px;
}

.main_nav .nav_shapka_lul1 .nav_shapka_ul_1 li:nth-child(2) .nav_shapka_a1 {
	    font-weight: bold;
}

.main_nav #nav_shapka_active span {
	color:#ccc;
	font-size:13px;
	
}

.main_nav nav .sub_nav li a {
	    font-weight: normal;
}
#contentmenu ul li {
	list-style: square;
    margin-bottom: 15px;
    display: inline-block;
    width: 100%;
}
#contentmenu ul li a {
	color:#fff;
}

nav .nav_shapka_ul2 {
	display:none;
	width: 250px;
	position:absolute;
	left: 0;
	z-index:3;
	top: 95%;
	margin-left: 12px;
	background: #102741;
	border-top: 2px solid #fff;
	padding:10px;
	box-shadow: 0 0px 1px 0px #ccc;
}

nav .nav_shapka_ul2:before {
	border: 10px solid transparent;
	border-top: 9px solid #fff;
	display: block;
	width: 0%;
	position: absolute;
	left: 5%;
	z-index:2;
	font-size: 10px;
	top: -2px;
	height: 0;
	content: "";
}

nav .nav_shapka_ul2:last-child {
	left: -142px;
}

nav .nav_shapka_ul2:before { 
	left: 80%;
}

nav .nav_shapka_ul1 #nav_shapka_active .nav_shapka_down_icon_1 {
	font-size:20px;
}

nav .nav_shapka_ul3 {
	display:none;
	width: 250px;
	position: absolute;
	left: 63%;
	z-index: 3;
	top: 0;
	margin-left: 100px;
	background: #102741;
	border-left: 2px solid #fff;
	padding: 10px;
	box-shadow: 0 0px 1px 0px #ccc;
}
nav .nav_shapka_ul3 .nav_shapka_li3 {
	padding:7px;
} 

nav .nav_shapka_ul3:before {
	border: 10px solid transparent;
	border-left: 9px solid #fff;
	display: block;
	width: 0%;
	position: absolute;
	left: 0%;
	z-index:2;
	font-size: 10px;
	top: 10px;
	height: 0;
	content: "";
}

nav .nav_shapka_ul2 .nav_shapka_li2 {
	float: unset;
	width: 100%;
	margin-left: 3%;
	display: inline-block;
	padding: 10px;
	padding-right:0;
	border-right: 0;
	font-weight: normal;
}
nav .nav_shapka_ul1 li a 
{
	    text-transform:unset;
	    font-weight: normal;
}
nav .nav_shapka_ul1 a {
	font-size:13px;
}

nav .nav_shapka_ul1 .nav_shapka_ul2 li a 
{
	    text-transform:unset;
	    font-weight: normal;
}


nav li a:hover {
	text-decoration:underline;
}


.sliderBox {
	width: 100%;
	background-image: url(/public/images/bg_index.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	height: 500px;
	border-left: 0;
	border-right: 0;
	position: relative;
	z-index: 1;
}

.sliderBox #text 
{
	position: absolute;
	width: 1024px;
	z-index:2;
	top: 0;
	left: 0;
	right: 0;
	text-align: center;
	margin: 0 auto;
	margin-top: 10%;
}

.sliderBox #text  #kn {
	margin-top:50px;
	display:inline-block;
}

.sliderBox #bg {
	width: 100%;
	height: 100%;
	background: #102741;
	position:absolute;
	right: 0;
	bottom: 0;
	opacity: 0.3;
	z-index: 1;
}

.sliderBox #text  h1 {
	font-size: 30px;
	color: #fff;
	text-transform: uppercase;
}


.sliderBox #text p {
	font-size: 24px;
	margin-top: 7px;
	line-height: 1.3;
	color:#fff;
}

.butBlue {
    padding: 10px;
    color: #fff;
    background: #f2bf07;
    margin: 20px 0;
    margin-right: 20px;
    padding: 10px 30px;
	border:4px solid #f2bf07;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    border-radius: 2px;
}

.butWhite {
    padding: 10px;
    color: #f2bf07;
    background: #fff;
    margin: 20px 0;
    margin-right: 20px;
	border:4px solid #fff;
    padding: 10px 30px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    border-radius: 2px;
}

.butBlue:hover {
	cursor:pointer;
	color: #f2bf07;
    background: none;
}

input {
	border:0;
	outline:0;
}

.cursor {
	cursor:pointer;
}

.cb-hover:hover {
	color:blue;
}

.butWhite:hover {
	cursor:pointer;
	color: #f2bf07;
    background: none;
	border-color:#f2bf07;
}

.stream {
	background:#f6f6f6;
	width:100%;
	display:inline-block;
}

.stream .box
{
	width: 33%;
	margin:40px 0;
}

.stream .box #ava {
	border-radius:50% 0;
	overflow: hidden;
	width: 100px;
    height:100px;
	margin: 10px;
	margin-left: 0;
}
.stream .box h3
{
	    color: #f2bf07;
	    font-size: 18px;
	    margin-left: 10px;
}
.stream .box p
{
	    margin-left: 10px;
	    font-size: 13px;
	    color: gray;
}
.stream .box #desc
{
	width: 70%;
}

.blok_index {
	margin: 20px 0;
    display: inline-block;
    width: 100%;
}	


.blok_index h2 {
	 font-size: 25px;
}

.experience {
	background: #f6f6f6;
    padding: 20px 0;
}

.experience .content { 
	margin-top:10px;
}

.experience .box {
	padding: 10px;
    display: inline-block;
    margin-right: 10px;
	width:22%;
}

.experience h3 {
    margin-top: 7px;
	text-overflow: ellipsis;
	white-space: nowrap;
    overflow: hidden;
}

.experience a {
	font-weight: normal;
    color: #f2bf07;
	font-size: 14px;
}

.experience a:hover { 
	text-decoration:underline;
	color:blue;
}

.experience #ava  {
	    width: 200px;
    overflow: hidden;
    border-radius: 50% 0;
}

.experience #ava  img {
	width:100%;
}

.privilege .content {
	margin-top:30px;
}	

.privilege .pr blockquote {
	font-size: 19px;
    text-align: justify;
	background: #f6f6f6;
    padding: 40px;
}


 

.privilege .pr {
	width:60%;
}

.privilege .form {
	width:40%;
}

.privilege .box:first-child {
	margin-top:0;
}

.privilege .box h4 {
	font-size: 20px;
    font-weight: bold;
}

.privilege .box {
	width: 38%;
    font-size: 15px;
    color: #444;
    margin-top: 50px;
    float: left;
    position: relative;
    padding: 0 10px;
    display: inline-block;
	
}
.privilege .box:nth-child(even) {

	    margin-left: 70px;
		margin-right: 59px;
}

.privilege .box:before  {
	content:"";
	background-position:top left;
	background-repeat:no-repeat;
	background-size:70px;
	position:absolute;
	width:70px;
	height:70px;
	left: -70px;
	
}

.privilege .icon1:before {
	background-image: url(/public/images/exclamation-mark.svg);	
}
.privilege .icon2:before {
	background-image: url(/public/images/alarm-clock.svg);	
}
.privilege .icon3:before {
	background-image: url(/public/images/piggy-bank.svg);	
}
.privilege .icon4:before {
	background-image: url(/public/images/resume.svg);	
}

/* form callback */

.uslugionline .iconleftstl {
    padding: 10px;
   text-align:center;
   margin-top:15px;
}

.uslugionline .iconuslg {

	background-position: left;
    padding: 7px;
    padding-left: 45px;
    background-repeat: no-repeat;
    background-size: 35px;
	margin-left:7%;

}

.uslugionline .iconuslg_1 {
	background-image: url(/public/images/commerch.svg);
}

.uslugionline .iconuslg_2 {
	background-image: url(/public/images/orders.svg);
}


.uslugionline ul li {
	list-style:none;
	    border-top: 1px solid #ccc;
}


.uslugionline ul li:hover {
	background:gray;
	cursor:pointer;
	color:#fff;
}
.uslugionline ul li:hover #desc2 {
	color:#f6f6f6;
}


.uslugionline #title1 {
    margin: 10px;
	font-size:14px;
	text-align:left;
	
}

.uslugionline #desc2 {
	font-size: 11px;
    color: gray;
    margin: 10px;
	text-align:left;
	
}

.callbackFromLeft {
	box-shadow: 0px 0px 10px 0px #ccc;
	margin-top: 50px;
	overflow: hidden;
	border-radius: 7px;
	background:#fff;
	background: #f6f6f6;
}



.callbackFromLeft  #bartitle {
	font-weight: bold;
	font-size: 14px;
	padding: 0;
	text-transform: uppercase;
	text-align: center;
	color: #102741;
	margin-top: 20px;
}

.callbackFromLeft #resultquery h1{
	text-align: center;
    margin-top:20px;

}

.callbackFromLeft #resultquery p{
	 margin:10px 0;

}

.callbackFromLeft p {
	text-align:center;
}

.callbackFromLeft .smartphone {
	width: 50px;
	height: 50px;
	background: url(/public/images/smartphone.svg) 10px center/auto 20px no-repeat;
	background-size: 50px;
	margin: 10px auto;
}


.callbackFromLeft #zvtitle {
	    text-align: center;
    color: #cc0000;
    margin: 10px 0;
}

.callbackFromLeft #phone {
	margin:7px 0;
}

.callbackFromLeft #phone a{
	    color: #1f56a2;
	    font-weight: 600;
	    font-size: 16px;
}

.callbackFromLeft #orform {
	text-align: center;
    font-size: 13px;
    paadding: 10px;
}

.callbackFromLeft  .personalDan  {
	padding:10px;
}

.callbackFromLeft  .personalDan a {
	color: #ccc;
    font-size: 10px;
}

.callbackFromLeftFix {
    position: fixed;
    top: 10px;
    left: 2%;
    z-index: 10;
    width: 260px;
}	


/* form callback */

/* page static */

.bread ul li{
	float:left;
	margin:0 5px;
}

.bread ul li:first-child {
	margin:0;
}
.bread ul li:after {
	
    content: '→';
    color: #000;
    margin-left:5px;
}

.bread ul li:last-child:after
{
	content: unset;
}

.bread {
	width: 100%;
	display:inline-block;
	padding: 10px 0;
}

.bread a{
	font-size: 14px;
	color: #102741;
}

.bread span {
	color:gray;
	font-size: 14px;
}

.bread a:first-child {
	margin-left:0;
	padding-left:0;
}

.leftblock {
	width: 25%;
}

.rightblock {
	width: 72%;
	margin: 0px 0 0 3%;
}



.bread .crumbs {
		font-size: 11px;
		color: gray;
}

.bread .title {argin: 20px 0;}

.menuleft {
	width: 100%;
	box-shadow: 0 0 5px 0px #ccc;
	border-radius: 4px;
	overflow: hidden;
}

.menuleft .title
{
	    font-size: 14px;
    color: #fff;
    text-align: center;
    padding-bottom: 10px;
    font-weight: bold;
    padding: 10px;
    background: #102741;
}

.menuleft ul li a {
	font-size: 14px;
    color: #102741;
    font-weight: bold;
    padding: 10px;
    display: inline-block;
	width: 100%;
}


.menuleft .nav_left_ul_1 li:hover {background: #102741;}
.menuleft .nav_left_ul_1 li:hover a:first-child {color:#fff;}
.menuleft .nav_left_ul_1 li:hover .nav_left_ul_2 li a {color:#102741;}
.menuleft .nav_left_ul_1 li:hover .sub_icon:after {color:#fff;}
.menuleft .nav_left_ul_1 li .sub_icon:hover:after {color:#fff;}
.menuleft .nav_left_ul_1 li #act {
	background: #102741;
    color: #fff;
}

.menuleft .sub_icon {
	position: absolute;
    right: 0;
    top: 0;
    padding: 10px;
    width: 10px;
    height: 10px;
	border:none;
	outline:0;
}

.menuleft .nav_left_ul_2 {display:none;background: #fff;}
.menuleft .nav_left_ul_1 li {
		font-size: 14px;
		border-bottom: 1px solid #d9d9d9;
		position: relative;
}

.menuleft .nav_left_ul_2 li {
	width: 100%;
    text-align: left;
    border-bottom: 1px solid #ccc;
}
.menuleft .nav_left_ul_1:hover .nav_left_ul_2 li:hover a {color:#fff;}
.menuleft ul li a:nth-child(2):hover {background:none;}
.menuleft .nav_left_ul_2 li a {padding-left:15px;}
.menuleft li:last-child {border-bottom:0;}

.menuleft .nav_left_ul_1 li .sub_icon:after {
    color: #102741;
    font-size: 14px;
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
    content: "▼";
}

.menuleft .nav_left_ul_1 li #subUpIcon:after {
	 color: #fff;
	 content: "▲";
}


.menuleft .nav_prodall_down_icon_2:focus .nav_prodall_ul3 {
	font-size: 13px;
    padding: 5px 10px;
    display: inline-block;
}

.menuleft .nav_prodall_li2:first-child {
	border-top:1px solid #fff;
}	

.menuleft .nav_prodall_ul3 {display:none;}


.menuleft .nav_prodall_down_icon_2 {
    text-align: left;
    padding-left: 10px;
}


.text_page {
	font-size:14px;
	text-align:left;
	width: 100%;
}

.text_page p{
	margin:10px 0;
	
}

.text_page ul  {
	width:90%;
	margin:0 auto;
}
.text_page ul li {
	list-style:unset;
	margin:10px 0;
}

.text_page ol  {
	width:90%;
	margin:0 auto;
}
.text_page ol li {
	list-style:unset;
	margin:10px 0;
}

.text_page  blockquote {
	background: #f6f6f6;
    padding:10px 20px;
	text-align:left;
	font-size:13px;
}


.text_page table {
	width: 100%;
	border-collapse: collapse;
    box-shadow: 0 0 0px 0px #ccc;
    border: 0;
}

.text_page table thead td {
	font-size: 13px;
    padding: 0 10px;
    text-align: left;
    background: #1f56a2;
    color: #fff;
}

.text_page a{
	color: #36c;
	font-weight: normal;
	font-size:14px;
}

.text_page table tbody  td {
	padding:7px;
	text-align: center;
	font-size:13px;
} 

.text_page table tbody tr:first-child td {
	background: #36c;
		color:#fff;
}

.text_page table tbody tr:nth-child(even) td {
	    background:#f6f6f6;
}

.top {top:0;}

.imgproduct {
	width: 100%;
	overflow: hidden;
	height: 500px;
	position: relative;
}

.imgproduct .img {
	position:absolute;
	width:100%;
	height:100%;
	z-index:1;
}

.imgproduct .img img {
	width:100%;
}

.imgproduct .bg {
	position:absolute;
	width:100%;
	height:100%;
	z-index:2;
	background: #102741;
	opacity: 0.5;
}

.imgproduct .content {
	position:absolute;
	height:100%;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: 0;
	z-index: 2;
}


.imgproduct .content .form {
	height: 79%;
	margin: 50px 0 0 0px;
	position:relative;
	width: 35%;
}

.imgproduct .content .text1 {
	margin-top: 10px;
	padding: 10px;
	position:relative;
	width: 60%;
}


.imgproduct .content .text1 #contbox{
	/* position:absolute; */
	/* width:100%; */
	/* height:100%; */
	/* z-index:2; */
}

.imgproduct .content .text1 .h1 {
	color: #fff;
	margin: 5% 0;
	margin-bottom: 2%;
	font-size: 30px;
}

.imgproduct .content .text1 ul {
	margin-top:20px;
}

.imgproduct .content .text1 #cena { 
	font-weight: bold;
	color: #fff;
}
.imgproduct .content .text1 #cena span
{
    font-size: 20px;
    color: #fff;
}

.imgproduct .content .text1 ul li {
	    color: #fff;
	    padding: 20px;
	    padding-left: 55px;
	    width: 24%;
	    font-size: 18px;
	    display:inline-block;
}

.imgproduct .content .text1 ul li a {
	color: #f6f6f6;
    text-decoration: underline;
	font-size:20px;
}

.iconli_product {
	background-repeat: no-repeat;
    background-size: 30px;
    background-position: left;
}

.imgproduct .content .text1 ul li:nth-child(1) {
	background-image: url(../images/product/icons/left-alignment.svg);
}

.imgproduct .content .text1 ul li:nth-child(2) {
	background-image: url(../images/product/icons/spreadsheet-cell-row.svg);
}

.imgproduct .content .text1 ul li:nth-child(3) {
	background-image: url(../images/product/icons/settings.svg);
}

.imgproduct .content .text1 ul li:nth-child(4) {
	background-image: url(../images/product/icons/picture.svg);
}

.imgproduct .content .text1 ul li:nth-child(5) {
	background-image: url(../images/product/icons/buying-on-smartphone.svg);
}

.imgproduct .content .form input {
	border: 0;
	margin-bottom: 20px;
	padding: 15px;
	padding-left: 40px;
	width: 77%;
	margin-left: 5%;
	font-size: 14px;
	border-radius: 2px;
}

.imgproduct .content .form input:nth-child(1) {
    background: url(/public/images/icon_avatar.svg) 7px center/auto 20px no-repeat #fff;
}

.imgproduct .content .form input:nth-child(2) {
	background: url(/public/images/phone-call.svg) 7px center/auto 20px no-repeat #fff;
}

.imgproduct .content .form input:nth-child(3) {
	background: url(/public/images/set-square.svg) 7px center/auto 20px no-repeat #fff;
}



.imgproduct .content .form input:first-child {
	margin-top:10px;
}

.imgproduct .content .form input:last-child {
	margin-top:3px;
}


.imgproduct .content .form #title {
	font-size: 29px;
	text-align: center;
	color: #fff;
	padding-top: 10px;
	font-weight: bold;
}

.imgproduct .content .form #desc2  {
	    font-size: 14px;
    margin-top: 10px;
	font-weight:normal;
}


.imgproduct .content .form #desc2  {
	    font-size: 20px;
	    margin: 10px 0;
}
.imgproduct .content .form #title b {
	color: orange;
	font-size: 25px;
}

.imgproduct .content .form #input {
	position:absolute;
	z-index:5;
}

.imgproduct .content .form #input button[type=submit] {
	background: #ffa500;
	color: #fff;
	font-weight: bold;
	width: 60%;
	text-transform: uppercase;
	padding: 15px;
	margin-left: 21%;
	border-radius: 4px;
	font-size: 16px;
	margin-top: 5px;
	margin-bottom: 10px;
	border:0;
}

.imgproduct .content .form #input input:placehoder {
	font-size:14px;
}

.imgproduct .content .form .personalDan a {
	 font-size: 11px;
	 float: left;
	 margin-left: 4px;
	 color: #ccc;
}

.imgproduct .content .form .personalDan input{
	    margin: 0;
    margin-left: 3%;
    float: left;
    width: 15px;
    height: auto;
}

.imgproduct .content .form #input button[type=submit]:hover { 
	background:#8BC34A;
	cursor:pointer;
}

.imgproduct .content .form #bg {
	position:absolute;
	z-index:3;
	opacity: 0.5;
	background: #102741;
	width:100%;
	height: 106%;
}


.imgproduct .content .text1 #bg {
	position:absolute;
	z-index:3;
	opacity: 0.7;
	/* background: #054f9c; */
	width:100%;
	height:100%;
}

/* page static */

.menufix {
	width:100%;
	background: #102741;
	display:inline-block;
	padding-top: 20px;
	margin-top:0;
}

.orange {
	color: orange;
}

.submit {
	background:#F2B717;
	padding:7px 20px;
	color:#fff;
	border-radius:2px;
	font-size: 18px;
	margin:10px;
	border:2px solid #F2B717;
}

.submit2 {
	color:#F2B717;
	padding:7px 20px;
	border-radius:2px;
	font-size: 18px;
	margin:10px;
	border: 2px solid #F2B717;
}
.submit2:hover {
	background:#102741;
	color:#fff;
	border-color: #fff; 

}

.submit:hover {
	background:#102741;
	color:#fff;
	border-color: #fff; 

}


.usl_index {
	margin-top:50px;
	width:100%;
	display:inline-block;
}

.usl_index h2 {
	margin-bottom:30px;
}

.tovarindex {
	display:inline-block;
	/* padding: 0; */
	box-shadow: 0 0 20px 2px #ccc;
	width:47%;
	height: 250px;
	margin-right:3%;
	border-radius: 4px;
	margin-bottom:3%;
	position: relative;
	overflow: hidden;
}

.tovarindex:hover {
	box-shadow:0 0 50px 5px gray;
}

.tovarindex #ds {
	padding: 10px 0;
	width: 54%;
	position: relative;
	height: 135px;
	position: absolute;
	z-index: 3;
	right: 20px;
	top: 20px;
}

.tovarindex #ds #desc {
	font-size: 13px;
	margin: 10px 0;
	line-height: 1.5;
}

.tovarindex #ds #title a {
	color: #102741;
	border-radius:2px;
	font-size: 20px;
	font-weight:bold;
	text-transform:uppercase;
}

.tovarindex #ds #title:hover a {
	text-decoration:underline;
}

.tovarindex #ds #price
{
	font-weight: bold;
	text-transform: uppercase;
	margin: 10px 0;
	font-size: 14px;
	color:#444;
	right: 0;
}

.tovarindex #img {
	overflow: hidden;
	width: 100%;
	height: 100%;
	position:relative;
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
}

.tovarindex #img  .overlayed {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: -moz-linear-gradient(right, rgba(255,255,255,10) 20%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(linear, right top, left top, color-stop(30%, rgba(255,255,255,10)), color-stop(80%, rgba(255,255,255,0)));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFFFF', endColorstr='#00FFFFFF',GradientType=0 );
}


.tovarindex #img img {
	width: 100%;
	border-radius: 4px 0 0 4px;
}

.tovarindex #prcount {
	    color: #102741;
    font-size: 25px;
    margin: 0 3px;
}



.preim_index {
	/* background: #102741; */
	display:inline-block;
	width:100%;
	padding:10px 0;
	/* color: #fff; */
}

.preim_index h2 {
	margin: 20px;
}

.preim_index p {
	text-align:center;
	width: 80%;
	margin: 0 auto;
}

.preim_index #preumcontent {
	float: left;
	width: 33%;
	margin-bottom: 50px;
}

.preim_index #preumcontent .iconstl {
	width: 100px;
    height: 100px;
    overflow: hidden;
    margin: 0 auto;
	margin-bottom: 30px;
}

.preim_index #preumcontent #icon1 {
    background: url(/public/images/prem1.svg);
}

.preim_index #preumcontent #icon2 {
    background: url(/public/images/prem2.svg);
    background-size: 90px;
    background-repeat: no-repeat;
}

.preim_index #preumcontent #icon3 {
    background: url(/public/images/prem3.svg);
}

.preim_index #preumcontent #icon4 {
    background: url(/public/images/prem4.svg);
}

.preim_index #preumcontent #icon5 {
    background: url(/public/images/prem5.svg);
}


.preim_index #preumcontent #icon6 {
    background: url(/public/images/prem6.svg);
}

.preim_index #preumcontent #title {
	    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    margin: 10px 0;
}

.preim_index #preumcontent #desc {
	
    text-align: center;
    width: 70%;
    margin: 0 auto;
    padding-bottom: 10px;
    margin-bottom: 10px;
	
}

.preim_index .content {
	margin-top:50px;
}

.geo_index {
	margin-top:50px;
}

.geo_index img {
	    width: 95%;
	    margin-top: 20px;
}

.ser_index {
	background:#f6f6f6;
	display:inline-block;
	width:100%;
}


/* category */


.tovarcat {
	display:inline-block;
	box-shadow: 0 0 10px 1px #ccc;
	width: 30%;
	margin-right: 3%;
	border-radius: 3px;
	height:415px;
}

.tovarcat .overlayed {
	display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 10%;
	
}



.tovarcat:hover {
	box-shadow:0 0 50px 2px gray;
}

.tovarcat #ds {
	width: 90%;
	position: relative;
	padding: 10px 0;
	text-align: center;
	margin: 0 auto;
}

.tovarcat #ds #desc {
	
	margin: 10px 0;
	/* display:none; */
}

.tovarcat #ds #title a {
	color: #102741;
	border-radius:2px;
	font-size: 20px;
	font-weight:bold;
	text-align: center;
	/* text-transform: uppercase; */
}

.tovarcat #ds #title:hover a {
	text-decoration:underline;
}

.tovarcat #ds #price
{
	font-weight: bold;
	color: #102741;
	text-transform: uppercase;
	bottom: 0;
	
}

.tovarcat #img {
	overflow: hidden;
	width: 100%;
	margin-bottom: 10px;
	height: 170px;
	border-radius: 4px 4px 0 0;
	position:relative;
}
.tovarcat #img img {
	width: 100%;
	height: 100%;
}

.tovarcat #prcount {
	    color: #102741;
    font-size: 20px;
    margin: 0 3px;
}

.tovarcat .submit {
	    font-size: 14px;
	    text-transform: uppercase;
	    text-align: center;
	    padding: 5px;
	    cursor:pointer;
	    margin: 10px 20px 20px 20px;
	    background: #102741;
	    border-color: #102741;
}

.tovarcat .submit:hover {
	background: #F2B717;
	border-color: #F2B717;
}

.filtertovar     {
	box-shadow: 0 0 1px 1px #ccc;
	width: 100%;
	border-radius: 4px;
	overflow: hidden;
}

.filtertovar   #title {
	font-size: 14px;
	color: #fff;
	text-align: center;
	padding-bottom: 10px;
	font-weight: bold;
	padding: 10px;
	background: #102741;
}

.filtertovar   #fl_cont ul {
	width:100%;
}

.filtertovar   #fl_cont ul li {
	padding: 10px;
	font-size: 13px;
	border-bottom:1px solid #ccc;
}

.filtertovar   #fl_cont #nav_podval_info_active { 
	background:#102741;
	color:#fff;
}

.filtertovar   #fl_cont ul li a {
	color:#000;
}
.filtertovar   #fl_cont ul li:hover {
	background:#102741;
}

.filtertovar   #fl_cont ul li:hover a {
	color:#fff;
}

.filtertovar   #fl_cont ul li:last-child {
	border-bottom:0;
}

/* category */



/* index form */ 

.form_template {
	width: 90%;
	margin: 15% 0 0 10%;
	display: inline-block;
	box-shadow: 0 0 20px 1px #9e9e9e;
	border-radius: 4px;
	overflow: hidden;
	background: #102741;
}

	
.form_template input {
	border: 1px solid #ccc;
	margin-bottom: 20px;
	padding: 10px;
	padding-left: 40px;
	width: 72%;
	margin-left: 5%;
	font-size: 14px;
	border-radius: 2px;
}
.form_template  textarea
{
	    border: 1px solid #ccc;
    margin-bottom: 20px;
    padding: 10px;
    width: 83%;
    margin-left: 5%;
    font-size: 14px;
    border-radius: 2px;
    resize: none;
    height: 60px;
}

.form_template #warrningform {
	color:#fff;
}

.form_template input#phoneIc {
    background: url(/public/images/phone-call.svg) 7px center/auto 20px no-repeat #fff;
}

.form_template input#avatarIc {
    background: url(/public/images/icon_avatar.svg) 7px center/auto 20px no-repeat #fff;
}

.form_template input#regionIc {
	background: url(/public/images/route.svg) 7px center/auto 20px no-repeat #fff;
}


.form_template input#countIc {
	background: url(/public/images/set-square.svg) 7px center/auto 20px no-repeat #fff;
}



.form_template input:first-child {
	margin-top:10px;
}

.form_template input:last-child {
	margin-top:3px;
}


.form_template #title {
	font-size: 23px;
	text-align: center;
	color: #fff;
	padding-top: 10px;
	font-weight: bold;
	background: #102741;
	overflow: hidden;
	width: 100%;
}

.form_template #desc2  {
	    font-size: 14px;
    margin-top: 10px;
	font-weight:normal;
}


.form_template #desc2  {
	    font-size: 13px;
	    margin: 10px 0;
	    text-align: center;
}
.form_template #title b {
	color: orange;
	font-size: 25px;
}

.form_template .button_cont {
	    width: 60%;
    margin: 0 auto;
}

.form_template #input button[type=submit] {
	background: #F2B717;
	color: #fff;
	font-weight: bold;
	width: 100%;
	text-transform: uppercase;
	padding: 11px;
	border-radius: 4px; 
	font-size: 14px;
	margin-top: 5px;
	margin-bottom: 10px;
	outline: 0;
	border: 0;
}

.form_template #input input:placehoder {
	font-size:14px;
}

.form_template .personalDan a {
	 font-size: 8px;
	 float: left;
	 margin-left: 4px;
	 color: #ccc;
	 width: 80%;
    line-height: 1;
}

.form_template .personalDan input{
	    margin: 0;
    margin-left: 3%;
    float: left;
    width: 15px;
    height: auto;
}

.form_template #input button[type=submit]:hover {
	background: #d09d11;
	cursor:pointer;
}

.form_template #bg {
	position:absolute;
	z-index:3;
	opacity: 0.5;
	background: #102741;
	width:100%;
	height: 102%;
}

.form_template form {
	margin-top:10px;
}

.form_template .personalDan
{
	padding: 10px 3px;
}


/* index form */

/* category form */ 
.form_template_cat {
	width:100%;
	margin:0;
}

.form_template_cat input {
	float:left;
	width:25%;
	margin:0;
	margin-left:20px;
}

.form_template_cat input:nth-child(3) {
	width: 20%;
}

.form_template_cat input:first-child {
	margin-top:0;
}

.form_template_cat #input button[type=submit] {
	margin:0;
	width:unset;
	margin-top:20px;
}

.form_template_cat .personalDan {
    padding: 10px 3px;
    width: 37%;
    margin: 0 auto;
    margin-top: 10px;
	
}	

/* category form */ 

/* category */

.preim_cat li:nth-child(1) {
    background-image: url(/public/images/postavka/mechanic-with-cap.svg);
	margin-top:40px;
}

.preim_cat li:nth-child(2) {
    background-image: url(/public/images/postavka/factory-with-chimney.svg);
}

.preim_cat li:nth-child(3) {
    background-image: url(/public/images/postavka/networking.svg);
}

.preim_cat li:nth-child(4) {
    background-image: url(/public/images/postavka/coin.svg);
}

.preim_cat li:nth-child(5) {
    background-image: url(/public/images/postavka/shipping.svg);
}

.preim_cat li:nth-child(6) {
    background-image: url(/public/images/postavka/management.svg);
}

.preim_cat li:nth-child(7) {
    background-image: url(/public/images/postavka/frontal-truck.svg);
	padding-top:0;
}

.preim_cat .iconstl {
    background-size: 50px;
    margin-top: 20px;
    background-repeat: no-repeat;
    padding-left: 70px;
    padding-top: 10px;
    padding-bottom: 25px;
    border-bottom: 1px solid #ccc;
}

.shema_cat li {
	    float: left;
    width: 22%;
    margin-right: 3%;
	margin-bottom:3%;
    text-align: center;
	
}

.iconstl_shema {
	width: 100px;
    height: 100px;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 30px;
    background-position: center;
    background-size: 70px;
    background-repeat: no-repeat;
}

.shema_cat  #icon1 {
    background-image: url(/public/images/shema/phone-call.svg);
}

.shema_cat  #icon2 {
    background-image: url(/public/images/shema/startup.svg);
}
.shema_cat  #icon3 {
    background-image: url(/public/images/shema/placeholder-on-map-paper-in-perspective.svg);
}

.shema_cat  #icon4 {
    background-image: url(/public/images/shema/contract.svg);
}

.shema_cat2  li{
	width:30%;
	float:left;
	margin-right: 3%;
    text-align: center;
}

.shema_cat2  #icon1 {
    background-image: url(/public/images/shema/money.svg);
}

.shema_cat2  #icon2 {
    background-image: url(/public/images/shema/logistics-delivery-truck-and-clock.svg);
}
.shema_cat2  #icon3 {
    background-image: url(/public/images/shema/agreement.svg);
}

/* category */


/* product */


.top_uslugi .clear {
	width:100%;
	height:1px;
	display:inline-block;
}

#productdocart {
	border-radius:7px;
	font-size:16px;
	height:unset;
}

#productdocart #ds #title {
	font-size:16px;
	    font-weight: 600;
    color: #000;
}

#productdocart:hover {
	box-shadow: 0 0 10px 1px #ccc;
}

/* product */

.montazhproduct {
	display: inline-block;
}

.montazhproduct #sld_pribor {
	    float: left;
	    width: 93%;
	    background: #f6f6f6;
	    padding: 10px;
}

.montazhproduct #boxpr {
	width:100%;
} 
.montazhproduct #boxpr  #boxborder
{
	    /* box-shadow: 0 0 15px 0 #ccc; */
	    /* width: 100%; */
	    display: inline-block;
	    overflow: hidden;
}

.montazhproduct #imgbox {
	width: 40%;
	float: left;
	overflow: hidden;
	border-radius: 4px;
	overflow: hidden;
	height: 180px;
}

.montazhproduct #imgbox img {
	width: 100%;
	height: 100%;
}
.montazhproduct #contentbox
{
	float: left;
	width: 55%;
	margin-left: 30px;
	/* padding: 10px 0; */
}

.montazhproduct  .next {
    height: 138px;
    font-size: 40px;
    width: 1%;
    float: right;
    padding: 20px 5px;
    padding-right: 21px;
    padding-top: 50px;
    color: #444;
}


.montazhproduct .next:hover {
	
	color:green;
	cursor:pointer;
}

.montazhproduct #contentbox #titlepr
{
	font-size: 18px;
	font-weight: 600;
	/* padding: 10px 0; */
}

.montazhproduct #contentbox #descpr {
	margin-top: 20px;
    line-height: 1.5;
    width: 100%;
    /* height: 80px; */
    overflow: hidden
}

.montazhproduct .sliderhide {
	display:none;
}

/* callback */


.Fcallback
{
	display:none;
	position:fixed;
	top:0;
	left:0;
}

.bg_black {
	display:none;
	position:fixed;
	top:0;
	left:0;
}

.Fcallback input:nth-child(1)
{
	background:#fff url(/public/images/avatar.png) no-repeat scroll 10px center/auto 25px
}

.Fcallback input:nth-child(2)
{
	background:#fff url(/public/images/phone-call.png) no-repeat scroll 10px center/auto 25px
}

.Fcallback input
{
	box-sizing:border-box;

}

.Fcallback #warrningform {
	text-align: center;
    color: #cc0000;
    font-size: 13px;
}

.bg_black
{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	overflow:hidden;
	background:#000;
	opacity:.7;
	z-index:101
}




/* callback */


/* text  style */

.content_text p {
	margin:10px 0;
	    line-height: 1.9;
}

.content_text {
	text-align:justify;
}

.content_text h2 {
	    text-align: left;
    text-transform: unset;
    color: #102741;
    font-size: 24px;
    margin: 20px 0;
}

.content_text ul {
	padding-left:50px;
}

.content_text ul li {
	    line-height: 2;
		position:relative;
}
.content_text ul li:before {
     content: "\2714";
    position: absolute;
    top: 0;
    color: #102741;
    left: -30px;
    border: 0;
    width: 8px;
    height: 15px;
    font-size: 14px;
    padding: 8px 10px;
    padding-top: 1px;
}
	
.content_text table {
	border-collapse: collapse;
	width:100%;
	border-radius:2px;
}

.content_text table td {
	border:1px solid #ccc;
	text-align:center;
	padding:7px;
}

.content_text table tr:hover td {
	background:#102741;
	color:#fff;
	cursor:pointer;
}


.content_text thead td {
	background: #102741;
    color: #fff;
}
	
#nav_podval_prod_active {
	font-size:14px;
}	

/* text  style*/


/* adaptiv style */

.w25 {
	width:23%;
	margin:1%;
}





