* { margin: 0px; padding: 0px; /* position: relative; */ }

 html, body { min-height: 100%; } 

body { 
font-family: 'Arimo', sans-serif;
font-size: 16px; 
line-height: 1.2em; 
font-weight: 400; 
background: url('../images/footer.jpg') no-repeat bottom, /* url('../images/bodybg.jpg') no-repeat top fixed, */ #fff; 
background-size: contain;
}

a:link { color: #b00; }
a:visited { color: #b00; }
a:hover { color: #f00; }
a:active { color: #f50; }

h1 { padding: 20px 0 10px 0; font-size: 24px; font-weight: 400; line-height: 1.2em; color: #34608A; }
h2 { padding: 20px 0 10px 0; font-size: 24px; font-weight: 400; line-height: 1.2em; color: #34608A; }
h3 { padding: 20px 0 10px 0; font-size: 20px; font-weight: 400; line-height: 1.2em; color: #34608A; }
p { padding: 10px 0 10px 0; }
b { font-weight: 700; }

.foolw { width: 100%; }
.basew { max-width: 1140px; padding-left: 30px; padding-right: 30px; margin: 0 auto; }
.bordbott { border-bottom: 1px solid #ddd; }

.clear { clear: both; }
.displaynone { display: none; }
.center { text-align: center; }

.pt20 { padding-top: 20px; }
.pt30 { padding-top: 30px; }
.pt40 { padding-top: 40px; }

.pw20 { padding-left: 20px; padding-right: 20px; }
.pw30 { padding-left: 30px; padding-right: 30px; }
.pw40 { padding-left: 40px; padding-right: 40px; }

.pa20 { padding: 20px; }
.pa30 { padding: 30px; }
.pa40 { padding: 40px; }


#header {  }

@media (min-width: 850px) {
	#headname { position: relative; float: left; padding: 27px 20px 20px 0px; font-size: 24px; font-weight: 400; line-height: 1.2em; color: #34608A; }
	#headphone { position: relative; float: right; padding: 20px 0px 20px 20px; }
	#headmail { position: relative; float: right; padding: 20px 0px 20px 20px; font-size: 14px; }
}

@media (max-width: 850px) {
	#headname { position: relative; float: none; padding: 20px 0 0 0; text-align: center; font-size: 24px; font-weight: 400; line-height: 1.2em; color: #34608A; }
	#headphone { position: relative; float: none; padding: 15px 0 0 0; text-align: center; }
	#headmail { position: relative; float: none; padding: 10px 0 20px 0; text-align: center; font-size: 14px; }
}

#footer { padding: 20px 0; border-top: 1px solid #ddd; background: rgba(51,70,173,0.3); margin-top: 40px; font-size: 14px; color: #fff; /* font-weight: 700; */ text-shadow: 0 1px 3px rgba(0,0,0,0.5); }
	#leftfoot { float: left;  padding: 5px 0; }
	#rightfoot { float: right; padding: 5px 0; }
	
	@media (max-width: 850px) {
	#leftfoot { float: none; text-align: center; padding: 5px 0; }
	#rightfoot { float: none; text-align: center; padding: 5px 0; }
	}
	
	/* меню ----------------------------------------------------------------------------------------------------------- */
	

	
@media (min-width: 800px) {

	.hormenu { padding: 0 10px; max-width: 1180px; }

	.menuico { display: none; }

	#hormenu {
		/* background: #ddd; */
	}

		#hormenu ul {
			list-style: none;
			display: table;
			border-spacing: 0;
			padding: 0;
			margin: 0;
			float: right;
		}

			#hormenu ul li {
			display: table-cell;
			}

			#hormenu ul li a {
			color: #000;
			display: block;
			padding: 15px 20px;
			text-decoration: none;
			text-transform: uppercase;
			font-size: 12px;
			}
			
			.active a { color: #05f/* !important */; }
			
			#hormenu ul li a:hover { color: #d00; }
			
			#hormenu ul li ul { display: none; }
			#hormenu ul li:hover ul { display: block; width: auto; min-width: 240px; position: absolute; background: #fff; box-shadow: 0px 1px 3px rgba(0,0,0,0.3); z-index: 100; }
			#hormenu ul li ul li { 
			display: block; 
			text-align: left;
			border-bottom: 1px solid #ddd;
			}
			
			
}

@media (max-width: 850px) {
		#hormenu ul {
			margin: 0 auto;
			float: none;
		}
}

@media (max-width: 800px) {	

	.hormenu { padding: 0px; }

	.menuico { display: block; width: 100%; background: url('../images/menuico.png') no-repeat center, #5087B7; padding: 25px 0px; border-bottom: 1px solid #32608C; border-top: 1px solid #79A7D0; 	}
		
	#hormenu {
		background: #5087B7;
	}

		#hormenu ul {
			width: 100%;
			list-style: none;
			display: table;
			border-spacing: 0;
			padding: 0;
			margin: 0;
		}

			#hormenu ul li {
			text-align: left;
			/* display: table-cell; */
			border-bottom: 1px solid #32608C;
			border-top: 1px solid #79A7D0;
			width: 100%;
			}
			
				#hormenu ul li:hover { background: #5992c3; }

			#hormenu ul li a {
			color: #fff;
			display: block;
			padding: 15px 20px;
			text-decoration: none;
			text-shadow: 0px 1px 1px rgba(0,0,0,0.7);
			}
			
			#hormenu ul li ul { border-top: 1px solid #32608C; }
			#hormenu ul li ul li:last-child { border-bottom: none; }
			#hormenu ul li ul li:hover { background: #689fd0; }
			#hormenu ul li ul li a { padding: 15px 40px; }
}		


