﻿/* Main.css v2.0 */ 


@font-face {
    font-family: 'KelsonLt';
    src: local('Kelson Sans Light RU'),
     local('KelsonSans-LightRU'),
     url('../Fonts/kelsonsanslightru.woff2') format('woff2'),
     url('../Fonts/kelsonsanslightru.woff') format('woff'),
     url('../Fonts/kelsonsanslightru.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
} 


@font-face {
    font-family: 'RobotoLt';
    src: url('../Fonts/roboto-light.eot');
    src: url('../Fonts/roboto-light.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/roboto-light.woff') format('woff'),
         url('../Fonts/roboto-light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
} 

@font-face {
    font-family: 'RobotoCnd';
    src: url('../Fonts/robotocondensed-regular.eot');
    src: url('../Fonts/robotocondensed-regular.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/robotocondensed-regular.woff') format('woff'),
         url('../Fonts/robotocondensed-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
} 


@font-face {
    font-family: 'Open Sans';
    src: local('Open Sans'), local('OpenSans'),
     url('../Fonts/opensans.woff2') format('woff2'),
     url('../Fonts/opensans.woff') format('woff'),
     url('../Fonts/opensans.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
} 

@font-face {
    font-family: 'Open Sans';
    src: local('Open Sans Italic'), local('OpenSans-Italic'),
     url('../Fonts/opensansitalic.woff2') format('woff2'),
     url('../Fonts/opensansitalic.woff') format('woff'),
     url('../Fonts/opensansitalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
} 




html,body {
 height:100%;
 margin: 0;
 padding: 0;
 font-family: 'Open Sans', Tahoma, Arial, Helvetica;
 font-weight: normal;
 font-size:15px;
 color: #303030;
 background-color: #fff;
 text-align:center;
}
	

a { color:#1d4ab7;text-decoration:none; transition: color 0.5s; }
a:hover { color:#ff4d4d;text-decoration:none; }


a.arw-rght { background-image: url(../Images/ArrowRgtBl.png); background-position: right center; background-repeat: no-repeat; padding-right: 24px;
 font-size: 17px; color:#1d4ab7; transition: color 0.5s; cursor:pointer; line-height:24px; }	
a.arw-rght:hover { color:#ff4d4d; }


	
 td.mmenu {	text-align:center;vertical-align:middle; background-color:#374047; color:#f0f0f0;font-family:'KelsonLt', Tahoma, Arial, Helvetica;
 letter-spacing:0.6pt;font-size:18px; transition:opacity 0.3s;cursor:pointer; }
 td.mmenu:hover { opacity:0.85; }	
	
	
	
	
	a.hmlnk::before {
    background-image: url("../images/arrow1.png");
    content: "";
    display: inline-block;
    height: 11px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 10px;
    margin-top: 6px;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
    vertical-align: top;
    width: 7px;
}
	
	
a.hmlnk::after {
    background-color: #374047;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
    width: 0;
    z-index: -1;
}


a.hmlnk {
    width:280px;
    font-size:20px;
    padding-left: 20px;
    padding-right: 12px;
    display: block;
    padding-bottom: 10px;
    padding-top: 10px;
    line-height:23px;
    position: relative;
    z-index: 1;
}

	
a.hmlnk:hover::after	{	width:100%; }
a.hmlnk:hover { color:#f0f0f0; }

	
.split { margin-bottom:12px; }

.listtbl td {
	border-bottom:1px #d0d0d0 solid;
	vertical-align:middle;
	text-align:center;
	padding-top:10px;padding-bottom:10px;
}

.listtbl th {
 background-color:#5faf62;
	border-right:1px #cde6ce solid;
	color:#fff;
	vertical-align:middle;
	text-align:center;
	font-weight:normal;
	padding-left:5px;padding-right:5px;
	padding-top:5px;padding-bottom:5px;
}


.listtbl2 td {
	border-right:1px #d3d3d3 solid;
	border-bottom:1px #d3d3d3 solid;
	vertical-align:top;
	text-align:left;
	padding:10px;
}

.listtbl2 th {
 background-color:#5faf62;
	border-right:1px #cde6ce solid;
	color:#fff;
	vertical-align:middle;
	text-align:center;
	font-weight:normal;
	padding-left:10px;padding-right:10px;
	padding-top:5px;padding-bottom:5px;
}


.hd1 { font-family:'KelsonLt', Tahoma, Arial, Helvetica;letter-spacing:0.5pt;font-weight:bold; }


.top-mmenu-item { color:#f0f0f0;font-family:'KelsonLt', Tahoma, Arial, Helvetica;letter-spacing:0.6pt;transition:opacity 0.3s;cursor:pointer;
  padding-left:13px;padding-right:13px;background-color:#374047; }
 
.top-mmenu-item-rt { color:#f0f0f0;font-family:'KelsonLt', Tahoma, Arial, Helvetica;letter-spacing:0.6pt;transition:opacity 0.3s;cursor:pointer;
  padding-left:13px;padding-right:13px; }
  
.top-mmenu-item:hover { background-color:#4f5c66; } 
 
.sel-txt { color:#fff;font-family:'RobotoLt', Tahoma, Arial, Helvetica;padding-top:40px;opacity:0.9; }

.pagewrap { box-sizing:border-box; }
 

@media screen and (min-width: 0) {
 .pagewrap { width:100%; box-sizing:border-box; }
 .top-box-left { float:none; font-size:14px;background-size:30px;padding-left:40px;width:310px; }
 .top-box-right { float:none; }
 .top-box {	height:auto;padding:0 0 5px 0; }
 .top-mmenu-item { float:none;height:40px;line-height:40px;font-size:16px;border-bottom:1px #4a5660 solid; }
 .top-mmenu-item-rt { float:none;height:40px;line-height:40px;font-size:16px; }
 .top-menu { height:auto; }
 .top-menu-item-hm { display:inline; }
 .sel-txt { font-size:18px;padding-left:55px;padding-right:50px; }
 .sel-plnk { margin-bottom:10px; }
 .pg1 { width:100%; }
 .pg2 { width:100%;display:none; }
 .pg6 { width:100%;display:none; }
 .sel-arw { display:block; }
 .listtbl td {	font-size:12px; }
 .listtbl th {	font-size:12px; }
 .hd1 { font-size:16px; }
 .listtbl2 td {	font-size:12px; }
 .listtbl2 th {	font-size:12px; }
 #idhdbox1 { display:none; }
 #idhdbox2 { display:block; }
 .btmbar {  margin-top:10px; font-size:13px; }
 
}



@media screen and (min-width: 767px) {
 .pagewrap { width:100%; }
 .top-box-left { float:left; font-size:16px;background-size:60px;padding-left:70px;width:370px; }
 .top-box-right { float:right; }
 .top-box {	height:110px;padding:0 10px 0 10px; }
 .top-mmenu-item { float:left;height:60px;line-height:60px;font-size:18px; border-bottom:0; }
 .top-mmenu-item-rt { float:right;height:60px;line-height:60px;font-size:18px; }
 .top-menu { height:60px; }
 .top-menu-item-hm { display:none; }
 .sel-txt { font-size:13px;padding-left:15px;padding-right:10px; }
 .sel-plnk { margin-bottom:5px; }
 .pg1 { width:15%;display:table; }
 .pg2 { width:17%;display:table; }
 .pg6 { width:15%;display:table; }
 .sel-arw { display:none; }
 .listtbl td {	font-size:15px; }
 .listtbl th {	font-size:15px; }
 .hd1 { font-size:18px; }
 .listtbl2 td {	font-size:14px; }
 .listtbl2 th {	font-size:14px; }
 .btmbar { margin-top:15px; font-size:14px; }
 
}


@media screen and (min-width: 1000px) {
 .sel-txt { font-size:17px; }
}




@media screen and (min-width: 1200px) {
 .pagewrap { width:1200px; }
 .top-box-left { float:left; }
 .top-box-right { float:right; }
 .top-box {	height:110px; }
  #idhdbox1 { display:block; }
  #idhdbox2 { display:none; }
}


