@charset "UTF-8";

/* .maincontainer {
	display:none;
} */

.page-hid-content .maincontainer{
	display:none;
}

.over{
	background-color:rgba(0,0,0,.75);
}

.topbar-bg{
	position:fixed;
	top:0;
	left:0;
	right:0;
	background-color:#000;
	color:#fff;
	padding:10px;
	box-sizing:border-box;
	line-height:40px;
	
	z-index:1000;
}
.topbar-bg a{

	color:#fff;
}

.topbar-1,.topbar-2{
	font-size:18px;
	font-weight:bold;
}

.btn-zakaz,.btn-zakaz:hover{
	color: #ffffff;
    background-color: #ff822e;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
}


/* banner */

.banner-bg {
	-webkit-animation: zoom 2s;
	animation: zoom 2s;
	background-color:rgba(0,0,0,.7);
	color:#fff;
}
		
.position-banner{
	
	position:relative;
	/* min-height:400px; */
	overflow:hidden;
	
	
	background-image: url(../images/banner.jpg);
	
	
	background-repeat:no-repeat;
	background-position:center center;
	
	background-size: cover; /* contain; */
	background-repeat: no-repeat;
}
.banner-bg{
	padding-top:5%;
	padding-bottom:7%;
	
	font-size:18px;
	
	/* position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	
	z-index:-1; */
}

.banner-bg h1{
	color: #fff;
    padding: 0px 0 38px 0;
    letter-spacing: 1px;
	
	font-size: 52px;
    line-height: 1.23;
	
	
    font-weight: 600;
}
.banner-arrow{
	text-align:center;
	padding-top:30px;
}
.banner-arrow a{
	color:rgba(255,255,255,.75);
	font-size:24px;
}

.btn-1,.btn-1:hover,.btn-1:focus{
	color: #ffffff;
    border: 2px solid #ffffff;
    background-color: #ff822e;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	display:inline-block;
	padding:15px;
	text-decoration:none;
}
.btn-2,.btn-2:hover,.btn-2:focus{
	color: #ffffff;
    border: 2px solid #ffffff;
    background-color: #b8cc02;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	display:inline-block;
	padding:15px;
	text-decoration:none;
}
.banner-bg .btn-2{
	margin-left:10px;
}

@-webkit-keyframes zoom {
  0% {
	-webkit-transform: scale(1.1, 1.1);
  }
  /* 50% {
	-webkit-transform: scale(1.2, 1.2);
  } */
  100% {
	-webkit-transform: scale(1, 1);
  }
}

@keyframes zoom {
  0% {
	transform: scale(1.1, 1.1);
  }
  /* 50% {
	transform: scale(1.2, 1.2);
  } */
  100% {
	transform: scale(1, 1);
  }
}



/* end banner */






.reset{
	text-align:left;
	
}
.reset .control-label,.remind .control-label,.reset-confirm  .control-label{
	text-align:left;
	
}
.reset .controls, .reset .control-group,
.remind .controls, .remind .control-group, 
.reset-confirm .controls, .reset-confirm .control-group{
	margin:5px 0;
}

.item-page .item-image{
	margin-bottom:10px;
}

.custom-call i,.custom-call [class^="flaticon-"]:before,.custom-call [class*=" flaticon-"]:before{
	position:absolute;
	left:0px;
	top:5px;
	color:#2bc300;

}
.custom-call i,.custom-call [class^="flaticon-"]:before,.custom-call [class*=" flaticon-"]:before{
	font-size:52px;
	margin-left:0;
}

.contact-row{
	padding:0 0 0 25px;
	position:relative;
	
	font-size:16px;
	line-height:20px;
	
	min-height:24px;
}
.contact-row i{
	font-size:24px;
	position:absolute;
	left:0;
	top:0;
}

.item-images .row img{
	margin-bottom:30px;
}
.item-images .row:last-child img{
	margin-bottom:0px;
}

.title{
	text-align:center;
	/* font-family: 'Oswald', sans-serif; */
	/* text-transform:uppercase; */
	vertical-align:middle;
	margin:0 0 40px;
	font-weight:bold;
	font-size:42px;
	line-height:46px;
}
/* .title:before{
	content:'';
	display:inline-block;
	width:100px;
	height:4px;
	background-color:#006d99;
	margin-right:10px;
	vertical-align:middle;
}
.title:after{
	content:'';
	display:inline-block;
	width:100px;
	height:4px;
	background-color:#006d99;
	margin-left:10px;
	vertical-align:middle;
} */

.gallery .record-cell{
	margin-bottom:30px;
}
.gallery .record-cell a.img-link{
	height:200px;
	display:block;
	
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}

.top1{
}

