﻿
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,400,300,700&subset=latin,cyrillic);
@import url(http://fonts.googleapis.com/css?family=Ubuntu+Condensed:400&subset=latin,cyrillic);


/* -- GLOBAL PARAMS -- */


body,html{
	font-family:Arial,Verdana, serif;
	background-color: rgb(255, 255, 255);
	overflow-x:hidden;
}
a,a:hover{color:#428BCA;}
a:focus{outline:0;}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small{
	font-weight:normal;
	line-height:1;
	color:rgba(27,27,27,0.8);
}
h2{font-size:27px;}
h3{font-size:24.5px;}
h4{font-size:17.5px;}
h5{font-size:14px;}
h6{font-size:11.9px;}
h1 small{font-size:21.7px;}
h2 small{font-size:14.700000000000001px;}
h3 small{font-size:14px;}
h4 small{font-size:14px;}
.page-title{margin:0;}
.page-title small{color:rgba(51,51,51,0.5);}

h1{
	text-align: center;
	padding-top: 0px;
	padding-bottom: 5px;
	margin-top: -10px;
	}
.h1 {
	font-family: 'Ubuntu Condensed', 'Roboto Condensed', Arial, Helvetica, sans-serif;
	text-align: center;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.14);
	color: rgb(66, 75, 80);
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 0px;
	font-weight: 400;
	font-size: 31.5px;
}
p {
	font-family: Arial, Helvetica, sans-serif;	
} 

			/*  ======= Start Style Buttons ============= */

.btn{
	padding:6px 12px;
	font-size:14px;
	font-weight:400;
	line-height:1.428571429;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.btn-primary{
	color:rgb(255,255,255);
	background-color:rgb(85, 119, 153);
	border-color: rgb(221, 221, 221);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-family:Arial, Helvetica, sans-serif; /* ie8 */
}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{
	color: rgb(255,255,255);
	background-color: rgb(236, 144, 54);
	border-color: rgb(244, 180, 128);
}
.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{background-image:none;}
.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active{background-color:rgb(85, 119, 153);border-color:rgb(76,150,138);}

.button i, input[type="submit"] i, input[type="button"] i, button.button i {
    margin: 0 10px 0 0;
}

.button .small {
    padding: 0 15px !important;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
}

.button .medium {
    padding: 0 25px !important;
    height: 33px;
    line-height: 33px;
}

.button .large {
    padding: 0 30px !important;
    height: 40px;
    line-height: 40px;
}

.button:hover {
	text-decoration: none !important;
	color: rgb(231, 231, 231)!important;
	background-color: rgb(44, 118, 207);
}

.btnGray, #recSeminar-modal .btnGray, #rubricsFilter-modal .btnGray, [data-modalcss="1"] .btnGray{
	display: block;
	position: relative;
	padding: 0 15px;
	margin-bottom: 0px;
	line-height: 30px;
	height: 32px;
	cursor: pointer;
	background-color: rgb(255, 255, 255);
	background-image: -moz-linear-gradient(top, rgb(245, 245, 245) 1%, rgb(204, 204, 204) 100%);
	/*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, rgb(245, 245, 245)), color-stop(100%,rgb(204, 204, 204)));*/
	background-image: -webkit-linear-gradient(top, rgb(245, 245, 245) 1%, rgb(204, 204, 204) 100%);
	background-image: -o-linear-gradient(top, rgb(245, 245, 245) 1%, rgb(204, 204, 204) 100%);
	background-image: -ms-linear-gradient(top, rgb(245, 245, 245) 1%, rgb(204, 204, 204) 100%);
	background-image: linear-gradient(top, rgb(245, 245, 245) 1%, rgb(204, 204, 204) 100%);
	-pie-background: linear-gradient(to bottom, #CCC, #EEE); /*ie 6-9 via PIE*/
	filter: progid:DXImageTransform.Microsoft.gradient ( startColorstr='#f5f5f5', endColorstr='#cccccc', GradientType=0 );/* ��� IE 6-7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient ( GradientType=0, startColorstr='#f5f5f5', endColorstr='#cccccc')"; /* ��� IE8 */
	border-color: rgb(171, 171, 171);
	border-style: solid;
	border-width: 1px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius:3px; /* for linux */
	-o-border-radius: 3px; /* Opera */
   -ms-border-radius: 3px; /* IE8 */
	border-radius: 3px;
	text-shadow: 0 1px 1px rgb(255, 255, 255);
	font-family: 'Roboto Condensed', 'Arial Narrow', Arial, Helvetica, sans-serif;
	color: rgb(34, 34, 34)!important;
	font-size: 15px;
	font-weight: 400;
	text-align: center;
	behavior:url(PIE.htc); /* ie7-8 */
}

.btnGray:before, .btnGray:after{ /* for IE8  */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.btnGray:hover{
	display: block;/* ie8  */
	position: relative;
	background: -webkit-gradient(linear, left bottom, left top, from(rgb(238, 238, 238)), to(rgb(204, 204, 204)));
   background: -moz-linear-gradient(top center, rgb(238, 238, 238), rgb(204, 204, 204));
   background: -o-linear-gradient(top, rgb(238, 238, 238) 1%, rgb(204, 204, 204) 100%);
   background: -ms-linear-gradient(top, rgb(238, 238, 238) 1%, rgb(204, 204, 204) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );/* ��� IE 6-7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#eeeeee', endColorstr='#cccccc')"; /* ��� IE8 */
	border-color: rgb(171, 171, 171);
   color: rgb(219, 00, 00)!important; 
   text-decoration: none!important;
   /* for ie8 */
   border-color: rgb(171, 171, 171);
   border-style: solid;
	border-width: 1px;		
}

				/* ======== End Buttons Style ============== */


header{background:url(/content/images/header_bg.png) 0 0 repeat-x; width:100%;}
header .regform form label { /*  IE8   */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom: 5px;
}
header .regform .form-group { /* for IE8  */
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 15px;
}
figure{display: block;}

#content{
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
#content-below{
	padding:10px 0;
	border-top: 1px solid rgb(167, 176, 182);
	background-color: rgb(214, 219, 224);
}
#content-below h1 {
	font-family: 'Ubuntu Condensed', 'Roboto Condensed', Arial, Helvetica, sans-serif;
	text-align: center;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.14);
	color: rgb(66, 75, 80);
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 0px;
	font-weight: 400;
	font-size: 31.5px;
}

