/*
*	---------------------------------------------
*	--------------- RESET DEFAULT SETTINGS ------
*	---------------------------------------------
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,li{  
	margin:0;
	padding:0;
	border:0;
	font:inherit;
	font-size:100%;
	vertical-align:baselinebaseline;
	outline:none;
	outline-style:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-tap-highlight-color:transparent;
	tap-highlight-color:rgba(0,0,0,0);
	box-sizing:content-box;
	-webkit-transform-origin:center;
	-moz-transform-origin:center;
	-o-transform-origin:center;
	transform-origin:center;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{  
	display:block;
} 
ul{
	list-style:disc outside;  
}
ol{
	list-style:decimal outside;  
}
blockquote,q{
	quotes:none;
}
blockquote::before,blockquote::after,q::before,q::after{
	content:'';
	content:none;
}
b,strong{
	font-weight:bold;
	font-family:main_bold;
}
i,em{
	font-style:italic;
}
html,body{
	width:100%;
	height:100%;
}
#main{
	display:flex;
	flex-direction:column;
	width:100%;
	max-width:100%;
	height:100%;
	box-sizing:border-box;
}

/*
*	---------------------------------------------
*	--------------- FONTS -----------------------
*	---------------------------------------------
*/

@font-face{
	font-family:main;
	src:url(/fonts/main.ttf);
}
@font-face{
	font-family:main_bold;
	src:url(/fonts/main_bold.ttf);
}
@font-face{
	font-family:slide_header;
	src:url(/fonts/slide_header.ttf);
}

/*
*	---------------------------------------------
*	--------------- ANIMATIONS ------------------
*	---------------------------------------------
*/

@keyframes spin{
	from{
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		transform:rotate(0deg);
	}
	to{
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}
@-webkit-keyframes spin{
	from{-webkit-transform:rotate(0deg)}
	to{-webkit-transform:rotate(360deg)}
}
@keyframes move{
	from{background-position:0 0}
	to{background-position:45px 0}
}
@-webkit-keyframes move{
	from{background-position:0 0}
	to{background-position:45px 0}
}

/*
*	---------------------------------------------
*	--------------- MAIN ELEMENTS ---------------
*	---------------------------------------------
*/

html,
body,
input,
.select,
textarea{
	font:normal 16px main;
	color:#102d4e;
}
body{
	background-color:rgba(0,46,97,.05);
}
@media print{
	html,
	body{
		background-color:#fff !important;
	}
}
a{
 	color:#035d9c;
	-webkit-transition:color .1s ease-in;
	transition:color .1s ease-in;
	text-decoration:none;
	cursor:pointer;
}
a:hover{
 	color:#008fe9;
}
label{
	cursor:pointer;
}
h1,
h2,
h3,
h4,
h5,
h6{
	font-size:21px;
	font-weight:normal;
}
h1,
h2{
	font-size:22px;
}
.separator h1,
.separator h2{
	font-size:32px;
}
@media all and (max-width:1023px){
	.separator h1,
	.separator h2{
		font-size:22px;
	}
}
h1 a,
h2 a{
 	color:#102d4e;
}
hr{
	color:rgba(0,46,97,.1);
	background-color:rgba(0,46,97,.1);
	height:1px;
	border:none;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
.img{
	max-width:100%;
	height:auto;
}
.img.left{
	float:left;
	margin-right:10px;
}
.img.right{
	float:right;
	margin-left:10px;
}
#loading{
	position:fixed;
	z-index:3000;
	width:100%;
	height:100%;
	background-color:#fff;
}
#loading>div{
	content:'';
	position:absolute;
	display:none;
	top:50%;
	left:50%;
	width:40px;
	height:40px;
	margin:-20px 0 0 -20px;
	background:url(/img/site/sprite.php?1054) 0 0 no-repeat;
	-webkit-animation-name:spin;
	-webkit-animation-duration:.5s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-iteration-count:infinite;
	animation:spin .5s linear infinite;
}
#loading.preload>div{
	display:block;
}
#up{
	position:fixed;
	display:none;
	z-index:1000;
	bottom:65px;
	right:60px;
	width:50px;
	height:20px;
	cursor:pointer;
	opacity:0;
}
@media all and (max-width:1800px){
	#up{
		right:40px;
	}
}
@media all and (max-width:1023px){
	#up{
		bottom:15px;
		right:20px;
	}
}
@media print{
	#up{
		display:none;
	}
}
#up::before,
#up::after{
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	background:url(/img/site/sprite.php?1054) 0 -40px;
}
#up::after{
	background-position:-50px -40px;
}
#up:hover::before,
#up::after{
	opacity:0;
	-webkit-transition:opacity .1s ease-in;
	transition:opacity .1s ease-in;
}
#up:hover::after{
	opacity:1;
	-webkit-transition:opacity .1s ease-out;
	transition:opacity .1s ease-out;
}
.red{
	color:#F11300 !important;
}
.green{
	color:#4b7f00 !important;
}
.yellow{
	color:#4F97C1 !important;
}
.clear{
	clear:both;
}
.empty{
 	color:rgba(0,46,97,.4);
	text-decoration:none !important;
}

/*
*	---------------------------------------------
*	--------------- INPUTS & BUTTONS ------------
*	---------------------------------------------
*/

@media print{
	form{
		display:none;
	}
}
input,
textarea{
	-webkit-appearance:none;
}
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration,
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button{
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	margin:0;
	display:none;
}
input[type=number]{
	-moz-appearance:textfield;
}
input,
.select,
textarea,
.progress{
	font-size:16px;
	color:#b30e00;
	border:1px solid;
	border-top-color:rgba(0,46,97,.2);
	border-right-color:rgba(0,46,97,.2);
	border-bottom-color:rgba(0,46,97,.2);
	border-left-color:rgba(0,46,97,.2);
	border-radius:2px;
	background:#fff;
	box-shadow:inset 1px 1px 3px 0 rgba(0,46,97,.1);
	resize:none;
	outline-style:none;
	outline:none;
	-webkit-transition:all .1s ease-in;
	transition:all .1s ease-in;
}
input[type=text],
input[type=search],
input[type=email],
input[type=tel],
input[type=number],
input[type=file],
input[type=password],
.select,
textarea{
	padding:9px 12px;
	margin-top:4px;
	width:100%;
	box-sizing:border-box;
}
textarea{
	resize:vertical;
}
input:focus,
input:hover,
textarea:focus,
textarea:hover,
.select:hover{
	border-color:#008fe9;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{
 	color:rgba(0,46,97,.6);
	-webkit-transition:opacity .1s ease-in;
	transition:opacity .1s ease-in;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{
 	color:rgba(0,46,97,.6);
	transition:opacity .1s ease-in;
}
input::-moz-placeholder,
textarea::-moz-placeholder{
 	color:rgba(0,46,97,.6);
	transition:opacity .1s ease-in;
}
input::placeholder,
textarea::placeholder{
 	color:rgba(0,46,97,.6);
	transition:opacity .1s ease-in;
}
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder{
	opacity:0;
}
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder{
	opacity:0;
}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder{
	opacity:0;
}
input:focus::placeholder,
textarea:focus::placeholder{
	opacity:0;
}

/*
*	---------------------------------------------
*	--------------- SELECT ----------------------
*	---------------------------------------------
*/

#select{
	position:absolute;
	z-index:1000;
	display:none;
	opacity:0;
	width:auto;
	max-width:100%;
	max-height:300px;
	overflow:hidden;
	box-shadow:0 1px 5px rgba(0,46,97,.4);
	background-color:#fff;
}
@media print{
	#select{
		display:none !important;
	}
}
#select .content>div,
#select .content>span{
	display:block;
	padding:0 30px 0 10px;
	min-height:28px;
	line-height:28px;
	white-space:nowrap;
}
#select .content>div{
	cursor:pointer;
}
#select .content>span{
	padding:5px 10px;
	font:bold 18px main_bold;
	background:rgba(0,46,97,.1);
}
#select .content>div:hover{
	background:rgba(0,46,97,.05);
}
#select .content>div.cur{
	color:#fff;
	background:#035d9c;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background:rgba(0,46,97,.3);
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(0,46,97,.4);
}
.select{
	position:relative;
	display:inline-block;
	vertical-align:bottom;
	width:auto;
	max-width:100%;
	padding:0;
	cursor:pointer;
}
.select .content>div,
.select .content>span{
	display:none;
}
.select .content>div{
	padding:0 0 0 10px;
	margin-right:30px;
	width:auto;
	line-height:38px;
	min-height:38px;
	max-height:38px;
	overflow:hidden;
	white-space:nowrap;
	box-sizing:border-box;
}
.select .content>div.cur{
	display:block;
}
.select::before{
	content:'';
	position:absolute;
	width:10px;
	height:8px;
	top:50%;
	right:10px;
	margin-top:-3px;
	background:url(/img/site/sprite.php?1054) 0 -72px;
}

