@charset "utf-8";
@import url("reset.css");
/*BEGIN .*/
/*END .*/

/*BEGIN .font*/
.main h1{
	font-size:26px;
	line-height:26px;
//	padding-left:10px;
}
.main h2{
	font-size:20px;
	line-height:24px;
//	padding-left:10px;
}
.main .content .title.h1{
	height:auto;
	padding-bottom:5px;
}
.main .content table{
	margin-left:10px;
	width:620px;
}
.main .content table td,
.main .content table th{
	padding:8px 5px;
	border:1px solid #e2e8f0;
	text-align:center;
	vertical-align:top;
}
.main .content table td img{
	max-height:160px;
	width:auto;
	margin:0 auto 5px auto;
	display:block;
}

.main .content table th{
	font-weight: bold;
}

.main .content table tr.even td{
	background:#fafafa;
}
.main .content ol.decimal-list{
	list-style:decimal outside;
	padding-left:30px;
}
.main .content .terminal{
	border-top:1px solid #ccc;
	margin-left:10px;
	padding-top:10px;
	font-size:11px;
	margin-top:10px;
}
.main .content .terminal p{
	padding:3px 0;
}
.main .content .terminal td{
	vertical-align:top;
	padding-right:10px;
	line-height:13px;
}
.main .content .terminal td:first-child{
	width:200px;
}
.main .content .terminal td span{
	color:red;
}
/*END .font*/

/*BEGIN .wrapper*/
.wrapper{
	background:url(../i/body_bg2.jpg) no-repeat 50% 0;
	width:100%;
	min-width:1000px;
}
/*END .wrapper*/

/*BEGIN .header*/
.header .top{
	position:relative;
	height:100px;
	padding-right:10px;
	width:990px;
	margin:0 auto;
}
.header .top .phone{
	color:#fff;
	font-size:26px;
	position:absolute;
	right:10px;
	top:10px;
}

.header .top .phonespec{
	text-align:right;
	font-size:14px;
	padding-top: 4px;
}

.header .top .phone a {
	color: #fff;
	text-decoration: none;
}

.header .top .navigation{
	float:right;
	height:39px;
	padding-top:61px;
}
.header .top .navigation ul li{
	float:left;
}
.header .top .navigation ul li a{
	display:block;
	width:152px;
	height:39px;
	background:url(../i/top_menu_bg.png) no-repeat 0 0;
	font-size:19px;
	line-height:39px;
	text-decoration:none;
	color:#fff;
	text-align:center;
	font-family: 'CalibriRegular';
}
.header .top .navigation ul li a:hover,
.header .top .navigation ul li.active a{
	background-position:-152px 0;
}
.header .top .logo{
	float:left;
	padding-top:23px;
}
.header .top .links{
	height:11px;
	position:absolute;
	left:228px;
	top:10px;
}
.header .top .links li{
	float:left;
	margin-right:55px;
}
.header .top .links li.site-map{
	margin-right:0;
}
.header .top .links li a{
	background:url(../i/links_icons.png) no-repeat 0 0;
	height:11px;
	width:11px;
	display:block;
	font-size:0;
	text-indent:-9999px;
	overflow:hidden;
}
#prevBtn,
#nextBtn{
	display:none;
}
.header .top .links li.home a{
	background-position:0 0;
}
.header .top .links li.email a{
	background-position:0 -11px;
}
.header .top .links li.site-map a{
	background-position:0 -22px;
}
.header .middle{
	background:url(../i/top_menu_line.png) no-repeat 50% 0;
}
.header .presentation{
	background:url(../i/presentation_bg.png) no-repeat 50% 0;
}
.header .presentation .inside{
	margin:0 auto;
	width:980px;
	padding:7px 10px 6px;
}
.header .presentation dd{
	font-size:14px;
	color:#000;
	font-weight:700;
	background:url(../i/presentation_arrow.png) no-repeat 0 50%;
	padding:12px 0 12px 30px;
	font-size:15px;
}
.header .presentation li{
	width:980px;
	height:313px;
	position:relative;
	background-repeat:no-repeat;
	background-position:0 0;
}
.header .presentation .s-block{
	height:296px;
	width:943px;
	padding:17px 0 0 37px;
}
.header .presentation li h2{
	height:31px;
	font-size:35px;
	text-indent:-99999px;
	overflow:hidden;
	padding-bottom:8px;
}
.header .presentation .btn{
	background:url(../i/presentation_btn.png) no-repeat 0 0;
	height:32px;
	width:144px;
	padding:0 7px 17px 6px;
	position:absolute;
	bottom:0;
	left:37px;
}

