@import url('https://fonts.googleapis.com/css?family=Fira+Sans+Extra+Condensed:400,400i,500,500i');

body {min-width:300px;background-color:#FFFFFF;background-repeat:repeat-x;background-position:center top;color:#283643;padding:0px;margin:0px;font-size:14px;font-family: Geneva, Arial, Helvetica, sans-serif;line-height: 1.4;height: 100%;}
html {min-width:300px;padding:0px;margin:0px;}
.clear {clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.transition {-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in;}
hr {border: 0 #ccd7da solid;border-top-width:1px;clear:both;display:block;height:0;margin:10px 0px;}
hr.white {border: 0 #ffffff solid;border-top-width:1px;clear:both;display:block;height:0;margin:10px 0px;}
main{margin:0px 0px 30px 0px;}
blockquote{border:0px solid #ff0175;position:relative;padding:0px 0px 0px 70px;margin:30px 0px;}
blockquote:before {content: "\f10d";font-family: FontAwesome;font-style: normal;font-weight: normal;font-size: 36px;position: absolute;top: 0px;left: 10px;color:#ccd7da;}

.header-top{border-bottom:1px solid #ecf0f1;padding:10px 0px;color:#78899b;font-size:12px;background:#fdfdfd;}
.header-top a{color:#78899b;padding:0px; 10px;}
.header-top i{margin:0px 5px;}
.header-top span{display:inline-block;position:relative;width:30px;}
.header-top span:before {content: "\f0c8";font-family: FontAwesome;font-style: normal;font-weight: normal;font-size: 5px;position: absolute;top: -7px;left: 41%;color:#ccd7da;}

.header-top-banner{padding:20px;background:#ecf0f1}

.header-logo{border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1;padding:20px 0px;text-align:center;position:relative;}
.header-logo-left{position:absolute;top:30px;left:0px;}
.header-logo-right{position:absolute;top:30px;right:0px;}

a {color:#283643;-webkit-transition:all 0.1s ease-in;-moz-transition:all 0.1s ease-in;-o-transition:all 0.1s ease-in;transition:all 0.1s ease-in;}
a:hover {color:#e74c3c;text-decoration:none;}

.social{border:1px solid #ccd7da;padding-top:4px;width:36px;height:32px;display:block;float:left;margin:5px 5px 5px 0px;text-align:center;font-size:20px;color:#78899b}
.social:hover{border-color:#e74c3c;background:#e74c3c;color:#FFFFFF;}
.button{border:1px solid #ccd7da;padding:5px;display:block;margin:2px 0px;text-align:center;font-size:16px;color:#78899b;background:#fdfdfd;}
.button:hover{border-color:#e74c3c;background:#e74c3c;color:#FFFFFF;text-decoration:none;}
.botton-white-top-shadow{box-shadow: 0 -20px 10px 10px white;}

.border-box{border:2px solid #ccd7da;padding:20px;position:relative;}
.border-box-title{background:#FFFFFF;padding:0px 15px;position:absolute;top:-13px;left:30px;font-family: 'Fira Sans Extra Condensed', sans-serif;text-transform:uppercase;font-size:16px;font-weight:500;}

.blog-list-small {padding:20px 0px;}
.blog-list-link{background:transparent;display:block;}
.blog-list-link:hover{text-decoration:none;}
.blog-list-author{margin:0px 0px 5px 100px;padding:0px;color:#e74c3c;font-weight:bold;text-transform:uppercase;font-size:12px;}
.blog-list-title{margin:0px 0px 0px 100px;padding:0px;color:#3d566e;}
.blog-list-link:hover .blog-list-title{text-decoration:underline;}
.blog-list-title-big{margin:0px 0px 0px 100px;padding:0px;color:#3d566e;font-family: 'Fira Sans Extra Condensed', sans-serif;font-size:24px;font-weight:500;line-height: 1.2;}
.blog-list-summary{margin:0px 0px 0px 100px;padding:0px;}
.blog-list-link:hover .blog-list-summary{color:#283643}
.blog-list-stat {margin:20px 0px 0px 100px;}

.blog-list-avatar-size{width:80px;height:80px;}
.blog-list-avatar{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;overflow:hidden;position:relative;z-index:1;float:left;border:2px solid #ccd7da;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in;}
.blog-list-avatar img{width:100%;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in;}
.blog-list-link:hover .blog-list-avatar{border-color:#e74c3c;}
.blog-list-link:hover .blog-list-avatar img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.blog-list-ul{padding:10px 15px;margin:10px 0px 0px 100px;list-style:none;background:#ecf0f1;}
.blog-list-ul li{padding:0px;margin:0px;}
.blog-list-ul li a{padding:2px 0px 2px 15px;margin:0px;display:block;position:relative;}
.blog-list-ul li a:before {content: "\f105";font-family: FontAwesome;position:absolute;top:2px;left:0px;color:#94a4a8;}

.logo{padding-top:60px;display:inline-block;background-image:url('http://img.vikna.if.ua/files_2016/files/templ/logo_vikna_220.png');background-position:center top;background-size:contain;width:220px;background-repeat:no-repeat;text-align:center;}
.logo span{display:block;font-family: 'Fira Sans Extra Condensed', sans-serif;text-transform:uppercase;font-size:12px;background:#ecf0f1;color:#78899b;padding:2px 0px;}
.logo:hover span{background:#e74c3c;color:#FFFFFF;}
.logo:hover{text-decoration:none;}

nav{margin-bottom:30px;}

.menu-first{list-style:none;padding:0px;margin:0px;font-family: 'Fira Sans Extra Condensed', sans-serif;text-transform:uppercase;font-size:16px;font-weight:500;}
.menu-first li{padding:0px;margin:0px;float:left;}
.menu-first li.right{padding:0px;margin:0px;float:right;}
.menu-first li a{padding:10px 20px 10px 20px;margin:0px;display:block;color:#78899b;}
.menu-first li a:hover{color:#e74c3c;text-decoration:none;background:#ecf0f1}
.menu-first li a.active{padding:10px 10px 10px 10px;color:#FFFFFF;background:#e74c3c;}

.menu-second{list-style:none;padding:0px;margin:0px;font-family: 'Fira Sans Extra Condensed', sans-serif;background:#ecf0f1;border-top:3px solid #ccd7da}
.menu-second li{padding:0px;margin:0px;float:left;}
.menu-second li a{padding:10px 5px 10px 25px;margin:0px;display:block;color:#78899b;position:relative}
.menu-second li a:before {content: " ";position:absolute;top:16px;left:10px;width:7px;height:7px;display:block;background-image:url('http://img.vikna.if.ua/files_2017/site/vikna-icon-05.png');background-position:center center;background-repeat:no-repeat;z-index:100;}
.menu-second li a:hover{color:#e74c3c;}
.menu-second li a:hover:before {text-decoration:none;background-image:url('http://img.vikna.if.ua/files_2017/site/vikna-icon-04.png');}
.menu-second li span{padding:10px 5px 10px 25px;margin:0px;display:block;color:#78899b;position:relative;}
.menu-second li span:before {content: " ";position:absolute;top:16px;left:10px;width:7px;height:7px;display:block;background-image:url('http://img.vikna.if.ua/files_2017/site/vikna-icon-05.png');background-position:center center;background-repeat:no-repeat;z-index:100;}
.menu-second-button{background:#78899b;color:#FFFFFF !important;margin:5px !important; padding:5px 10px !important;text-transform:uppercase;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.menu-second-button:before{display:none !important;}
.menu-second-button:hover{background:#e74c3c;color:#FFFFFF !important;}

.menu-mobil-ul{list-style:none;padding:0px;margin:0px;font-size:16px;font-family: 'Fira Sans Extra Condensed', sans-serif;width:100%}
.menu-mobil-ul li{padding:0px;margin:1px 0px;}
.menu-mobil-ul li a{padding:10px 20px;margin:0px;display:block;color:#78899b;text-align:center;}
.menu-mobil-ul li a:hover{background:#ecf0f1;}
.menu-mobil-ul li a.title{padding:10px 20px;margin:0px;display:block;color:#FFFFFF;background:#e74c3c;text-transform:uppercase;}

.user-link-ul{list-style:none;padding:0px;margin:0px;font-size:16px;font-family: 'Fira Sans Extra Condensed', sans-serif;width:100%}
.user-link-ul li{padding:0px;margin:1px 0px;}
.user-link-ul li a{padding:5px 0px;margin:0px;display:block;color:#78899b;}
.user-link-ul li a.act{color:#e74c3c;}
.user-link-ul li a:hover{color:#e74c3c;}

.embed-youtube {position: relative;padding-bottom: 56.25%;padding-top: 0px;}
.embed-youtube iframe {position: absolute;width: 100%!important;height: 100%!important;}

.layout{overflow:hidden;}
.content{background:transparent;margin-right:330px;}
.colonka{width:300px;background:transparent;float:right;}
.grey{background:#ecf0f1}
.padding{padding:20px;}
.coll-news{width:100%;position:absolute;}
.coll{position:relative;overflow:hidden;}

.google-banner{border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1;padding:10px 0px;margin:10px 0px;}

dl{padding:0px;margin:0px;}
dt {background:transparent;float:left;text-align:center;font-size:11px;border: #FFFFFF 1px solid;color:#8C8C8C;}
dt.red {border:none;color:#e74c3c;}
dt.border{border:0px solid #ecf0f1;color:#78899b;background:#FFFFFF;padding:5px 0px;margin:0px;}
dt.border_red{border-color:#e74c3c;background:#e74c3c;color:#FFFFFF;}
dd {margin-bottom:10px;padding:0px;}
.time_news_people{background:#f4f4f4;padding:2px 0px;margin:5px 0px}
.time dt {width:40px;margin-top:2px;}
.time dd {margin-left:50px;}
.date dt {width:70px;} 
.date dd {margin-left:80px;}
.date dd p{padding:0px;margin:0px;}
.date_title dt {width:70px;}
.date_title dd {margin-left:90px;}
dl.stats{padding:0px;margin:5px 0px;}
dl.stats dt {width:220px;text-align:left;font-size:14px;color:#78899b;font-weight:normal}
dl.stats dd {margin-left:240px;}

.list_title_small{font-family: 'Fira Sans Extra Condensed', sans-serif;font-size:18px;display:block;line-height: 1.2;}
.list_title{font-family: 'Fira Sans Extra Condensed', sans-serif;font-size:22px;display:block;line-height: 1.2;}
.list_title:hover{text-decoration:none;}
.list_title_bold{font-weight:500;}
.list_stat{padding:3px 10px;font-size:12px;background:#ecf0f1;color:#78899b;}
.list_stat span{padding:3px 10px;font-size:12px;color:#cfd8da;displa:inline-block}
.list_stat a{color:#78899b;text-decoration:underline;}
.list_stat a:hover{color:#e74c3c;text-decoration:none;}
.list_summary{font-weight:bold;}
.list_orphus{background:#ecf0f1;padding:10px;margin-top:20px;font-size:12px;}
.list_img-top{background:#ecf0f1;padding:10px;color:#78899b;border-bottom:1px solid #ccd7da}
.list_img-top p{margin:0px;padding:10px 0px 0px 0px;}
.list_otherlink{padding:20px 25px;background:#ecf0f1;}
.list_otherlink ul{padding:0px;margin:0px;list-style:none;}
.list_otherlink ul li{padding:0px;margin:0px;}
.list_otherlink ul li a{padding:2px 0px 2px 16px;margin:0px;display:block;position:relative;}
.list_otherlink ul li a:before {content: "\f105";font-family: FontAwesome;position:absolute;top:2px;left:2px;color:#78899b;}
.list-tag a{display:inline-block;padding:5px 10px;border:1px solid #ccd7da;margin:2px;}
.list-tag a:hover{background:#e74c3c;border-color:#e74c3c;color:#FFFFFF;}
.list-tag span{display:inline-block;padding:5px 10px;border:1px solid #ffffff;margin:2px 5px 2px 0px;text-transform:uppercase;font-weight:500;font-family: 'Fira Sans Extra Condensed', sans-serif;line-height: 1.1;}
.list_comments_form{padding:20px 25px;background:#ecf0f1;}
.list_comments_item{padding:20px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;position:relative;;border:1px solid #ccd7da;margin:30px 0px;}
.list_comments_item p{padding:0px;margin:0px;}
.list_comments_item span{padding:0px 20px;margin:0px;position:absolute;display:inlin-block;background:#ffffff;top:-10px;left:20px;}
.list_more{padding:5px 0px;margin:0px 0px 15px 0px;border-bottom:3px solid #ecf0f1;}
.list_more a{color:#78899b;text-decoration:underline;}
.list_more a:hover{color:#e74c3c;text-decoration:none;}
.tag-links a{display:inline-block;padding:3px 6px;border:1px solid #ccd7da;margin:2px;}
.tag-links a:hover{background:#e74c3c;border-color:#e74c3c;color:#FFFFFF;}
.uk-overlay-background-vikna{background:rgba(0,0,0,.7);-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in;}
figure:hover .uk-overlay-background-vikna{background:rgba(231,76,60,1)}

.content-news a{text-decoration:underline;}
.content-news a:hover{text-decoration:none;}
.content-news p{padding:0px;margin:20px 0px;}

.date_heading{text-transform:uppercase;font-size:14px;border-bottom:2px solid #ccd7da;text-align:center;font-family: 'Fira Sans Extra Condensed', sans-serif;color:#78899b;}

.article-slider li{position:relative;}
.article-slider-img{height:260px;background-position:center center;background-size:cover;background-repeat:no-repeat;padding:0px;margin:0px 0px 0px 0px;}
.article-title{font-size:22px;}
.article-title:hover{text-decoration:none;}
.article-date{position:relative;height:1px;background:#ccd7da;padding:0px;margin:1px 0px 10px 0px;}
.article-date span{position:absolute;display:block;background:#ccd7da;width:80px;text-align:center;font-size:10px;top:-10px;left:50%;margin-left:-40px;padding:3px 0px;}
.article-slider-link{position:absolute;display:block;background:#FFFFFF;text-align:center;font-size:32px;top:100px;margin:0px;color:#78899b;padding:5px 15px;}
.article-slider-link:hover{background:#e74c3c;color:#FFFFFF;}
.article-slider-previous{left:0px;}
.article-slider-next{right:0px;}
.article-list-small img{float:right;width:40%;padding:0px 0px 10px 10px}
.article-list-small .article-title{font-family: 'Fira Sans Extra Condensed', sans-serif;}
.article-title-small {display:inline-block;}
.article-img{}
.date{color:#e74c3c;padding:5px 0px;margin:0px;font-size:12px;font-weight:bold;}

h1, h2, h3, h4, h5, h6{font-family: 'Fira Sans Extra Condensed', sans-serif;line-height: 1.1;padding:0px;margin:0px;color:#78899b;}
h3 span{padding-bottom:5px;margin-bottom:10px;display:inline-block;border-bottom:3px solid #ccd7da;text-transform:uppercase;}

a h1, a h2, a h3, a h4, a h5, a h6 {color:#78899b;}
a:hover h1, a:hover h2, a:hover h3, a:hover h4, a:hover h5, a:hover h6 {color:#e74c3c;}

footer{background:#101319;color:#535760;padding:30px 0px;margin-top:0px;}
footer hr{border-color:#1d232e;margin:20px 0px;}
footer a{color:#535760;}
.footer-banner{padding:20px 0px;background:#ecf0f1}
.menu-footer{list-style:none;padding:0px;margin:0px;font-family: 'Fira Sans Extra Condensed', sans-serif;}
.menu-footer li{padding:0px;margin:0px;}
.menu-footer li a{padding:3px 10px;margin:0px;display:block;}
.menu-footer li a.title{padding:5px 0px;margin:0px;display:block;text-transform:uppercase;}

.paginate{text-align:center;}
.paginate-stat{color:#78899b;}
.paginate-link{color:#78899b;}
.paginate-link a{border:1px solid #ecf0f1;padding:5px 10px;margin:2px;color:#78899b;display:inline-block;text-decoration:none;}
.paginate-link a:hover{border-color:#e74c3c;background:#e74c3c;color:#FFFFFF;text-decoration:none;}
.paginate-link strong{border-color:#e74c3c;background:#e74c3c;color:#FFFFFF;padding:5px 10px;margin:2px;display:inline-block;}

.vikna-button{background:#78899b;color:#FFFFFF;font-family: 'Fira Sans Extra Condensed', sans-serif;font-weight:400;border:0px;font-size:16px;letter-spacing: 0px;padding:8px 15px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;display:inline-block;cursor:pointer;}
.vikna-button:hover{background:#e74c3c;color:#FFFFFF;}

.galler_2017_box{background:#ecf0f1;padding:20px;}
.gallery_2017{margin-top:20px;}
.gallery_2017 li{height:500px;background-position:center center;background-size:contain;background-repeat:no-repeat;}
.gallery-slider-link{position:absolute;display:block;background:#ecf0f1;text-align:center;font-size:32px;top:50%;margin:0px;color:#78899b;padding:0px 0px;width:42px;heigt:42px;margin-top:-21px;}
.gallery-slider-link:hover{background:#e74c3c;color:#FFFFFF;}
.gallery-slider-previous{left:-10px;}
.gallery-slider-next{right:-10px;}
.gallery-slider-small li{cursor:pointer;}
.gallery_2017_link{display:block;width:100%;height:100%;}

.label{border:1px solid #ccd7da;padding:10px 20px 20px 20px;position:relative;margin-top:10px;}
.label-title{padding:0px 10px;position:absolute;display:inline-block;top:-10px;left:20px;background:#FFFFFF;text-transform:uppercase;color:#ccd7da;font-weight:700;}

.calendarBG{width:100%;text-align:center;}
.calendarBG td{padding:0px;}
.calendarBG td a{padding:5px 0px;display:block}
.calendarDayHeading{background:#78899b;color:#ffffff;padding:5px 0px;}
.calendarBlank{color:#78899b;}
.calendarCell{}
.calendarCell a{background:#ecf0f1;color:#78899b;}
.calendarCell a:hover{background:#e74c3c !important;color:#ffffff !important;}
.calendarCellactive a{background:#e74c3c !important;color:#ffffff !important;}
.calendarCellactive a:hover{background:#e74c3c;color:#ffffff;}
.calendarH{width:100%;text-align:center;margin:0px 0px 10px 0px;}
.calendarHtitle{text-align:center;font-weight:bold;}

.gsc-webResult{margin:20px 0px !important;}
form.gsc-search-box{background:#ffffff !important;color:#78899b !important;padding:0px !important;margin:0px !important;}
.gsc-control-cse{padding:0px !important;margin:0px !important;}
.gsc-results-wrapper-nooverlay{padding:0px;}
.gsc-cursor-page{padding:5px 10px !important;}
.gsc-cursor-current-page{color:#ffffff !important;}

.category_icon{margin:0px 10px 0px 0px;}

@media only screen and (max-width: 1219px) {
}
@media only screen and (max-width: 959px) {
.content{margin-right:0px;margin-top:30px;}
.article-slider-img{height:300px;}
.header-logo{border-bottom:3px solid #ecf0f1;}
main{padding:30px 0px 0px 0px;}
}
@media only screen and (max-width: 767px) {
.coll-news{position:relative;margin-top:40px;}
.user-link-ul{text-align:center;}
.user-link-ul li{background:#ecf0f1}
}
@media only screen and (max-width: 600px) {
.logo{padding-top:0px;background-position:center center;height:40px;width:200px;}
.logo span{display:none;}
.header-logo-left{top:20px;display:none;}
.header-logo-right{top:20px;}

}