.top2{
	text-align:center;
}
.top2 h4{
	font-size:26px;
	line-height:30px;
	margin-top:10px;
	font-weight:bold;
}
.top2 h4 span{
	color:#ff822e;
}

.top2 .record-cell{
	margin-bottom:30px;
}
.top2 .price{
	font-size:20px;
	line-height:30px;
	margin-top:10px;
	font-weight:bold;
}
.top2 .btn{
	margin-top:10px;
	
}
.top3{
	background-image:url(../images/top3.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	color:#fff;
	text-align:center;
	font-size:20px;
	line-height:30px;
}
.top3 strong span{
	color:#e4f008;
}


.top3 input, .top3 textarea{
	box-sizing: border-box;
	margin: 0 0 15px;
	padding: 12px;
	width: 100%;
	height:50px;
	font-size:16px;
	color:#000;
}
.top3 textarea {
	height:75px;
}
.top3 .btn,.top3 form{
	margin-bottom:0;
}


.top4{

	text-align:center;
	font-size:20px;
	line-height:30px;
}
.top4 .bg-img{
	display:block;
	width:200px;
	height:200px;
	border-radius:50%;
	margin-left:auto;
	margin-right:auto;
	
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}
.top4 h4{
	font-size:26px;
	line-height:30px;
	margin-top:10px;
	font-weight:bold;
}
.top4 h4 span{
	color:#ff822e;
}

.top4 .record-cell{
	margin-bottom:30px;
}
.top4 .price{
	font-size:20px;
	line-height:30px;
	margin-top:10px;
	font-weight:bold;
}
.top4 .btn{
	margin-top:10px;
	
}

.top5 .record-cell{
	margin-bottom:30px;
}


.top6 .record-cell{
	margin-bottom:30px;
}
.top6 .record-wrapper{
	position:relative;
	padding-left:80px;
}
.top6 h4{
	line-height:1.5em;
	font-weight:bold;

}
.top6 .num{
	position:absolute;
	left:0;
	top:0;
	
	width:60px;
	height:60px;
	display:block;
	border-radius:50%;
	background-color:#f2f2f2;
	font-weight:bold;
	line-height:60px;
	text-align:center;
	
	font-size:18px;
}


.top7{
	background-image:url(../images/top3.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	color:#fff;
	text-align:center;
	font-size:20px;
	line-height:30px;
}



.top8 .record-cell{
	margin-bottom:30px;
}
.top8 .record-wrapper{
	position:relative;
	padding-top:50px;
}
.top8 h4{
	line-height:1.5em;
	font-weight:bold;

}
.top8 .num{
	position:absolute;
	left:0;
	top:0;
	
	width:34px;
	height:34px;
	display:block;
	border-radius:50%;
	background-color:#222;
	color:#fff;
	font-weight:bold;
	line-height:34px;
	text-align:center;
	
	font-size:14px;
}

.steps{
	position:relative;
}
.top8 .hline{
	height:1px;
	background-color:#ccc;
	position:absolute;
	left:0;
	right:-30px;
	top:17px;
}
.top8 .record-cell:last-child .hline{
	display:none;
}

.top9 .record-cell{
	margin-bottom:30px;
	
}
.top9 h4{
	line-height:1.5em;
	font-weight:bold;
	margin-top:15px;
}
.top9 .record-intro{
	line-height:1.5em;
	font-size:13px;
	
}
.top9 .price{
	margin-top:10px;
	
}
.top9 .btn{
	margin-top:10px;
	
}
.cell-inner{
	background-color:#fff;
	padding:20px;
}


.top11-h{
	text-align:center;
	font-size:18px;
	margin-bottom:30px;
}
.top11-h p{
	
	font-size:18px;
	line-height:28px;
}
.top11-1{
	font-size:24px;
	line-height:34px;
}
.top11-1 a{
	color:#fff;
}


.top11-2 input, .top11-2 textarea{
	box-sizing: border-box;
	margin: 0 0 15px;
	padding: 12px;
	width: 100%;
	height:50px;
	font-size:16px;
	color:#000;
}
.top11-2 textarea {
	height:75px;
	vertical-align:top;
	color:#000;
}
.top11-2 .btn,.top11-2 form{
	margin-bottom:0;
}



.bottom1{
}

.bottom2{
}



/* leftmenu */

.navbar-left{
	padding-left:20px;
	padding-right:20px;
}
.navbar-left .navbar-collapse.in {
    overflow-y: hidden;
}

.moduletable-cat h3{
	margin:0 0 15px;
	color:#000;
	text-transform:uppercase;
	
	text-align:center;
	min-height:48px;
	
	background-color:#c3c3c3;
	color:#000;
	padding:15px;
}

.moduletable-cat{
	background-color:#efefef;
	
}
.moduletable-cat ul{
	padding:15px;
	padding-top:0;
}
.moduletable-cat li{
	display: block;
    position:relative;
    
}

.moduletable-cat a{
	
	background: #fff;
	color:#000;
    box-sizing: border-box;
    margin: 10px 0px;
    font-size: 15px;
    font-weight: 600;
    padding: 0px 0px;
    border: 1px solid #8080804a;
    text-transform: uppercase;
	
	position:relative;
	
	display:block;
	padding:5px 0;
	padding: 10px;
	padding-right:25px;
}
/* li.deeper > a:after{
	content:'\f054';
	position:absolute;
	right:5px;
	top:10px;
	
	color:#ee1c25;
	
	font-family:'FontAwesome';
} */
.arrow{
	display:block;
	position:absolute;
	right:10px;
	top:12px;
	
	color:#ee1c25;
	
	font-family:'FontAwesome';
	z-index:1001;
	cursor:pointer;
}

.moduletable-cat li.active a,.moduletable-cat li a:hover{
	color:#ee1c25;
	text-decoration:none;
	background-color:#fff;
}
.moduletable-cat li:hover > a{
	color:#ee1c25;
	text-decoration:none;
	background-color:#fff;
}
.moduletable-cat li ul {
	position:absolute;    
	opacity:0;
	left:-9999px;
	width:300px;
	background-color:#efefef;
	z-index:11;
}
/* .moduletable-cat li:hover ul,  */.moduletable-cat li.jsHover ul { 
	  /*
	opacity:1;
   
	right:-300px;
	left:auto;
	top:-10px;
	
	-webkit-transition:0.25s linear opacity;
	transition:0.25s linear opacity;
        -moz-transition:0.25s linear opacity;
        -o-transition:0.25s linear opacity; */
}
.moduletable-cat li.jsHover .arrow { 
	transform: rotate(90deg);
	
	-webkit-transition:0.25s linear all;
	transition:0.25s linear all;
		-moz-transition:0.25s linear all;
		-o-transition:0.25s linear all;
}



	
	


.moduletable-cat li li{
	/* margin-left:20px; */
}
.moduletable-cat li.active li a{

	
	color:#000;
}
.moduletable-cat li.active li.active a,.moduletable-cat li.active li a:hover{
	color:#ee1c25;
}
/* end leftmenu */



/* animate */
@-webkit-keyframes animate-arrow {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }

  50% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes animateArrow {
  0% {
    /**/ /* opacity: 0; */
    -webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0); 
	/* padding-top:0px; */
  }

  50% {
    /**/ /* opacity: 1; */
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); 
	/* padding-top:30px; */
  }
  100% {
    /**/ /* opacity: 0; */
    -webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0); 
	/* padding-top:0px; */
  }
}