footer>div:first-child{
	background-color:rgb(221, 221, 221);
	background: -webkit-radial-gradient(farthest-side circle at center, rgb(221, 221, 221) 0%, rgb(221, 221, 221) 100%);
	background: -moz-radial-gradient(farthest-side circle at center, rgb(221, 221, 221) 0%, rgb(221, 221, 221) 100%);
	background: -ms-radial-gradient(farthest-side circle at center, rgb(221, 221, 221) 0%, rgb(221, 221, 221) 100%);
	background: radial-gradient(farthest-side circle at center, rgb(221, 221, 221) 0%, rgb(221, 221, 221) 100%);
	padding:34px 0px 0px 0px;
}

footer>div:first-child+div{
	background-color: rgb(136, 136, 136);
	padding:20px 0px 0px 0px;
}
footer>div:first-child+div p{font-size:12.04px; padding-top:13px;}
footer>div:first-child+div :first-child+p{padding-bottom:21px; color: rgb(238, 238, 238);}
footer p,footer address{
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: rgb(68, 68, 68);
	padding-top: 2px;
}
footer p, footer address p { /*   for ie8  */
	margin-bottom: 10px;
}
footer p a, footer address a{color:inherit;}
footer address{margin-bottom:5px;}
footer .soc_icons{float:left; margin:5px 59px 0px 0px;}
footer .soc_icons li{position:relative; display:inline-block; width:24px; height:24px; margin-left:1px;}
footer .soc_icons li a{position:relative;}
footer .soc_icons li a img{
	position:relative;
	top:0;
	-webkit-transition:all 0.4s ease-out;
	-moz-transition:all 0.4s ease-out;
	-o-transition:all 0.4s ease-out;
	transition:all 0.4s ease-out;
}
footer .soc_icons li a:hover img{opacity: 0.5;}
footer ul {list-style: none; padding-left: 0;}

.footer ul{list-style: none;	padding-left: 0;}

.header-hidden h1 {
	font-family: "Ubuntu Condensed", "Roboto Condensed", Arial, Helvetica, sans-serif;
	color: rgb(176, 196, 222);
	font-size: 31.5px;
	font-weight: 300;
}

.form-control {
  	display: block;
	width: 90%;
	height: 26px;
	line-height: 26px;
	padding: 0 5%;
	font-size: 12px;
}
label {
	display: inline-block;
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: 300;
}
.label1 {
	font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
	font-weight: 300;
	color: rgb(25, 85, 147);
}
.list1 h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 400;
	color: rgb(25, 85, 147);
	padding-top: 10px;
	font-size: 14px;
}


.addColor1{color: rgb(58, 118, 161);}

/* ============== For Modal Window Registration and more ============== */

