a {
	text-decoration: none;
	transition: all.5s ease;
	-ms-transition: all.5s ease;
	-o-transition: all.5s ease;
	-moz-transition: all.5s ease;
	-webkit-transition: all.5s ease;
}

a:hover {
	text-decoration: none;
	transition: all.5s ease;
	-ms-transition: all.5s ease;
	-o-transition: all.5s ease;
	-moz-transition: all.5s ease;
	-webkit-transition: all.5s ease;
}

img {
	-moz-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	-webkit-transition: all .5s ease-out;
}

.preloader {
	align-items: center;
	display: flex;
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 100;
	background-image: url("img/work.png");
}

.preloader .loader {
	margin: 0 auto;
}

.preloader .cube-loader {
	width: 100px;
	height: 100px;
	margin: 0 auto;
	margin-bottom: 250px;
	position: relative;
}

.preloader .cube-loader .cube {
	position: relative;
	width: 50%;
	height: 50%;
	float: left;
	transform: scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}

.preloader .cube-loader .cube:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 92%;
	height: 92%;
	background-color: #d1cccc;
	animation: cube-loader 2.76s infinite linear both;
	transform-origin: 100% 100%;
}

.preloader .cube-loader .loader-2 {
	transform: scale(1.1) rotateZ(90deg);
	-webkit-transform: scale(1.1) rotateZ(90deg); 
	-moz-transform: scale(1.1) rotateZ(90deg); 
	-ms-transform: scale(1.1) rotateZ(90deg); 
	-o-transform: scale(1.1) rotateZ(90deg);
}

.preloader .cube-loader .loader-3 {
	transform: scale(1.1) rotateZ(180deg);
	-webkit-transform: scale(1.1) rotateZ(180deg);
	-moz-transform: scale(1.1) rotateZ(180deg);
	-ms-transform: scale(1.1) rotateZ(180deg);
	-o-transform: scale(1.1) rotateZ(180deg);
}

.preloader .cube-loader .loader-4 {
	transform: scale(1.1) rotateZ(270deg);
	-webkit-transform: scale(1.1) rotateZ(270deg);
	-moz-transform: scale(1.1) rotateZ(270deg);
	-ms-transform: scale(1.1) rotateZ(270deg);
	-o-transform: scale(1.1) rotateZ(270deg);
}

.preloader .cube-loader .loader-2:before {
	background-color: #111193;
	animation-delay: 0.35s;
}

.preloader .cube-loader .loader-3:before {	
	background-color: #111193;
	animation-delay: 0.69s;
	border-radius: 50px 0 0 0;
}

.preloader .cube-loader .loader-4:before {
	background-color: #d1cccc;
	animation-delay: 1.04s;
	border-radius: 50px 0 0 0;
}

@keyframes cube-loader {
	0%, 10% {
	transform: perspective(136px) rotateX(-180deg);
	opacity: 0;
	}
	25%, 75% {
	transform: perspective(136px) rotateX(0deg);
	opacity: 1;
	}
	90%, 100% {
	transform: perspective(136px) rotateY(180deg);
	opacity: 0;
	}
}

.toggle-mnu {
	display: block;
	width: 32px;
	height: 32px;
}

.toggle-mnu span:after, .toggle-mnu span:before {
	content: "";
	position: absolute;
	left: 0;
	top: 9px;
}

.toggle-mnu span:after {
	top: 18px;
}

.toggle-mnu span {
	position: relative;
	display: block;
}

.toggle-mnu span, .toggle-mnu span:after, .toggle-mnu span:before {
	width: 100%;
	height: 4px;
	background-color: #000000;
	transition: all 0.3s;
	backface-visibility: hidden;
	border-radius: 2px;
}

.toggle-mnu.on span {
	background-color: transparent;
}

.toggle-mnu.on span:before {
	transform: rotate(45deg) translate(-1px, 0px);
}

.toggle-mnu.on span:after {
	transform: rotate(-45deg) translate(6px, -7px);
}

.my-mfp-zoom-in .form-callback {
	opacity: 0;

	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out; 



	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .form-callback {
	opacity: 1;

	-webkit-transform: scale(1); 
	-moz-transform: scale(1); 
	-ms-transform: scale(1); 
	-o-transform: scale(1); 
	transform: scale(1); 
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .form-callback {
	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 

	opacity: 0;
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
	opacity: 0.8;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
	opacity: 0;
}

.mfp-ready .mfp-figure {
	opacity: 0;
}

.mfp-zoom-in .mfp-figure, .mfp-zoom-in .mfp-iframe-holder .mfp-iframe-scaler {
	opacity: 0;
	transition: all 0.3s ease-out;
	transform: scale(0.95);
}
.mfp-zoom-in.mfp-bg, .mfp-zoom-in .mfp-preloader {
	opacity: 0;
	transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-image-loaded .mfp-figure {
	opacity: 1;
	transform: scale(1);
}
.mfp-zoom-in.mfp-ready .mfp-iframe-holder .mfp-iframe-scaler {
	opacity: 1;
	transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg, .mfp-zoom-in.mfp-ready .mfp-preloader {
	opacity: 0.8;
}
.mfp-zoom-in.mfp-removing .mfp-figure, .mfp-zoom-in.mfp-removing .mfp-iframe-holder .mfp-iframe-scaler {
	transform: scale(0.95);
	opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg, .mfp-zoom-in.mfp-removing .mfp-preloader {
	opacity: 0;
}

.mfp-iframe-scaler {
	overflow: visible;
}

.mfp-zoom-out-cur {
	cursor: auto;
}
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: pointer;
}

.mfp-preloader {
	width: 30px!important;
	height: 30px!important;
	background-color: #111193;
	opacity: 0.65;
	margin: 0 auto;
	animation: rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes rotateplane {
	0% {
		-webkit-transform: perspective(120px);
	}
	50% {
		-webkit-transform: perspective(120px) rotateY(180deg);
	}
	100% {
		-webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
	}
}
@keyframes rotateplane {
	0% {
		transform: perspective(120px) rotateX(0deg) rotateY(0deg);
	}
	50% {
		transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
	}
	100% {
		transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
	}
}

ul.submenu {
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	position: absolute;
	top: 50px;
	border-radius: 2px;
	 z-index: 10;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	background-image: url(img/фон9.jpg);
	margin-left: 14px;
	min-width: 100px;
}
ul.submenu > li {
	display: block;
}
ul.submenu > li > a {
	font-family: 'OpenSans', sans-serif;
	font-weight: bold;
	display: block;
	padding: 10px;
	color: #ddc7a4;
	text-decoration: none;
}
ul.submenu > li > a:hover {
	background-color: #e4b01b;
	color: #fff;
	text-decoration: none;
}
ul> li:hover > ul.submenu {
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1);
}