.animate-arrow {
	-webkit-animation: animateArrow 2.5s infinite;
	animation: animateArrow 2.5s infinite;
	
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

/* end animate */

/* media */
@media (max-width: 480px) {
 
}

@media (max-width: 767px) {
	/* .header-bg{
		margin-left:-20px;
		margin-right:-20px;
	} */
	/* .header-bg{
		padding-left:20px;
		padding-right:20px;
	} */
}


@media (min-width: 768px) and (max-width: 979px) {
 
}

@media (max-width: 979px) {
	.moduletable-logo,.moduletable-slogan,.moduletable-adres,.moduletable-adres2,.moduletable-phone,.moduletable-call{
		float:none;
		padding:10px 0;
		margin:0;
		text-align:center;
	}
	
	.custom-logo,.custom-slogan,.custom-adres,.custom-adres2,.custom-phone,.custom-call{
		text-align:center;
		display:inline-block;
	}
	
	.custom-logo,.custom-slogan,.custom-adres2,.custom-phone,.custom-call{
		padding:0;
	}
	
	.moduletable-phone:before, .moduletable-adres:before, .moduletable-adres2:before {
		display:none;
	}
	
	.title:before{
		display:none;
	}
	.title:after{
		display:none;
	}
	.collapse-title{
		display:inline;
		float:left;
		padding:12px 15px;
		font-size:20px;
		line-height:24px;
	}
	
	
	body{
		padding-top:0;
	}
	.topbar-bg {
		position: static;

	}
	.banner-bg h1 {

		font-size: 32px;
		line-height: 1.23;
		font-weight: 600;
	}
	
	.btn-1, .btn-1:hover, .btn-1:focus {
	
		margin:10px 0;
	}
	.banner-bg .btn-2 {
		margin-left: 0px;
	}
	.top8 .hline{
		display:none;
	}
	.top11-1{
		text-align:center;
		margin-bottom:30px;
	}
	
	/* .moduletable-cat li:hover ul, */ .moduletable-cat li.jsHover ul { 
		opacity:1;
		position:static;
		
		width:auto;
		margin-left:20px;
		
		-webkit-transition:0.25s linear opacity;
		transition:0.25s linear opacity;
			-moz-transition:0.25s linear opacity;
			-o-transition:0.25s linear opacity;
	}
}

@media (min-width: 980px) {
	/* #mainmenu > ul{
		display:table;
		margin-left:auto;
		margin-right:auto;
		float:none;
	} */
	
	/* #mainmenu{
		display:table !important;
		width:100%;
	}
	#mainmenu > ul{
		display:table-row;
		float:none;
	}
	#mainmenu > ul > li{
		display:table-cell;
		float:none;
		text-align:center;
	} */
	
	.navbar-left .navbar-collapse {
		padding-right: 0px;
		padding-left: 0px;
	}

	.moduletable-cat li:hover ul { 
		opacity:1;
		right:-300px;
		left:auto;
		top:-10px;
		
		-webkit-transition:0.25s linear opacity;
		transition:0.25s linear opacity;
			-moz-transition:0.25s linear opacity;
			-o-transition:0.25s linear opacity;
	}
	.moduletable-cat li:hover .arrow { 
		transform: rotate(90deg);
		
		-webkit-transition:0.25s linear all;
		transition:0.25s linear all;
			-moz-transition:0.25s linear all;
			-o-transition:0.25s linear all;
	}
	
	.top2 .row:last-child .record-cell{
		margin-bottom:0px;
	}
	.top4 .row:last-child .record-cell{
		margin-bottom:0px;
	}
	.top5 .record:last-child .record-cell{
		margin-bottom:0px;
	}
	.top6 .row:last-child .record-cell{
		margin-bottom:0px;
	}
	.top9 .row:last-child .record-cell{
		margin-bottom:0px;
	}
	
	.eq {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		flex-wrap: wrap;
	}
	.eq > [class*='span-'] {
		display: flex;
		flex-direction: column;
	}
}
 
@media (min-width: 1200px) {
}


/*------------------------------------*\
	Preloader
\*------------------------------------*/

#preloader {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #FFF;
    z-index: 99999;
}

