/*
	Theme Name: OceanWeb
	Theme URL: http://www.oceanweb.com.ua
	Description: Web
	Author: OceanWeb
	Author URI: http://www.oceanweb.com.ua
	Version: 1.0
*/



@import url(http://fonts.googleapis.com/css?family=Cuprum:400,700italic&subset=latin,cyrillic);
*{
	margin:0;
	padding:0;
}

html{
	background:#000;
	}

h2{
	font-family: 'Cuprum', sans-serif;
	color:#ccc;
}

p{
	color: #E9E9E9;
	font-family: 'Cuprum';
}

p:first-letter{
	color:#FFDD0E;
	font_weight:bold;
	font-size:18px;
}

.clearfix{
    display: table;
    clear: both;
    width: 100%;
}

.container{
	padding:10px 20px;
	color:#fff;
}
.wrapper2{
 width:100%;
 min-height:750px;
 height:100%;
 margin:0 auto;
 background:url(images/not-svet.jpg) no-repeat center top 0px;
 background-size:100%;
 position:absolute;
 right:0;
 z-index:9999;
}

.wrap2{
    will-change: transform;
   -moz-animation-name:colour-opacity;
   -moz-animation-iteration-count: infinite;
   -moz-animation-direction: alternate;
   -moz-animation-timing-function:linear;
   -moz-animation-delay:0s;
   -moz-animation-duration: 7s;
}
@-moz-keyframes colour-opacity {
   0% { opacity: 0.3; }
   10% { opacity: 0.5;}
   20%{opacity:0.7;}
   50%{opacity:0.8;}
   70% { opacity: 1; }
   100%{ opacity: 1; }
     }

.left_svet{
   background-size:100%;
   position:absolute;
   z-index:9999;
   top:5.2%;
   left:29%;
   height:auto;
   width:20%;
	 -moz-animation-name: rotate-skull;
   	-moz-animation-duration: 18s;
        -moz-animation-iteration-count: infinite;
        -moz-animation-delay:1s;
        -moz-animation-direction: alternate;
        -o-animation-name: rotate-skull;
        -o-animation-duration: 18s;
        -o-animation-iteration-count: infinite;
        -o-animation-delay:1s;
        -o-animation-direction: alternate;
	animation-name: rotate-skull;
        animation-duration: 18s;
        animation-iteration-count: infinite;
        animation-delay:1s;
        animation-direction: alternate;

}

@-moz-keyframes rotate-skull {
    0% {-moz-transform: rotate(0deg);}
    25% {-moz-transform: rotate(-65deg);-moz-transform: scaleY(3);}
    75% {-moz-transform: rotate(-115deg);}
    100% {-moz-transform: rotate(20deg);}
}
@-o-keyframes rotate-skull {
	0% {-o-transform: rotate(0deg);}
        25% {-o-transform: rotate(-65deg);-o-transform: scaleY(3);}
        75% {-o-transform: rotate(-115deg);}
        100% {-o-transform: rotate(20deg);}
}
@keyframes rotate-skull {
	0% {transform: rotate(0deg);}
	25% {transform: rotate(-65deg);-webkit-transform:scaleX(3);}
	75% {transform: rotate(-115deg);-webkit-transform: scaleY(3); }
	100% {transform: rotate(20deg);}
}



.right_svet{
	background-size:100%;
	position:absolute;
	z-index:9999;
	top:5.2%;
	left:28.9%;
	height:auto;
	width:20%;
	-moz-animation-name: rotate-skull2;
   	-moz-animation-duration: 12s;
        -moz-animation-iteration-count: infinite;
        -moz-animation-delay:-3s;
        -moz-animation-direction: alternate;
        -o-animation-name: rotate-skull2;
        -o-animation-duration: 12s;
        -o-animation-iteration-count: infinite;
        -o-animation-delay:-3s;
        -o-animation-direction: alternate;
	animation-name: rotate-skull2;
        animation-duration: 12s;
        animation-iteration-count: infinite;
        animation-delay:-3s;
        animation-direction: alternate;
}

@-moz-keyframes rotate-skull2 {
    0% {-moz-transform: rotate(0deg);}
    25% {-moz-transform: rotate(-65deg);-moz-transform: scaleY(3);}
    75% {-moz-transform: rotate(-115deg);}
    100% {-moz-transform: rotate(20deg);}
}
@-o-keyframes rotate-skull2 {
	0% {-o-transform: rotate(0deg);}
        25% {-o-transform: rotate(-65deg);-o-transform: scaleY(3);}
        75% {-o-transform: rotate(-115deg);}
        100% {-o-transform: rotate(20deg);}
}
@keyframes rotate-skull2 {
	0% {transform: rotate(0deg);}
	25% {transform: rotate(-65deg);-webkit-transform: scaleY(3);}
	75% {transform: rotate(-115deg);}
	100% {transform: rotate(20deg);}
}

.nav_container{
	display:none;
}

.navbar{
	float:none;
	margin:0 auto;
	z-index:9999;
	position:absolute;
	left:0;
	right:0;
	top:-3px;
	box-shadow: inset 0px 15px 10px rgba(1, 104, 116, 0.2);
}

.navbar ul{
	margin:0 auto;
	display:table;
}

.navbar li{
	padding:0;
	margin:6px auto;
	display:inline-table;
}


.navbar li:hover >a{
	x-background:-moz-linear-gradient(bottom,rgba(0,0,0,0.3),rgba(0,0,0,1));

}

li.current-menu-item a ,
li.current-category-ancestor a,
li.current-post-ancestor a,
li.current-menu-parent a,
li.current-post-parent a {
	background-image: linear-gradient(to top,rgba(0,0,0,0.1),rgba(0,0,0,1));
        border-left: 1px solid rgba(108,128,138,0.4);
	border-right: 1px solid rgba(108,128,138,0.4);
	position: relative;
}

li.current-menu-item a:before,
li.current-category-ancestor a:before,
li.current-post-ancestor a:before,
li.current-menu-parent a:before,
li.current-post-parent a:before {
	content: "";
 	display: table;
	background: #090909;
	position: absolute;
        width: 100%;
	height: 4px;
        top: -3px;
}

.navbar li a{
	font-family: 'Cuprum', sans-serif;
        font-style:italic;
	font-size:16px;
	color:#FCD304;
	padding:4px 30px;
	margin:0;
	font-weight:400;
	text-decoration: none;
 }

.menu-left{
	overflow: hidden;
	margin: 0px 0px 20px;
}

.menu-left li{
	width: 31%;
	background: rgba(0, 0, 0, 0.29);
	margin: 5px;
	padding: 5px 20px;
	x-list-style: outside none none;
	box-shadow: inset 0 15px 19px rgba(0, 0, 0, 0.6);
	float:left;
	box-sizing: border-box;
	text-align:center;
}

.menu-left a{
	color: #FCD304;
	font: 400 14px "Cuprum";
}

.content{
	padding:2%;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	background:rgba(0,0,0,0.8);
	x-background: url(images/pattern-blue.png) repeat;
	overflow:hidden;
	box-shadow: inset 0px 0px 20px #000,inset 0px 2px 185px rgba(1, 104, 116, 0.2);
}

.wrap_category{
	max-width:1320px;
	margin: 0 auto;
	padding:40px 20px;
	box-sizing:border-box;
}

.outer{
	max-width: 1320px;
	padding: 0px 20px;
	box-sizing: border-box;
	margin:40px auto;
	overflow: hidden;
}

.uk-dotnav {
    text-align: center;
}

.post{
	height: 13rem;
	display: inline-block;
	position: relative;
	vertical-align: top;
	overflow: hidden;
	width: 32%;
	margin: .5%;
}

.post h3{
	color: #FFF;
	background: rgba(3, 46, 74, 0.7) none repeat scroll 0% 0%;
	padding: .5rem 1.5rem;
	font: 1rem "Cuprum";
	width: 100%;
	text-align: center;
}

.postraboty{
	width:100%;
	position:relative;
	margin: 20px auto;
}

h2.posttitle{
	padding:10px;
	margin:0;
	position:absolute;
	bottom:0;
	right:0;
	font-size:85%;
	background:#FDE253;
	background-image:linear-gradient(#FCD404,#FEBB0F);
	color:#061534;
	font-weight:normal;
}
.title{
	background:rgba(0,0,0,0.3);
	text-align: center;
	font-style: italic;
	margin:20px 0;
	padding:2px 0;
	font-size: 18px;
	position: relative;
	overflow: hidden;
	z-index: 9999;
}

.title::before {
    width: 90%;
    content: "";
    display: block;
    height: 900px;
    position: absolute;
    top: -870px;
    left: 5%;
    background: rgba(0, 109, 117, 0.16);
    border-radius: 800px;
    box-shadow: 2px 2px 40px RGBA(2, 103, 137, 0.55),inset 0 5px 20px #007881;
    z-index: -2;

}

.previu{
	display:inline-block;
	width:47%;
	margin:10px 1%;
}
.wp-post-image{
	width:100%;
	height:auto;
	background-size:cover;
}

footer{
	width:100%;
	height:100px;
	margin:0 auto;
}

.alignright,.alignleft{
	width: 90%;
	height: 35px;
	line-height: 35px;
	font-family: "Oranienbaum",serif;
	font-size: 100%;
	text-align: center;
	box-shadow: -1px 1px 2px #333;
	background-image: linear-gradient(#FCD404, #FDC30C);
	border-bottom: 2px solid rgba(0, 0, 0, 0.81);
}
.alignright a,.alignleft a{
	color:#231F20;
	text-decoration:none;
	font-family: 'Cuprum', sans-serif;
	line-height:30px;
}
.text a img{
	width:60%;
}

#content{
	background:#000;
}
.breadcrumb{
	overflow: hidden;
	width: 100%;
	margin:0px auto;
	padding:5px 0;
	font-size: 12px;
	margin-bottom: 20px;
}

.breadcrumb li{
	float: left;
	margin:0 2px;
}
.breadcrumb a{
	margin:0 2px;
	padding: .1em 0.2em .1em 0.5em ;
	float: left;
	text-decoration: none;
	color: #FFD800;
	position: relative;
	font-family: 'Cuprum', sans-serif;
	font-size: 12px;
}

.breadcrumb a:after{
	content:"/";
	display:table;
	float:right;
	margin-left:10px;

}

.breadcrumb a:hover{
	color:#fff;
}

.breadcrumb .current,
.breadcrumb .current:hover{
	background: none;
}

.project_info{
	height: auto;
	font-family: "Cuprum",sans-serif;
	color: #FFF;
	background: rgba(0, 200, 243, 0.13);
	box-sizing: border-box;
	padding: 10px;
}


.project_link--open{
	color: #FFF;
}

a.project_url{
	color: #FECE00;
        font-size: 14px;
        text-decoration: none;
        font-family: "Cuprum",sans-serif;
        padding-left: 10px;
}

.infosite{
	margin:10px 0;
}

.uk-cover-background {
    background-repeat: no-repeat;
    background-size: 100%;
}
@media screen  and  (max-width:1020px){
.uk-cover-background {
    background-repeat: no-repeat;
    background-size: 100%;
}

#logo {
    width: 100%;
    margin: 0.5rem auto;
    display: table;
    text-align: center;
}

.nav_container{
	display:block;
}

.navbar{
	display:none;
}

.header__nav--mob{
	display: inline-block;
	text-align: center;
	margin: 0px auto;
	width: 100%;
}

.header__nav--mob .uk-dropdown {
    background: #000;
    font-size: 1.2rem;
    z-index: 1000;
    width: 100%;
}

.uk-button-dropdown {
    width: 90%;
}

.post {
    height: auto;
    width: 100%;
    margin: 20px 1%;
}

[data-uk-scrollspy*="uk-animation-"]:not([data-uk-scrollspy*="target"]) {
    opacity: 1;
}

.uk-animation-slide-top,
.uk-animation-scale,
.uk-animation-scale-up,
.uk-animation-slide-left,
.uk-animation-slide-right{
    animation-name: false;
}

}