@import "../css/reset.css";@import "../css/grid.css";@import "../css/superfish.css";@import url(http://fonts.googleapis.com/css?family=Capriola);
@import "../css/ui.totop.css";
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display:block}mark,rp,rt,ruby,summary,time{display:inline}
/* Global properties ======================================================== */
html {width:100%}

body {font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:22px; color:#988f8f; min-width:960px; background:url(../img/body_bg.jpg) 50% 0 repeat #f1f1f1;}
.main {width:960px;padding:0;margin:0 auto;}

/*********************************fonts*************************************/
.reg {text-transform:uppercase}
.f_left {float:left}
.f_right {float:right}
.align_right {text-align:right}
.align_center {text-align:center}

.it{font-style:italic}
.let{letter-spacing:-1px}

/*********************************CLASSES**********************************/
.m_bottom_zero{ margin-bottom:0 !important;}
.m_left_zero{ margin-left:0 !important;}
.p_bottom_zero{ padding-bottom:0 !important;}
.p_left_zero{ padding-left:0 !important;}

.clear {clear:both;width:100%;line-height:0;font-size:0;}
.wrapper {display: flex;margin-top:50px; padding-top:50px; padding-bottom:100px;width:100%;overflow:hidden;}
.wrapper-news {display: flex;margin-top:120px; padding-bottom:100px;width:100%;overflow:hidden;}
.wrapper-child {display: flex;margin-top:25px; padding-top:50px; padding-bottom:100px;width:100%;overflow:hidden;}
.extra_wrapper{ overflow:hidden;}
.container{width:100%}
.extra_last, .last{ margin-bottom:0 !important; padding-bottom:0 !important;}
.extra_last{ border:none !important; background:none !important;}
.bg_none{ background:none !important;}

/*==================================== Links ======================================================== */
a {color:#988f8f;outline:none; text-decoration:none; cursor:pointer;}
a:hover{ color:#41a864; text-decoration:none;}

.button{ display:inline-block; padding:7px 10px 6px; margin: 15px 0 4px; border-radius:9px; font-size: 12px; line-height: 15px; color:#fff; background:url("../img/button_b.jpg") 0 0 repeat-x #0398dc;text-transform:uppercase;text-shadow:1px 0 #0398dc;box-shadow: 0 1px 3px rgba(0,0,0,0.42);}
.button:hover{ background:#0398dc;color:#fff;}

/*********************************Displays*************************************/
.block{ display:block;}
.inline-block{ display:inline-block;}

/*********************************header*************************************/

header {margin: 0 10px 47px 7px; padding: 60px 0 0 0;position: relative;z-index: 1000;}
header h1{width:232px;float:left;}
header h1 a {display:block;width:232px;height:100px;background:url(../img/dr.png) 0 0 no-repeat; text-decoration:none; text-indent:-9999px;}

/*********************************content*************************************/
#content {padding:0px 0px 0px 0px; position:relative;z-index:1;}
.cont_pad{padding:0 0 0 0 !important;}
.cont_pad1{margin-top:15px; padding:175px 0 55px !important;}
.cont_pad2{padding: 46px 0 44px !important;}
.bord_b{border-bottom:1px solid #ffffff;}

/* ============ ASIDE =====================*/
.list_box{padding: 47px 0 42px;background:#ececec;border-top:1px solid #e2e2e2;border-bottom:1px solid #e3e3e3;}
.list_box .list1 span{margin-left:4px;}

/*===============================>> Paragraphs <<=============================*/

p {margin-bottom:22px}
.p2{ margin-bottom:10px;}
.p3{ margin-bottom:30px;}

/*================================>> LISTS <<========================================*/
.list1{}
.list1 li{line-height:15px;margin-bottom:7px;}
.list1 a{color:#41a864;font-weight:bold;text-decoration:underline;font-size:12px;}
.list1 a span{display:inline-block;margin: 6px 0 0 0;background:url("../img/list_span.png") 0 0 no-repeat;width:6px;height:5px;}
.list1 a:hover{text-decoration:none;color:#543f34;}

.list2{}
.list2 li{ background:url(../img/marker1.png) 0 9px no-repeat; padding-left:15px;margin-bottom:8px;}
.list2 a{}


/*================================>> H <<========================================*/
h2,h3,h4{ font-weight:normal;}
h2{font-size: 24px; line-height: 29px; color:#2a2a2a;letter-spacing:-1px;padding-bottom:16px;position:relative;}

h2.ind{ margin-bottom:24px;}
h2.ind1{ margin-bottom:22px;}
h2.ind2{ margin-bottom:28px;}

h3, .adress dt{font-size: 14px; line-height: 19px; color:#6a5c52; text-transform:uppercase;margin-bottom:20px;}
h3 span{display:block;margin-top:-1px;}
/*================================>> GOOGLE FONTS  <<========================================*/
.tools, .sf-menu, h2, h3, .button, .capriola, .pag a, .adress dt{font-family: 'Capriola', sans-serif;}

/*================================>> hovers <<========================================*/
.sf-menu li, #slider .pag a, #slider .pag li, #slider .pag span{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

/* Global Blocks*/

.block1{background:#F57F17 url('../img/block1_o.png') 0 0 repeat; border-top:3px solid #392721;height:53px;}

.tools{overflow:hidden;float:right;margin: 0 9px 0;padding: 16px 0 19px 0;}
.tools>li{float:left;margin-left:21px;background:url('../img/tools_li_o.png') 0 0 no-repeat;padding: 0 0 0 21px}
.tools a, .tools{text-transform:uppercase;color:#fff;font-size:12px;line-height:18px;text-shadow: 0 1px 2px #32241e;}
.tools>li:first-child{background:none;}
.tools span{color:#99887f;}
.tools a.links{display:inline-block;background:url("../img/q_links.png") right 8px no-repeat;padding: 0 13px 0 0;}
.tools a:hover{color:#988f8f;}

#main_page .block2{height:673px;border-bottom:5px solid #d1ccca;}
#main_page .block2-child{height:375px;border-bottom:5px solid #d1ccca;}
#main_page{background:url("../img/back.png") 5px 0 repeat;}

.block2{max-height:673px;background:url("../img/block2_o.png") 0 0 repeat #F57F17;border-bottom:5px solid #F57F17;position:relative;z-index:10;}
.block2-child{max-height:673px;background:url("../img/block2_o.png") 0 0 repeat #F57F17;border-bottom:5px solid #F57F17;position:relative;z-index:10;}
.content1{border-top:1px solid #c5c0be;background:url("../img/block3.jpg") 50% 0 repeat-x #ececec;padding: 72px 0 56px;border-bottom:1px solid #e2e2e2;}

.content2{border-top:1px solid #fff;border-bottom:1px solid #fff;padding: 46px 0 44px;}
/*********************************page_1*************************************/
.ext_list>li, .ext_box{ overflow:hidden;}
.ext_list>li>figure, .ext_box>figure{ float:left;}
.ext_list>li>div, .ext_box>div{overflow:hidden;}

.program{margin-top:18px;margin-bottom:1px;}
.program>figure{margin: 0 20px 0 0;padding: 8px 0 0 1px;}
.program>div{padding-top:5px;overflow:hidden;}

.img{border:1px solid #fff;box-shadow: 0 1px 5px #bbbbbb;margin-bottom:6px;}

.title1{background:url("../img/h2_bg.jpg") 0 bottom repeat-x;position:relative;overflow:hidden;padding-bottom:23px;margin-bottom:24px;}
.title1 div{float:left;font-size:24px;line-height:29px;color:#2a2a2a;}
.title1 .left{background:url("../img/title_stripe.jpg") right 0 no-repeat;padding-right:18px;margin-right:20px;word-spacing: -3px;padding-bottom:4px;}
.title1 .right{font-size:18px;line-height:22px;color:#6a5c52;padding-top:3px;letter-spacing:-1px;}

.welcome>figure{margin: 6px 19px 0 1px;}

.author{font-size:15px;line-height:19px;color:#504138;margin-top:-2px;}
.author .status{font-size:11px;line-height:14px;color:#6ba668;padding-top:3px;}

/*********************************page_2*************************************/
.sub_box{padding: 0 25px 0 0;}

.figure{float:left;margin: 4px 20px 0 0;}
/*********************************page_3*************************************/
.adm{margin-bottom:30px;}
.adm>div{}
.adm>figure{margin: 2px 10px 0 0;width:50px;}
.box{padding-bottom:40px;}
/*********************************page_4*************************************/
.registr>li{margin-bottom:30px;}
.registr>li>div{}
.registr>li>figure{width:30px;margin: 4px 0 0 0;}

.procedures{padding: 0 20px 30px 0;}
.procedures>div{}
.procedures>figure{width:60px;}

/*********************************page_5*************************************/


/* Contact form */
#contact-form {padding:0px 0 0 0;}
#contact-form .success {width:246px;padding-bottom:10px;text-align:center;}
#contact-form textarea, #contact-form input {margin:0;font-size:13px; border:1px solid #e0e0e0; color:#988f8f; padding:7px 8px;outline:none; position:relative; font-family:Arial, Helvetica, sans-serif;background:#fff;width:282px;}
#contact-form textarea {overflow:auto; height:166px;resize:none; float:left; margin: 0 0 0 0;}
#contact-form label {display:block; min-height:42px; overflow:hidden;}
#contact-form label.message { display:block; padding-bottom:0; }
#contact-form .button {margin-right:8px;}
#contact-form .error, #contact-form .empty, #contact-form .success {display:none;}
#contact-form .error, #contact-form .empty {text-align:left; color:red; font-size:11px; clear:both;}
#contact-form .buttons2 {overflow:hidden; position:relative; clear:both; padding:20px 0 0 3px;}
#contact-form .buttons2 a {
	cursor:pointer;
	margin-top:0;
	text-align:center;
}
#contact-form span{ display:block; margin: 0px 0 0 5px;}

.map_wrapper{overflow:hidden;display:inline-block;}
#map_canvas {
   width:388px;
   height:354px;
}

.map{}
.map>div{padding-top:1px;}
.map>figure{margin: 6px 20px 0 0;}

.adress{margin-bottom:29px;}
.adress span{ display:inline-block; width:71px;}
.adress dt{ margin-bottom:14px;}

.demo{color:#0398dc;font-weight:bold;text-decoration:underline;}
.demo:hover{ text-decoration:none;}
/****************************footer************************/
footer {padding:30px 0;width:940px;overflow:hidden;margin:0 auto;font-size:11px;font-weight:bold;line-height:14px;text-transform:uppercase;}
footer, footer a{color:#948e8e;}
footer a:hover{color:#41a864;}
footer .privacy{float:left;}
footer .social{float:right;}
/**************************** flip card ********************************/
.card_container{
	position: relative;
	width: 300px;
	height: 300px;
	perspective: 1000px;
	transform-style: preserve-3d;

}
.card_card{
	position: absolute;
	width: 100%;
	height: 100%;
	display: grid;
	place-items: center;
	border-left: rgba(255, 255, 255, 0.342) 1px solid;
	border-top: rgba(255, 255, 255, 0.342) 1px solid;
	border-radius: 20px;
	backdrop-filter: blur(30px);
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px;
	color: white;
	backface-visibility: hidden;
	font-family: Arial, Helvetica, sans-serif;
	transform: rotateY(0deg);
	transform-style: preserve-3d;
	transition: 2.5s cubic-bezier(0.4, 0.2, 0.2, 1);

}
.card_front{
	background: rgba(20, 48, 98, 1);
	/*background:url(../img/nos.jpg);*/
	transform: rotateY(0deg);
	padding: 10px;


}
.card_back{
	background: rgba(20, 48, 98, 1);
	/*background:url(../img/nos.jpg);*/
	transform: rotateY(180deg);
	padding: 10px;
}
.card_container:hover > .card_front{
	transform: rotateY(-180deg);
}
.card_container:hover > .card_back{
	transform: rotateY(0deg);
}
.card_btn{
	border: 1px solid white;
	background: rgba(255, 0, 0, 0.21);
	padding: 10px 20px;
	border-radius: 20px;
	text-decoration: none;
	color: white;
	transition: all 0.5s;
}
.card_btn:hover{
	padding: 10px 40px;
	background: white;
	color:black
}
/***************************** background **********************************************/

.overlay1 {
	position: relative;
	z-index: 1;
  }
  .overlay1::before {
	content: "";
	display: block;
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #c76300;
	background: -webkit-linear-gradient(bottom, #dc9300, #c76300);
	background: -o-linear-gradient(bottom, #dc9300, #c76300);
	background: -moz-linear-gradient(bottom, #dc9300, #c76300);
	background: linear-gradient(bottom, #dc9300, #c76300);
	opacity: 0.9;
  }

  .overlay1::after {
	content: "";
	display: block;
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.2);
  }

  .marked-text{
    /*-webkit-text-stroke: 0.2px white;*/
   color: wheat;
   /*text-shadow:
   /* 3px 3px 0 #000, */
      /* -1.5px -1.5px 0 #000,
     1.5px -1.5px 0 #000,
      -1.5px 1.5px 0 #000,
       1.5px 1.5px 0 #000;*/
	font-size: 12px;
	text-align: center;
}

.spand{
	display: block;
	font-size: 12px;
	padding-left: 10px;
}


body{
    font-family: 'Droid Serif', serif;
    font-size: 14px;
    color: #2f2f2f;
    background-color: #f9f7f1;
}
header{
    font-family: 'Playfair Display', serif;
    font-weight: 900;
    font-size: 80px;
    text-transform: uppercase;
    display: inline-block;
    line-height: 72px;
    margin-bottom: 20px;

}
p{
    margin-top: 0;
    margin-bottom: 20px;
}
.head{
    text-align: center;
}

.subhead{
    text-transform: uppercase;
    border-bottom: 2px solid #2f2f2f;
    border-top: 2px solid #2f2f2f;
    padding: 12px 0 12px 0;

}

.divider{
	border-top: 2px solid #2f2f2f;
    padding: 32px 0 12px 0;
}
.weatherforcastbox{
    position: relative;
    width: 12%;
    left: 10px;
    border: 3px double #2f2f2f;
    padding: 10px 15px 10px 15px;
    line-height: 20px;
    display: inline-block;
    margin: 0 50px 20px -360px;
}
.content{
    font-size: 0;
    line-height: 0;
    word-spacing: -.31em;
    display: inline-block;
    margin: 30px 2% 0 2%;


}
.collumn{
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    display: inline-block;
    padding-left: 10px;
    vertical-align: top;
    margin-bottom: 50px;
    transition: all .7s;
}
.main_collumn{
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    display: inline-block;
    padding: 0 1% 0 1%;
    vertical-align: top;
    margin-bottom: 50px;
    transition: all .7s;
}
/* .collumn + .collumn {
  border-left: 1px solid #2f2f2f;
} */
.collumn .headline{
    text-align: center;
    line-height: normal;
    font-family: 'Playfair Display', serif;
    display: block;
    margin: 0 auto;

}
.collumn .headline.hl1{
    font-weight: 700;
    font-size: 30px;
    text-transform: uppercase;
    padding: 10px 0 10px 0;

}

.collumn .headline.hl2{
    font-weight: 400;
    font-style: italic;
    font-size: 24px;
    box-sizing: border-box;
    padding: 10px 0 10px 0;
}

.collumn .headline.hl2:before{
    border-top: 1px solid #2f2f2f;
    content: '';
    width: 100px;
    height: 7px;
    display: block;
    margin: 0 auto;
}
.collumn .headline.hl2:after{
    border-bottom: 1px solid #2f2f2f;
    content: '';
    width: 100px;
    height: 13px;
    display: block;
    margin: 0 auto;

}

.collumn .headline.hl3{
    font-weight: 400;
    font-style: italic;
    font-size: 36px;
    box-sizing: border-box;
    padding: 10px 0 10px 0;
}

.headline.hlt{
    font-weight: 400;
    font-style: italic;
    font-size: 36px;
    box-sizing: border-box;
    padding: 10px 0 10px 0;
}
.collumn .headline.hl4{
    font-weight: 700;
    font-size: 12px;
    box-sizing: border-box;
    padding: 10px 0 10px 0;
}
.collumn .headline.hl4:before{
    border-top: 1px solid #2f2f2f;
    content: '';
    width: 100px;
    height: 7px;
    display: block;
    margin: 0 auto;
}

.headline.hla:before{
    border-top: 1px solid #2f2f2f;
    content: '';
    width: 100px;
    height: 7px;
    display: block;
    margin: 0 auto;
	margin-top: 25px;
	margin-bottom: 8px;
}

.headline.hla:after{
    border-bottom: 1px solid #2f2f2f;
    content: '';
    width: 100px;
    height: 10px;
    display: block;
    margin: 0 auto;

}
.collumn .headline.hl4:after{
    border-bottom: 1px solid #2f2f2f;
    content: '';
    width: 100px;
    height: 10px;
    display: block;
    margin: 0 auto;

}

.collumn .headline.hl5{
    font-weight: 400;
    font-size: 42px;
    text-transform: uppercase;
    font-style: italic;
    box-sizing: border-box;
    padding: 10px 0 10px 0;
}

.headline.hl5{
    font-weight: 400;
    font-size: 42px;
    text-transform: uppercase;
    font-style: italic;
    box-sizing: border-box;
    padding: 10px 0 10px 0;
}
.collumn .headline.hl6{
    font-weight: 400;
    font-size: 18px;
    box-sizing: border-box;
    padding: 10px 0 10px 0;
}
.collumn .headline.hl6:before{
    border-top: 1px solid #2f2f2f;
    content: '';
    width: 100px;
    height: 7px;
    display: block;
    margin: 0 auto;
}
.collumn .headline.hl6:after{
    border-bottom: 1px solid #2f2f2f;
    content: '';
    width: 100px;
    height: 10px;
    display: block;
    margin: 0 auto;

}
.collumn .headline.hl7{
    font-weight: 700;
    font-size: 12px;
    box-sizing: border-box;
    display: block;
    padding: 10px 0 10px 0;
}
.collumn .headline.hl8{
    font-weight: 700;
    font-size: 12px;
    box-sizing: border-box;
    padding: 10px 0 10px 0;
}
.collumn .headline.hl9{
    font-weight: 700;
    font-size: 12px;
    box-sizing: border-box;
    padding: 10px 0 10px 0;
}
.collumn .headline.hl10{
    font-weight: 700;
    font-size: 12px;
    box-sizing: border-box;
    padding: 10px 0 10px 0;
}
.collumn .citation{
    font-family: 'Playfair Display', serif;
    font-size: 36px;
    line-height: 44px;
    /*font-style: italic;*/
    text-align: center;
    font-weight: 400;
    display: block;
    margin: 40px 0 40px 0;
    font-feature-settings: "liga", "dlig";

}
.collumn .citation:before{
    border-top: 1px solid #2f2f2f;
    content: '';
    width: 100px;
    height: 16px;
    display: block;
    margin: 0 auto;
}
.collumn .citation:after{
    border-bottom: 1px solid #2f2f2f;
    content: '';
    width: 100px;
    height: 16px;
    display: block;
    margin: 0 auto;
}
.collumn .figure {
	  margin: 0 0 20px;
}
.collumn .figcaption{
	font-style: italic;
	font-size: 12px;
}
.media {
    -webkit-filter: sepia(80%) contrast(1) opacity(0.8);
    filter: sepia(80%) grayscale(1) contrast(1) opacity(0.8);
    mix-blend-mode: multiply;
    width: 120%;
}
.main_media {
    -webkit-filter: sepia(80%) contrast(1) opacity(0.8);
    filter: sepia(80%) grayscale(1) contrast(1) opacity(0.8);
    mix-blend-mode: multiply;
    width: 100%;
}

.sf-menu li ul {
    position: absolute;
    z-index: 2000;
}

.block.bg-img1.overlay1 {
    position: relative;
    z-index: 10;
}
/*________________________________________________________________________________________________________________________________*/
/*MEDIAQUERIES*/
@media only all and (max-width: 1300px) {
    .weatherforcastbox{
        display: none;
    }

}
@media only all and (max-width: 600px) {
	.collumn + .collumn {
				border-left: none;
      	border-bottom: 1px solid #2f2f2f;
	}
    header{
        max-width: 320px;
        font-size: 60px;
        line-height: 54px;
        overflow: hidden;
    }

}