/*
*	---------------------------------------------
*	--------------- CHECK & RADIO ---------------
*	---------------------------------------------
*/

input[type='checkbox'],
input[type='radio']{
	display:none;
}
label{
	display:inline-block;
	font-size:14px;
	max-width:100%;
	-webkit-transition:color .1s ease-in;
	transition:color .1s ease-in;
}
input[type='radio']+label{
	margin-top:5px;
}
label:hover,
input:checked+label,
label.error{
	color:#b30e00;
}
label.error{
	border-radius:5px;
	padding:10px 12px 5px 10px;
	background-position:5px 5px;
}
label .ring{
	display:inline-block;
	position:relative;
	width:18px;
	height:18px;
	margin-right:5px;
	margin-bottom:5px;
	border:1px solid rgba(0,46,97,.2);
	border-radius:2px;
	background:#fff;
	vertical-align:middle;
	-webkit-transition:all .1s ease-in;
	transition:all .1s ease-in;
}
input[type='radio']+label .ring{
	border-radius:50%;
}
label:hover .ring{
	border-color:rgba(0,46,97,.4);
}
label .ring::before{
	content:'';
	position:absolute;
	opacity:0;
	-webkit-transition:opacity .1s ease-in;
	transition:opacity .1s ease-in;
}
input:checked+label .ring::before{
	opacity:1;
}
input[type='radio']:checked+label .ring::before{
	top:4px;
	left:4px;
	width:10px;
	height:10px;
	background:#b30e00;
	border-radius:50%;
}
input[type='checkbox']:checked+label .ring::before{
	top:50%;
	left:50%;
	width:12px;
	height:12px;
	margin:-6px 0 0 -6px;
	background:url(/img/site/sprite.php?1054) 0 -60px;
}

/*
*	---------------------------------------------
*	--------------- BUTTONS ---------------------
*	---------------------------------------------
*/

input[type='button'],
input[type='submit']{
	font-size:18px;
 	color:#fff;
	padding:12px 20px;
	border:0;
	border-radius:5px;
	background:-webkit-linear-gradient(bottom,#002e61,#035d9c);
	background:linear-gradient(to top,#002e61,#035d9c);
	box-shadow:none;
	vertical-align:bottom;
	cursor:pointer;
}
input[type='button']:hover,
input[type='submit']:hover{
	background:-webkit-linear-gradient(bottom,#002e61,#008fe9);
	background:linear-gradient(to top,#002e61,#008fe9);
}
input[type='button']:active,
input[type='submit']:active,
input[type='button']:disabled,
input[type='submit']:disabled{
 	color:#fff;
	background:-webkit-linear-gradient(top,#002e61,#035d9c);
	background:linear-gradient(to bottom,#002e61,#035d9c);
	box-shadow:inset 1px 1px 2px rgba(0,46,97,.3);
}
.buttons{
	position:relative;
	margin-top:20px;
	padding-right:20px;
}
.capcha,
.refresh{
	margin-bottom:-10px;
	height:32px;
}
.refresh{
	display:inline-block;
	width:20px;
	height:20px;
	margin-bottom:-5px;
	cursor:pointer;
	background:url(/img/site/sprite.php?1054) 0 -80px;
	opacity:.5;
	-webkit-transition:opacity .1s ease-in;
	transition:opacity .1s ease-in;
}
.refresh:hover{
	opacity:1;
}
.email{
	display:none;
}

/*
*	---------------------------------------------
*	--------------- PROGRESS BAR ----------------
*	---------------------------------------------
*/

.progress{
	visibility:hidden;
	opacity:0;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border-radius:2px;
	cursor:pointer;
	box-sizing:border-box;
}
.progress .bar{
	position:absolute;
	top:0;
	left:0;
	width:0;
	min-width:10px;
	height:100%;
	background:-webkit-linear-gradient(135deg,rgba(0,46,97,.1) 25%,rgba(0,46,97,.2) 25%,rgba(0,46,97,.2) 50%,rgba(0,46,97,.1) 50%,rgba(0,46,97,.1) 75%,rgba(0,46,97,.2) 75%,rgba(0,46,97,.2));
	background:linear-gradient(135deg,rgba(0,46,97,.1) 25%,rgba(0,46,97,.2) 25%,rgba(0,46,97,.2) 50%,rgba(0,46,97,.1) 50%,rgba(0,46,97,.1) 75%,rgba(0,46,97,.2) 75%,rgba(0,46,97,.2));
	background-size:44px 44px;
	border-radius:2px;
	-webkit-animation-name:move;
	-webkit-animation-duration:.5s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-iteration-count:infinite;
	animation:move .5s linear infinite;
}
.progress .text{
	visibility:hidden;
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	margin-top:-11px;
 	font-size:14px;
	color:#102d4e;
	text-align:center;
	text-shadow:1px 1px 0 rgba(255,255,255,.5);
}

/*
*	---------------------------------------------
*	--------------- INPUT DIV -------------------
*	---------------------------------------------
*/

.input{
	position:relative;
	display:inline-block;
	margin-top:20px;
	padding-right:20px;
	width:100%;
	min-width:100%;
	max-width:100%;
 	font-size:14px;
	line-height:14px;
	vertical-align:bottom;
	overflow:hidden;
	box-sizing:border-box;
}
@media all and (max-width:1023px){
	.input{
		margin-top:10px;
	}
}
@media all and (max-width:479px){
	.input{
		width:100% !important;
		min-width:100% !important;
		max-width:100% !important;
		margin-top:10px !important;
		padding:0;
	}
}
.input .error{
	background-color:#FFF4BE;
	border:1px solid #FF968D;
}
.mandatory{
 	color:#F11300;
}
.input_sep{
 	font-size:18px;
 	color:#fff;
	text-align:left;
	margin:25px -20px 0 -20px;
	padding:10px 20px;
	border-top:1px solid #002e61;
	border-bottom:1px solid #fff;
	background:-webkit-radial-gradient(right bottom,#008fe9,#002e61);
	background:radial-gradient(ellipse at right bottom,#008fe9,#002e61);
}
@media all and (max-width:1023px){
	.input_sep{
		margin-top:10px;
	}
}
.box>.input_sep:first-child{
	border-top:0;
	margin-top:-20px;
}
@media all and (max-width:1023px){
	.box>.input_sep:first-child{
		margin-top:-15px;
	}
}

/*
*	---------------------------------------------
*	--------------- BOX -------------------------
*	---------------------------------------------
*/

.box,
.box1,
.box2,
.box3,
.box4{
	display:inline-block;
	margin-bottom:5px;
	width:100%;
	overflow:hidden;
	text-align:left;
	vertical-align:top;
	text-shadow:none !important;
	box-sizing:border-box;
	background:rgba(0,46,97,.05);
	border-radius:5px;
	padding:20px;
}
@media all and (max-width:1023px){
	.box,
	.box4{
		padding:15px;
	}
}
.box1,
.box2,
.box3{
	width:auto;
	padding:15px;
}
.box4{
	width:auto;
	background:#fff;
	box-shadow:0 0 5px rgba(0,46,97,.1);
	border-radius:0;
}
.box1 a,
.box2 a,
.box3 a{
	text-decoration:underline;
}
.box1,
.box1 a{
	color:#b30e00;
}
.box1{
	border:1px solid #FF968D;
	background:#fdf6f5;
}
.box2,
.box2 a{
	color:#4b7f00;
}
.box2{
	border:1px solid #7ebf00;
	background:#f3fee4;
}
.box3,
.box3 a{
	color:#764b1c;
}
.box3{
	border:1px solid #ffc000;
	background:#ffecaf;
}
.box .input:first-child{
	margin-top:0 !important;
}

/*
*	---------------------------------------------
*	--------------- TIP -------------------------
*	---------------------------------------------
*/

#tip{
	position:absolute;
	overflow:hidden;
	z-index:2000;
	display:none;
 	font-size:14px;
	line-height:14px;
	max-width:300px;
	border-radius:5px;
	box-shadow:0 1px 5px rgba(0,46,97,.2);
	background:#FFF9E6;
	padding:10px;
}
@media all and (max-width:479px){
	#tip{
		max-width:280px;
	}
}
#tip,
#tip a{
	color:#1f2b35;
}
#tip a{
	text-decoration:underline;
}
@media print{
	#tip,
	.tip{
		display:none !important;
	}
}
.tip{
	display:inline-block;
	position:relative;
	width:16px;
	height:16px;
	margin-bottom:-2px;
	margin-left:2px;
	background:rgba(0,46,97,.2);
	border-radius:50%;
	cursor:pointer;
	-webkit-transition:all .1s ease-in;
	transition:all .1s ease-in;
}
.tip:hover{
	background-color:rgba(0,46,97,.5);
}
.tip::before{
	content:'';
	position:absolute;
	width:8px;
	height:8px;
	top:50%;
	left:50%;
	margin:-4px 0 0 -4px;
	background:url(/img/site/sprite.php?1054) 0 -110px;
}

/*
*	---------------------------------------------
*	--------------- THUMB -----------------------
*	---------------------------------------------
*/

.thumbs{
	text-align:inherit;
	margin:10px 0;
}
.thumb{
	display:inline-block;
	box-sizing:content-box;
	position:relative;
	overflow:hidden;
	cursor:pointer;
	margin:2px;
	vertical-align:top;
	border:1px solid #fff;
	background-color:#fff;
	background-position:center;
	background-repeat:no-repeat;
	-webkit-transition:border-color .1s ease-in;
	-webkit-transition:box-shadow .1s ease-in;
	transition:border-color .1s ease-in;
	transition:box-shadow .1s ease-in;
}
.thumb:hover{
	border-color:rgba(0,46,97,.3);
	box-shadow:0 0 5px rgba(0,46,97,.2);
	z-index:500;
}
@media print{
	.thumb{
		border:0;
		background:none;
	}
}
.thumb .pic{
	display:block;
	width:auto;
	height:100%;
}

/*
*	---------------------------------------------
*	--------------- TOP -------------------------
*	---------------------------------------------
*/

#top{
	flex:0 0 auto;
	height:80px;
	vertical-align:top;
}
#top *{
	color:rgba(255,255,255,.8);
	text-shadow:1px 1px 0px rgba(0,0,0,.8);
	-webkit-transition:color .1s ease-in;
	transition:color .1s ease-in;
}
@media all and (max-width:1023px){
	#top{
		height:50px;
	}
}
@media print{
	#top{
		display:none;
	}
}
#top>div{
	position:fixed;
	z-index:999;
	width:100%;
	height:inherit;
	border-bottom:1px solid rgba(0,46,97,.05);
	background-image:-webkit-linear-gradient(top,#002e61 0%,rgba(0,46,97,.7));
	background-image:linear-gradient(to bottom,#002e61 0%,rgba(0,46,97,.7));
	background-clip:padding-box;
	box-shadow:0 0px 10px rgba(0,0,0,.8);
}
#top>div>div{
	position:relative;
	height:100%;
	margin:0 auto;
	padding:0 30px;
	text-align:right;
	max-width:1200px;
}
@media all and (max-width:1800px){
	#top>div>div{
		max-width:1000px;
	}
}
@media all and (max-width:1365px){
	#top>div>div{
		padding:0 20px;
	}
}
@media all and (max-width:1023px){
	#top>div>div{
		padding:0;
	}
}

