

/*.pixel{ width:100%; height:6800px; background:url(../img/pixel.jpg) center top no-repeat; position:absolute; top:0; left:0; opacity:0.4; z-index:999999;}*/



@font-face {

    font-family: 'opensans';

    src: url('fonts/opensans.eot');

    src: url('fonts/opensans.eot?#iefix') format('embedded-opentype'),

         url('fonts/opensans.woff') format('woff'),

         url('fonts/opensans.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'opensansbold';

    src: url('fonts/opensansbold.eot');

    src: url('fonts/opensansbold.eot?#iefix') format('embedded-opentype'),

         url('fonts/opensansbold.woff') format('woff'),

         url('fonts/opensansbold.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'opensanslight';

    src: url('fonts/opensanslight.eot');

    src: url('fonts/opensanslight.eot?#iefix') format('embedded-opentype'),

         url('fonts/opensanslight.woff') format('woff'),

         url('fonts/opensanslight.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}











*{ margin: 0; padding: 0; outline:none; }

select, a, input, button{outline:none; }

select,textarea,input{ color:#000; font-size:16px;}

select { -moz-appearance: none;-webkit-appearance: none;appearance: none;}

select::-ms-expand{display: none;}







img{border:0;}

li{list-style:none}

h1,h2,h3,h4{font-weight:normal;margin-bottom:1em; text-transform:uppercase}

strong{font-weight:normal; font-family: 'opensansbold';}

a{transition:0.1s}

a:hover{text-decoration:none}

button{cursor:pointer}

html, body {height: 100%; margin: 0; padding: 0;  font-family: 'opensans';  font-size:16px;}

.clear {clear: both;height:0px;}

.wrapper_back {height: 100%; position: absolute; top: 0; z-index: -1;left: 0px; right: 0px;}

.wrapper{min-height: 100%; text-align:left; position:relative; width:100%;min-width:320px; }

.innerwrapper{width:98%; min-width:300px; max-width:1280px; height:100%; margin:0 auto; position:relative; padding:0 1%;}







.overlay{ background-color:rgba(0,0,0,0.7); z-index:9999; position:fixed; top:0; left:0; width:100%; height:100%; display:none }

.dialogs { position:fixed; top:200px; left:50%;  z-index:10012;width:300px; padding:0; display:none; background:#fff;padding-bottom:5px;}

.dialogs .dheader{  width:100%; background:#fff;  text-align:center; color:#000; padding:10px 0;}

.dialogs h2{ font-weight:normal;  color:#000;  position:relative; text-align:left; font-family: 'lato'; font-size:27px; padding-left:25px; padding-top:8px; margin:0}

.dialogs .close{ width:25px; height:25px; background:url(../img/ico/ico_close.png) center center no-repeat;  position:absolute; text-indent:-99999px; top:13px; right:15px; cursor:pointer;}

.dialogs .close:hover{background-image:url(../img/ico/ico_closeh.png)}

.dialogs .sendbtn{text-align:center; margin-top:25px; }

.dialogs .orderpswrapper{background:#fff; margin:10px 25px 10px; }

.dialogs .orderpswrapper.jstxt{padding-bottom:20px;}

.dialogs .orderpswrapper p{ color:#444242; line-height:1; margin-bottom:10px;}

.dialogs .orderpswrapper p.jstxt{margin-bottom:30px;}











header{ height:240px; width:100%; position:relative; background:#10326c; color:#fff  }

header a{ font-family: 'opensanslight'; text-decoration:none; color:#fff; }



header .top-line{ border-bottom:1px solid #1c3e7d; display:table; width:100%; border-collapse:collapse; height:60px; }

header .top-line .menu{ display:table-cell; vertical-align:top}

header .top-line .menu button{ display:none }

header .top-line .menu nav{}

header .top-line .menu nav ul{ display:table; border-collapse:collapse; width:100%; max-width:980px;  }

header .top-line .menu nav ul li{ display:table-cell; vertical-align:top;  line-height:1; min-width:80px; padding:7px 0; text-align:center }

header .top-line .menu nav ul li.first{margin-left:0; text-align:left}

header .top-line .menu nav ul li.last{margin-right:0; text-align:right}

header .top-line .menu nav ul li a{  font-size:16px; text-transform:uppercase; padding:15px 0; display:block; position:relative}

header .top-line .menu nav ul li a span{position:relative}

header .top-line .menu nav ul li a span::after{display:none; content:""; width:100%; height:2px; background:#4575fb; position:absolute; left:0; bottom:-20px;}

header .top-line .menu nav ul li.active a,

header .top-line .menu nav ul li a:hover{ color:#4575fb}

header .top-line .menu nav ul li.active a span::after{ display:block}

header .top-line .search{ display:table-cell; vertical-align:top; width:180px; max-width:180px; position:relative; height:30px; padding:15px 0; background:#10326c; z-index:9999;
padding-left: 20px;}

header .top-line .search .upline{ width:100%;}

header .top-line .search input{ width:100%; height:30px; background:none; border:none; font-family: 'opensanslight'; font-size:16px; color:#fff; }

header .top-line .search .upline::after{display:block; content:""; width:100%; height:2px; background:#57637d; position:absolute; left:0; bottom:0px;}

header .top-line .search:hover .upline::after{background-color:#fff}

header .top-line .search button{ width:20px; height:30px; background:url(../img/ico/sprite.png) -19px -5px no-repeat; border:none; position:absolute; top:15px; right:0; text-indent:-99999px;}

header .top-line .search button:hover{ background-position:-54px -5px;}

header .top-line .search button.rsp{display:none}



header .logo-line{  display:table; width:100%; border-collapse:collapse; font-family: 'opensanslight'; margin-top:25px;}

header .logo-line .logo,

header .logo-line .name,

header .logo-line .phones{ display:table-cell; vertical-align:middle; }

header .logo-line .logo{width:200px; max-width:200px;  }

header .logo-line .logo img{}

header .logo-line .name{ text-align:center; }

header .logo-line .name p{ font-size:48px; text-transform:uppercase }

header .logo-line .name span{ display:block; font-size:20px; margin-top:5px;}

header .logo-line .phones{width:200px;max-width:200px; text-align:right}

header .logo-line .phones a{  font-size:20px; padding-left:50px; background:left center no-repeat; white-space: nowrap  }

header .logo-line .phones div{ margin-bottom:10px; margin-top:5px; }

header .logo-line .phones .p1 a{ background-image:url(../img/ico/ico_phone1.png); }

header .logo-line .phones .p2 a{background-image:url(../img/ico/ico_phone2.png);}

header .logo-line .phones .p3 a{background-image:url(../img/ico/ico_phone3.png);}
header .logo-line .phones a{
    position:relative;
}
header .logo-line .phones .p4 a:before {
    background-image: url('../img/ea14a73a07e521cd5adfa3af1cab1538.png');
    position: absolute;
    content: '';
    background-position: 176px 123px;
    width: 33px;
    height: 30px;
    background-size: 135px;
    left: 0;
}
header .logo-line .phones .p5 a:before {
    background-image: url('../img/ea14a73a07e521cd5adfa3af1cab1538.png');
    position: absolute;
    content: '';
    background-position: 217px 123px;
    width: 33px;
    height: 30px;
    background-size: 135px;
    left: 0;
}
header .logo-line .phones .p6 a{background-image:url('../img/i.webp'); background-size: 30px, auto, contain;}
header .logo-line .phones .p7 a{background-image:url('../img/utb-DwZEV3uj4.PTDzFCRg.png');   background-size: 30px, auto, contain;}


footer .phones a{
      position:relative;
          width: 160px;
    display: flex;
    justify-content: space-around;
}
footer .phones div {
    display: flex;
    justify-content: end;
}

footer .phones .p4 a:before {
    background-image: url('../img/ea14a73a07e521cd5adfa3af1cab1538.png');
    position: absolute;
    content: '';
    background-position: 144px 101px;
    width: 26px;
    height: 25px;
    background-size: 110px;
    left: 0;
}
footer .phones .p5 a:before {
    background-image: url('../img/ea14a73a07e521cd5adfa3af1cab1538.png');
    position: absolute;
    content: '';
    background-position: 67px 101px;
    width: 26px;
    height: 25px;
    background-size: 110px;
    left: 0;
}
footer .phones .p6 a{background-image:url('../img/i.webp'); background-size: 27px, auto, contain;}
footer .phones .p7 a{background-image:url('../img/utb-DwZEV3uj4.PTDzFCRg.png');  background-size: 27px, auto, contain;}



.main-slider{ width:100%; height:440px; overflow:hidden; position:relative; padding:80px 0 40px;border-bottom:1px solid #dbd8d8;}

.main-slider .slide-one{ width:100%; height:440px; background:center center no-repeat; background-size:cover;}

.main-slider .slide-one .img-part{ width:50%; height:100%; float:right; background: center center no-repeat; background-size:contain;}

.main-slider .slide-one .text-part{ width:50%; height:100%; float:left; text-align:center; color:#858688; font-family: 'opensanslight';}

.main-slider .slide-one .text-part strong{font-family: 'opensans'; line-height:1.2 }

.main-slider .slide-one .text-part .x1{ font-size:30px;}

.main-slider .slide-one .text-part .x2{ font-size:72px;}

.main-slider .slide-one .text-part .x3{ font-size:20px;}

.main-slider .slide-one .text-part .link{margin-top:50px;}

a.more{ display:inline-block; background:#135bc3; padding:10px 30px; color:#fff;font-family: 'opensans'; text-decoration:none; text-align:center}

a.more:hover{background-color:#1b6ee9}



/*

.main-slider .owl-controls{ position:absolute; top:0; left:0; width:100%; height:100%; }

.main-slider .owl-stage-outer{z-index:1;}

.main-slider .owl-controls .owl-dots{ width:100%; min-width:320px; max-width:1280px; margin:0 auto;  margin-top:350px; position:relative; z-index:2}

*/



.main-slider .owl-controls{ position:absolute; bottom:30px; left:0; width:100%;; }

.main-slider .owl-stage-outer{z-index:1;}

.main-slider .owl-controls .owl-dots{ width:50%; position:relative; z-index:2; text-align:center}





.main-slider .owl-controls .owl-dots .owl-dot{display:inline-block; margin:0 3px}

.main-slider .owl-controls .owl-dots .owl-dot span{ display:block; width:10px; height:10px; background:#fff; border:1px solid #9199a7; border-radius:12px; cursor:pointer;}

.main-slider .owl-controls .owl-dots .owl-dot.active:hover span,

.main-slider .owl-controls .owl-dots .owl-dot.active span{background-color:#9199a7; border-color:#9199a7}

.main-slider .owl-controls .owl-dots .owl-dot:hover span{background-color:#1b6ee9; border-color:#1b6ee9}



.content{ font-size:16px; color:#363c40;font-family: 'opensans'; }

.content p{margin-bottom:1.5em;}



.center-part{ padding:80px 0 60px; border-bottom:1px solid #dbd8d8; }

.center-part .twrapper{width:100%; border-collapse:collapse; display:table}

.center-part .order{ display:table-cell; vertical-align:top; width:290px;  padding-right:40px;}





form.orderform{ background:#00133a; width:210px; padding:40px;}

form.orderform p{text-align:center; color:#fff; font-family: 'opensans'; font-size:20px; text-transform:uppercase; line-height:1; margin-bottom:30px;}

form.orderform select,

form.orderform input{ width:96%; height:30px; background:#fff; border:none; margin-bottom:20px; padding:0 2%; color:#021a3c; font-size:16px;font-family: 'opensans';}

form.orderform select{ width:70%; background:#fff url(../img/ico/ico_select.jpg) right center no-repeat; float:left}

form.orderform input.small{ float:right; width:20%;}

form.orderform button{ display:block; background:#135bc3; color:#fff;font-family: 'opensans'; width:100%; border:none; height:40px; font-size:14px; text-transform:uppercase }

form.orderform button:hover{background-color:#1b6ee9}









.center-part .text-part{ display:table-cell; vertical-align:top; }

.action.bottom{ display:none; margin-top:30px;}

.action{ display:table; width:100%; background:#fff; border:1px solid #dbd8d8;line-height:1;}

.action .img,

.action .name,

.action .timer{ display:table-cell; vertical-align:middle; text-align:center; height:220px;}

.action .img{ width:28%;}

.action .img img{}

.action .name{width:40%;}

.action .name .link{ margin-bottom:25px;}

.action .name .link a{ font-size:24px; color:#375bbf; text-decoration:none;font-family: 'opensans';}

.action .name .price{ margin-bottom:25px; }

.action .name .price span.old{ color:#848587; font-size:18px; text-decoration:line-through; display:inline-block; vertical-align:middle; margin-right:10px;}

.action .name .price strong{ font-size:24px; color:#021a3c; display:inline-block; vertical-align:middle}

.action .name .price span.cpt{ font-size:14px; color:#848587; display:inline-block; vertical-align:middle;margin-left:10px;}

.action .timer{ text-align:center;width:32%}

.action .timer h3{ color:#848587; font-size:14px; font-weight:normal; text-transform:none; margin:0 0 17px 0; }

.ctimer .number-wrapper{ display:inline-block; margin-right:8px; vertical-align:top;  }

.ctimer .number-wrapper .number{ font-size:36px; background:url(../img/bg/double.png) right center no-repeat; padding-right:8px;}

.ctimer .number-wrapper .caption{ display:block; font-size:11px; color:#848587; margin-top:5px}

.ctimer .number-wrapper .number.sec{ background:none; padding:0;}







.actions-part{ padding:70px 0;}

.actions-part h2{font-family: 'opensanslight'; font-size:48px; color:#375bbf; line-height:1; text-align:center; text-transform:none }

.actions-part h2 span{ display:block; font-size:20px; color:#848587; margin-top:15px;}

.actions-part .actions-list-wrapper{}

.actions-part .actions-list{}





.actions-part .owl-item{text-align:center}

.actions-part .action-one{display:inline-block; vertical-align:top;text-align:center}

.actions-part .action-one a{ display:inline-block; width:400px; height:400px; position:relative; color:#fff; text-decoration:none; }

.actions-part .action-one a img{ }

.actions-part .action-one a .over{ position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:url(../img/bg/blue.png) center bottom no-repeat; z-index:1}

.actions-part .action-one a .text{ position:absolute; bottom:30px; left:0; width:100%; text-align:center; z-index:2;  font-family: 'opensans'; font-size:24px;line-height:1;}

.actions-part .action-one a .text .name{  padding-bottom:20px; margin-bottom:10px; position:relative; transition:0.1s}

.actions-part .action-one a:hover .text .name{ color:#4e7bf9}

.actions-part .action-one a .text .name::after{ display:block; content:""; width:70%; height:1px; background:#324361; position:absolute; bottom:0; left:15%;}

.actions-part .action-one a .text .price{font-family: 'opensanslight'; font-size:16.5px; color:#9c9d9f}

.actions-part .action-one a .text .price strong{font-size:22px; font-family: 'opensansbold'; color:#fff}

.actions-part .action-one a .note{ display:block; position:absolute; left:50%; margin-left:-50px; top:30px; background:#135bc3; width:100px; height:72px; padding-top:28px; border-radius:100px; 

text-align:center; font-family: 'opensans'; font-size:14px;}





.owl-controls .owl-nav div{ display:block; position:absolute; width:20px; height:70px; top:50%; margin-top:-35px; background:url(../img/ico/sprite.png) 0 0 no-repeat; z-index:100; text-indent:-99999px; cursor:pointer; }

.owl-controls .owl-nav div.owl-prev{ background-position:-19px -195px; left:-30px;}

.owl-controls .owl-nav div.owl-next{ background-position:-108px -195px; right:-30px; }

.owl-controls .owl-nav div.owl-prev:hover{ background-position:-180px -195px;}

.owl-controls .owl-nav div.owl-next:hover{ background-position:-269px -195px; }









.bottom-text{padding-bottom:80px;}

.footerline{padding-bottom:165px;}

footer{ height:165px; width:100%; position:absolute; bottom:0; overflow:hidden; background:#10326c; color:#fff;  }

footer .twrapper{ display:table; border-collapse:collapse; width:100%  }

footer .copyright,

footer .logo,

footer .phones{ display:table-cell; vertical-align:middle; height:165px;}







footer .copyright a{ color:#fff; font-size:14px; text-transform:uppercase; text-decoration:none}

footer .copyright a:hover{ text-decoration:underline}

footer .copyright p{padding:4px 0}

footer .logo{ text-align:center}

footer .logo p{margin-top:10px; font-size:14px; color:#999a9b; }

footer .logo p span{padding-left:15px; background:url(../img/ico/ico_copyright.png) left center no-repeat; display:inline-block }

footer .phones{ text-align:right}

footer .phones a{  font-size:16px; padding-left:35px; background:left center no-repeat; color:#fff; text-decoration:none  }

footer .phones div{ margin-bottom:10px; margin-top:5px; }

footer .phones .p1 a{ background-image:url(../img/ico/ico_phone1f.png); }

footer .phones .p2 a{background-image:url(../img/ico/ico_phone2f.png);}

footer .phones .p3 a{background-image:url(../img/ico/ico_phone3f.png);}





.info{position:fixed; bottom:0; left:0; padding:20px 0; width:100px; text-align:center; background:#000; color:#fff; display:none }



.center-part .order nav{ display:block; margin-bottom:80px;}

.center-part .order nav li{ margin-bottom:24px; line-height:1;}

.center-part .order nav li a{ display:block; padding:2px 0 2px 32px; background:url(../img/ico/ico_menu.png) left center no-repeat; font-size:20px; color:#00133a; text-decoration:none; font-family: 'opensans';}

.center-part .order nav li.active a,

.center-part .order nav li a:hover{ color:#1d5fc4}



.breadcrumbs{ text-align:center; margin-bottom:20px;}

.breadcrumbs li{display:inline-block; vertical-align:middle;color:#858688; font-size:14px;}

.breadcrumbs li.radio{ width:6px; height:10px; background:url(../img/ico/ico_radio.png) center center no-repeat; margin:0 9px 0 10px; text-indent:-99999px; }

.breadcrumbs li a{ color:#858688; font-size:14px;}

.center-part h1{ font-size:40px; color:#135bc3; text-align:center;font-family: 'opensanslight';}

.center-part.catalog{ padding:60px 0 60px;}



.catalog-part{}

.catalog-part .over-list{ width:100%; overflow:hidden}

.catalog-part .wide-list{ width:105%; font-size:0 }

.catalog-part .catalog-one{ width:287px; min-width:287px; line-height:1; border:1px solid #dbd8d8; display:inline-block; vertical-align:text-bottom; text-decoration:none;

 text-align:center; color:#262424; font-size:24px;font-family: 'opensanslight'; margin:0 40px 40px 0;}

 .catalog-part .catalog-one img{width:100%;}

.catalog-part .catalog-one span{display:block; margin:20px 0 5px; }

.catalog-part .catalog-one:hover{ color:#1e5fc5}



.catalog-text{ margin:40px 0 70px 0}



.order-part{margin-bottom:40px;}

.order-part form.orderform{ background:#00133a; width:90%; padding:5%;display:none; }







.tovar{width:100%; display:table; border-collapse:collapse;}

.tovar .left,

.tovar .right{ display:table-cell; vertical-align:top}

.tovar .right form{margin-top:70px;}

.tovar .right{width:290px; min-width:290px;}

.tovar .left{padding-right:40px;}

.tovar .left h1{margin-bottom:20px;}

.tovar .left h1 span{ display:block; color:#848587; font-size:20px;}

.tovar .left .img{ width:100%; text-align:center; margin-bottom:20px;}
.tovar .left .img img{display:block;width:100%;}

.param{ margin-top:50px; color:#30393e; font-size:16px; font-family: 'opensanslight';}

.param table{width:100%; border-collapse:collapse}

.param table td{padding:10px 20px; text-align:center; background:#f8f8f9}

.param table td:first-child{text-align:left}

.param table thead td{ background:#10326c; color:#fff}

.param table tbody tr:nth-child(even) td{background:#ebebec}





#back-top {

    position: fixed;

    bottom: 150px;

    left: 30px;

}

#back-top a {

    padding: 4px 10px;

    display: inline-block;

    text-align: center;

    text-decoration: none;

    color: #666;

    -webkit-transition: 1s;

    -moz-transition: 1s;

    transition: 1s;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    background: #f4f4f4;

    border: 1px solid #ccc;

}

#back-top a:hover {

    color: #000;

    text-decoration: underline;

}

#back-top a span{

    font-family: Verdana, sans-serif;

}



	



.form-item{margin-bottom:10px; text-align:center}

.form-item .g-recaptcha{display:inline-block}


.lng{display: flex; align-items: center; height: 100%; margin-left: 20px;}
.lng svg{  width: 20px; height: 20px; transition: 0.2s}
.lng a{position: relative; margin: 0 4px; opacity: 0.4; transition: 0.2s}
.lng a:hover,
.lng a.active{opacity: 1}

header .top-line{display: flex; justify-content: space-between}
header .top-line .menu{ padding-right: 30px; display: block; width: 100%}
header .top-line .menu nav{width: 100%}
header .top-line .menu nav ul{width: 100%; display: flex; justify-content: space-between; align-items: center}
header .top-line .menu nav ul li{text-align: center!important; min-width: inherit; padding: 0; width: auto}
header .top-line .menu nav ul li a{ display: block; width: 100%; padding: 0 5px; line-height: 60px; white-space: nowrap}

header .top-line .search{display: block}


#cookie_notification{
	box-sizing:border-box;
	display: none;
	justify-content: space-between;
	align-items: center;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 25px;
	background: rgba(0,0,0,0.8);
	z-index: 999999;
	font-size: 12px;
	font-family: 'opensans';
}
#cookie_notification.show{display: flex;}
#cookie_notification *{box-sizing:border-box;}
#cookie_notification div,
#cookie_notification a{ color: #eee; font-size: 14px;}
#cookie_notification div{margin-right: 15px;}
.button.cookie_accept{
	display:inline-block;
	background: #135bc3;
	color: #fff;
	font-family: 'opensans';
	width: 100%;
	max-width: 150px;
	border: none;
	height: 40px;
	font-size: 14px;
	text-transform: uppercase;}


@media (max-width:690px) {
	#cookie_notification{display: none; text-align: center; padding: 15px}
	#cookie_notification.show{display: block; }
	#cookie_notification div{margin: 0 0 15px 0}
}
 