.modal-open{overflow:hidden;}
nbody.modal-open,.modal-open .navbar-fixed-top,.modal-open .navbar-fixed-bottom{margin-right:15px;}
.modal{
	display:none;
	overflow:auto;
	overflow-y:auto;
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-image:  url(/content/images/b.png);
	z-index:1040000;
}
.modal .fade .modal-dialog{
	-webkit-transform:translate(0,-25%);
	-ms-transform:translate(0,-25%);
	transform:translate(0,-25%);
	-webkit-transition:-webkit-transform .3s ease-out;
	-moz-transition:-moz-transform .3s ease-out;
	-o-transition:-o-transform .3s ease-out;
	transition:transform .3s ease-out;
}
.modal .in .modal-dialog{
	-webkit-transform:translate(0,0);
	-ms-transform:translate(0,0);
	transform:translate(0,0);
}
.modal-dialog{
	margin-left:auto;
	margin-right:auto;
	width:auto;
	padding:10px;
	z-index:1040010;
}
.modal-content{
	position:relative;
	background-color:rgba(255, 255, 255, 0.99);
	border:1px solid rgb(153, 153, 153);
	border:1px solid rgba(0,0,0,0.2);
	border-radius:3px;
	-webkit-box-shadow:0 3px 9px rgba(0,0,0,0.5);
	box-shadow:0 3px 9px rgba(0,0,0,0.5);
	background-clip:padding-box;
	outline:0;
	behavior:url(PIE.htc); /* ie7-8 */
}
.modal-backdrop{
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:1039990;
	background-color:rgb(00,00,00);
}
.modal-backdrop.fade{
	opacity:.0;
	filter:alpha(opacity=0);/* for IE8 and IE9 */
}
.modal-backdrop.in{
	opacity:.7;
	filter:alpha(opacity=70);
	opacity:.006999999999999999;
	filter:alpha(opacity=0.7);
}
.modal-header{
	padding:15px;
	border-bottom:1px solid rgb(229, 229, 229);
	min-height:16.428571429px;
}
.modal-header .close{margin-top:-2px;}
.modal-title{margin:0; line-height:1.428571429;}
.modal-body{
	position:relative; 
	padding:15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
}
.modal-footer{
	margin-top:0;
	padding:14px 15px 15px;
	text-align:right;
	border-top:1px solid rgb(229, 229, 229);
}
.modal-footer:before, .modal-footer:after{content:" "; display:table;}
.modal-footer:after{clear:both;}
.modal-footer .btn+.btn{margin-left:5px; margin-bottom:0;}
.modal-footer .btn-group .btn+.btn{margin-left:-1px;}
.modal-footer .btn-block+.btn-block{margin-left:0;}


#signup-modal .modal-dialog{
	width: 90%;
	top:50px;
}
#signup-modal .form-group{margin-bottom:10px;}

.md-scroll {
	position: relative;
	overflow-y: scroll; 
	width:100%; 
	height: 210px;
	border: 1px solid rgb(37, 53, 68);
	padding-left: 10px;
	margin-bottom: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-sizing:border-box;
	behavior:url(PIE.htc); /* ie7-8 */
}
.md-scroll h3{
	display: block;
	background-color: rgb(226, 226, 226);
	padding-left: 5px;
}
.modal-title {
   font-family: "Ubuntu Condensed", 'Roboto Condensed', 'Arial Narrow', Arial, Helvetica, sans-serif;
   color: rgb(85, 119, 153);
	text-transform:uppercase;
	font-weight:700;
}
.modal-body h4 {
	font-family: "Ubuntu Condensed", 'Roboto Condensed', 'Arial Narrow', Arial, Helvetica, sans-serif;
	color: rgb(85, 119, 153);
	text-transform:none;
	font-weight:400;
	
}

#tuv-modal .modal-dialog {
	max-width: 60%;
	top: 100px;
}	
#ac2-modal .modal-dialog, #ac1-modal .modal-dialog {
	width: 70%;
	top: 100px;
}
#ac1-modal .modal-header, #ac2-modal .modal-header, #tuv-modal .modal-header, #signup-modal .modal-header {
	background-color: rgb(105, 163, 185);
	color: white;
}
#ac1-modal .modal-title, #ac2-modal .modal-title, #tuv-modal .modal-title, #signup-modal .modal-title {
	color: rgb(255, 255, 255);
	font-family: "Ubuntu Condensed", 'Roboto Condensed', 'Arial Narrow', Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: 400;
	text-transform: none; 
}
#ac1-modal .modal-footer, #ac2-modal .modal-footer, #tuv-modal .modal-footer, #signup-modal .modal-footer {
	background-color: rgb(239, 154, 73);
}
#signup-modal .modal-footer .btn{/* for IE8  */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;	
}
#ac1-modal .modal-footer a:hover, #ac2-modal .modal-footer a:hover{
	color: rgb(219, 00, 00);
}
#ac1-modal .modal-body h4, #ac2-modal .modal-body h4, #signup-modal .modal-body h4 {
	text-transform: none;
	font-family: 'Roboto Condensed', 'Arial Narrow', Arial, Helvetica, sans-serif;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: 400;
	font-size: 17.5px;
	line-height: 1.1;
}
#ac1-modal .modal-body label, #ac2-modal .modal-body label {
	font-family: 'Roboto Condensed', 'Arial Narrow', Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: rgb(85,119,153);
	font-weight: 400;
}
#ac1-modal .modal-body, #ac2-modal .modal-body, #tuv-modal .modal-body, #signup-modal .modal-body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
} 
/* ===   ������ ��� ������� ���� �������� ����������� � ������������    == */
.btnAc{
	position: relative;
	font-family: 'Roboto Condensed','Arial Narrow', Arial, sans-serif;
	padding-top: 5px;
	padding-left: 25px;
	padding-right: 0px;
	font-size: 15px;
	line-height: 20px;
	white-space: nowrap;
	z-index: 5;
	display: block;
	height: 34px;
	width: 250px;
	cursor: pointer;
	color:rgb(255, 255, 255);
	background-color:rgb(85, 119, 153);
	border-color: rgb(221, 221, 221);
	border-style: solid;
	border-width: 1px;
}
.btnAc:hover{
	color:#fff;
	background-color: #EC9036;
	border-color: #f4b480;
	text-decoration: none;

}