.header .presentation .btn a{
	height:32px;
	width:144px;
	display:block;
	text-indent:-99999px;
	overflow:hidden;
}
.header .bottom .navigation{
	background:url(../i/header_menu_bottom_bg.png) no-repeat 50% 0;
}
.header .bottom .navigation ul{
	display:grid;
	grid-template-columns:repeat(6, 1fr);
	height:56px;
	width:1000px;
	margin:0 auto;
}
.header .bottom .navigation ul > li{
	color:#01628b;
	font-size:18px;
	line-height:56px;
	text-align:center;
}
.header .bottom .navigation ul > li > a{
	padding:0 15px;
	background:url(../i/header_menu_bottom_arrow.png) no-repeat 100% 50%;
	font-family:'CalibriRegular';
	text-decoration:none;
}
.header .bottom .navigation ul > .item-489 > a,
.header .bottom .navigation ul > .item-486 > a,
.header .bottom .navigation ul > li > a[href*="technology"],
.header .bottom .navigation ul > li > a[href*="hardware"]{
	background:none;
}
/*END .header*/

/*BEGIN .main*/
.wrapper2 {
	width:1000px;
	margin:0 auto;
}
.main{
	display:grid;
	grid-template-columns:171px minmax(0, 1fr);
}
.product-menu li{
	height:var(--menu-height, 67px);
	background:url(../i/header_menu_bottom_left_bg.png) no-repeat 0 var(--menu-background, 0px);
}
.product-menu li:hover,
.product-menu li:focus-within{
	background-position-y:var(--menu-hover-background, -66px);
}
.product-menu a{
	display:flex;
	align-items:center;
	height:100%;
	padding:0 10px 0 63px;
	background:url(../i/header_menu_bottom_icons.png) no-repeat var(--icon-x, 10px) var(--icon-y);
	color:#171717;
	font:14px/14px 'CalibriRegular';
	text-decoration:none;
}
.product-menu a:hover,
.product-menu a:focus-visible{
	background-position-x:var(--icon-hover-x, -190px);
	color:#ce5401;
}
.product-menu .empty a,
.product-menu li:has(a[href*="other"]) a{
	background:none;
}
.product-menu .item-covid,
.product-menu li:has(a[href*="product_index_7"]){
	--icon-x:-5px;
	--icon-y:-1565px;
	--icon-hover-x:-184px;
}
.product-menu .item-473,
.product-menu li:has(a[href*="product/terms"]){ --icon-y:-7px; }
.product-menu .item-474,
.product-menu li:has(a[href*="cproduct_index_4"]){ --icon-y:-85px; }
.product-menu .item-475,
.product-menu li:has(a[href*="cproduct_index_5"]){ --icon-y:-165px; }
.product-menu .item-477,
.product-menu li:has(a[href*="product/streetdisplay"]){ --icon-y:-320px; }
.product-menu .item-478,
.product-menu li:has(a[href*="cproduct_index_2"]){ --icon-y:-405px; }
.product-menu .item-479,
.product-menu li:has(a[href*="cproduct_index_3"]){ --icon-y:-485px; }
.product-menu .item-481,
.product-menu li:has(a[href*="product/korpuspt"]){
	--icon-y:-1187px;
	--icon-hover-x:-191px;
}
.product-menu .item-serverracks,
.product-menu li:has(a[href*="product/serverracks"]){
	--icon-y:-1257px;
	--icon-hover-x:-192px;
}
.product-menu .cmf,
.product-menu li:has(a[href*="cproduct_index_6"]){
	--icon-y:-1320px;
	--icon-hover-x:-191px;
}
.product-menu .item-477,
.product-menu .cmf,
.product-menu li:has(a[href*="product/streetdisplay"]),
.product-menu li:has(a[href*="cproduct_index_6"]){
	--menu-height:80px;
	--menu-background:-133px;
	--menu-hover-background:-213px;
}
.main .content{
	font-size:14px;
	line-height:20px;
	padding:11px 16px 40px;
	min-height:700px;
	overflow-wrap:anywhere;
	background:#fff;
	border-right:1px solid #b5c0ca;
	box-shadow:1px 0 5px #0002;
}
.main .content .title h3{
	font-size:26px;
	padding:5px 10px 10px;
}
.main .content h3{
	font-size:16px;
}
.main .content .title{
	border-bottom:1px solid #e4e0e0;
	min-height:43px;
	padding:7px 0 8px;
	box-sizing:border-box;
	margin-bottom:17px;
}
.main .content .title.pad10{
	padding-top:17px;
}
.main .content .left{
	float:left;
}
.main .content a.more{
	float:right;
	margin-top:9px;
}
.main .content ul{
	padding:0 10px
}
/*.main .content ul.list.list2{
	padding:10px;
}*/
.main .content ul li{
list-style-image: url(../i/content_list_arrow.png);
}
/*.main .content ul.clear-list{
	padding-left:10px;
}*/
.main .content .warning{
	border:1px solid #ff0000;
	margin:10px;
}
.main .content .warning span{
	border:1px solid #e17e7e;
	padding:10px;
	display:block;
	color:#dc1616;
}
.main .content table.partners{
	margin-left:10px;
}
.main .content table.partners td:first-child{
	width:185px;
	text-align:center;
	padding-right:10px;
}
.main .content table.partners td{
	padding:5px 0; 
}
.main .content p{
	padding:10px 0;
}
.main .content ul.hits{
	padding-top:17px;
	overflow:hidden;
}
.main .content ul.hits li{
	float:left;
	width:160px;
}
.main .content ul.hits li.first,
.main .content ul.hits li.last{
	width:155px;
}
.main .content ul.hits li.second,
.main .content ul.hits li.three{
	width:165px;
}
.main .content img {
	max-width: 100%;
	height: auto;
	box-sizing: border-box;
}

