* {margin:0;padding:0;outline:none}


html {font-size:75%;height:100%}
body {color: #000033;font-family: 'Lato', sans-serif;height:100%;font-size: 14px;position: relative;}

input, textarea{ font-family:  'Roboto Condensed',Arial, Helvetica, sans-serif;}

a {color:#0099cc;text-decoration:none;}
a:hover {color:#999999; text-decoration:underline;}
h1, h2, h3, h4, h5, h6 { font-weight:100;}

img{max-width:100%;height:auto;}

ul {list-style:none}
ol {list-style-position:inside}
header, nav, section, article, aside, footer {display:block;position:relative}

body{height:100%;background:url(/wp-content/themes/shablon/i/cd-img-1.jpg);background-size: cover;background-attachment: fixed;}

.clear{ clear:both;}
.width{width: 1020px;margin:0 auto;position: relative;}
.width:after{clear:both; content:'';display:block;}
.clear:after{clear:both; content:'';display:block;}



.clearfix:before, .clearfix:after { content: ""; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

#timer{ float: right; width: 400px; padding-top: calc(50% - 143px); padding-bottom: calc(50% - 150px);}
#timer.anima{ -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out;}
#timer.hide{padding:0px;height:0px;overflow:hidden;}
#header.hide #timer{padding:0px;height:0px;overflow:hidden;}

.countdown-container {background-color: #c3c3c3;text-align: center;}
.countdown-container .top,
.countdown-container .bottom {font-size: 20px;color: #000;}
.countdown-container .top span,
.countdown-container .bottom span { display: inline-block; font-weight: 300; line-height: 30px;}
.countdown-container .bottom span {}
.countdown-container .top { padding: 10px 0; border-bottom: 1px solid #666;}
.countdown-container .bottom { background-color: #c3c3c3; padding: 12px 0 16px 0; border-top: 10px solid #666;}
.countdown-container .top span {}
.countdown-container .bottom span {}
#countdown { padding: 15px 0 25px; display: flex; flex-direction: row; align-items: center; justify-content: space-between;}
#countdown span { text-align: center; color: #000; font-size: 28px;}
#countdown span i { font-weight: 400; font-size: 14px; text-transform: uppercase; display: block; font-style: normal;}



#name{font-size: 44px;padding-top: 20px;color: #222;}
#nname{font-size: 39px;color: #222;float: left;line-height: 40px;}
#date{float: right;color: #99ccff;font-size: 20px;line-height: 34px;vertical-align: bottom;padding-top: 0px;padding-right: 10px;clear: right;}
#logo{margin-top: 0px;float: left;margin-bottom: 0px;}
#logo img{width: auto;display: block;}
#date img{height:20px;width:30px;border: 1px solid #585858;vertical-align: middle;margin-bottom: 5px;}

#main_menu{float: right;margin-top: 22px;}
#main_menu ul{}
#main_menu li{float: left;}
#main_menu a{color: #fff;font-size: 18px;display: block;padding: 0 11px;line-height: 30px;}       
#main_menu a:hover{text-decoration:underline}     

#slider{ background: #585858;background: #0cb;}
#slider .slider{ float: left; height: 409px; width: 770px; background: #ccc;}
#slider #sidebar_menu{float: right;width: 250px;}    
#slider #sidebar_menu ul{}
#slider #sidebar_menu li{ border-bottom: 1px dotted #333;}
#slider #sidebar_menu a{ color: #fff; font-size: 18px; display: block; padding: 0 20px; line-height: 40px;}

.fixed_top{position:fixed;top: 0px;right: 0px;left: 0px;z-index: 1;/* background: #000033; */}
.fixed_top .width{}
.on_main_page{top:-200px;}

#header.invert{ background: #000033;}

.top{}
#page_menu{}
#page_menu ul{
    display: flex;
    justify-content: space-between;
}
#page_menu li{}}
#page_menu li.current_page_item a{ }
#page_menu li:first-child{border:none}
#page_menu ul:after{clear:both; content:'';display:block;}
#page_menu a{color: #fff;font-size: 14px;display: block;padding: 2px 5px;line-height: 40px;}
#page_menu a:hover{ text-decoration:underline}
.content{padding-top: 160px;}
.content.pt0{ padding-top: 0px;}
#footer{background-size: cover;background-position: bottom;margin-top: 100px;background: #000033;color: #fff;}
#footer .width{padding-bottom: 20px;padding-top: 20px;}
#footer .logo{width: 200px;float: left;padding-left: 20px;}
#footer_menu{float:right;width: 600px;}
#footer_menu ul{}
#footer_menu li{float:left;width: 33%;}
#footer_menu li a{color: #666;font-size: 18px;color: #fff;}

.text_page{padding: 40px 30px 0;font-size: 15px; line-height:24px;background: #fff;}
.text_page h1{
    font-weight: bold;
    font-size: 40px;    line-height: normal; 
    margin-bottom: 20px;
}
.text_page h2{    margin-top: 20px;}
.text_page h3{margin-top: 20px;border-bottom: 1px dotted #25e6d6;color: #000;padding: 5px;font-size: 30px;}
.text_page p{ margin-top: 10px;}
.text_page h4{    margin-top: 20px;    font-size: 20px;font-weight:bold;}
.text_page h5{margin-top: 20px;font-size: 22px;}
.text_page h6{    margin-top: 20px;}
.text_page ul{ margin-top: 20px;}
.text_page ul li{ list-style: inside;}
.text_page ol{    margin-top: 20px;}
.text_page ol li{}
.text_page table{ width: 100%;margin-top: 20px; border-collapse: collapse; border: 1px solid #666;}
.text_page table tr{}
.text_page table th{}
.text_page table td{ border: 1px solid #666; padding: 5px; vertical-align: top;}
.text_page table td img{width:50px;max-width: 40px;}



/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}