/* =========== Style Modal Win Records Theme ========= */
#recSeminar-modal .modal-title, #rubricsFilter-modal .modal-title, [data-modalcss="1"] .modal-title {
	color: rgb(255, 255, 255);
	font-family: "Ubuntu Condensed", 'Roboto Condensed', 'Arial Narrow', Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: 400;
	text-transform: none; 
}
#recSeminar-modal .modal-dialog, #rubricsFilter-modal .modal-dialog,[data-modalcss="1"] .modal-dialog {width: auto;}
#recSeminar-modal .modal-header, #rubricsFilter-modal .modal-header,[data-modalcss="1"] .modal-header {background-color: rgb(105, 163, 185);}
#recSeminar-modal .modal-body h3, #rubricsFilter-modal .modal-body h3, [data-modalcss="1"] .modal-body h3 {
	display: block;
	font-family: 'Roboto Condensed','Arial Narrow', Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-weight: 700;
	line-height: 30px;
	color: rgb(41, 55, 61);
	margin: 5px 0 9px;
}
#recSeminar-modal .modal-footer, #rubricsFilter-modal .modal-footer, [data-modalcss="1"] .modal-footer{
	background-color: rgb(239, 154, 73);
}
#recSeminar-modal .modal-footer .close, 
#recSeminar-modal .modal-header .close,
#rubricsFilter-modal .modal-header .close,
#rubricsFilter-modal .modal-footer .close,
.md .modal-header .close, [data-modalcss="1"] .modal-header .close, [data-modalcss="1"] .modal-footer .close{
	opacity: 1;
  	filter: alpha(opacity=100);
}
#recSeminar-modal .modal-footer .btn-primary,#rubricsFilter-modal .modal-footer .btn-primary, [data-modalcss="1"] .modal-footer .btn-primary {
	background-color: rgb(82, 119, 153);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 400;
	
}
#recSeminar-modal .modal-footer .btn-primary:hover,#rubricsFilter-modal .modal-footer .btn-primary:hover, [data-modalcss="1"] .modal-footer .btn-primary:hover {
	background-color: rgb(239, 154, 73);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 400;
	
}

/*  ================= For Carusel Hints =====================*/

.list-group-item {
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	padding: 3px 5px;
	margin-bottom: -1px;
}
.list-group-item a{color: rgb(219, 00, 00);}
/*   ========================== FOR HEADER ==============  */
.red-color {color: rgb(219, 00, 00);}

.search-expand {
	margin-top: 20px;
	padding: 2px; 
	margin-bottom: 2px;
}
.search-expand a{
	text-align: right;
	color: rgb(37, 53, 68);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:400;
	text-transform: uppercase;
}
.topBlockRight {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-top: 10px;
	padding-top:5px;
	color: rgb(224, 227, 230);
}


.topBlockRight a img {
	position: relative;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: right!important;
	border-style: solid;
	border-color: rgb(242, 243, 245);
	border-width: 1px;
	-khtml-border-radius:3px; /* for linux */
	-o-border-radius: 3px; /* Opera */
   -ms-border-radius: 3px; /* IE8 */
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	behavior:url(PIE.htc); /* ie7-8 */
}


/*  ================= FOR FOOTER ============  */

.logo-footer {
	margin-left: 25%;
	padding-top: 10px;
}

.h1add {
	font-size: 14px;
	font-weight: 300;
	font-family: Arial, Helvetica, sans-serif;
	color: rgb(102, 159, 200);
}
.ColorBoxGray {
	position: relative;
	background-color: rgb(255, 255, 255);
	-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#FFFFFFFF, EndColorStr=#FFdddddd, GradientType=0)";/* ��� IE8 */
   filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#FFFFffff, EndColorStr=#FFdddddd, GradientType=0);/* ��� IE 6-7 */
	background-image: -moz-linear-gradient(top, rgb(255, 255, 255), rgb(221, 221, 221)); /* ��� FF */
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(221, 221, 221)),color-stop(1, #fff)); /* ��� Safari � Chrome */
	background-image: -o-linear-gradient(top,  rgb(255, 255, 255),  rgb(221, 221, 221)); /* ��� Opera 11.10+ */
	background-image: -ms-linear-gradient(top,  rgb(255, 255, 255),  rgb(221, 221, 221)); /* ��� IE10+ */
	behavior:url(PIE.htc); /* ie7-8 */
}
.boxBlock {
	display:block;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding-top:0;
	padding-left:0;
	padding-right:0;
	padding-bottom:10px;
	margin: 0;
	border-top: 0px;
	border-bottom: 0px;
}