/*
*	---------------------------------------------
*	--------------- LOGO ------------------------
*	---------------------------------------------
*/


#logo{
	position:absolute;
	display:block;
	left:30px;
	top:50%;
	width:234px;
	max-width:240px;
	height:70px;
	margin-top:-35px;
	vertical-align:top;
	background:url(/img/site/logo.png?1054) 0 50% no-repeat;
	
	cursor:pointer;
}
@media screen and (min-resolution:144dpi){
	#logo{
		background-image:url(/img/site/logo_big.png?1054);
		background-size:contain;
	}
}
@media all and (max-width:1365px){
	#logo{
		left:20px;
	}
}
@media all and (max-width:1023px){
	#logo{
		height:30px;
		margin-top:-15px;
		background-image:url(/img/site/logo_mob.png?1054);
		background-size:contain;
	}
}

/*
*	---------------------------------------------
*	--------------- HOME ------------------------
*	---------------------------------------------
*/

#home{
	width:100%;
	min-height:100%;
	text-align:center;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	color:#fff;
	text-shadow:2px 2px 5px rgba(0,46,97,.5);
}
@media all and (max-width:1023px){
	#home{
		text-shadow:1px 1px 2px rgba(0,46,97,.5);
	}
}
#logo_home{
	flex:0 0 auto;
	display:block;
	width:200px;
	height:170px;
	margin-top:60px;
	margin-bottom:10px;
	background:url(/img/site/logo_home.png?1054) no-repeat;
}
@media all and (max-width:1800px){
	#logo_home{
		margin-top:30px;
		margin-bottom:10px;
	}
}
@media screen and (min-resolution:144dpi){
	#logo_home{
		background-image:url(/img/site/logo_home_mob.png?1054);
		background-size:contain;
	}
}
@media all and (max-width:1023px){
	#logo_home{
		width:150px;
		height:150px;
		background-image:url(/img/site/logo_home_mob.png?1054);
		background-size:contain;
	}
}
#home h1{
	flex:0 0 auto;
	font:normal 42px slide_header;
	text-shadow:1px 1px 2px rgba(0,46,97,.7);
}
#home h2{
	flex:0 0 auto;
	font-size:20px;
	margin-bottom:20px;
	text-shadow:1px 1px 1px rgba(0,46,97,.7);
}
@media all and (max-width:1800px){
	#home h2{
		margin-bottom:10px;
	}
}
@media all and (max-width:1023px){
	#home h1{
		font-size:30px;
	}
	#home h2{
		font-size:15px;
	}
}
#home #back::after{
	content:'';
	display:block;
	background:-webkit-radial-gradient(center,70% 100%,#002e61,rgba(0,0,0,0)),url(/img/site/texture.png) repeat;
	background:radial-gradient(ellipse 70% 100% at center,#002e61,rgba(0,0,0,0)),url(/img/site/texture.png) repeat;
	background-repeat:no-repeat,repeat;
	background-position:center;
}
@media all and (orientation:portrait){
	#home #back::after{
		background:-webkit-radial-gradient(center,150% 100%,#002e61,rgba(0,0,0,0)),url(/img/site/texture.png) repeat;
		background:radial-gradient(ellipse 150% 100% at center,#002e61,rgba(0,0,0,0)),url(/img/site/texture.png) repeat;
	}
}
#services{
	flex:0 0 auto;
	max-width:1000px;
	margin-top:20px;
	margin-bottom:60px;
}
@media all and (max-width:1800px){
	#services{
		margin-top:10px;
		margin-bottom:20px;
	}
}
#home a{
	display:inline-block;
	text-align:center;
	font-size:15px;
	color:#fff;
	text-shadow:1px 1px 1px rgba(0,46,97,.7);
	margin:20px 40px;
}
@media all and (max-width:1800px){
	#home a{
		margin:20px;
	}
}
#home a>div{
	width:225px;
	height:150px;
	margin-bottom:10px;
	background-repeat:no-repeat;
	background-position:center;
	border:5px solid rgba(255,255,255,.2);
	box-shadow:2px 2px 5px rgba(0,46,97,.3);
	-webkit-transition:border-color .1s ease-in;
	transition:border-color .1s ease-in;
}
#home a:hover>div{
	border-color:rgba(255,255,255,.4);
}
@media all and (max-width:1023px){
	#home a{
		font-size:13px;
		margin:10px;
	}
	#home a>div{
		width:150px;
		height:100px;
		margin-bottom:5px;
		border-width:2px;
		background-size:cover;
	}
}