.sidepadd10 { padding-left: 10px; padding-right: 10px; }
.plitusl { height: 100px; }
.plituslbord {  margin: 10px; height: 76px; /* border: 2px solid #ddd; */ border-radius: 6px; background: url('../images/blickplashka.png') no-repeat top center, #231f20; color: #fff; text-shadow: 0px 1px 1px #000; }
.forvalignclear { clear: both; height: 35%; }		
	
		
@media (max-width: 600px) {

.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; }
.col-sm-12 { width: 100%; }
.col-sm-11 { width: 91.66666667%; }
.col-sm-10 { width: 83.33333333%; }
.col-sm-9 { width: 75%; }
.col-sm-8 { width: 66.66666667%; }
.col-sm-7 { width: 58.33333333%; }
.col-sm-6 { width: 50%; }
.col-sm-5 { width: 41.66666667%; }
.col-sm-4 { width: 33.33333333%; }
.col-sm-3 { width: 25%; }
.col-sm-2 { width: 16.66666667%; }
.col-sm-1 { width: 8.33333333%; }

}

@media (min-width: 600px) and  (max-width: 900px) {

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; }
.col-md-12 { width: 100%; }
.col-md-11 { width: 91.66666667%; }
.col-md-10 { width: 83.33333333%; }
.col-md-9 { width: 75%; }
.col-md-8 { width: 66.66666667%; }
.col-md-7 { width: 58.33333333%; }
.col-md-6 { width: 50%; }
.col-md-5 { width: 41.66666667%; }
.col-md-4 { width: 33.33333333%; }
.col-md-3 { width: 25%; }
.col-md-2 { width: 16.66666667%; }
.col-md-1 { width: 8.33333333%; }

}

@media (min-width: 900px) {

.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; }
.col-lg-12 { width: 100%; }
.col-lg-11 { width: 91.66666667%; }
.col-lg-10 { width: 83.33333333%; }
.col-lg-9 { width: 75%; }
.col-lg-8 { width: 66.66666667%; }
.col-lg-7 { width: 58.33333333%; }
.col-lg-6 { width: 50%; }
.col-lg-5 { width: 41.66666667%; }
.col-lg-4 { width: 33.33333333%; }
.col-lg-3 { width: 25%; }
.col-lg-2 { width: 16.66666667%; }
.col-lg-1 { width: 8.33333333%; }

th.standartprice { background: url('../images/standartbg.png') no-repeat right, #68B926; }
th.premiumprice { background: url('../images/premiumbg.png') no-repeat right, #FFB100; }
th.luxprice { background: url('../images/luxbg.png') no-repeat right, #F71010; }

}


/* слайдер в шапке ----------------------------------------------------------------------------------------------------------- */



	#headslider { position: relative; padding-bottom: 30vw; }

	#sli01 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
		z-index: 1;
		}
	#kompas
	{
		position: absolute;
		width: 20vw;
		top: 0.85vw;
		left: 10vw;
		z-index: 2;
	}
	#logosli
	{
		position: absolute;
		width: 40vw;
		top: 12.5vw;
		left: 9vw;
		z-index: 2;
	}
	#podpsli
	{
		position: absolute;
		width: 22vw;
		top: 18.5vw;
		left: 27vw;
		z-index: 2;
	}
	.wheel {
		animation-name: spin;
		animation-duration: 12000ms;
		animation-direction: normal;
		animation-iteration-count: infinite;
		animation-timing-function: linear;
	 
		z-index: 2;
	}
	 
	@keyframes spin {
			0% { transform:rotate(0deg); }
			40% { transform:rotate(0deg); }
			50% { transform:rotate(180deg); }
			90% { transform:rotate(180deg); }	    
			100% { transform:rotate(360deg); }
		}

	.fade {
		animation-name: grey;
		animation-duration: 12000ms;
		animation-direction: normal;
		animation-iteration-count: infinite;
		animation-timing-function: linear;
	 
		z-index: 1;
	}
	 
	@keyframes grey {
			0% { opacity: 1; }
			40% { opacity: 1; }
			50% { opacity: 0; }
			90% { opacity: 0; }	    
			100% { opacity: 1; }
		}	

}

.content ul { padding-left: 40px!important; }
.content ol { padding-left: 40px!important; }
.content ul li { padding-left: 0px!important; }
.content ol li { padding-left: 0px!important; }



.fancybox-custom .fancybox-skin {
	box-shadow: 0 0 50px #222;
}


.gallery4 img {
  border: none;
  margin: 3px;
  box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
  padding: 3px;
}

@media (min-width: 800px) {
.gallery4 img { width: 20%; }
}

@media (max-width: 800px) {
.gallery4 img { width: 45%; }
}