.preloader {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
	-webkit-animation: preload-rotate 10s linear infinite;
	        animation: preload-rotate 10s linear infinite;
}
.preloader span {
	display: inline-block;
	width: 30px;
	height: 30px;
	background-color: #000;
	position: absolute;
	-webkit-transform: scale(0);
	    -ms-transform: scale(0);
	        transform: scale(0);
}

.preloader span:nth-child(1) {
	top: 0;
	left: 0;
	-webkit-animation: 1s preload-scale ease-in-out infinite;
	        animation: 1s preload-scale ease-in-out infinite;
}
.preloader span:nth-child(2) {
	top: 0;
	right: 0;
	-webkit-animation: 1s preload-scale 0.06s ease-in-out infinite;
	        animation: 1s preload-scale 0.06s ease-in-out infinite;
}
.preloader span:nth-child(3) {
	bottom: 0;
	-webkit-animation: 1s preload-scale 0.11s ease-in-out infinite;
	        animation: 1s preload-scale 0.11s ease-in-out infinite;
}
.preloader span:nth-child(4) {
	bottom: 0;
	right: 0;
	-webkit-animation: 1s preload-scale 0.17s ease-in-out infinite;
	        animation: 1s preload-scale 0.17s ease-in-out infinite;
}

@-webkit-keyframes preload-rotate {
	0% {
		-webkit-transform:translate(-50%, -50%) rotate(0deg);
		        transform:translate(-50%, -50%) rotate(0deg);
	}
	100% {
		-webkit-transform:translate(-50%, -50%) rotate(360deg);
		        transform:translate(-50%, -50%) rotate(360deg);
	}
}

@keyframes preload-rotate {
	0% {
		-webkit-transform:translate(-50%, -50%) rotate(0deg);
		        transform:translate(-50%, -50%) rotate(0deg);
	}
	100% {
		-webkit-transform:translate(-50%, -50%) rotate(360deg);
		        transform:translate(-50%, -50%) rotate(360deg);
	}
}

@-webkit-keyframes preload-scale {
	0% {
		-webkit-transform: scale(0);
		        transform: scale(0);
	}
	40% {
		-webkit-transform: scale(1);
		        transform: scale(1);
	}
	80% {
		-webkit-transform: scale(0);
		        transform: scale(0);
	}
	100% {
		-webkit-transform: scale(0);
		        transform: scale(0);
	}
}

@keyframes preload-scale {
	0% {
		-webkit-transform: scale(0);
		        transform: scale(0);
	}
	40% {
		-webkit-transform: scale(1);
		        transform: scale(1);
	}
	80% {
		-webkit-transform: scale(0);
		        transform: scale(0);
	}
	100% {
		-webkit-transform: scale(0);
		        transform: scale(0);
	}
}