@font-face {
  font-family: 'icomoon';
  src:  url('/fonts/icomoon.eot') format('embedded-opentype'),
    url('/fonts/icomoon.ttf') format('truetype'),
    url('/fonts/icomoon.woff') format('woff'),
    url('/fonts/icomoon.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@media screen {
	body {font: 16px/140% 'Fira Sans', sans-serif; font-weight:normal;  margin:0; padding:0; background: #f2f2f2; color:#000; background-image:url(/media/pic/back1___.png); background-attachment:fixed; }
	
	.printer { display:none;}
}
@media print {
	body {font: 12px/120% 'Arsenal', sans-serif !important; font-weight:100; margin:0; padding:0; background: #fff; color: #321F34; background-image:url(/media/pic/back1___.png); background-attachment:fixed; }
	
	#pched_print { display:block;}
	.topnav, .botnav, .bcrum, .prbu {display:none; z-index:-1;}
	.monitor { display:none;}
	.footer { display:none;}
}

@media (max-width: 5000px) {
		.bb-footer { margin:40px 0 40px 0;}
	.logo-footer { margin:0 60px 0 0;}
	.zag {font-size:0.8rem;}
	.foot-link a {font-size:0.8rem;}
	.infot {font-size:0.8rem;}
	.foot-nav {float:left;}
	.cont-foot { float:left;}
	.foot-nav { margin:30px 60px 0 0;}
	.baninfo {top:90px;}
	#selectors {margin-top:500px;}
	.hmenpic {font-size:5rem;}
	.dta { float:left;}
}

@media (max-width: 1024px) {

	.baninfo {top:10px;}
	.backpro { background-size:200% 100%;}
	#selectors {margin-top:250px;}
	.hmenpic {font-size:4rem;}
	
	.bb-footer { margin:10px 0 10px 0;}
	.foot-nav { margin:0 30px 10px 0;}
	.dta { float:none;}
}

@media (max-width: 320px) {

	.baninfo {top:10px;}
	.backpro { background-size:200% 100%;}
	#selectors {margin-top:250px;}
	.hmenpic {font-size:3rem;}
	.bb-footer { margin:10px 0 10px 0;}
	.logo-footer { margin:0 30px 0 0;}
	.foot-nav { margin:0 30px 10px 0;}
	.dta { float: none;}
}

a {color: #61004D;}
a.nodecor { text-decoration:none;}
h1, h2, h3 { font-weight:300; line-height:2rem;  }
	h1 {font-size:2rem; }
	
nav a { text-decoration:none; color:#333;}
.clr {clear:both;}
.float { float:left;}
.button { cursor:pointer;}
.pointer {cursor:pointer; color:#06F;}
.none {display:none;}
.margin20 { height:20px; width:10px;}
.margin40 { height:40px; width:10px;}
.margin80 { height:80px; width:10px;}
.page { width:980px; margin:auto;}
.pagem { width:780px; margin:auto;}
.devide { width:2px; height:2em; margin-top:0.6em;}
.text_button { display:inline-block;  margin:10px; padding:10px; background-color: #773188; color:#FFF; cursor:pointer; background-image: linear-gradient(rgba(40,30,40,1), rgba(90,70,90,1));}
.infotext { font-style:italic;}
.bord {border-right: 1px solid #E2E2E2; }
.bord2 {border-right: 1px solid #EFEFEF; }
.bord3 {border-bottom: 1px solid #EFEFEF; }
.white { color:#FFF;}
.exec { cursor:pointer;}
.shadow1 {background-color:#FFF; box-shadow:0 10px 20px -1px rgba(150,150,150,0.5);}
.shadow2 {background-color:#FFF; box-shadow:0 20px 20px -1px rgba(150,150,150,0.5);}
.shadow3 { box-shadow:0 -20px 20px -1px rgba(150,150,150,0.5);}
.shadow4 {background-color:#FFF; box-shadow:0 0 20px -1px rgba(150,150,150,0.5);}
.jcomponent { display:block;}




/*pc main*/
#page-container { width:1400px; margin:0 auto 0 auto; background-color:#FFF; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.12);}
.topnav {  width:100%; font-size:0.7rem; padding:3px 0; background-color:#0962a9;}
.mon_top_menu ul { list-style:none; margin:0; padding:0;}
.mon_top_menu ul li { float:left; margin:0 10px 0 0; }
.mon_top_menu ul li a { color:#FFF;}

.botnav { width: 100%; position:relative; z-index:6000; background-color:#FFF;  padding:10px 0; }
.menu_main { list-style:none; margin:0; padding:0;}
.menu_main li { float:left; margin:0 20px 0 0; }
.menu_main li a { color:#FFF;}



.botmenu ul { list-style:none; margin:0; padding:0;}
.botmenu ul li { float:left; margin:0 10px 0 0; }
.botmenu ul li a { color:#fff;}


.botnav_box {  }
.punkt {margin:0 40px 0 0;}
.punkt a { color:#fff; }
.slogan { font-size:1.6rem; margin:80px 0 0 90px; color:#0962a9; font-weight:bold;}
.phons {font-size:1.8rem; font-weight:bold;; margin:70px 0 0 90px; padding:10px; background-color:#ffa000; color:#FFF;}
.phons a { color:#FFF;}
.logoban { display:inline-block; width:150px; height:150px; background-size:150px 150px;    background-repeat:no-repeat;    background-image:url(/images/logo.svg);    background-position: center center; margin:0 40px 0 0;}
.locat { width:200px;}
#place { cursor:pointer;}

.mnav { padding:10px; background-color:#0b70c1;}
.mnav a { color:#FFFFFF;}




.bcrum span {font-size:0.6rem; margin:0 1rem 0 1rem; color:#CCC;}
.bcrum  {margin:1rem 0 2rem 0; font-style:italic;}
.dh1 { font-size:2rem; line-height:170%; margin:20px 0;}

/*footer  background-color:#D6D5CF;*/
footer { color:#fff; border-top:15px solid #053f6e; border-bottom:20px solid #053f6e; display:block; width:100%; background-color:#07508b;  }
#logotxt { display:inline-block; width:100px; height:100px; background-size:100px 100px;    background-repeat:no-repeat;    background-image:url(/images/logo-white.svg);    background-position: center center;}


.bb-footer { margin:40px 0 40px 0; font-size:0.9em;}
.infofooter {margin:0 60px 0 0; }
.cont-foot .icon {color: #fff; padding:10px; border:1px solid #222; text-align:center; border-radius:20px; }
.zag { margin:1em 0 1em 0; font-weight:bold; font-size:0.8em;}
.foot-link a { color: #fff; font-size:0.8em;}
.infot { color: #fff; font-size:0.8em;}

.footnav { margin:50px 0 0 0;}
.footinfo {font-size:0.7rem;}
.shans {font-size:0.8rem;}

.print_logo { width:600px; margin:auto;}
.print_slogan { font-size:3em; font-weight:bold; text-align:center; margin:30px 0 0 0; }
.print_phone { font-size:2em; text-align:center; margin:30px 0 0 0; }
.printxt {cursor:pointer; display:inline-block; padding:10px; font-size:1.3rem;  color:#FFF; background-image: linear-gradient(rgba(40,30,40,1), rgba(90,70,90,1));}


.modal_window {position:absolute;  width:100%; height:100%; z-index:7000; display:none; top:0;}
.modal_blure { position:absolute; width:100%; height:100%; z-index:7200; top:0; background-color:rgba(0,0,0,0.7);}
.modal_window_container {position:absolute; background-color:rgba(255,255,255,1); z-index:7300; }
.modal_window_asset { height:40px; padding:10px 20px; font-size:1.9rem; color:#3F045C;  background-color:#F4F4F4;}
.loader {width:64px; height:64px; background-image:url(/media/pic/91.svg); position:absolute; top:50%; left:50%; margin:-32px -32px 0 0;}
#current_address { width:79%; padding:2px; display:inline-block;}
.closer_box {text-align:right; width:20%; display:inline-block;}
.closer { cursor:pointer;}
.modal_window_dynamic { padding:0 0 10px 0; overflow:auto;}
.closerpic { position:absolute; z-index:8000; background-color:#FFFFFF; padding:5px; border-radius:15px; color:#F00;}



/*mobile style*/
.mob-hed { height:50px; }

.menum-cont { width:26px; font-size:26px; margin:12px 0 0 0;}

.logo-cont { margin:0 0 0 0;}
.logos {width:55px; margin:5px auto 0 auto; }

.lk-cont { margin:10px 0;  }
.lk-cont a {text-decoration:none; color:#333333;}

.mob_menu ul { list-style:none; margin:0 0 0 20px; padding:0;}
.mob_menu ul li { margin:10px 0 0 0; }
.mob_menu ul li a { color:#000;}

.closer {color:#c60000; font-size:1.3rem; cursor:pointer;}
.mobcloser { text-align:right; margin:0 0 -30px 0;}
#mask { background-color:rgba(0,0,0,0.8); position:fixed; top:50px; left:0; z-index:24000; display:none;}
#smallhed { position: relative; z-index:200; height:50px;}
#menum-board { width:300px;  position:absolute; z-index:25000; top:50px; background: #f2f2f2; display:none}
.margin40x { height:40px; background-color:#FFFFFF;}