.main .content ul.hits li .img{
	text-align:center;
}
.main .content ul.hits .text{
	border-right:1px dotted #464646;
	height:80px;
	padding:10px 35px;
	position:relative;
	top:-10px;
}
.main .content ul.hits li.last .text{
	border:0;
}
.main .content ul.hits .text a{
	font-size:14px;
}
/*END .main*/

/*BEGIN .footer*/
.footer{
	background:#1e63a4 url(../i/footer_bg.jpg) no-repeat 50% 0;
}
.footer .inside{
	display:flex;
	align-items:center;
	justify-content:space-between;
	flex-wrap:wrap;
	gap:8px 24px;
	min-height:77px;
	width:1000px;
	padding:12px 0;
	box-sizing:border-box;
	color:#fff;
	margin:0 auto;
}
.footer .inside a{
	color:#fff;
}
.footer .copyright{
	font-size:15px;
	line-height:17px;
}
.footer .copyright a{
	text-decoration:none;
}
.footer .copyright span{
	font-size:12px;
	line-height:18px;
}
.footer .navigation{
	flex:1 0 600px;
	max-width:660px;
}
.footer .navigation ul{
	display:grid;
	grid-template-columns:repeat(4, 1fr);
	gap:2px;
}
.footer .navigation li{
	background:url(../i/footer_menu_bg.png) no-repeat 0 0 / 100% 80px;
	line-height:40px;
}
.footer .navigation li:hover,
.footer .navigation li:focus-within{
	background-position:0 -40px;
}
.footer .navigation a{
	display:block;
	text-align:center;
	font:19px/40px 'CalibriRegular';
	text-decoration:none;
}
/*END .footer*/


.popup-block{
	
	position:fixed;
	width:100%;
	height:100%;
	left:0;
	top:0;
	display:table;
	vertical-align:middle;
	z-index: 402;
	visibility: hidden;
}
.popup-cont{
	
	vertical-align:middle;
	display:table-cell;
}
.popupimg{
	background-color:white;
	margin:0 auto;
	width:692px;
	height: 400px;
	text-align:center;	
	z-index: 402;
}
.sepia{
	opacity:0.7;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#000;
	visibility: hidden;
	z-index: 401;
}

img.floatleft {
	float:left;
	margin-right: 25px;	
}
img.floatright {
	float:right;
	margin: 10px;	
}

.optionline {
    border-bottom: 1px dotted #D9D9D9;
    height: 16px;
    left: 0;
    position: absolute;
    top: 0;
    width: 215px;
}
.option {
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
}
.optionname {
	float: left;
	padding: 0 0 6px;
}
.optionname span {
	background-color: #FFFFFF;
    line-height: 14px;
    padding-right: 2px;
    position: relative;
    top: 4px;

}
.optiondescription {
    background-color: #FFFFFF;
  		margin: 0 0 0 215px;
  		padding: 0 0 6px;
  		position: relative;
  		top: 4px;
}
.optiondescription span {
    line-height: 14px;
}



// FORMSET

textarea {
	border:1px solid #978f8f;
	padding:1px 5px;
}

input[type=text], input[type=file], input[type=password] {
	border:1px solid #978f8f;
	padding:1px 5px;
	height:19px;
}

select {
	border:1px solid #978f8f;
	padding:1px 0px 1px 5px;
}

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;}
.clearfix:after {
  clear: both;}

