/*
	Theme Name: Okna-tex Theme
	Template: blog-kit
	Author: Artur Novodranov
	Author URI: https://t.me/artur_novodranov
*/


@import "../blog-kit/style.css";
@import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400,700&display=swap&subset=cyrillic');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700&display=swap&subset=cyrillic');

:root{
	--main-dark-color: #0d141e;
}
body{
	overflow: hidden;
}

body, p, li, h1, h2, h3, h4, h5, h6, div{
	font-family: 'Open Sans', sans-serif;
}
a{
	font-family: 'Open Sans', sans-serif!important;
}
.post-edit-link{
	color: #0d141e;
	background-color: #ffc838;
	border-radius: 8px;
	border: 1px solid #fed500;
	padding: 10px;
}
.side-bar .widget_custom_html{
	padding: 0;
    padding-top: 35px!important;
    text-align: center;
    background: transparent;
}
.side-bar .widget_custom_html img{
    border: 2px solid #ffc838;
    border-radius: 5px;
}
header.site-header{
/* цвет фона верхняя часть меню	 */
	background-color: #2f1e03;   
	background-color: var(--main-dark-color);
	font-family: 'Oswald', sans-serif;
}

header.site-header p, header.site-header li, header.site-header button, header.site-header a, header.site-header div, .comment-reply-link, .btn-more{
	font-family: 'Oswald', sans-serif!important;
}
ul.menu li a{
	font-weight: 700;
}
#primary{
	padding: 20px;
}	
.bottom-header{
	background-color: transparent;
}
.navigation__sm{
	display: none;	
}
.widget a:hover{
	color: #fec800!important;
}
.site-header{
	color: #fff;
}
.site-header a{
	color: #fff;
}	
.side-bar .widget-title{
	margin-left: -25px;
	margin-right: -25px;
	padding-left: 25px;
	padding-top: 10px;
	background-color: #0d141e;
	background-color: var(--main-dark-color);
	color: #fff;
	border-bottom: 5px solid #fed500;
}
.side-bar .widget{
	padding-top: 0;
}
.side-bar .widget-title:after, .footer-widgets h2.widget-title:after{
	display: none;
}
.site-branding, .main-navigation, #main-nav{
	width: 100%;
}
.bottom-info {
    background-color: #0d141e;
    background-color: var(--main-dark-color);
    border-top: none;
    color: #fff;
}
footer .copyright{
	width: 100%;
	text-align: center;
}
footer .copyright a{
	color: #fff;
}
.site-branding{
	min-height: 100px;
	max-width: 1170px;
	margin: 0 auto;
	flex-wrap: nowrap;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.site-branding a{
	float: none;
    line-height: initial;
}
.main-navigation ul li a{
/* 	padding: 25px 20px; */
	padding: 15px 20px;
	transition: all .2s;
	border-right: 1px solid #ffe000;
	font-weight: 700;
}
.main-navigation ul li:last-child a{
	border-right: none;
}
.site-information{

}
header.site-header .contacts{
	height: 40px;
	max-width: 18%;
	position: relative;
    padding: 0 15px 0 15px;
    transition: opacity .2s;
}
header.site-header .contacts a{
	margin-bottom: 5px;
	display: inline-block;
	font-weight: 600;
}
header.site-header .us-schedule span{
	margin-bottom: 12px;
	display: inline-block;
	font-weight: 600;
}
header.site-header .contacts a:hover{
	color: #fedf00;
}
header.site-header .contacts .contacts__header{
	margin-bottom: 10px;
}
header.site-header .contacts .contacts__header i,
header.site-header .us-schedule .us-schedule__header i,
header.site-header .contacts a i{
	color: #fff;
	font-size: 16px;
	margin-right: 5px;
}
header.site-header .us-schedule .us-schedule__header{
	padding-bottom: 15px;
}
header.site-header .contacts i:hover, header.site-header .us-schedule i:hover{
	cursor: pointer;
}
header.site-header .contacts .hidden-phone{
	visibility: hidden;
	width: 100%;
	opacity: 0;
	position: absolute;
    left: 0;
    z-index: 999;
    background-color: #0d141e;
    padding: 0 15px 15px 15px;
    transition: opacity .2s;
    -webkit-box-shadow: 1px 5px 7px 0px rgba(0, 0, 0, 0.23);
	-moz-box-shadow: 1px 5px 7px 0px rgba(0, 0, 0, 0.23);
	box-shadow: 1px 5px 7px 0px rgba(0, 0, 0, 0.23);
}
header.site-header .contacts .hidden-phone a{
	display: block;
	font-weight: 600;
	margin: 5px 0;
}
header.site-header .contacts:hover .hidden-phone{
	visibility: visible;
	opacity: 1;
	transition: all .5s;
}
header.site-header .us-schedule:hover i.fa-chevron-down, header.site-header .contacts:hover i.fa-chevron-down{
	transform: rotate(180deg);
	transition: transform .2s;
}
header.site-header .contacts i, header.site-header .us-schedule i{
	transition: transform .2s;
}
header.site-header i{
	color: #fedf00;
	margin-left: 10px;
}
header.site-header .language-switcher a.active-lang, .navigation__sm .header-wrapper__lang a.active-lang{
	color: #fedf00;
}
header.site-header .language-switcher a:first-child{
	margin-right: 5px;
}
header.site-header .language-switcher a:last-child{
	margin-left: 5px;
}
header.site-header .language-switcher a:hover{
	color:  #fedf00;
}
.us-schedule{
	height: 18px;
	position: relative;
	width: 18%;
	padding: 0 15px 0 15px;
}
.us-schedule:hover .hidden-schedule{
	visibility: visible;
	opacity: 1;
}
.us-schedule__header{
	display: inline-block;
}
.us-schedule .hidden-schedule{
	visibility: hidden;
	text-align: center;
	opacity: 0;
	position: absolute;
	left: 0;
	z-index: 999;
	background-color: #0d141e;
	background-color: var(--main-dark-color);
	padding: 0 15px 15px 15px;
	transition: opacity .2s;
    -webkit-box-shadow: 1px 5px 7px 0px rgba(0, 0, 0, 0.23);
	-moz-box-shadow: 1px 5px 7px 0px rgba(0, 0, 0, 0.23);
	box-shadow: 1px 5px 7px 0px rgba(0, 0, 0, 0.23);

}
.footer-widgets-column, #footer-widgets{
	background-color: #0d141e;
	color: #fff;
}
.footer-widget-content{
	text-align: center;
}
.footer-widget-content span{
	margin-bottom: 5px;
    display: inline-block;
}
.footer-widget-content .callback-button{
	margin-top: 20px;
}
.footer-widgets ul li{
    border-bottom: 1px solid #fedf00;
}
.footer-widgets ul li a{
	color: #fff;
}
.header-widget{
	text-align: center;
	flex-basis: 20%;
}
.header-widget .header_widget_title{
	display: none;
}
.footer-widgets .widget-title{
	color: #fff;
	text-align: center;
	font-family: 'Oswald', sans-serif;
}
.mean-container .mean-nav{
	margin-top: 37px;
}
.main-navigation-wrapper{
	width: 100%;
	background: linear-gradient(to bottom, #f5821f 0%, 	#f5821f 22%, #DAA520 70%, #DAA520 100%);
}
.mean-container .mean-nav ul li a {
    color: #fff !important;
    width: 100%;
}
.mean-container .mean-nav ul{
	flex-wrap: wrap;
}
.main-navigation ul li a{
	color: #0d141e;
	color: var(--main-dark-color);
}
.main-navigation li.current_page_item a, .main-navigation li a:hover{
	color: #fedf00;
	background-color:  #0d141e;
}
.main-navigation li.current_page_item a .block-img1, .main-navigation li a:hover .block-img1{
	background-image: url(http://okna-tex.com.ua/wp-content/uploads/window_invert.png)!important;
}
.main-navigation li.current_page_item a .block-img2, .main-navigation li a:hover .block-img2{
	background-image: url(http://okna-tex.com.ua/wp-content/uploads/steklopaket_invert.png)!important;
}
nav.main-navigation ul{
	display: flex;
	justify-content: center;
}
.site-logo img{
	height: 100px;
}
.bottom-header .container{
	max-width: 100%;
	padding: 0;
}
.site-branding .site-title a{
	color: #fff;
	font-size: 24px;
	text-align: center;
}
.site-branding .site-title{
	margin-bottom: 6px;
}
.button, 
button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"], 
.comment-reply-link, 
.post-edit-link, 
.btn-more{
	background: linear-gradient(to bottom, #fedf00 0%, #fedb00 22%, #fecf00 70%, #fec800 100%)!important;
	color:  #0d141e!important;
	font-family: 'Oswald', sans-serif!important;
}
.button:hover, 
button:hover, 
input[type="button"]:hover, 
input[type="reset"]:hover, 
input[type="submit"]:hover, 
.comment-reply-link:hover, 
.post-edit-link:hover, 
.btn-more:hover{
	background: #0d141e!important;
	background: var(--main-dark-color);
	color: #fff!important;
}
.post-edit-link{
	border-radius: 5px;
	border: none;
}
.callback-button button{
	border: 1px solid transparent;
}
.callback-button button:hover{
	border: 1px solid #fede00!important;
}
.post-navigation .nav-links .nav-previous:hover a, 
.post-navigation .nav-links .nav-next:hover a, 
.post-navigation .nav-links .nav-previous:hover:before, 
.post-navigation .nav-links .nav-next:hover:after{
    color: #e8bf24;
}

#popup__toggle{bottom:25px;right:10px;position:fixed;}
.img-circle{background-color:#0d141e;box-sizing:content-box;-webkit-box-sizing:content-box;}
.circlephone{box-sizing:content-box;-webkit-box-sizing:content-box;border: 2px solid #0d141e;width:150px;height:150px;bottom:-25px;right:10px;position:absolute;-webkit-border-radius:100%;-moz-border-radius: 100%;border-radius: 100%;opacity: .5;-webkit-animation: circle-anim 2.4s infinite ease-in-out !important;-moz-animation: circle-anim 2.4s infinite ease-in-out !important;-ms-animation: circle-anim 2.4s infinite ease-in-out !important;-o-animation: circle-anim 2.4s infinite ease-in-out !important;animation: circle-anim 2.4s infinite ease-in-out !important;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all 0.5s;}
.circle-fill{box-sizing:content-box;-webkit-box-sizing:content-box;background-color:#0d141e;width:100px;height:100px;bottom:0px;right:35px;position:absolute;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;-webkit-animation: circle-fill-anim 2.3s infinite ease-in-out;-moz-animation: circle-fill-anim 2.3s infinite ease-in-out;-ms-animation: circle-fill-anim 2.3s infinite ease-in-out;-o-animation: circle-fill-anim 2.3s infinite ease-in-out;animation: circle-fill-anim 2.3s infinite ease-in-out;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all 0.5s;}
.img-circle{box-sizing:content-box;-webkit-box-sizing:content-box;width:72px;height:72px;bottom: 14px;right: 49px;position:absolute;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;opacity: .7;}
.img-circleblock{position: relative; box-sizing:content-box;-webkit-box-sizing:content-box;width:72px;height:72px;animation-name: tossing;-webkit-animation-name: tossing;animation-duration: 1.5s;-webkit-animation-duration: 1.5s;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;}
.img-circleblock:before{
    font-family: "FontAwesome";
    content: "\f095";
    left: 30%;
    top: 11%;
    position: absolute;
    color: #ffde00;
    font-size: 40px;
}
.img-circle:hover{opacity: 1;}
@keyframes pulse {0% {transform: scale(0.9);opacity: 1;}
  50% {transform: scale(1); opacity: 1; }   
  100% {transform: scale(0.9);opacity: 1;}}
 @-webkit-keyframes pulse {0% {-webkit-transform: scale(0.95);opacity: 1;}
  50% {-webkit-transform: scale(1);opacity: 1;}   
  100% {-webkit-transform: scale(0.95);opacity: 1;}}
@keyframes tossing {
  0% {transform: rotate(-8deg);}
  50% {transform: rotate(8deg);}
  100% {transform: rotate(-8deg);}}
@-webkit-keyframes tossing {
  0% {-webkit-transform: rotate(-8deg);}
  50% {-webkit-transform: rotate(8deg);}
  100% {-webkit-transform: rotate(-8deg);}}
@-moz-keyframes circle-anim {
  0% {-moz-transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;-moz-opacity: .1;-webkit-opacity: .1;-o-opacity: .1;}
  30% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;-moz-opacity: .5;-webkit-opacity: .5;-o-opacity: .5;}
  100% {-moz-transform: rotate(0deg) scale(1) skew(1deg);opacity: .6;-moz-opacity: .6;-webkit-opacity: .6;-o-opacity: .1;}}
@-webkit-keyframes circle-anim {
  0% {-webkit-transform: rotate(0deg) scale(0.5) skew(1deg);-webkit-opacity: .1;}
  30% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);-webkit-opacity: .5;}
  100% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);-webkit-opacity: .1;}}
@-o-keyframes circle-anim {
  0% {-o-transform: rotate(0deg) kscale(0.5) skew(1deg);-o-opacity: .1;}
  30% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);-o-opacity: .5;}
  100% {-o-transform: rotate(0deg) scale(1) skew(1deg);-o-opacity: .1;}}