h3,dt{
	font-family: 'Roboto Condensed','Arial Narrow', Arial, Helvetica, sans-serif;
	font-size: 19.040000000000003px;
	font-weight: 700;
	line-height:25px;
	color: rgb(41, 55,  61);
	margin:5px 0 9px;
}
.header-hidden h3{/* for IE8 */
	color: white!important;
	font-family: 'Roboto Condensed','Arial Narrow', Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-weight: 700;
	line-height:30px;
	margin-bottom: 9px;
}
.header-hidden p{
	font-family: 'Arial Narrow', Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: 20px;
	margin-bottom: 10px;
}
h3 a,dt a{
	color:inherit;
	-webkit-transition:all 0.5s ease-out;
	-moz-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
}
/* ============  Shadow for Slide-Show ======== */

.lowline {
	background-color: rgb(220, 220, 220);
	height:1px;
	width: 100%;
	margin: 0;
	padding: 0;
}

.hrw{
	width:100%;
	height:15px;
	background-color: white;
	margin:0;border:none;
}
.hrGray {
	border-bottom-style: solid;
	border-bottom-color: rgb(239, 154, 73);
	border-bottom-width: 2px;
	width: 100%;
	margin-bottom: 15px;
}
.hrGray2 {
	border-bottom-style: solid;
	border-bottom-color: rgb(105, 163, 185);
	border-bottom-width: 2px;
	width: 100%;
	margin-bottom: 5px;
	margin-top: 0px;
}
.hrGray3 {
	border-bottom-style: solid;
	border-bottom-color: rgb(221, 221, 221);
	border-bottom-width: 5px;
	width: 100%;
	margin-bottom: 5px;
	margin-top: 0px;
}

/* ===== ��� ��������� ==== */
.row-1 {}
.row-1.extra { margin-top: 28px; padding-bottom: 14px;}
.row-top .line-wrapper {margin-top: 9px;}
.line-wrapper {text-align: center; position: relative;}
.line-wrapper.extra {
	margin-top: -10px;
	margin-left: 50px;
	margin-right: 50px;	
}
.line-wrapper.extra h1{
	font-family: 'Ubuntu Condensed','Roboto Condensed','Arial Narrow', Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: 400;
}
.line-wrapper h3 {display: inline-block;}
.row-top .line-before,
.row-top .line-after {
  background: url(/content/images/catalog/tail-border.png) repeat-x 0 0;
  top: 47%;
}
.row-1 .line-before,
.row-1 .line-after { background: url(/content/images/catalog/tail-border-2.gif) repeat-x 0 0;}
.row-2 .line-before,
.row-2 .line-after {background: url(/content/images/catalog/tail-border-3.png) repeat-x 0 0;}
.line-before,
.line-after {height: 2px;background: url(/content/images/catalog/tail-border1.gif) repeat-x 0 0;position: absolute;top: 52%;}
.line-wrapper h2 {
	display: inline-block; 
	font-size:30px;
	font-weight:300;
	text-transform: uppercase;	
	line-height: 1.2em;
	text-shadow: rgba(0,0,0,0.14) 0px 1px 2px;
	font-family:"Ubuntu Condensed",'Arial Narrow', Arial, Helvetica, sans-serif;	
	color: rgb(66, 75, 80);
	padding-top: 0px;
	padding-bottom: 10px;
	margin-top: 0px;
}
/*  -- label top footer  --*/
.footer {}
.footer h3 {
	font-family: 'Roboto Condensed','Arial Narrow',Arial, Helvetica, sans-serif;
	font-size: 19.040000000000003px;
	line-height: 30px;
	color: rgb(37, 53, 68);
	text-transform:uppercase;
	font-weight:300\0/; /* IE8 */ 
	font-weight:400;
}



/*  --- end label top footer --*/
.line-wrapper h3 {
	font-size:30px; 
	line-height:1.9em; 
	color: rgb(56, 60, 67);
	font-family:"Ubuntu Condensed",'Arial Narrow', Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	letter-spacing:-2px;
	margin-bottom:28px;
}

.content-extra h2 {padding-bottom: 49px;}
.content-extra .line-before,
.content-extra .line-after,
header .line-before,
header .line-after,
.row-1.extra .line-before,
.row-1.extra .line-after {top: 47%;}
.line-before {left: 0;}
.line-after {right: 0;}
.shadow {
  background: url(/content/images/catalog/shadow.png) repeat-x 0 0;
  height: 3px;
}
.shadow-1 {
  background: url(/content/images/catalog/shadow-2.png) repeat-x 0 0;
  height: 3px;
}
.row-1 .shadow {padding-top: 11px;}
.row-1.extra .shadow {padding: 0;}