/*
*	---------------------------------------------
*	--------------- MENU BUTTON -----------------
*	---------------------------------------------
*/

#menu_button{
	display:none;
	position:relative;
	top:0;
	width:50px;
	height:100%;
	cursor:pointer;
	background:-webkit-radial-gradient(left,2px 100%,#fff,rgba(255,255,255,0) 70%),-webkit-radial-gradient(right,2px 100%,#fff,rgba(255,255,255,0) 70%);
	background:radial-gradient(ellipse 2px 100% at left,#fff,rgba(255,255,255,0) 70%),radial-gradient(ellipse 2px 100% at right,#fff,rgba(255,255,255,0) 70%);
}
#menu_button::before{
	content:'';
	position:absolute;
	top:50%;
	left:50%;
	width:20px;
	height:20px;
	margin:-10px 0 0 -10px;
	background:url(/img/site/sprite.php?1054) 0 -132px;
}
@media all and (max-width:1023px){
	#menu_button{
		display:inline-block;
	}
}

/*
*	---------------------------------------------
*	--------------- MENU ------------------------
*	---------------------------------------------
*/

#menu{
	display:inline-block;
	height:100%;
}
@media all and (max-width:1023px){
	#menu{
		display:none;
		position:fixed;
		z-index:-10;
		left:0;
		top:50px;
		bottom:0;
		width:100%;
		height:auto;
		text-align:left;
		overflow:auto;
		background-color:#fff;
		background-image:-webkit-radial-gradient(top,150% 3px,rgba(0,46,97,.2),rgba(0,46,97,.05));
		background-image:radial-gradient(ellipse 150% 3px at top,rgba(0,46,97,.2),rgba(0,46,97,.05));
	}
	#menu.opened{
		display:block;
	}
}
#menu a{
	display:inline-block;
	font-size:19px;
	line-height:80px;
	white-space:nowrap;
	padding:0 20px;
	vertical-align:top;
	-webkit-transition:background-color .1s ease-in, color .1s ease-in;
	transition:background-color .2s ease-in, color .2s ease-in, margin-top .2s ease-in, padding-bottom .2s ease-in;
	background:-webkit-radial-gradient(left,2px 100%,#fff,rgba(255,255,255,0) 70%);
	background:radial-gradient(ellipse 2px 100% at left,#fff,rgba(255,255,255,0) 70%);
}
#menu a:last-child{
	background:-webkit-radial-gradient(left,2px 100%,#fff,rgba(255,255,255,0) 70%),-webkit-radial-gradient(right,2px 100%,#fff,rgba(255,255,255,0) 70%);
	background:radial-gradient(ellipse 2px 100% at left,#fff,rgba(255,255,255,0) 70%),radial-gradient(ellipse 2px 100% at right,#fff,rgba(255,255,255,0) 70%);
}
#menu a:hover{
	color:#fff;
	background-color:#035d9c;
	margin-top:-5px;
	padding-bottom:5px;
}
#menu a.cur{
	color:#fff;
	background-color:#002e61;
}
@media all and (max-width:1300px) and (min-width:1024px){
	#menu a{
		font-size:17px;
	}
}
@media all and (max-width:1023px){
	#menu a,
	#menu a:not(.cur):hover{
		display:block;
		padding:0 20px;
		line-height:50px;
		color:#002e61;
		text-shadow:1px 1px 0px #fff;
		border:0;
		border-top:1px solid #fff;
		border-bottom:1px solid rgba(0,46,97,.1);
	}
	#menu a:first-child{
		border-top:1px solid rgba(0,0,0,0);
	}
	#menu a:last-child{
		box-shadow:0 1px 0 0 #fff;
	}
	#menu a.cur{
		color:#fff;
		text-shadow:-1px -1px 0px rgba(0,46,97,.5);
		background-image:-webkit-linear-gradient(top,#035d9c 0%,#002e61);
		background-image:linear-gradient(to bottom,#035d9c 0%,#002e61);
	}
}

/*
*	---------------------------------------------
*	--------------- LANG ------------------------
*	---------------------------------------------
*/

#lang{
	display:inline-block;
	position:relative;
	top:50%;
	margin:-20px 0 0 5px;
	vertical-align:top;
}
@media all and (max-width:1200px) and (min-width:1024px){
	#lang{
		margin-right:-20px;
	}
}
#lang .select{
	margin:0;
	border:none;
	background:none;
	box-shadow:none;
	vertical-align:top;
}
#lang .select::before{
	background-position:-10px -72px;
}
#lang .input{
	margin:0 !important;
	padding-right:0;
}

/*
*	---------------------------------------------
*	--------------- SLIDER ----------------------
*	---------------------------------------------
*/

@media all and (max-width:479px){
	.slider.hide{
		display:none;	
	}
}
#slider{
	flex-shrink:0;
	box-shadow:0 5px 8px rgba(0,46,97,.1);
}
@media print{
	#slider{
		display:none;
	}
}
.slider{
	position:relative;
	overflow:hidden;
}
.slider.newsline{
	position:static;
	overflow:visible;
}
#slider .slider{
	margin:0;
}
.slide{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.slide.active{
	opacity:1;
}
.slider.newsline .slide{
	position:static;
}
.slider .button{
	position:absolute;
	right:0;
	z-index:2;
	bottom:0;
	width:40px;
	height:40px;
	background:-webkit-linear-gradient(bottom,rgba(255,255,255,.7),#fff);
	background:linear-gradient(to top,rgba(255,255,255,.7),#fff);
	box-sizing:border-box;
	cursor:pointer;
	opacity:.8;
	-webkit-transition:all .1s ease-in;
	transition:all .1s ease-in;
}
@media all and (max-width:1023px){
	.slider .button{
		width:30px;
		height:30px;
	}
}
.slider .button.prev{
	border-radius:10px 0 0 0;
}
@media all and (max-width:1023px){
	.slider .button.prev{
		border-radius:5px 0 0 0;
	}
}
.slider .button:hover{
	opacity:1;
}
.slider .prev{
	right:40px;
}
@media all and (max-width:1023px){
	.slider .prev{
		right:30px;
	}
}
.slider .button::before{
	content:'';
	position:absolute;
	width:14px;
	height:14px;
	top:50%;
	left:50%;
	margin:-7px 0 0 -7px;
	background:url(/img/site/sprite.php?1054) 0 -118px;
}
.slider .button.prev::before{
	background-position:-14px -118px;
}

/*
*	---------------------------------------------
*	--------------- SLIDE DIV -------------------
*	---------------------------------------------
*/

.slide_div{
	position:relative;
	height:100%;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	text-align:left;
}
.slide_header,
.slide_text{
	position:absolute;
	left:0;
	right:0;
	margin:0 auto;
	padding:0 50px;
	text-align:left;
}
@media all and (max-width:1365px){
	.slide_header,
	.slide_text{
		padding:0 30px;
	}
}
@media all and (max-width:1279px){
	.slide_header,
	.slide_text{
		padding:0 20px;
	}
}
@media all and (max-width:1023px){
	.slide_header,
	.slide_text{
		padding:0 4%;
	}
}
#content .slide_header,
#content .slide_text{
	padding:0 3%;
	box-sizing:border-box;
}
.slide_header{
 	color:#002e61;
	font-family:slide_header;
	font-size:4vw;
}
@media all and (min-width:1366px){
	#content .slide_header{
		font-size:40px;
	}
}
@media all and (min-width:1024px) and (max-width:1365px){
	#content .slide_header{
		font-size:2.9vw;
	}
}
.slide_text{
	font-size:1.7vw;
	line-height:2vw;
}
@media all and (min-width:1366px){
	#content .slide_text{
		font-size:17px;
		line-height:19px;
	}
}
@media all and (min-width:1024px) and (max-width:1365px){
	#content .slide_text{
		font-size:1.3vw;
		line-height:1.5vw;
	}
}