.loader {
	background-image:url('../i/loader.gif');
	background-repeat:no-repeat;
	display:inline-block;
	padding:4px 16px;
	vertical-align:middle;
}

.popup-form{
//	width:800px;
	margin:0 auto;
	z-index:1002;
}
.popup-form-cont{
	background:#fff;
	position:relative;
	-webkit-border-radius:5px; 
	-moz-border-radius:5px; 
	-o-border-radius:5px; 
	border-radius:5px;
	padding:39px 10px 10px;
}
.account-form h3{
	font-weight:400;
	font-size:26px;
	padding:0 0 10px 10px;
}
.account-form .top{
	padding:0 0 7px 10px;
	border-bottom:1px solid #cdcdcd;
	margin-top:27px;
}
.account-form .top h4{
	float:left;
	font-size:14px;
	font-weight:700;
	display:inline-block;
	vertical-align:top;
}
.account-form .row{
	display:none;
	color:#363636;
	font-size:14px;
}
.middle.inside-page .content .account-form .row p{
	line-height:20px;
	padding:10px 10px 0 10px;
}
.middle.inside-page .content .account-form .row .bottom p{
	padding-left:0;
}
.middle.inside-page .content  .account-form  .row .calendar-form p{
	padding:10px 0;
}
.middle.inside-page .content  .account-form  .row .calendar-form{
	display:inline-block;
	vertical-align:top;
}
.account-form .row .bottom{
	padding-left:260px;
}


.account-form .form-box-list .item{
	padding:6px 0;
}
.account-form .form-box-list{
	padding:16px 0;
}
.account-form .form-box-list label{
	margin-left:7px;
}
.account-form .form-box-list label.label{
	width:205px;
	display:inline-block;
	vertical-align:top;
	padding-right:43px;
	text-align:right;
	line-height:23px;
	font-style:italic;
	margin-left:0;
}
.account-form .form-box-list input.input-text{
	width:358px;
	line-height:19px;
	display:inline-block;
	vertical-align:top;
}
.account-form .form-box-list select{
	width:370px;
	height:23px;
	display:inline-block;
	vertical-align:top;
}
.account-form .form-box-list textarea{
	height:68px;
	min-height:68px;
	max-height:68px;
	min-width:358px;
	max-width:358px;
	display:inline-block;
	vertical-align:top;
}

.account-form .form-box-list .imgselect {
	display: inline-block;
	height:108px;
	position:relative;
	padding:0 23px;
	
}

.account-form .form-box-list .imgselect-content {
	width: 300px;
	height: 108px;
	padding:10px;
	overflow: hidden;	
}

.account-form .form-box-list .imgselect span{
	position:absolute;
	width:23px;
	background:url(../i/wokr-slider-btns.png) no-repeat 0 0;
	height:108px;
	top:0;
	display:block;
	font-size:0;
	overflow:hidden;
	text-indent:-9999px;
}

.account-form .form-box-list .imgselect img { 
	margin:auto;
	display:block;
}

.account-form .form-box-list .imgselect span a{
	height:108px;
	width:23px;
	display:block;
}
.account-form .form-box-list .imgselect span.prev {
	background-position:0 0;
	left:0;
}
.account-form .form-box-list .imgselect span.prev:hover{
	background-position:0 -108px;
}
.account-form .form-box-list .imgselect span.next {
	background-position:-23px 0;
	right:0;
}
.account-form .form-box-list .imgselect span.next:hover{
	background-position:-23px -108px;
}

.account-form .form-box-list .error{
	color:#d50009;
	font-size:12px;
	padding-left:250px;
	padding-top:3px;
}
.account-form .bottom .form-box-list .error{
	padding-left:0;
}



.account-form .row ul.check-box-list{
	padding:16px 0;
}
.middle.inside-page .content .account-form .row ul.check-box-list li{
	padding:6px 0;
	background:none;
}
.account-form .row ul.check-box-list label{
	margin-left:7px;
}
.account-form .message-form{
	padding:20px 0;
}
.account-form .message-form label{
	width:225px;
	display:inline-block;
	vertical-align:top;
	padding-right:43px;
	text-align:right;
	line-height:23px;
	font-style:italic;
}
.account-form .message-form .item{
	padding-bottom:9px;
}

.item u {
	color: #FF2D1E;
	font-size: 18px;
	font-weight: 700;
	text-decoration: none;
}