/* -----------// ������������ ��������� - ���� ��������//-----------*/
.addnav>li>a>span{
	color: rgb(255, 255, 255);
	-webkit-transition:all 0.4s ease-out;
	-moz-transition:all 0.4s ease-out;
	-o-transition:all 0.4s ease-out;
	transition:all 0.4s ease-out;
}
.addnav>li>a:hover, .addnav>li.active>a, .addnav>li .sfHover>a {text-decoration:none;}
.addnav>li>a:hover>span, .addnav>li .active>a>span, .addnav>li .sfHover>a>span {color: rgb(176, 196, 222);}
.addnav ul{
	position:relative;
	list-style:none;
	width:100%;
	margin-top:5px;
	margin-left: 0;
	padding-left: 0px;
	padding-top: 8px;
	overflow:visible;
	text-align:left;
	}
.addnav ul li{
	position:relative;
	font-family: 'Ubuntu Condensed', 'Roboto Condensed','Arial Narrow',Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin:0px;
	padding-top:0px;
	padding-left: 0px;
	padding-bottom:0px;
	background-image: url(/content/images/addnav_divider.png);
	background-position: bottom;
	background-repeat: repeat-x;
}

.addnav ul li:hover{
	position:relative;
	margin:0px;
	padding-top:0px;
	padding-left: 0px;
	padding-bottom:0px;
	font-family: "Ubuntu Condensed", "Roboto Condensed",'Arial Narrow',Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:22px;
	font-weight: 400;
	color: white!important;
}

.addnav ul li:first-child{margin-top:20px;}/*  ������ �� ������� "���� ��������" */ 
.addnav ul li.last{
	margin-bottom:17px;
	border:none;
	padding-bottom:0;
	background:none;
}
.addnav ul li a {
	display: block;
	-webkit-transition:all 0.4s ease-out;
	-moz-transition:all 0.4s ease-out;
	-o-transition:all 0.4s ease-out;
	transition:all 0.4s ease-out;
	font-family: "Ubuntu Condensed", 'Roboto Condensed','Arial Narrow', Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:22px;
	font-weight: 400;
	text-transform:uppercase;
	padding-top: 6px;
	padding-bottom: 5px;
	color: rgb(136, 136, 136);
}

.addnav ul li a:hover{
	display:block;
	-webkit-transition:all 0.4s ease-out;
	-moz-transition:all 0.4s ease-out;
	-o-transition:all 0.4s ease-out;
	transition:all 0.4s ease-out;
	font-family: "Ubuntu Condensed", 'Roboto Condensed','Arial Narrow', Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:22px;
	color: rgb(85, 119, 153)!important;
	text-transform:uppercase;
	text-decoration: none;
	padding-top: 6px;
	padding-bottom: 5px;	
}
/*---------------------//   END LEFT NAV          //--------------------*/


.list-tuv{margin:0px 0px 47px 0px;background:url(/content/images/hline.png) 0px 0px repeat-x;}
.list-tuv li{
	position:relative;
	padding-top: 15px; 
}
.list1{margin:0px 0px 10px 0px;background:url(/content/images/hline.png) 0px 0px repeat-x;}
.list1 li, .listTrening li, .Catalog-list li{position:relative;background:url(/content/images/hline.png) 0px 0px repeat-x;}
.list1 li:before, .listTrening li:before{
	position:absolute;
	top:6px;
	left:0px;
	display:inline-block;
	width:7px;
	height:7px;
	font-family: FontAwesome;
	font-size: 16px;
	color: rgb(37, 53, 68);
	content:'\f0da';
}
.list1 li a, .listTrening li a{
	position:relative;
	display:inline-block;
	-webkit-transition:all 0.4s ease-out;
	-moz-transition:all 0.4s ease-out;
	-o-transition:all 0.4s ease-out;
	transition:all 0.4s ease-out;
	font-size:14px; 
	font-family: Arial,Helvetica,sans-serif;
	line-height:18px;
	color: rgb(41, 55, 61 );
	margin:10px 0px 6px 27px;
	padding-bottom:1px;
	list-style: none;
}



/* --- select sity -- */
header .topPanelLabel {
	font-size: 10px;
	font-family: "Ubuntu Condensed", 'Roboto Condensed', 'Arial Narrow', Arial, Helvetica, sans-serif;
	font-style: normal;
	}
header .topBlockPhone>address{
	color: rgb(145, 157, 165);
	font-size:11px;
	font-weight: normal;	
	margin-top:0px;
	padding:0px;
	text-align: left;	
	margin-bottom: 0px;
	}
.additional-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 17px;
	color: rgb(37, 53, 68)!important;
	padding-left: 35px;
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 0;
	margin-top: 0px;
	font-weight: normal;
}	
header .separator{padding:0px 8px;}
.padding2{padding:6px 20px 11px 0;}	

.topBlockPhone {
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	border-left: solid;
	border-left-color: rgb(197, 216, 230);
	font-size: 16px;
	font-style: normal;
	font-weight: 700;	
	color: rgb(236, 144,  54);
	border-width: 1px;
	padding-left: 5px;
	margin: 3px;
	text-align: left;
}
.topBlockPhone:before{
	content: "\f10b"; 
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    /*--adjust as necessary--*/
     font-size: 22px;
    padding-right: 0.5em;
    position:relative;
    top: 3px;
    left: 5px;
}
.topBlockPhone>address {
	margin-top: 10px;
	margin-left: 0;
	text-align: left;	
}
.topBlockPhone>address:before{
	content: "\f10b"; 
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: rgb(204, 204, 204);
    font-size: 22px;
    padding-right: 0.5em;
    position:relative;
    left: 5px;
}