/*
*	---------------------------------------------
*	--------------- SLIDE BUTTONS ---------------
*	---------------------------------------------
*/

.slide_div a{
	display:inline-block;
	padding:1vw 2vw;
	text-shadow:1px 1px 0px #002e61;
	text-decoration:none !important;
	font-size:1.5vw;
	line-height:normal;
 	color:#fff;
	border:.15vw solid #035d9c;
	border-radius:.5vw;
	box-shadow:inset 0 .18vw rgba(255,255,255,.2),0 0 2vw #008fe9;
	background:-webkit-linear-gradient(bottom,#002e61,#008fe9);
	background:linear-gradient(to top,#002e61,#008fe9);
}
@media all and (min-width:1024px){
	#content .slide_div a{
		padding:8px 15px;
		font-size:16px;
		border:1px solid #035d9c;
		border-radius:5px;
		box-shadow:inset 0 2px rgba(255,255,255,.2),0 0 10px #008fe9;
	}
}
.slide_div a:hover{
	box-shadow:inset 0 .18vw rgba(255,255,255,.2),0 0 5vw #008fe9;
	background:-webkit-linear-gradient(bottom,#002e61,#008fe9);
	background:linear-gradient(to top,#002e61,#008fe9);
	-webkit-transition:all .1s ease-in;
	transition:all .1s ease-in;
}
@media all and (min-width:1024px){
	#content .slide_div a:hover{
		box-shadow:inset 0 2px rgba(255,255,255,.2),0 0 60px #008fe9;
	}
}
.slide_div a:active{
	background:-webkit-linear-gradient(top,#002e61,#008fe9);
	background:linear-gradient(to bottom,#035d9c,#008fe9);
}


.slide_div a.style1{
 	color:rgba(0,46,97,.7);
	text-shadow:1px 1px 0px rgba(255,255,255,.5);
	border-color:rgba(0,46,97,.3) !important;
	box-shadow:0 0 3vw rgba(0,46,97,.3);
	background:-webkit-linear-gradient(bottom,rgba(255,255,255,.5),#fff);
	background:linear-gradient(to top,rgba(255,255,255,.5),#fff);
}
@media all and (min-width:1024px){
	#content .slide_div a.style1{
		box-shadow:0 0 20px #fff;
	}
}
.slide_div a.style1:hover{
 	color:#002e61;
	border-color:#008fe9 !important;
	box-shadow:0 0 3vw #008fe9,0 0 8vw #008fe9;
}
@media all and (min-width:1024px){
	#content .slide_div a.style1:hover{
		box-shadow:0 0 20px #008fe9,0 0 60px #008fe9;
	}
}
.slide_div a.style1:active{
	background:-webkit-linear-gradient(top,rgba(255,255,255,.7),rgba(255,255,255,.9));
	background:linear-gradient(to bottom,rgba(255,255,255,.7),rgba(255,255,255,.9));
}


.slide_div a.style2{
 	color:rgba(0,46,97,.7);
	text-shadow:1px 1px 0px rgba(255,255,255,.5);
	border-color:rgba(0,46,97,.3) !important;
	box-shadow:0 0 3vw rgba(0,46,97,.3);
	background:-webkit-linear-gradient(bottom,rgba(255,255,255,.5),#fff);
	background:linear-gradient(to top,rgba(255,255,255,.5),#fff);
}
@media all and (min-width:1024px){
	#content .slide_div a.style2{
		box-shadow:0 0 20px #fff;
	}
}
.slide_div a.style2:hover{
	border-color:#fff !important;
	box-shadow:0 0 3vw #fff,0 0 8vw #fff;
}
@media all and (min-width:1024px){
	#content .slide_div a.style2:hover{
		box-shadow:0 0 20px #fff,0 0 60px #fff;
	}
}
.slide_div a.style2:active{
	background:-webkit-linear-gradient(top,rgba(255,255,255,.7),rgba(255,255,255,.9));
	background:linear-gradient(to bottom,rgba(255,255,255,.7),rgba(255,255,255,.9));
}


.slide_div a.style3{
 	color:rgba(0,46,97,.7);
	text-shadow:1px 1px 0px rgba(255,255,255,.5);
	border-color:rgba(0,46,97,.3) !important;
	box-shadow:0 0 3vw rgba(0,46,97,.3);
	background:-webkit-linear-gradient(bottom,rgba(255,255,255,.5),#fff);
	background:linear-gradient(to top,rgba(255,255,255,.5),#fff);
}
@media all and (min-width:1024px){
	#content .slide_div a.style3{
		box-shadow:0 0 0 1px #f3fee4;
	}
}
.slide_div a.style3:hover{
 	color:#fff;
	text-shadow:1px 1px 0px #002e61;
	border-color:#008fe9 !important;
	box-shadow:0 0 4vw #008fe9,0 0 20px #008fe9;
	background:-webkit-linear-gradient(bottom,#002e61,#008fe9);
	background:linear-gradient(to top,#002e61,#008fe9);
}
@media all and (min-width:1024px){
	#content .slide_div a.style3:hover{
		box-shadow:0 0 0 1px #008fe9,0 0 20px #008fe9;
	}
}
.slide_div a.style3:active{
	background:-webkit-linear-gradient(top,#002e61,#008fe9);
	background:linear-gradient(to bottom,#002e61,#008fe9);
}


.slide_div a.style4{
	border-color:#fff !important;
	box-shadow:0 0 0 .15vw #008fe9;
	background:-webkit-linear-gradient(bottom,#002e61,#008fe9);
	background:linear-gradient(to top,#002e61,#008fe9);
}
@media all and (min-width:1024px){
	#content .slide_div a.style4{
		box-shadow:0 0 0 1px #008fe9;
	}
}
.slide_div a.style4:hover{
	box-shadow:0 0 0 .15vw #008fe9,0 0 4vw #008fe9;
	background:-webkit-linear-gradient(bottom,#002e61,#008fe9);
	background:linear-gradient(to top,#002e61,#008fe9);
}
@media all and (min-width:1024px){
	#content .slide_div a.style4:hover{
		box-shadow:0 0 0 1px #008fe9,0 0 20px #008fe9;
	}
}
.slide_div a.style4:active{
	background:-webkit-linear-gradient(top,#002e61,#008fe9);
	background:linear-gradient(to bottom,#002e61,#008fe9);
}

/*
*	---------------------------------------------
*	--------------- CONTENT ---------------------
*	---------------------------------------------
*/

#content{
	flex:1 0 auto;
	vertical-align:top;
}
.content_box{
	display:inline-block;
	vertical-align:top;
}
@media all and (max-width:767px){
	.content_box{
		display:block;
		width:100% !important;
		margin:0 0 20px 0 !important;
	}
}

/*
*	---------------------------------------------
*	--------------- DRAGGABLE -------------------
*	---------------------------------------------
*/

.draggable{
	position:absolute;
	width:100%;
	height:100%;
	overflow:hidden;
}
.draggable #back{
	position:relative;
}
.draggable .page{
	position:absolute;
	width:auto;
}
.arrow{
	position:absolute;
	width:40px;
	height:50px;
	background:url(/img/site/sprite.php?1054) 0 -172px no-repeat;
}
.draggable>span{
	-webkit-transition:opacity .2s ease-in;
	transition:opacity .2s ease-in;
}

/*
*	---------------------------------------------
*	--------------- FULLSCREEN ------------------
*	---------------------------------------------
*/

.fullscreen{
	position:absolute;
	right:0;
	top:0;
	width:40px;
	height:40px;
	background:-webkit-linear-gradient(bottom,rgba(255,255,255,.7),#fff);
	background:linear-gradient(to top,rgba(255,255,255,.7),#fff);
	box-sizing:border-box;
	cursor:pointer;
	opacity:.8;
	border-radius:0 0 0 10px;
	-webkit-transition:all .1s ease-in;
	transition:all .1s ease-in;
}
@media all and (max-width:1023px){
	.fullscreen{
		border-radius:0 0 0 5px;
	}
}
.fullscreen:hover{
	opacity:1;
}
.fullscreen::before{
	content:'';
	position:absolute;
	width:20px;
	height:20px;
	top:50%;
	left:50%;
	margin:-10px 0 0 -10px;
	background:url(/img/site/sprite.php?1054) 0 -152px;
}

/*
*	---------------------------------------------
*	--------------- PAGE ------------------------
*	---------------------------------------------
*/

.page{
	margin:30px auto 30px auto;
	width:100%;
	max-width:1200px;
	box-sizing:border-box;
	text-align:left;
	vertical-align:top;
	overflow:hidden;
	padding:30px;
	border:5px solid rgba(255,255,255,0);
	border-radius:5px;
	background:rgba(255,255,255,.9);
	background-clip:padding-box;
	box-shadow:0 0 20px rgba(0,46,97,.4);
}
@media all and (max-width:1800px){
	.page{
		max-width:1000px;
	}
}
@media all and (max-width:1365px){
	.page{
		padding:20px;
		border-radius:0;
		width:100%;
	}
}
@media all and (max-width:1024px){
	.page{
		border-width:0;
	}
}
@media print{
	.page{
		box-shadow:none;
	}
}

/*
*	---------------------------------------------
*	--------------- BACK ------------------------
*	---------------------------------------------
*/

#back{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:-1;
}
@media all and (max-width:1023px){
	#back{
		height:120%;
	}
}
#back>video,
#back>div,
#back::after{
    position: absolute;
	top:0;
	left:0;
    width: 100%;
	height: 100%;
}
#back>video{
    object-fit:cover;
}
#back>div{
	background-position:center;
	background-size:cover;
	-webkit-transition:opacity 2s ease-in-out;
	transition:opacity 2s ease-in-out;
}
#back::after{
	content:'';
	display:block;
	background: url(/img/site/texture.png) repeat;
}
@media print{
	#back{
		display:none;
	}
}

/*
*	---------------------------------------------
*	--------------- CLIENT ----------------------
*	---------------------------------------------
*/

.client{
	display:inline-block;
	overflow:hidden;
	width:100%;
	margin:0 0 10px 0;
}
@media all and (min-width:480px) and (max-width:767px){
	.client{
		width:47%;
		margin:0 20px 20px 0;
	}
	.client:nth-child(odd){
		margin-right:0;
	}
}
@media all and (min-width:768px) and (max-width:1023px){
	.client{
		width:30%;
		margin:0 20px 20px 0;
	}
	.client:nth-child(3n+3){
		margin-right:0;
	}
}
@media all and (min-width:1024px){
	.client{
		width:23%;
		margin:0 20px 40px 0;
	}
	.client:nth-child(4n+3){
		margin-right:0;
	}
}
.client div{
	height:100px;
	margin-bottom:20px;
	background-position:0 50%;
	background-repeat:no-repeat;
}
.client b,.client strong{
	font:normal 18px main;
}

/*
*	---------------------------------------------
*	--------------- CONTACT US ------------------
*	---------------------------------------------
*/

.contact_us{
	position:absolute;
	bottom:0;
	width:100%;
	padding:40px 0 20px 0;
	text-align:center;
	background:rgba(0,46,97,.6);
}
.contact_us .box{
	background:none;
	max-width:800px;
}

/*
*	---------------------------------------------
*	--------------- PARTNERS --------------------
*	---------------------------------------------
*/

#partners{
	background:#fff;
	text-align:center;
	display:flex;
	flex:0 0 auto;
	flex-wrap:wrap;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	padding:10px 0;
	border-top:5px solid #002e61;
	border-bottom:5px solid #002e61;
	box-shadow:0 -5px 0 #fff,0 -3px 10px rgba(0,0,0,.8);
}
@media print{
	#partners{
		display:none;
	}
}
#partners a{
	display:inline-block;
	background:center no-repeat;
	margin:20px;
	flex:0 0 auto;
}
#partners a:nth-child(1){
	background-image:url(/img/site/ekt.png);
	width:68px;
	height:104px;
}
#partners a:nth-child(2){
	background-image:url(/img/site/elea.png);
	width:129px;
	height:96px;
}
#partners a:nth-child(3){
	background-image:url(/img/site/eraa.png);
	width:165px;
	height:60px;
}
#partners a:nth-child(4){
	background-image:url(/img/site/fiata.png);
	width:108px;
	height:100px;
}
#partners a:nth-child(5){
	background-image:url(/img/site/wk.png);
	width:243px;
	height:50px;
}
@media screen and (min-resolution:144dpi){
	#partners a{
		background-size:contain;
	}
	#partners a:nth-child(1){
		background-image:url(/img/site/ekt_mob.png);
	}
	#partners a:nth-child(2){
		background-image:url(/img/site/elea_mob.png);
	}
	#partners a:nth-child(3){
		background-image:url(/img/site/eraa_mob.png);
	}
	#partners a:nth-child(4){
		background-image:url(/img/site/fiata_mob.png);
	}
	#partners a:nth-child(5){
		background-image:url(/img/site/wk_mob.png);
	}
}
@media all and (max-width:1279px){
	#partners a{
		margin:10px;
	}
}

