@charset "UTF-8";
@import "compass/css3";
* {  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}
html, body {
	font-family: 'europec', sans-serif;
	color: #fff;
	margin: 0;
	padding: 0;
	background-color:#0e2b42;
	font-size:20px;
	
	}
#vik {text-align: center; padding: 10px; color: #FFF; background-color: #2d3769;}
#vik h3{ font-size:35px;}
#vik strong {font-weight: bold; font-size: 30px;}

input, textarea, keygen, select, button, a.button {box-sizing:border-box; text-shadow: none; box-shadow: none; font-family: 'myriad'; color:#000;border-radius:3px; border:1px solid #dadada; text-decoration:none;}
input[type=button], a.button { display:block; width:279px; height:66px; border-radius:5px; background-color:#ffd100; border:1px solid #ffd100; font-weight:bold; font-size:16px;}
input[type=button]:hover, a.button:hover { cursor:pointer; background-color:#fbf1c4;}

P { margin:0 0 12px 0;}
IMG {border:0}
A, .shad { -webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; -webkit-backface-visibility: hidden; outline:none; color:#4D4D4D;}
A:hover { text-decoration:none; }
a.button { text-align:center; padding-top:21px;}
input, button {-webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; -webkit-backface-visibility: hidden; outline:none;}
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
h1 { font-size:40px; margin:0 0; padding:86px 0 20px 0; font-weight:normal; position:relative;}
h1 img { position:relative; margin-right:15px; top:-7px;}
.container{ max-width:1000px; padding:0 10px; margin:0 auto; text-align:center;}

.top { position:fixed; background-color:#FFFFFF; width:100%; color:#4D4D4D; min-height:122px; z-index:1000; padding-bottom: 20px;}
.top .line01 {width:222px; float:left;padding-top:32px;}
.top .line02 {display:inline-block; text-align:left; padding-top:32px; font-size:21px;}
.top .line03 {float:right; background:url(../img/img11.png) bottom left no-repeat; text-align:left; padding:32px 0 2px 57px; font-size:18px;}
.top .line02 a, .top .line02 a:hover{color:#4D4D4D;}

.mr7 { margin-right:7px;}
.mt20 { margin-top:20px;}
.pb30 { padding-bottom:30px;}
.pb80 { padding-bottom:80px;}
.pt200 {padding-top:170px;}
#back_img { background:url(../img/back.jpg) no-repeat; background-size: cover; background-attachment:fixed; padding-top: 150px;}

.attent { max-width:736px; border-radius:10px; background-color:#E6E6E6; text-align:left; color:#2D3769; font-size:18px; display:inline-block; position:relative;  padding:16px 20px 17px 20px; }
.attent img { position:absolute; top:0px; left:-84px;}
table td { background-color:rgba(0,0,0,0.5); text-align:left; padding:2px 19px;}

.visa { margin:0 auto 50px auto; background-color:rgba(0,0,0,0.5); font-size:22px; text-align:left; list-style:none; border-radius:15px; padding:10px 20px;}
.visa li { border-bottom:1px dotted #415F81; background:url(../img/img13.png) 0 12px no-repeat; padding:5px 0 4px 20px;}
.visa li:last-child { border-bottom:none;}

ul.accordion,
ol.accordion {
    margin: 0;
    padding: 0 0 80px 0;
}
ul.accordion h3 { margin:0 0; padding:0 0;}
ul.accordion .accordion-opener { font-size:22px; padding:5px 35px 5px 0; margin:0 0; background:url(../img/str.png) right 4px no-repeat #183E69; display:block; border-radius:5px; min-height:36px;}
ul.accordion .active .accordion-opener, ul.accordion .accordion-opener:hover { background-color:#BA5247;}
.accordion li {
    list-style-type: none;
    margin: 0 0 5px 0;
    padding: 0;
}
.accordion li:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    *zoom: 1;
}
.accordion a {
    color: inherit;
    text-decoration: inherit;
}
.accordion .loading {    display: none;}
.accordion .panel { padding:50px 0;}

	
@media screen and (max-width: 900px) {
.top { padding-bottom:25px;}
.attent { margin-top:0px;padding:10px; font-size:16px}
.attent img { width:50px; position: relative; display: block; margin:5px auto; top:-10px; left:auto;}
.top .line01, .top .line03 { float:none; display:inline-block;}
.top .line02 { padding-left:20px; padding-right:20px; font-size:24px;} 

.top { position: relative; }
.pt200{ padding-top:20px;}

.pb80 { padding-bottom:20px;}
ul.accordion{ padding-bottom:50px; padding-top:20px;}

}
@media screen and (max-width: 800px) {
 body { font-size:16px;}
 table td { padding:1px 10px;}
 h1 { font-size:30px; padding:40px 0 10px 0;}
 h1 img { display:block; margin:5px auto;}
 .pb80 { padding-bottom:10px;}
 ul.accordion .accordion-opener, .visa { font-size:18px;}
 .accordion .panel { padding:10px 0;}

}