.selsity{
	font-family: Arial, Helvetica, sans-serif;
	font-size:9.94px;
	line-height:1.2em;
	color: rgb(145, 157, 165);
	text-align:right;
	padding:21px 12px 7px 0;
	margin-top: 5px;
}

/* --- ferst block footer --- */
.footer p .btn {
	font-family: Arial, Helvetica, sans-serif;
}
.date-set {
  text-align: right;
  color: rgb(102, 102, 102);
  font-family: 'Roboto Condensed','Arial Narrow',  Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  display: block;
  padding-bottom: 5px;
}
.date-area {
  text-align: right;
  color: rgb(239, 154, 73);
  font-style: italic;
  font-size: 12px;
  line-height: 14px;
  font-weight: 300;
  display: block;
  padding-bottom: 5px;
}

/*===================  block Footer --*/
footer h5{
	font:13px Arial,Helvetica,sans-serif;
	line-height:1.2em;
	color: rgb(85, 119, 153);
	font-weight: 700;
	text-transform:uppercase;
	margin-top: 10px; /* IE8 */
	margin-bottom: 20px; /* IE8 */
}
.list2 {margin:0px 0px 39px 0px;}
.list2 li a{
	font:13px Arial,Helvetica,sans-serif;
	line-height:1.7em;
	line-height:20px\0/;  /*  IE8  */
	color: rgb(68, 68, 68);
	-webkit-transition:all 0.4s ease-out;
	-moz-transition:all 0.4s ease-out;
	-o-transition:all 0.4s ease-out;
	transition:all 0.4s ease-out;
	}
.list2 li a:hover{color:rgb(247, 148, 29);}.list3{margin:0px 0px 19px 0px;}
footer list2>li a{list-style: none!important;}

.adress_footer {
	font-size:13px;
	line-height:15px;
	padding:0px!important;
	line-height: 1.5em;
}








/* ------ END TOOLTIPS ------ */

/* ======================= ������ � ��������� ����� ===============================*/

.list-spoil{margin:5px 0px 10px 0px;}
.list-spoil li {
	margin-left: 15px;
	margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	position: relative;
	background: none;
	
	list-style: square;
}
.list-spoil  li:first-child{margin-top:20px;}
.list-spoil li a {color: rgb(58, 118, 161);}
.list-spoil li:before{
	background:none;
}
.list2-spoil li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	position: relative;
	background: none;
	list-style: lower-roman;
	margin-left: 10px;
}


footer address .button {
	padding: 0px 30px !important;
	height: 30px;
	line-height: 40px;
	margin-left: 10px;
	float: right;
}
.ColorBoxGray .dl-horizontal{ /* for ie8 */
	margin-bottom: 20px;
}
.ColorBoxGray .dl-horizontal dd { /*  for IE8  */
	line-height: 20px;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
}
.footer .dl-horizontal dt{width: 75px;}
.footer .dl-horizontal dd{
	margin-left: 90px;
	font-family: Arial, Helvetica, sans-serif;
}

/* =============  To-Top plugin css =============*/
.scrollUp {
	z-index: 122;
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 50px;
    right: 50px;
    cursor: pointer;
    overflow: hidden;
    opacity: .7;
    background-color: rgba(0, 0, 0, 0.6);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
    transition: background-color 0.5s;
    text-align: center;
    line-height: 40px;
    font-size: 25px;
    color: rgb(255, 255, 255);
    display: none;
    filter: alpha(opacity=70);
    behavior:url(PIE.htc); /* ie7-8 */
}

.scrollUp:hover {
    background-color: rgba(0, 0, 0, 0.8);
    filter: alpha(opacity=80);
}

.scrollUp i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: block;
}

/* /plugin css*/
.popover.top {
	margin-top: -10px;
	margin-left: 41px;
}
/* =============================================================================================*/
/*  ============================= RESPONSIVE LAYOUTS ========================================  */

@media (min-width: 1200px){
	
}
@media(min-width:992px){
	#footer .footer-menu{float:right!important;}
}	
@media (min-width: 992px) and (max-width: 1199px){
	.topBlockPhone {font-size: 14px; margin:1px;}
	header.topBlockPhone>address {font-size: 9px; margin-top: 3px;}	
	.p2 {font-size: 10px;}
	
	.addnav ul li:first-child{margin-top:0px;}
	.addnav ul li a{font-size:14px;padding-top:2px;padding-bottom:2px;}
	.addnav ul li a:hover{font-size:14px;padding-top:2px;padding-bottom:2px;}
	.addnav ul li{padding-top:1px;padding-left: 0px;	padding-bottom:1px;}
	.addnav ul li:hover{
		position:relative;
		background:url(/content/images/addnav_divider.png) center bottom repeat-x;
		color: white;
		padding-top:1px;
		padding-left: 0px;	
		padding-bottom:1px;
		background-color: rgb(37, 53, 68);
	}

	.search-expand {
	margin-top: 20px;
	padding: 2px; 
	margin-bottom: 2px;
	}
	.search-expand a{
	text-align: right;
	color: rgb(37, 53, 68);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:400;
	text-transform: uppercase;
	}
	.btnAc{
	padding-left: 22px;
	width: 210px;
	font-size: 12px;
	}
	#tuv-modal .modal-dialog {max-width: 70%;	top: 50px;}	
}



