/*
 * Theme Name: Yorkshire
 * Author: Indevo Group
 * Author URI: https://indevo.ru/
 * Owner: - (-)
 * Version: 1.0
 */

/* Fonts */
@font-face {
    font-family: "FontinSans";
    src: url("http://new.bklux.ru/wp-content/themes/Yorkshire/font/FontinSans_Cyrillic_SC_46b.eot");
    src: url("http://new.bklux.ru/wp-content/themes/Yorkshire/font/FontinSans_Cyrillic_SC_46b.eot?#iefix")format("embedded-opentype"),
    url("http://new.bklux.ru/wp-content/themes/Yorkshire/font/FontinSans_Cyrillic_SC_46b.woff") format("woff"),
    url("http://new.bklux.ru/wp-content/themes/Yorkshire/font/FontinSans_Cyrillic_SC_46b.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* PRELOADER */
.preloader-cover {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1999;
    background:rgb(255,255,255);
}
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.pace-inactive {
  display: none;
}
.pace .pace-progress {
	display: block;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index:2000;
}
.pace .pace-progress:after {
	display: block;
	position: absolute;
	top: 50%;
	left:50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	margin: 15px 0;
	width: 100%;
	content: attr(data-progress-text);
	font-family: FontinSans, "Helvetica", sans-serif;
	font-size: 18px;
	line-height: 1;
	text-align: center;
	color: #6a6a6a;
	z-index:2000;
}

/*Wordpress editor styles start*/

.entry-content img {
	margin: 0 0 1.5em 0;
	}
.alignleft, img.alignleft {
	margin-right: 1.5em;
	display: inline;
	float: left;
	}
.alignright, img.alignright {
	margin-left: 1.5em;
	display: inline;
	float: right;
	}
.aligncenter, img.aligncenter {
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
	}
.wp-caption {
	margin-bottom: 1.5em;
	text-align: center;
	padding-top: 5px;
	}
.wp-caption img {
	border: 0 none;
	padding: 0;
	margin: 0;
	}
.wp-caption p.wp-caption-text {
	line-height: 1.5;
	font-size: 10px;
	margin: 0;
	}
.wp-smiley {
	margin: 0 !important;
	max-height: 1em;
	}
blockquote.left {
	margin-right: 20px;
	text-align: right;
	margin-left: 0;
	width: 33%;
	float: left;
	}
blockquote.right {
	margin-left: 20px;
	text-align: left;
	margin-right: 0;
	width: 33%;
	float: right;
	}

/* Web-site */

/* Simple elements */
html, body {
	font-family: 'Lora', 'Times', "Times New Roman", serif;
	color:#1e1e1e;
	overflow-x: hidden;
	width: 100%;
	min-width:320px;
}
header, img {
	display: block;
}
img{
	max-width: 100%;
}
#website {
	position: relative;
        left:0;
	-webkit-transition: all 0.4s ease-in;
	-moz-transition: all 0.4s ease-in;
	-o-transition: all 0.4s ease-in;
	transition: all 0.4s ease-in;
}
#magic{
	width: 100%;
	height: 100%;
	position: relative;
	left: 0px;
	-webkit-perspective: 1500px;
	-moz-perspective: 1500px;
	perspective: 1500px;
	background:#f4f4f3;
}
#page-content {
	position: relative;
	left: 0;
	z-index: 10;
	height: 100%;
	height: 100vh;
	max-height: 100vh;
	overflow: scroll !important;
	transition: all 0.7s;
}
#bklux {
	background:#fff;
	overflow-x: hidden;
	padding-left:74px;
	-webkit-transition: padding 0.6s ease-in;
	-moz-transition: padding 0.6s ease-in;
	-o-transition: padding 0.6s ease-in;
	-ms-transition: padding 0.6s ease-in;
	transition: padding 0.6s ease-in;
}
.bkl-if-menu-open,
.bkl-if-menu-open2 {
	padding-left:0px !important;
	padding-right: 74px;
}
.render {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transform: translateZ(0px) translateX(0px) rotateY(-0deg);
	-moz-transform: translateZ(0px) translateX(0px) rotateY(0deg);
	-ms-transform: translateZ(0px) translateX(0px) rotateY(0deg);
	-o-transform: translateZ(0px) translateX(0px) rotateY(0deg);
	transform: translateZ(0px) translateX(0px) rotateY(-0deg);
}
.logic-block{
	padding-top: 180px;
	padding-bottom: 180px;
}
.logic-block-min{
	padding-top: 90px;
	padding-bottom: 90px; 
}
hr {
	text-align: left;
	margin: 0 auto 0 0;
	margin-top: -5px;
	width: 40px;
	border: 0;
	height: 3px;
}
hr.line {
	width: 100%;
	height: 2px;
}
hr.white{
    background-color: #fff;
}
hr.title {
    margin-top: 20px;
    margin-bottom: 20px;
}
hr.center {
    margin: 0 auto;
}
hr.title-center {
    margin: 20px auto; 
}
hr.undertitle {
    background: #747474;
    height: 2px;
    display: block;
    margin: 0px auto 20px;
}
hr.undertitle-left {
    background: #747474;
    height: 2px;
    display: block;
    margin: 0px auto 20px 0px;
}
.murder {
	display: none !important;
}