/*
*	---------------------------------------------
*	--------------- BOTTOM 1 --------------------
*	---------------------------------------------
*/

#bottom1{
	flex:1 0 auto;
	border-top:5px solid #fff;
	background-image:-webkit-linear-gradient(top,#002e61 0%,#102d4e);
	background-image:linear-gradient(to bottom,#002e61 0%,#102d4e);
}
@media print{
	#bottom1{
		display:none;
	}
}
#bottom1>div{
	margin:0 auto;
	display:flex;
	justify-content:space-around;
	align-items:stretch;
	flex-wrap:wrap;
	flex:1 0 auto;
	padding:10px 40px;
	font-size:14px;
	color:#97bae0;
	text-shadow:1px 1px 0px rgba(0,46,97,.3);
}
@media all and (max-width:1800px){
	#bottom1>div{
		padding:10px 20px;
	}
}
@media all and (max-width:1024px){
	#bottom1>div{
		flex-direction:column;
		padding:10px 20px;
	}
}
#bottom1>div>div{
	flex:0 0 auto;
}
.bottom{
	display:inline-block;
	text-align:left;
	vertical-align:top;
	margin:20px;
}
@media all and (max-width:1365px){
	.bottom{
		margin:10px !important;
	}
}
@media all and (max-width:767px){
	.bottom{
		margin:10px 10px 10px 0 !important;
	}
}
.bottom strong,
.bottom b{
	font:normal 18px main;
	color:#fff;
}
.bottom,
.bottom a{
	color:#97bae0;
	text-decoration:none;
}
.bottom a:hover{
	color:#fff !important;
}
#bottom1 .tip{
	background:rgba(255,255,255,.2);
}
#bottom1 .tip:hover{
	background-color:rgba(255,255,255,.4);
}

/*
*	---------------------------------------------
*	--------------- BOTTOM 2 --------------------
*	---------------------------------------------
*/