.account-form .message-form input.input-text{
	width:358px;
	line-height:19px;
}
.account-form .message-form select{
	width:370px;
	height:23px;
}
.account-form .message-form textarea{
	height:68px;
	min-height:68px;
	max-height:68px;
	min-width:358px;
	max-width:358px;
}
.account-form .message-form .error{
	color:#d50009;
	font-size:12px;
	padding-left:278px;
}
.account-form .calendar-form .edit-date label:first-child{
	padding-left:0;
}
.account-form .calendar-form .edit-date label{
	padding:0 12px;
	margin-left:0;
}
.btn-flex{
	color: #fff;
	height:28px;
	display:inline-block;
	vertical-align:top;
	line-height:28px;
	font-weight:700;
	font-size:13px;
	position:relative;
	overflow:visible;
	border:0;
	cursor:pointer;
	background:url(../i/btn-flex-bg.png) no-repeat 0 0;
	padding:0 10px 0 15px;
}

.account-form .btn-block{
	padding-left:248px;
}

.btn-flex span{
	height:28px;
	display:block;
	width:5px;
	position:absolute;
	right:-5px;
	top:0;
	background-position:0 0;
	background:url(../i/btn-flex-bg.png) no-repeat 100% -31px;
	z-index:2;
}

.btn-block span.save{
	margin-left:12px;
	height:28px;
	display:inline-block;
	vertical-align:top;
	line-height:28px;
	color:#394448;
	font-size:14px;
	font-style:italic;
}
.account-form .question{
	width:16px;
	height:15px;
	background:url(../i/question-icon.png) no-repeat 0 0;
	position:relative;
	display:inline-block;
	vertical-align:top;
	margin-left:5px;
}
.account-form .question:hover .cloud{
	display:block;
}
.account-form .question .cloud{
	border:1px solid #9f9e9e;
	position:absolute;
	left:-80px;
	top:24px;
	background:#fff url(../i/question-cloud-bg.png) repeat-x 0 100%;
	padding:10px;
	width:350px;
	font-size:12px;
	line-height:16px;
	font-style:italic;
	-webkit-border-radius:3px; 
	-moz-border-radius:3px; 
	-o-border-radius:3px; 
	border-radius:3px; 
	display:none;
	z-index:10;
}
.account-form .question .cloud .arrow{
	display:block;
	width:12px;
	height:9px;
	position:absolute;
	left:80px;
	top:-9px;
	background:url(../i/question-cloud-arrow.png) no-repeat 0 0;
}

.main .content table.crmcproducts {
	width:100%;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}

.main .content table.crmcproducts tr {
	border-bottom:1px solid #ccc;	
}

.main .content table.crmcproducts td {
	border: none;	
}

.main .content table.crmcproducts td .price {
	border: none;
	font-size:18px;	
	font-weight: bold;
}



.crmlist {
	margin: 0 0 0 0;
	width: 796px;
}

.crmlist:after {
	clear: both; 
	visibility: hidden; 
	display: block; 
	font-size: 0; 
	content: " "; 
	height: 0; 
}

.crmlist .crmitem {
	float: left;
	margin: 3px 3px;
	text-decoration: none;
	border: 1px solid #01628b;
	border-radius: 5px;
	
}

.crmlist .crmitem a {
	display: block;
	text-decoration: none;
	width: 257px;
	height: 250px;
}

.crmlist .image {
	width: 100%;
	height: 170px;
}

.crmlist .image img {
	border-radius: 5px;
	position: relative;
  	left: 50%;
  	top: 50%;
  	transform: translate(-50%, -50%);
}

.crmlist .crmitempricewrap {
	width: 100%;
	height: 30px;
	background: #01628b;
	color: #fff;
	
}

.crmlist .crmitemprice {
	display: block;
	font-weight: 300;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	padding: 0;
	position: relative;
  	top: 50%;
  	transform: translateY(-50%);
}

.crmlist .crmitemtitlewrap {
	width: 100%;
	height: 50px;
	background: #01628b;
	color: #fff;
	
}

.crmlist .crmitemtitle {
	display: block;
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	padding: 0;
	position: relative;
  	top: 50%;
  	transform: translateY(-50%);
}

.producthead {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

.producthead div {
	flex: 50%;
	margin: 0 10px;
	
}

.producthead .opt {
	margin: 0;
	font-size: 18px;
	line-height: 40px;

}

.promo-edit-authorized .footer .inside {
	position: relative;
}

.promo-edit-authorized .wrapper .promo-edit-control {
	position: static;
	display: inline-flex;
	width: fit-content;
	margin: 8px 0;
}

.promo-edit-authorized .header .top > .promo-edit-control {
	position: absolute;
	top: 6px;
	left: 0;
	margin: 0;
	z-index: 50;
}

.promo-edit-authorized .footer .inside > .promo-edit-control {
	position: absolute;
	top: 10px;
	right: 0;
	margin: 0;
	z-index: 50;
}