/* Header */
.header-block {
	width: 74px;
        height: 100%;
        height: 100vh;
	position:fixed;
	background: #fff;
	border-right:1px solid #ececec;
	z-index: 99;
	-webkit-transition: background 0.4s, width 0.4s, -webkit-filter 0.3s;
	-o-transition: background 0.4s, width 0.4s, -o-filter 0.3s;
	-moz-transition: background 0.4s, width 0.4s, -moz-filter 0.3s;
	transition: background 0.4s, width 0.4s, filter 0.3s;
}
.site-header {
	position:relative;
 	display: block;
	height: 100%;
	width: 100%;
	-webkit-transition: all 0.6s;
	-o-transition: all 0.6s;
	-moz-transition: all 0.6s;
	transition: all 0.6s;
}
.site-header .bklux-logo {
	position: absolute;
	display: block;
	top:15px;
        padding: 12px;
	-webkit-transition: all 0.6s;
	-o-transition: all 0.6s;
	-moz-transition: all 0.6s;
	transition: all 0.6s;
}
.site-header .bklux-logo img{
	width: 49px;
	height: 49px;
}
.site-header .menu-btn-box {
	position: absolute;
	display: block;
	top:50%;
        padding:20px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.site-header .call-us {
	position: absolute;
	display: block;
	bottom:15px;
	padding: 23px;
	-webkit-transition: all 0.6s;
	-o-transition: all 0.6s;
	-moz-transition: all 0.6s;
	transition: all 0.6s;
}
.site-header .call-us img{
	width:22px;
	height:22px;
}
.hamburger {
	display: inline-block;
	cursor: pointer;
	transition-property: opacity, -webkit-filter;
	transition-property: opacity, filter;
	transition-property: opacity, filter, -webkit-filter;
	transition-duration: 0.15s;
	transition-timing-function: linear;
	font: inherit;
	text-transform: none;
	border: 0;
	margin: 0;
	padding: 0;
	overflow: visible;
	width: 34px;
	height: 34px;
	border-radius: 35px;
	background-color: transparent;
	float: left;
	transition: all 1s;
}
.hamburger-box {
	width: 34px;
	height: 28px;
	margin: 0;
	display: block;
	position: relative; 
}
.hamburger-inner {
	display: block;
	top: 50%;
	margin-top: -2px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
	width: 30px;
	height: 2px;
	background-color: #1e1e1e;
	position: absolute;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	transition-duration: 0.15s;
	transition-timing-function: ease; 
}
.hamburger-inner::before, .hamburger-inner::after {
	content: "";
	display: block; 
}
.hamburger-inner::before {
	top: -9px; 
}
.hamburger-inner::after {
	bottom: -9px;
}
.hamburger--collapse .hamburger-inner {
	top: auto;
	bottom: 0;
	transition-duration: 0.15s;
	transition-delay: 0.15s;
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse .hamburger-inner::after {
	top: -18px;
	transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse .hamburger-inner::before {
	transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse.is-active .hamburger-inner {
	-webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
	transform: translate3d(0, -10px, 0) rotate(-45deg);
	transition-delay: 0.32s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse.is-active .hamburger-inner::after {
	top: 0;
	opacity: 0;
	transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear;
}
.hamburger--collapse.is-active .hamburger-inner::before {
	top: 0;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1); 
}
.hamburger-inner,
.hamburger-inner::after,
.hamburger-inner::before {
	background-color: #1e1e1e;
}
.fliped,
.fliped2 {
	-webkit-transform: translateZ(0px) translateX(10%) rotateY(-50deg);
	-moz-transform: translateZ(0px) translateX(10%) rotateY(-50deg);
	-ms-transform: translateZ(0px) translateX(10%) rotateY(-50deg);
	-o-transform: translateZ(0px) translateX(10%) rotateY(-50deg);
	transform: translateZ(0px) translateX(10%) rotateY(-50deg);
	position: absolute;
	overflow: hidden;
	cursor: pointer;
	height: 100%;
	width: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	background-color: #fff;
}
.perspective,
.perspective2 {
	position: fixed;
	overflow: hidden;
}
.header-block:hover,
.header-block.if-menu-active {
	border-right: 0px;
	width: 190px;
	background: transparent;
}
.header-block.if-menu-active{
	-webkit-filter: brightness(1000%);
	-moz-filter: brightness(1000%);
	-o-filter: brightness(1000%);
	-ms-filter: brightness(1000%);
	filter: brightness(1000%);
}
.bklux-logo::after{
	content:"";
	display: block;
	width:0px;
	height:0px;
	opacity:0;
	position: absolute;
	left: 120px;
	top: 28px;
	width:200px;
	height:31px;
	background: url(http://new.bklux.ru/wp-content/uploads/2017/01/horizontal-company-name.svg) left no-repeat;
	background-size: contain;
	max-width:1px;
	transition: all 0.3s ease-out;
}
.header-block:hover .bklux-logo::after,
.header-block.if-menu-active .bklux-logo::after{
	max-width:none;
	opacity:1;
	left: 62px;
}
.menu-btn-box::after{
	content:"меню";
	display: block;
	width:0px;
	color:#1c1c1c;
	height:0px;
	opacity:0;
	position: absolute;
	left: 120px;
	font-family: FontinSans;
	font-size: 20px;
	top: 28px;
	height: 31px;
	width: auto;
	height: auto;
	max-width:1px;
	transition: all 0.5s ease-out;
}
.header-block:hover .menu-btn-box::after,
.header-block.if-menu-active .menu-btn-box::after{
	max-width:none;
	opacity: 1;
	left: 62px;
}
.call-us::after {
	content:"Заказать звонок";
	display: block;
	color:#1c1c1c;
	width:0px;
	height:0px;
	opacity:0;
	position: absolute;
	left: 120px;
	font-family: FontinSans;
	font-size: 16px;
	top: 24px;
	width: 160px;
	height: auto;
	transition: all 0.7s ease-out;
}
.header-block:hover .call-us::after,
.header-block.if-menu-active .call-us::after{
	opacity: 1;
	left: 62px;
}

/* Main Menu */
#main-menu {
    height: 100%;
    min-height: 100vh;
    position: relative;
    top: 0px;
    left: 0;
    margin-top: -25px;
	background: linear-gradient(to bottom left, #87bffa, #55e8e8)!important;
}
#main-menu-container {
	position: fixed;
	z-index:98;
	display: block;
 	width:0;
	top:0;
	left:0;
	height:100vh;
	height:100%;
	overflow: hidden;
	transition: all 0.3s;
}
#main-menu-container.open-menu {
 	width:100% !important;
	overflow: auto!important;
	height: 100%; 
	height: 100vh !important;
	position: fixed!important;
}
.main-menu-in {
	z-index: 97;
	top: 50%;
	position: relative;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
a.menu-item {
	position: relative;
	display: table;
	margin: 25px auto;
	left: -200px;
	text-align: center;
	width: auto;
	opacity:0;
}
#main-menu-container.open-menu a.menu-item {
	left: 0px;
	opacity:1;
}
.menu-item-title{ 
	position: relative;
	display: block;
	text-align: center;
	font-family: fontinsans;
	font-size: 36px;
	color: #fff;
}
.menu-item-title::after {
 	content:"";
	position: absolute;
	width:0%;
	display: block;
	top:50%;
        right:0;
	margin-top:-2px;
	height:3px;
	background:#fff;
	transition: all 0.4s;
}
a.menu-item:hover {
	color: #fff;
	text-decoration: none;
}
a.menu-item:hover .menu-item-title::after {
	width:100%;
        left:0;
}
#mi-1 {
	transition: all 0.2s;
}
#mi-2 {
	transition: all 0.4s;
}
#mi-3 {
	transition: all 0.6s;
}
#mi-4 {
	transition: all 0.8s;
}
#mi-5 {
	transition: all 1s;
}
/* Footer */
#footer-contact {
	padding: 120px 0px;
	font-family: FontinSans, Helvetica, Arial, sans-serif !important;
	line-height: 1.5 !important;
	position: relative;
}
#footer p {
    font-family: Lora;
}
#footer a {
        font-family: Lora;
	transition: all 0.3s;
	left:0px;
        border-bottom: 1px solid rgba(0,0,0,0.2);
}
#footer a:hover,
#footer a:focus,
#footer a:active {
        color: rgb(38, 143, 202);
        border-bottom: 1px solid rgba(38, 143, 202,0.7);
}
#footer-block{
	font-family: FontinSans, Helvetica, Arial, sans-serif !important;
	line-height: 1.5 !important;
	min-height:264px;
	overflow: hidden;
}
#footer-block h3 {
	padding-bottom: 20px;
	line-height: 1.4;
}
#footer-block a{
    padding-top: 15px;
    display: block;
}
#footer {
	background: #fbfbfb;
	position: relative;
}
#footer-end p {
	font-size: 12px;
	-moz-hyphens: none;
	-o-hyphens: none;
	-webkit-hyphens: none;
	hyphens: none;
}
div#footer-end p,
div#footer-end a {
    font-family: FontinSans, Helvetica, Arial, sans-serif;
    font-size: 10px;
}
#footer-end a {
	color:#228fca;
        border-bottom: 1px solid rgba(38, 143, 202,0.4);
} 
#contact-info {
 	padding-top: 15px;
}
/* Buttons and links */
button {
	outline: none !important;
}
a {
	cursor: pointer;
	color: inherit;
	text-decoration: none;
	position: relative;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}