#bottom2{
	background-color:#fff;
	background-image:-webkit-linear-gradient(top,#fff 0%,rgba(0,46,97,.1));
	background-image:linear-gradient(to bottom,#fff 0%,rgba(0,46,97,.1));
}
#bottom2>div{
	margin:0 auto;
	flex:0 1 auto;
	position:relative;
	padding:0 30px;
	min-height:50px;
	text-align:center;
	font-size:14px;
	color:#102d4e;
	text-shadow:1px 1px 0px #fff;
}
@media all and (max-width:1365px){
	#bottom2>div{
		padding:0 20px;
	}
}
@media all and (max-width:1023px){
	#bottom2>div{
		padding:0;
		min-height:60px;
	}
}
#bottom2>div>div{
	position:absolute;
	top:50%;
	margin-top:-9px;
	text-align:center;
}
@media all and (max-width:1023px){
	#bottom2>div>div{
		position:static;
		margin-top:15px;
	}
}
#bottom2 a{
	display:inline-block;
	position:absolute;
	width:70px;
	height:20px;
	right:30px;
	top:50%;
	margin-top:-10px;
}
@media all and (max-width:1365px){
	#bottom2 a{
		right:20px;
	}
}
@media all and (max-width:1023px){
	#bottom2 a{
		top:35px;
		left:50%;
		margin-left:-35px;
	}
}
#bottom2 a::before,
#bottom2 a::after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(/img/site/sprite.php?1054) 0 -634px;
	-webkit-transition:opacity .1s ease-in;
	transition:opacity .1s ease-in;
}
#bottom2 a::after{
	background-position:-70px -634px;
}
#bottom2 a:hover::before,
#bottom2 a::after{
	opacity:0;
}
#bottom2 a:hover::after{
	opacity:1;
}
@media print{
	#bottom2{
		display:none;
	}
}

/*
*	---------------------------------------------
*	--------------- MORE ------------------------
*	---------------------------------------------
*/

.more{
	display:inline-block;
	position:relative;
	width:200px;
	height:30px;
	margin:0 auto -15px auto;
	cursor:pointer;
}
.more::before,
.more::after{
	content:'';
	position:absolute;
	top:50%;
	left:50%;
	width:50px;
	height:20px;
	margin:-10px 0 0 -25px;
	background:url(/img/site/sprite.php?1054) -100px -40px;
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
	-webkit-transition:opacity .1s ease-in;
	transition:opacity .1s ease-in;
}
.more:hover::before,
.more::after{
	opacity:0;
}
.more:hover::after{
	opacity:1;
	background-position:-50px -40px;
}
@media print{
	.more{
		display:none;
	}
}

/*
*	---------------------------------------------
*	--------------- TITLE -----------------------
*	---------------------------------------------
*/

.title{
	margin-bottom:20px;
}
@media all and (max-width:1023px){
	.title{
		text-align:center;
	}
}

/*
*	---------------------------------------------
*	--------------- SURVEYS ---------------------
*	---------------------------------------------
*/

.survey{
	text-align:left;
	padding:10px 0;
	margin-right:15px;
	cursor:pointer;
}
.survey:first-child{
	padding-top:0;
}
.survey div{
 	font-size:normal 13px main;
	text-align:left;
	color:#fff;
	text-shadow:1px 1px 0 rgba(0,46,97,.1);
	background:rgba(0,46,97,.3);
	padding:3px 5px;
	border-radius:10px;
	margin-top:5px;
	-webkit-transition:all .1s ease-in;
	transition:all .1s ease-in;
}
.survey:hover div,
.survey.cur div{
	background:#102d4e;
}

/*
*	---------------------------------------------
*	--------------- TABLE -----------------------
*	---------------------------------------------
*/

.table{
	font-size:14px;
	text-align:left;
	vertical-align:top;
	margin-top:10px;
}
.table.order{
	display:inline-block;
	margin-right:40px;
}
.table thead td{
	font-size:16px;
}
.table thead tr{
	border-bottom:1px solid rgba(0,46,97,.1);
}
.table td{
	padding:6px 0 8px 0;
	vertical-align:top;
	line-height:18px;
	border-bottom:1px solid rgba(0,46,97,.1);
}
.table tr td:first-child{
	padding-right:20px;
}
.table tr:last-child td{
	border-bottom:0;
}

/*
*	---------------------------------------------
*	--------------- SEPARATOR -------------------
*	---------------------------------------------
*/

.separator{
	flex:0 0 auto;
	width:600px;
	max-width:100%;
	height:10px;
	margin-top:10px;
	background:-webkit-radial-gradient(top,60% 2px,#fff,rgba(255,255,255,0) 70%);
	background:radial-gradient(ellipse 60% 2px at top,#fff,rgba(255,255,255,0) 70%);
}
@media all and (max-width:1023px){
	.separator{
		height:5px;
		margin-top:2px;
	}
}

/*
*	---------------------------------------------
*	--------------- ITEMS -----------------------
*	---------------------------------------------
*/

.items{
	width:100%;
	margin-bottom:10px;	
	background:#fff;
	box-shadow:0 0 5px rgba(0,46,97,.1);
}
@media all and (max-width:1024px){
	.items{
		font-size:14px;
	}
}
.items td{
	padding:10px;
	text-align:left;
	vertical-align:middle;
}
@media all and (max-width:1024px){
	.items td{
		padding:5px;
	}
}
.items tr:first-child{
	background-color:transparent !important;
}
.items tr:first-child td{
	background-color:transparent !important;
	border:0 !important;
	color:rgba(0,0,0,.8);
	font-size:14px;
	cursor:pointer;
	overflow:hidden;
	-webkit-transition:color .1s ease-in;
	transition:color .1s ease-in;
}
.items tr:first-child td:hover{
	color:#035d9c !important;
}
.items tr:nth-child(even){
	background-color:rgba(0,46,97,.05);
}
.items tr:nth-child(odd) td{
	border-right:1px solid rgba(0,46,97,.05);
}
.items tr:nth-child(even) td{
	border-right:1px solid #fff;
}
.items tr td:last-child{
	border-right:0 !important;
}
.items tr:hover{
	background-color:rgba(1,98,149,.05);
}

/*
*	---------------------------------------------
*	--------------- YOUTUBE ---------------------
*	---------------------------------------------
*/

.yt{
	width:100%;
	height:642px;
}
@media all and (max-width:1800px){
	.yt{
		height:529px;
	}
}
@media all and (max-width:1365px){
	.yt{
		height:652px;
	}
}
@media all and (max-width:1200px){
	.yt{
		height:53vw;
	}
}
.yt>iframe{
	width:100%;
	height:100%;
}

/*
*	---------------------------------------------
*	--------------- VIRTUAL TOUR ----------------
*	---------------------------------------------
*/

.vt{
	width:100%;
	height:700px;
}
@media all and (max-width:1800px){
	.vt{
		height:570px;
	}
}
@media all and (max-width:1023px){
	.vt{
		height:300px;
	}
}
#popup{
	display:none;
	position:fixed;
	z-index:1000;
	width:100%;
	height:100%;
	background:-webkit-radial-gradient(rgba(0,0,0,0),rgba(0,46,97,.1));
	background:radial-gradient(rgba(0,0,0,0),rgba(0,46,97,.1));
	background-color:#fff;
	opacity:0;
}
#popup_loading{
	position:absolute;
	left:50%;
	top:50%;
	margin:-15px 0 0 -15px;
	width:30px;
	height:30px;
	background:rgba(255,255,255,.6);
	box-shadow:0 0 5px rgba(0,46,97,.3);
	border-radius:50%;
	-webkit-animation-name:spin;
	-webkit-animation-duration:.5s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-iteration-count:infinite;
	animation:spin .5s linear infinite;
}
#popup_loading::before{
	content:'';
	position:absolute;
	width:20px;
	height:20px;
	left:50%;
	top:50%;
	margin:-10px 0 0 -10px;
	background:url(/img/popup.php?1054);
}
#popup_frame{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	align-content:center;
	overflow:hidden;
	box-sizing:border-box;
	padding:0 40px;
	width:100%;
	height:100%;
	max-width:100% !important;
	max-height:100% !important;
	opacity:0;
}
#popup_frame>img{
    box-sizing:border-box;
	box-shadow:0 0 5px rgba(0,46,97,.2);
	background:#fff;
	border:5px solid #fff;
	max-width:100% !important;
	max-height:100% !important;
}
#popup_frame iframe{
	height:100% !important;
}
#popup_not_found{
	padding:10px;
	border-radius:5px;
	font-size:14px;
	color:#fdf6f5;
	border:1px solid #035d9c;
	background:#008fe9;
}
#popup_info{
	position:absolute;
	bottom:5px;
 	color:rgba(0,0,0,.9);
 	font-size:12px;
	padding:5px 10px;
	border-radius:2px;
	margin:10px;
	text-align:center;
	background-color:rgba(255,255,255,.8);
}
#popup_x{
	display:block;
	position:absolute;
	top:0px;
	cursor:pointer;
	width:40px;
	height:40px;
	overflow:hidden;
}
#popup_x::before,
#popup_x::after{
	content:'';
	position:absolute;
	top:50%;
	left:50%;
	width:30px;
	height:30px;
	margin:-15px 0 0 -15px;
	background:url(/img/popup.php?1054);
}
@media all and (max-width:1023px){
	#popup_x::before,
	#popup_x::after{
		-webkit-transform:scale(.8);
		-moz-transform:scale(.8);
		-o-transform:scale(.8);
		-ms-transform:scale(.8);
		transform:scale(.8);
	}
}
#popup_x{
	right:0;
}
#popup_x::before{
	background-position:0 -20px;
}
#popup_x::after{
	background-position:-30px -20px;
}
#popup_prev,
#popup_next{
	display:block;
	position:absolute;
	top:50%;
	bottom:50%;
	margin:auto;
	margin-top:-50px;
	width:40px;
	height:100px;
}
#popup_prev{
	left:0px;
}
#popup_next{
	right:0px;
}
#popup_prev::before,
#popup_prev::after,
#popup_next::before,
#popup_next::after{
	content:'';
	position:absolute;
	width:30px;
	height:100px;
	top:0;
	left:50%;
	margin-left:-15px;
	background:url(/img/popup.php?1054);
	background-position:0 -50px;
}
#popup_prev::before,
#popup_next::before{
	background-position:0 -50px;
}
#popup_prev::after,
#popup_next::after{
	background-position:-30px -50px;
}
#popup_next::before,
#popup_next::after{
	-webkit-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	transform:rotate(180deg);
}
#popup_x::before,
#popup_x::after,
#popup_prev::before,
#popup_prev::after,
#popup_next::before,
#popup_next::after{
	-webkit-transition:opacity .1s ease-in;
	transition:opacity .1s ease-in;
}
#popup_x:hover::before,
#popup_prev:hover::before,
#popup_next:hover::before,
#popup_x::after,
#popup_prev::after,
#popup_next::after{
	opacity:0;
}
#popup_x:hover::after,
#popup_prev:hover::after,
#popup_next:hover::after{
	opacity:1;
}
.mCustomScrollbar{ -ms-touch-action: none; touch-action: none; /* MSPointer events - direct all pointer events to js */ }
.mCustomScrollbar.mCS_no_scrollbar{ -ms-touch-action: auto; touch-action: auto; }
	