@media (max-width: 767px) {
	.container > header{text-align: center;}
}
@media screen and (min-width:768px){
	.modal-dialog{left:0;right:auto;width:600px;padding-top:5%;padding-bottom:30px;}
	.modal-content{
		-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.5);
		box-shadow:0 5px 15px rgba(0,0,0,0.5);
		}
}

@media (min-width: 768px) and (max-width: 991px){
	.search-expand {
	margin-top: 10px;
	padding: 2px; 
	margin-bottom: 2px;
	line-height: 12px;
}
	.topBlockPhone{border:none;font-size: 12px;}
	.topBlockPhone:before{font-size: 18px;}
	.topBlockPhone>address:before {font-size: 18px;}
	.p2{font-size:10px;}
	.addnav ul li a{font-size:13px;padding-top:4px;padding-bottom:4px;}
	.addnav ul li a:hover{font-size:13px;padding-top:4px;padding-bottom:4px;}
	footer .soc_icons{margin-right:0;}
	.line-wrapper.extra h1{
	font-family: 'Ubuntu Condensed', 'Arial Narrow', Arial, Helvetica, sans-serif;
	font-size: 20px;
	}
	.btnAc{
		padding-left: 22px;
		width: 230px;
		font-size: 14px!important;
		margin-left: 5px;
	}
	#tuv-modal .modal-dialog {max-width: 90%;	top: 20px;}	
}


@media (max-width: 767px) {
	.camera_caption{display:none!important;}
	.margin10{margin-left:0;}
	#form1 label{display:block;width:100%;}
	#form1 .success{padding:52px 19px 80px;}
	.flexslider img{width:100%!important;float:none;}
	.flexslider .box{padding-top:15px;}
	.halfWidth2{display:inline-block;width:100%;}
	.halfWidth2 img{float:left;margin:0 15px 10px 0;}
	.fontStyle1{padding-top:0;}
	.alignCenter768{text-align:center;}
	.alignCenter768 .span2{display:inline-block;width:28%;margin-right:20px;min-height:190px;float:left;}
	.halfWidth{display:inline-block;width:47%;margin-left:5px;}
	.halfWidth img{width:100%;}
	.thumb-pad3{text-align:center;}
	.fullWidth780{width:97%;display:block;text-align:center;}
	.margin11{margin-left:0;margin-bottom:20px;}
	.padding5{padding:0;}
	.align1{float:none;text-align:center;margin:15px 0;}
	footer .soc_icons{margin-right:0;}
	.topBlockPhone {
		font-family: Arial, Helvetica, sans-serif;
		display: block;
		border-left: none!important;
		font-size: 16px;
		font-style: normal;
		font-weight: 700;
		color: rgb(236, 144,  54);
		padding-left: 0px;
		margin: 3px;
		text-align: center!important;
	}
	header .topBlockPhone>address {
		color: rgb(145, 157, 165);
		font-size: 14px;
		font-weight: normal;
		margin-top: 0px;
		padding: 0px;
		text-align: center!important;
		margin-bottom: 0px;
	}
	.search-expand a {
		text-align: center!important;
		color: rgb(37, 53,  68);
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: 400;
		text-transform: uppercase;
	}
	.list2 li a {font: 12px Arial,Helvetica,sans-serif;line-height: 1.2em;}
	footer>div:first-child+div :first-child+p {
		padding-bottom: 21px;
		padding-left: 20px;
	}	
	footer .soc_icons li a img {
		position: relative;
		top: 0;
		margin-right: 20px;
		-webkit-transition: all 0.4s ease-out;
		-moz-transition: all 0.4s ease-out;
		-o-transition: all 0.4s ease-out;
		transition: all 0.4s ease-out;
	}
	.btnAc{
	padding-left: 22px;
	width: 260px;
	font-size: 16px!important;
	margin-left: 10px;
	}	
}
@media (max-width: 320px) {footer p a{display:block;}}
.cls {
	position: absolute;
	right: 10px;
	top:10px;
	z-index: 10000;
}
/* === We clean influence jQuery on fonts !!!  =====*/
html { -webkit-font-smoothing: antialiased; }

.pad1 li:before {
font-family: FontAwesome;
font-size: 14px;
width: 24px;
height: 24px;
content: "\f0da";
padding-right: 10px;
text-decoration: none!important;
}