a:hover,
a:active,
a:focus {
	color: inherit;
	text-decoration: none;
	opacity: 1;
}
.call-to-action {
	font-family: FontinSans, Helvetica, Arial, sans-serif;
	font-size: 20px;
	opacity:1;
	padding: 12px 33px 10px 28px;
	border-radius: 39px;
}
.cta-black {
	border: 2px solid #1c1c1c;
	color: #1c1c1c;
	box-shadow: 0 0 15px rgba(255,255,255,0.5);
}
.cta-black:after{
	content:"->";
	margin-left: -20px;
	position: relative;
	opacity:0;
	transition: opacity 0.4s, margin 0.4s;
}
.cta-black:hover{
	text-decoration: none;
	color:#1c1c1c;
	padding: 12px 42px 10px 50px;
}
.cta-black:hover:after{
	margin-left: 10px;
	opacity:1;
}
.button-type-1 {
	top: 20px;
	color: #53b3db;
	text-transform: uppercase;
	font-family:  FontinSans, Helvetica, Arial, sans-serif;
	font-size: 16px;
	letter-spacing: 0.08em;
	position: relative;
	opacity:1;
	text-decoration: none !important;
	margin-left: 0px;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	-ms-transition: all 0.6s;
	transition: all 0.6s;
}
.button-type-1::after {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 1px;
	background: #53b3db;
	bottom: -7px;
	margin-left: 0px;
	left: 0;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	-ms-transition: all 0.6s;
	transition: all 0.6s;
}
.button-type-1:hover {
    	margin-left: -15px;
	color: #53b3db;
}
.button-type-1:hover::after {
	margin-left: 30px;
}
.button-type-2 {
	position: relative;
	z-index:1;
	font-family: FontinSans, Helvetica, Arial, sans-serif;
	font-size: 16px;
	letter-spacing: 0.09em;
	display: block;
	padding-top: 40px;
	padding-bottom: 40px;
	color: #53b3db;
}
.button-type-2:hover {
	color: #1c1c1c;
}
.bt2-icon {
	position: absolute;
	z-index:-1;
	opacity:0;
	top: 120px;
	left: 50%;
	width: 90px;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.button-type-2:hover .bt2-icon {
	top: 50%;
	opacity:1;
}
a.simple-button {
 font-family: FontinSans, Helvetica, Arial, sans-serif !important;
 font-size: 14px;
 color: #333;
 display: inline-block;
 position: relative;
}
a.simple-button:after {
 content:'';
 display: block;
 position: absolute;
 width: 100%;
 height: 1px;
 background: #333;
 left:0;
 bottom: -5px;
 opacity: 0.4;
}

/* Typography */

h1 {
	font-family: FontinSans, Helvetica, Arial, sans-serif;
	font-size: 52px;
	line-height: 1.36em;
}
h2 {
	font-family: FontinSans, Helvetica, Arial, sans-serif;
	font-size: 32px;
	letter-spacing: 0.4px;
	line-height: 1.5;
	margin-bottom: 20px;
}
h3 {
	font-family: FontinSans, Helvetica, Arial, sans-serif;
	font-size: 24px;
        line-height: 1.4;
	margin-bottom: 15px;
}
h4 {
	font-family: 'Lora', 'Times', "Times New Roman", serif;
	font-size: 18px;
	line-height: 1.4;
}
p {
	font-family: 'Lora', 'Times', "Times New Roman", serif;
        font-size: 14px;
        line-height: 2;
	color: #333;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

/* Colors */
.white-text {
	color:#fff;
}
.gradent-text {
	background: linear-gradient(to right,#5ea2f6, #37f8fe, #90ead0);
	-webkit-background-clip: text;
	-moz-background-clip: text;
	-o-background-clip: text;
	-ms-background-clip: text;
	background-clip: text;
	color: transparent;
}
.bg-white{
	background: #fff;
}

/* POP-UP */
.pop-up {
	overflow-y: auto;
	background: transparent;
	display:block;
	position:fixed;
	z-index:-9;
	opacity:0;
	max-width: 720px;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.pop-up .container {
	position: relative;
	width: 100%;
}
.show-pop-up {
	z-index:100;
	opacity:1;
}

/* Forms */
div.wpcf7 .ajax-loader {
   opacity:0 !important;
}
input[type="tel"],
input[type="text"],
input[type="email"] {
    width: 100%;
    outline: none;
    max-width: 280px;
    border: none;
    border-bottom: 1px solid #228fca;
    background: transparent;
    min-height: 40px;
    padding: 5px;
    margin-bottom: 10px;
}

textarea{
	max-height: 180px;
	max-width: 100%;
}
span.wpcf7-not-valid-tip{
	color: #c93232 !important;
	font-family: 'FontinSans' !important;
	font-size: 12px !important;
}
div.wpcf7-validation-errors,
div.wpcf7-spam-blocked {
	margin: 0 0 5px 0 !important;
	font-size: 12px !important;
	padding: 0 15px !important;
	font-family: 'FontinSans' !important;
	border: none !important;
	color: #c93232 !important;
}
div.wpcf7-mail-sent-ok {
	margin: 0 0 5px 0 !important;
	font-size: 12px !important;
	padding: 0 15px !important;
	font-family: 'FontinSans' !important;
	border: none !important;
	color: #76b08b !important;
}
/* ANIMATION */
.an03 {
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.an04 {
	-webkit-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
.an05 {
	-webkit-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
.an06 {
	-webkit-transition: all 0.6s linear;
	-o-transition: all 0.6s linear;
	-moz-transition: all 0.6s linear;
	-ms-transition: all 0.6s linear;
	transition: all 0.6s linear;
}
.an07 {
	-webkit-transition: all 0.7s linear;
	-o-transition: all 0.7s linear;
	-moz-transition: all 0.7s linear;
	-ms-transition: all 0.7s linear;
	transition: all 0.7s linear;
}
.an08 {
	-webkit-transition: all 0.8s linear;
	-o-transition: all 0.8s linear;
	-moz-transition: all 0.8s linear;
	-ms-transition: all 0.8s linear;
	transition: all 0.8s linear;
}
.an09 {
	-webkit-transition: all 0.9s linear;
	-o-transition: all 0.9s linear;
	-moz-transition: all 0.9s linear;
	-ms-transition: all 0.9s linear;
	transition: all 0.9s linear;
}
.an1 {
	-webkit-transition: all 1s linear;
	-o-transition: all 1s linear;
	-moz-transition: all 1s linear;
	-ms-transition: all 1s linear;
	transition: all 1s linear;
}

/* Call Order */
header.callorder-open {
    width: 70% !important;
    background: transparent;
    border-right: transparent;
}
header.callorder-open .bklux-logo::after,
header.callorder-open .menu-btn-box::after,
header.callorder-open .call-us::after,
header.callorder-open.header-block:hover .menu-btn-box::after, .header-block.if-menu-active .menu-btn-box::after,
header.callorder-open.header-block:hover .bklux-logo::after, .header-block.if-menu-active .bklux-logo::after,
header.callorder-open.header-block:hover .call-us::after, .header-block.if-menu-active .call-us::after {
	opacity:0;
	left: 100vw;
}
header.callorder-open .site-header .call-us {
	opacity: 0.5;
}
#page-content.callorder-open-pc {
	left: 50vw;
}
.dont-overflow {
        overflow: hidden !important;
}
a#callorder-backtosite {
 	position: fixed;
	top:0;
	left: -1px;
	width: 0%;
	height: 0%;
	z-index: 98;
	opacity:0;
}
a#callorder-backtosite.cobtc-active {
	left: 80px;
	width: 100%;
	height: 100%;
}
.callorder {
	position: absolute;
	width: 80%;
	overflow: hidden;
	z-index: 100;
	height: 100%;
	top:15px;
	left:70px;
	-webkit-transform: translateX(-250%);
	-moz-transform: translateX(-250%);
	-o-transform: translateX(-250%);
	-ms-transform: translateX(-250%);
	transform: translateX(-250%);
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.callorder.open-callorder {
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	-o-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}
a#callorder-close {
	font-family: Arial;
	font-size: 22px;
	display: block;
	position: absolute;
	top: 20px;
	right: 20px;
	color: #1e1e1e;
}
.call-oreder-container {
	max-width: 440px;
	position: absolute;
	top: 20vh;
	left: 12%;
	margin-bottom: 25px;
}
#co-name,
#co-tel {
	margin-top: 10px;
	margin-bottom: 20px;
}
#co-sub {
	margin-top: 15px;
	margin-bottom: 0px;
}
input[type="submit"] {
	display: block;
	font-family: FontinSans, Helvetica, Arial, sans-serif;
	border: 2px solid #1c1c1c;
	border-radius: 39px;
	color: #1c1c1c;
	font-size: 16px;
	padding: 7px 18px 6px 18px;
	letter-spacing: 0.04em;
	outline: none;
	-webkit-appearance: none;
	background: transparent;
}

/* fp-fix */
.fp-slidesNav {
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	margin:0 !important;
}
.fp-slide {
    position: relative;
}
.fp-slide:before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: transparent url(http://new.bklux.ru/wp-content/uploads/2018/01/bklsliderlogo-min.png) center no-repeat;
    opacity: .05;
    background-size: auto 60%;
    filter: invert();
}

/* Media */
@media (min-width: 1440px) {
	.container-fluid .row {
		max-width: 1410px;
		margin: 0 auto;
	}
}
@media (max-width: 1330px) {
	#footer-block {
		min-height: 306px
	}
}
@media (max-width:1200px) {
	h1 {
		font-size: 32px;
		line-height: 1.36em;
	}
	h2 {
		font-size: 28px;
		letter-spacing: 0.4px;
		line-height: 1.5;
	}
	h3 {
		font-size: 22px;
	}
	h4 {
		font-size: 16px;
		line-height: 1.4;
	}
	p {
		font-size: 14px;
		line-height: 1.9;
	}
	.call-to-action {
		font-size: 18px;
		padding: 10px 25px 8px 20px;
	}
	.cta-black:hover {
		padding: 10px 25px 8px 20px;
	}
	.logic-block{
		padding-top: 100px;
		padding-bottom: 100px;
	}
	.logic-block-min{
		padding-top: 60px;
		padding-bottom: 60px; 
	}
}
@media (max-width: 1040px) {
	#contact-info {
		padding-top: 18px;
	}
	#footer-contact {
    		padding: 60px 0px;
	}
	.callorder {
		-webkit-transform: translateX(-350%);
		-moz-transform: translateX(-350%);
		-o-transform: translateX(-350%);
		-ms-transform: translateX(-350%);
		transform: translateX(-350%);
	}
}
@media (min-width:992px) {
	#footer-ci-r2  {
		margin-top: 25px;
	}
}
@media (max-width:992px) {
	 #page-content .col, #page-content .col-xs-1, #page-content .col-sm-1, #page-content .col-md-1, #page-content .col-lg-1, #page-content .col-xs-2, #page-content .col-sm-2, #page-content .col-md-2, #page-content .col-lg-2,#page-content .col-xs-3,#page-content .col-sm-3, #page-content .col-md-3, #page-content .col-lg-3, #page-content .col-xs-4, #page-content .col-sm-4, #page-content .col-md-4, #page-content .col-lg-4,#page-content .col-xs-5,#page-content .col-sm-5,#page-content .col-md-5,#page-content .col-lg-5,#page-content .col-xs-6, #page-content .col-sm-6, #page-content .col-md-6, #page-content .col-lg-6,#page-content .col-xs-7,#page-content .col-sm-7, #page-content .col-md-7,#page-content .col-lg-7,#page-content .col-xs-8, #page-content .col-sm-8, #page-content .col-md-8,#page-content .col-lg-8,#page-content .col-xs-9,#page-content .col-sm-9,#page-content .col-md-9, #page-content .col-lg-9, #page-content .col-xs-10, #page-content .col-sm-10, #page-content .col-md-10, #page-content .col-lg-10,#page-content .col-xs-11,#page-content .col-sm-11,#page-content .col-md-11,#page-content .col-lg-11, #page-content .col-xs-12, #page-content .col-sm-12, #page-content .col-md-12, #page-content .col-lg-12 {
		padding-top: 15px;
		padding-bottom: 20px;
	}
	.logic-block{
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.logic-block-min{
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.header-block:hover {
		border-right: 1px solid #ececec;
		width: 74px;
		background: #fff;
	}
	.header-block.if-menu-active {
		border-right: 0px;
		width:0px;
		background: transparent;
	}
	.header-block.if-menu-active .site-header{
		width:74px;
	}
	.header-block:hover .bklux-logo::after {
		display: none;
	}
	.header-block.if-menu-active .bklux-logo::after {
		display: block;
	}
	.header-block:hover .menu-btn-box::after {
		display: none;
	}
	.header-block.if-menu-active .menu-btn-box::after {
		display: block;
	}
	.header-block:hover .call-us::after {
		display: none;
	}
	.header-block.if-menu-active .call-us::after {
		display: block;
	}
	#bob-5 h4 {
		font-size: 14px;
	}
	#contact-info {
		margin-top: 15px;
	}
	#contact-info .col-xs-6,
	#contact-info .col-xs-12{
		padding-top: 5px;
		padding-bottom: 10px;
	}
}
@media (max-width:940px) {
	#footer-block {
		min-height: 485px;
	}
}
@media (max-width:768px) {
	#bklux {
		padding-left: 50px;
	}
	.header-block:hover {
		width: 50px;
	}
	h1 {
		font-size: 42px;
	}
	h2 {
		font-size: 26px;
	}
	h3 {
		font-size: 20px;
	}
	h4 {
		font-size: 16px;
 	}
	p {
		font-size: 13px;
	}
	.button-type-1 {
		font-size: 16px;
	}
	.site-header{
		margin-top: 0px;
	}
	.call-to-action {
		font-size: 18px;
		padding: 10px 25px 8px 20px;
	}
	.cta-black:hover {
		padding: 10px 25px 8px 32px;
	}
	.header-block {
		width: 50px;
	}
	.site-header .bklux-logo {
		padding: 7px;
	}
	.site-header .call-us {
		padding: 12px;
	}
	.site-header .menu-btn-box {
		padding: 8px;
	}
	#magic {
		-webkit-perspective: 1200px !important;
		-moz-perspective: 1200px !important;
		perspective: 1200px !important;
	}
	.fliped,
	.fliped2 {
		-webkit-transform: translateZ(-90px) translateX(25%) rotateY(-50deg);
		-moz-transform: translateZ(-90px) translateX(25%) rotateY(-50deg);
		-o-transform: translateZ(-90px) translateX(25%) rotateY(-50deg);
		-ms-transform: translateZ(-90px) translateX(25%) rotateY(-50deg);
		transform: translateZ(-90px) translateX(25%) rotateY(-50deg);
	}
	.menu-item-title {
		font-size: 24px;
	}
	.menu-btn-box::after {
		-webkit-transform: rotate(90deg) translateX(60px) translateY(67px);
		-moz-transform: rotate(90deg) translateX(60px) translateY(67px);
		-o-transform: rotate(90deg) translateX(60px) translateY(67px);
		-ms-transform: rotate(90deg) translateX(60px) translateY(67px);
		transform: rotate(90deg) translateX(60px) translateY(67px);
	}
	.call-us::after {
		top: 14px;
	}
	.bklux-logo::after {
		top: 23px;
	}
	.button-type-2 {
		color: #1c1c1c;
	}
	.button-type-2 .bt2-icon {
		top: 50%;
		opacity:1;
	}
	#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span,
	#fp-nav ul li a span, .fp-slidesNav ul li a span,
	#fp-nav ul li, .fp-slidesNav ul li {
	    width: 60px !important;
	}
	#footer-block {
		min-height: auto;
	}
	#footer-bottom {
		position: relative;
	}
	#website.callorder-open {
		 left: 70%;
	}
	.callorder {
 		width: 70%;
	}
}
@media(max-width: 767px) {
	#website.callorder-open {
		 left: 77%;
	}
	.callorder {
 		width: 77%;
		max-width: 0px;
	}
	.callorder.open-callorder{
		width: 86vw;
		left: 42px;
		top: 0;
		overflow: auto;
		max-width: none;
	}
	a#callorder-backtosite {
		display: none;
	}
	.call-oreder-container {
		position: relative;
		top: 50px;
		left: 15px;
		margin-right: 15px;
		margin-bottom: 25px;
	}
	.header-block.callorder-open {
		width: 100vw !important;
	}
	.fp-slide:before {
		background-size: auto 40%;
	}
}
@media (max-width:480px) {
	.nano-padding {
		padding-top: 5px !important;
		padding-bottom: 10px !important;
	}
	h1 {
		font-size: 28px;
	}
	h2 {
		font-size: 19px;
	}
	h3 {
		font-size: 20px;
	}
	h4 {
		font-size: 16px;
 	}
	#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span,
	#fp-nav ul li a span, .fp-slidesNav ul li a span,
	#fp-nav ul li, .fp-slidesNav ul li {
	    width: 30px !important;
	}
	.slide-title {
		font-size: 26px;
	}
	.call-to-action {
		font-size: 14px;
		padding: 10px 27px 8px 20px;
	}
	.cta-black {
		border: 1px solid #1c1c1c;
	}
	#main-slide-price {
		    font-size: 14px;
	}
	.col-xs-10.col-xs-offset-1 {
		width: 100%;
		margin: 0 auto;
	}
	#contact-info {
		margin-top: -30px;
	}
	#footer-contact {
		padding: 60px 0px 0px;
	}
	#footer-end p {
		font-size: 10px;
	}
	p {
		line-height: 2.1;
	}
	.logic-block {
		padding-top: 30px;
		padding-bottom: 35px;
	}
	.logic-block-min {
		padding-top: 15px;
		padding-bottom: 20px;
	}
	p.srvice-chek-name {
		font-size: 16px !important;
	}
        p.srvice-chek-price {
		font-size: 14px !important;
	}
}
@media (max-width:380px) {
	.menu-item-title {
		font-size: 20px;
	}
	.col-nano-12 {
		width:100% !important;
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	.col-nano-6 {
		width:50% !important;
	}
}
/* Bootstrap fix */
.col, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    min-width: 1px !important;
}
#pa-col {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	padding-right: 15px !important;
	padding-left: 15px !important;
}