.mCustomScrollBox{ /* contains plugin's markup */
	position: relative;
	overflow: hidden;
	height: 100%;
	max-width: 100%;
	outline: none;
	direction: ltr;
}

.mCSB_container{ /* contains the original content */
	overflow: hidden;
	width: auto;
	height: auto;
}


/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */

	.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
		position: absolute;
		width: 20px;
		height: auto;
		left: auto;
		top: 0;
		right: 0;
		bottom: 0;
	}

	.mCSB_outside + .mCSB_scrollTools{ right: -15px; } /* scrollbar position: outside */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
		right: auto;
		left: 0;
	}
	
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -15px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

	.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0; 
		height: auto;
	}

	.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }

	.mCSB_scrollTools .mCSB_draggerRail{
		width: 2px;
		height: 100%;
		margin: 0 0 0 auto;
	}

	.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
		cursor: pointer;
		width: 100%;
		height: 30px; /* minimum dragger height */
		z-index: 1;
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
		position: relative;
		width: 4px;
		height: 100%;
		margin: 0 0 0 auto;
		text-align: center;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 20px; /* auto-expanded scrollbar */ }
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 20px; /* auto-expanded scrollbar */ }

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown{
		display: block;
		position: absolute;
		height: 20px;
		width: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}

	.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_horizontal.mCSB_inside > .mCSB_container{
		margin-right: 0;
		margin-bottom: 30px;
	}
	
	.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }

	.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal{
		width: auto;
		height: 15px;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -25px; } /* scrollbar position: outside */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 2px;
		margin: 7px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
		width: 30px; /* minimum dragger width */
		height: 100%;
		left: 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 12px; /* auto-expanded scrollbar */
		margin: 2px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 8px; /* auto-expanded scrollbar */
		margin: 4px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
		display: block;
		position: absolute;
		width: 20px;
		height: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}
	
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_container_wrapper{
		position: absolute;
		height: auto;
		width: auto;
		overflow: hidden;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin-right: 30px;
		margin-bottom: 30px;
	}
	
	.mCSB_container_wrapper > .mCSB_container{
		padding-right: 30px;
		padding-bottom: 30px;
	}
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }
	
	/* non-visible horizontal scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }
	
	/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }
	
	/* non-visible scrollbar/RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ 
		padding-right: 0; 
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ 
		padding-bottom: 0; 
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
		margin-right: 0; /* non-visible scrollbar */
		margin-left: 0;
	}
	
	/* non-visible horizontal scrollbar */
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_scrollTools, 
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		-webkit-transition: opacity .1s ease-in-out, background-color .1s ease-in-out;
		-moz-transition: opacity .1s ease-in-out, background-color .1s ease-in-out;
		-o-transition: opacity .1s ease-in-out, background-color .1s ease-in-out;
		transition: opacity .1s ease-in-out, background-color .1s ease-in-out;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
		-webkit-transition: width .1s ease-out .1s, height .1s ease-out .1s, 
					margin-left .1s ease-out .1s, margin-right .1s ease-out .1s, 
					margin-top .1s ease-out .1s, margin-bottom .1s ease-out .1s,
					opacity .1s ease-in-out, background-color .1s ease-in-out; 
		-moz-transition: width .1s ease-out .1s, height .1s ease-out .1s, 
					margin-left .1s ease-out .1s, margin-right .1s ease-out .1s, 
					margin-top .1s ease-out .1s, margin-bottom .1s ease-out .1s,
					opacity .1s ease-in-out, background-color .1s ease-in-out; 
		-o-transition: width .1s ease-out .1s, height .1s ease-out .1s, 
					margin-left .1s ease-out .1s, margin-right .1s ease-out .1s, 
					margin-top .1s ease-out .1s, margin-bottom .1s ease-out .1s,
					opacity .1s ease-in-out, background-color .1s ease-in-out; 
		transition: width .1s ease-out .1s, height .1s ease-out .1s, 
					margin-left .1s ease-out .1s, margin-right .1s ease-out .1s, 
					margin-top .1s ease-out .1s, margin-bottom .1s ease-out .1s,
					opacity .1s ease-in-out, background-color .1s ease-in-out; 
	}
	
	.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{
		opacity:0;
	}
	
	.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollBox:hover > .mCSB_scrollTools,
	.mCustomScrollBox:hover ~ .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{
		opacity:1;
	}

	.mCSB_scrollTools .mCSB_draggerRail,
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 10px;
	}

	.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width:20px;
		height:10px;
		margin:5px 0;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		width: 20px;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 20px;
	}