@keyframes circle-anim {
  0% {transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;}
  30% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;}
  100% {transform: rotate(0deg) scale(1) skew(1deg);
opacity: .1;}}
@-moz-keyframes circle-fill-anim {
  0% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {-moz-transform: rotate(0deg) -moz-scale(1) skew(1deg);opacity: .2;}
  100% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@-webkit-keyframes circle-fill-anim {
  0% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;  }
  50% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;  }
  100% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@-o-keyframes circle-fill-anim {
  0% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {-o-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;}
  100% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@keyframes circle-fill-anim {
  0% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;}
  100% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
  
.mean-container a.meanmenu-reveal {
    color: #0d141e;
    top: 0px;
    padding: 9px 15px;
}
.mean-bar a.meanmenu-reveal{
		width: 100%;
		padding: 10px 0;
		font-size: 18px;
		text-align: center;
		text-indent: 0;
}
.banner-block{
	height: 220px;
	padding: 20px;
    padding-left: 350px;
    border: 2px solid #ffc838;
    border-radius: 5px;
    margin-top: 20px;
    text-align: center;	
}
.banner-block.banner-block-1{
	background:
		url(../../uploads/horizontal_banner_bg.png) no-repeat,
		url(../../uploads/horizontal_banner_1.jpg) no-repeat;
	background-size: auto 100%, 39%;
}
.banner-block.banner-block-2{
	background:
		url(../../uploads/horizontal_banner_bg.png) no-repeat,
		url(../../uploads/horizontal_banner_2.jpg) no-repeat;
	background-size: auto 100%, 39%;
}
.banner-block.banner-block-3{
	background:
		url(../../uploads/horizontal_banner_bg.png) no-repeat,
		url(../../uploads/horizontal_banner_3.jpg) no-repeat;
	background-size: auto 100%, 39%;
}
.banner-block.banner-block-4{
	background:
		url(../../uploads/horizontal_banner_bg.png) no-repeat,
		url(../../uploads/antimoskit.jpg) no-repeat;
	background-size: auto 100%, 39%;
}
.wpcf7-form{
	margin-top: 30px;
}
.wpcf7-form .call_btn{
	text-align: center;
}
.apply_order__header, .pay-order__header, .advantages__header{
	margin-top: 45px;
    text-align: center;
    margin-bottom: 35px;
}
.pay-order__header{
	 margin-bottom: 15px;
}
.apply-order, .pay-order, .advantages{
	margin-bottom: 35px;
	background-color: rgb(255, 200, 56);
    border-radius: 10px;
    padding: 15px;
}
.apply-order__ico i, .pay-order__ico i, .advantages__ico i{
    color: #fff;
    font-size: 45px;
}
.pay-order{
	background-color: rgba(208, 208, 208, 1);
}
.pay-order__ico i{
	color: #fede00f7;
}
.apply-order__ico, .apply-order__title, .pay-order__ico, .advantages__ico, .advantages__title{
	text-align: center;
}
.apply-order__title{
	margin-top: 5px;
}
.pay-order__ico:after{
	font-family: "FontAwesome";
	color: #fede00f7;
    font-size: 45px;
}
.apply-order__ico:after{
	font-family: "FontAwesome";
	color: #fff;
    font-size: 45px;
}
.advantages__ico:after{
	font-family: "FontAwesome";
	color: #fff;
    font-size: 45px;
}
.advantages__ico1:after{
	content: '\f155';
}
.advantages__ico2:after{
	content: '\f164';
}
.advantages__ico3:after{
	content: '\f073';
}
.apply-order__ico1:after{
	content: '\f098';
}
.apply-order__ico2:after{
	content: '\f1ec';
}
.apply-order__ico3:after{
	content: '\f007';
}
.apply-order__ico4:after{
	content: '\f0ad';
}
.apply-order__ico5:after{
	content: '\f0d1';
}
.pay-order__ico1:after{
	content: '\f0d6';
}
.pay-order__ico2:after{
	content: '\f19c';
}
.pay-order__ico3:after{
	content: '\f09d';
}

.site-header__fixed{
	position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
}
.navigation-sm__fixed{
	position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
	width: 100%;
}
.main-navigation-wrapper__fixed{
	position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
}
.fw-main-row{
	border-radius: 8px;
}
.fw-main-row h3, .fw-main-row h5{
	padding: 15px 10px;
	text-transform: uppercase;
	text-align: center;
}
.steklopaket_type{
	background: #f1f1f1;
    border-radius: 10px;
	text-align: center;
	box-shadow: 2px 2px 5px #d8d8d8;
}
.main-navigation .nav-link a{
	display: flex;
	align-items: center;
}
.main-navigation .nav-link a i, .main-navigation .nav-link a .block-img{
	margin-right: 7px;
}
.block-img{
	width: 20px;
	height: 20px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}


/*Media Queries*/

@media screen and (max-width: 1200px){
	.site-branding{
		padding-left: 15px;
		padding-right: 15px;
	}
}
  
@media screen and (max-width: 1050px){
	.main-navigation-wrapper {
		margin-top: 0;
		min-height: 40px;
	}
	.bottom-header{
		padding: 0;
	}
}

@media screen and (max-width: 1024px){
	.banner-block.banner-block-1, .banner-block.banner-block-2, .banner-block.banner-block-3, .banner-block.banner-block-4{
		background-size: auto 100%, 48%;
	}
}

@media screen and (max-width: 991px){
	.site-information {
		max-basis: 28%;
	}
}

@media screen and (max-width: 1024px){

	.main-navigation-wrapper{
		display: none;
	}
	.navigation__sm{
		display: block;
		min-height: 85px;
		background-color: #0d141e;
		background-color: var(--main-dark-color);
		color: #fff;
	}
	.navigation__sm a{
		color: #fff;
	}
	.navigation__sm .site-logo{
		display: flex;
	}
	.navigation__sm .site-logo img{
		height: 70px;
	}
	.navigation__sm .header-wrapper__logo{
		max-width: 35%;
	}
	.navigation__sm .site-title{
		margin: 0;
	}
	.navigation__sm .site-title a{
		display: flex;
	    justify-content: center;
	    flex-wrap: wrap;
	}
	.navigation__sm .site-title__name{
		width: 100%;
		text-align: center;
    	font-size: 18px;
	}
	.navigation__sm .site-title img{
		width: 45px;
	}
	.navigation__sm a i{
		font-size: 30px;
		color: #fedb00;
	}
	.navigation__sm .menu a i, .navigation__sm .menu a div{
		font-size: 16px;
		margin-right: 7px;
	}
	.navigation__sm .header-wrapper{
		display: flex;
		justify-content: space-around;
		position: relative;
	}
	.navigation__sm .header-wrapper__lang a:first-child{
		margin-right: 5px;
	}
	.navigation__sm .header-wrapper__lang a:last-child{
		margin-left: 5px;
	}
	.navigation__sm .header-wrapper__item{
		height: 85px;
		display: flex;
		align-items: center;
	}
	.navigation__sm .nav-btn{
		padding: 5px 10px;
	    border: 1px solid #fedb00;
	    border-radius: 5px;
	}
	.navigation__sm .contacts-list, .navigation__sm .nav-menu{
		display: none;
	}
	.navigation__sm .nav-menu, .navigation__sm .contacts-list{
		position: absolute;
		top: 85px;
		left: 0;
		width: 100%;
		z-index: 999;
		background-color: rgba(13, 20, 30, 0.93);
	}
	.navigation__sm .contacts-list{
		padding: 15px;
	}
	.navigation__sm .contacts-list .contacts-list__title{
		text-align: center;
		color: #fff;
		margin: 10px 0;
		font-size: 20px;
	}
	.navigation__sm .contacts-list a, .contact-schedule{
		display: block;
		text-align: center;
	}
	.navigation__sm .contact-phone{
		font-size: 20px;
		margin-bottom: 5px;
	}
	.navigation__sm .nav-menu ul li{
		list-style: none;
		text-transform: uppercase;
		padding-left: 10px;
		border-bottom: 1px solid rgb(13, 20, 30);
		padding: 15px;
		margin: 0;
	}
	.navigation__sm .nav-menu ul li a{
		display: flex;
		align-items: center;
	}
	.navigation__sm .nav-menu li.current-menu-item{
		background-color: rgba(254, 219, 0, 1);
	}
	.navigation__sm .nav-menu li.current-menu-item a{
		color: #0d141e;
		color: var(--main-dark-color);
	}
	.navigation__sm .nav-menu ul li:last-child{
		border-bottom: none;
	}
	.site-header{
		display: none;
	}
	#footer-widgets{
		width: 100%;
	}
	.footer-g-map{
		text-align: center;
	}
}
@media screen and (max-width: 650px){
	.banner-block.banner-block-1, .banner-block.banner-block-2, .banner-block.banner-block-3, .banner-block.banner-block-4{
		background: none;
		background-color: rgba(255, 225, 0, 0.07);
	}
	.banner-block{
		padding-left: 20px;
		height: auto;
	}
	#primary{
		padding: 10px 15px;
	}
	article.page header{
		padding-left: 15px;
	}
	.site-main{
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.container{
		padding: 0;
	}
	.footer-widgets-column{
		width: 96%;
	}
	.footer-widgets{
		padding-right: 0;
	}
	#footer-widgets{
	    padding-left: 15px;	
	}
}