/*css*/
@import "../css/reset.css";
@import "../css/skeleton.css";

html {background: #cacbcd url(../images/bg-1.png) 0 0 repeat; position: relative; height: 100%;  min-height: 100%;}
body {  background: url(../images/bg-2.png) 0 0 repeat-x; min-height: 100%; position: relative;}
html, body {
	
	font: 14px/24px Arial, sans-serif;
#	color: #c8c8c8;
	color: #000;
	min-width:300px;
}
body { position: relative;}
/*.bg-1 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; background: url(../images/bg-2.png) 0 0 repeat-x; background-size: 100% 100%;}*/
.bg-2 { position: relative; z-index: 101; background: #ffffff url(../images/bg-3.gif) 0 0 repeat-x; width: 1025px;  margin: 0 auto; margin-top: -27px; padding-top: 29px;}
.bg-3 { padding-bottom: 30px;}
* {	-webkit-text-size-adjust: none;}

a { color: inherit; text-decoration: none;}
a:hover { text-decoration: none;}
a[href^="tel:"] {color: inherit;text-decoration:none;}
.a-hov { transition: all 0.4s ease;}
.a-hov:hover { color: #7ecefd;}
h1 { font-weight: 600; font-size: 30px; line-height: 30px; color: #1A70BB; padding-top: 0px; padding-bottom: 0px;}
h2, h3, h4, h5, h6 {font-family: 'Open Sans', sans-serif; text-transform:  uppercase;}
h2 { font-weight: 600; font-size: 30px; line-height: 30px; color: #7ecefd; padding-top: 8px; padding-bottom: 8px;}
h3 { font-size: 20px; line-height: 1em; color: #ffffff; font-weight: 600; padding-top: 11px; padding-bottom: 8px;}
#h3 span {font-size: 20px; color: #7ecefd; font-weight: 300; padding-bottom: 10px;display: block;margin-top: -2px;}
#h3 span2 {font-size: 15px; color: #7ecefd; font-weight: 300; padding-bottom: 0px;display: block;margin-top: -2px;}
h4 { font-weight: 400; font-size: 20px; line-height: 24px; color: #333745; padding-top: 20px; padding-bottom: 18px;}
h4 span {font-size: 14px; line-height: 14px; padding-top: 5px; padding-bottom: 5px;}
h5 { font-weight: 300; font-size: 14px; line-height: 14px; color: #1c2024; padding-top: 15px; padding-bottom: 14px;}
h6 { font-size: 12px; line-height: 12px;}
h7 {font-size: 14px; line-height: 14px; padding-top: 0px; padding-bottom: 0px;}

h2 + h4 { margin-top: -20px; padding-top: 0px;}
h3 + h5 { padding-top: 5px;}
h2 + h5 { padding-top: 3px;}
.list-1 + h2 { padding-top: 33px;}
h5.v2 { padding-top: 9px;}
.text-1 { 
	font-family: 'Open Sans', sans-serif; 
	font-weight: 300;  
	color: #7ecefd; 
	text-transform: uppercase; 
	font-size: 15px; 
	line-height: 20px;
	padding-bottom: 23px;
}
.img-ind + h4 { padding-top: 1px; padding-bottom: 13px;}
.color-1 { color: #2f363c;}
.color-2 { color: #7ecefd;}

.bord-1 {
	border-bottom: 1px solid #e8e8e9;
}
/*lists*/

.list-1 { margin-top: 34px;}
.list-1 li { padding-left: 14px; background: url(../images/arrow-3.png) 0 5px no-repeat;}
.list-1 li + li { margin-top: 6px;}
.list-1 li a {transition: all 0.4s ease; color: #7ecefd;line-height: 14px;}
.list-1 li a:hover {color: #1c2024;} 


.list-2 {
    margin-top: 33px;
}
.list-2 li {color: #7ecefd;}
.list-2 li + li { margin-top: 12px;}
.list-2 li a:first-child {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: url(../images/bg-4.png) 0 10px no-repeat;
	padding-left: 15px;
	float: left;
}
.list-2 li:hover a { color: #333745;}
.list-2 li a + a { float: right; text-align: right; display: block;-webkit-transition: all .3s ease;transition: all .3s ease;}
.list-2 .extra-wrap { background: #000; height: 18px; background: url(../images/bg-14.png) 0 bottom repeat-x;-webkit-transition: all .3s ease;transition: all .3s ease;}
.list-2 li:hover .extra-wrap { background: url(../images/bg-15.png) 0 bottom repeat-x;}

.btn {
	display: inline-block;
	font-family: 'Open Sans', sans-serif; 
	font-size: 14px;
	line-height: 16px;
	text-transform: uppercase;
	color: #7ecefd;
	font-weight: 600;
	margin-top: 23px;
	background:none;
	border:0;

}
.btn:hover { color: #333745;}

h2 + .list-1 { margin-top: 4px;}
/*auxiliary*/

.img-ind {float: left; margin-right: 19px; margin-top: 5px;}
.img-ind img { width: 100%;}
.wrapper img, .wrapper {width: 100%; position: relative;}
.wrapper2 img, .wrapper2 { width: 100%; position: relative; vertical-align:none; margin-top: 20px;}
.extra-wrap {overflow:hidden;/* width: auto; *//* width: 100%; */}
.grid_inside { margin: 0 -10px;}
img.center {display: block;
    margin-left: auto;
    margin-right: auto;
}
.aligncenter {text-align: center !important;}
.alignleft {text-align: left !important;}
.it {font-style:italic; display: inline-block;}
.fleft {float: left;}
.fright {float: right;}
.h-underline:hover { text-decoration: underline;}
.underline {text-decoration: underline;}
.upp {text-transform: uppercase;}
.transition {transition: all 0.4s ease;}

.clearfix { *zoom: 1;}
.clearfix:before,.clearfix:after {display: table;content: "";line-height: 0;}
.clearfix:after { clear: both;}



p { padding-bottom: 24px;}
.p1 { padding-top: 40px; padding-bottom: 6px;}
.p2 { padding-bottom: 9px;}
.p3 { padding-top: 6px; padding-bottom: 10px;}
.p4 { padding-top: 108px; padding-bottom: 0px;}

/************Header************/

header {
#	background: url(../images/bg-10.gif) 0 29px repeat-x;
	background-size: 100% 68%;
}

h1 { 
#ar2# float: left; 
#ar2#margin-top: 49px; 
#ara#margin-top:29px;
z-index: 200; position: relative;}

.header-top { position: relative; z-index: 102;}
.header-top > div { float: left; color: #afb2bc; font-family: 'Open Sans', sans-serif; 
#margin-top: 74px;
 margin-top: 34px;}
.header-top > div:first-child { 
	background: url(../images/icon-1.png) 0 4px no-repeat;
	padding-left: 37px;
	font-size: 20px; 
#	line-height: 36px; 
	line-height: 45px;
#	margin-right: 63px;
	margin-right: 10px;
	text-transform: uppercase;
	letter-spacing: -1px;
	margin-top: 74px;
	margin-top: 54px;
}
.header-top > div + div { 
#	background: url(../images/icon-2.png) 0 3px no-repeat;
	padding-left: 27px;
	font-size: 14px; 
#	line-height: 16px;
	line-height: 45px;
	letter-spacing: -1px;
#	margin-top: 75px;
	margin-top: 55px;
	padding-right: 13px;
}
.grid_3 {
	background: #2e343a;
}
.box-1 {
	background: #2e343a;
#	height:250px;
}
.box-1 > div:first-child {
	background: #2081c3 url(../images/bg-8.gif) 0 0 repeat-x;
	height:60px;
#	display:table-cell;
#	vertical-align:center;
#	text-align:center;
#	color:#000;
#	padding: 9px 15px 12px 28px;
#	padding: 0px 15px 0px 28px;
}
.box-1 .inside {
	position: relative;
#	padding: 32px 30px 43px 29px;
#	padding: 10px 30px 15px 40px;
	color: #8c9ba7;
	font: 14px/21px Arial, sans-serif;
	text-align:center;
}
.box-1 a { 
	position: absolute;
	bottom: 0px;
	right: 0;
	display: block;
	background: url(../images/bg-9.png) 0 0 no-repeat;
	width: 54px;
	height: 55px;
}
.box-1 a:hover { background: url(../images/bg-9-h.png) 0 0 no-repeat;}
.box-1 h3 {text-align:center; }
.box-1 h7 {text-align:center; }

.row {
font-family: "Open Sans",sans-serif;
}

.row-1 { margin-top: -225px;}
/*slider*/
.slider {
	margin-top: 1px;
	padding-bottom: 248px;
	position: relative;
}
.slider h4 {
	color: #ffffff;
	padding-bottom: 7px;
	line-height: 24px;
}
	.slider .camera_caption {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		padding-left: 19px;
		padding-top: 18px;
		left: 0;
		top: -2px;
		bottom: 0px;
		width: 29%;
		background: url(../images/bg-7.png) 0 0 repeat;
		color: #ffffff;
		z-index: 100;
		line-height: 23px;
		position: absolute;
		color: #8c9ba7;
	}
		.slider .camera_wrap {margin-bottom: 0px !important; height:406px;}


.slider .camera_prev,
.slider .camera_next { 
	bottom: 60px; 
	top:auto; 
	width: 38px;
	height: 38px;
}
.slider .camera_prev { left: 38px;}
.slider .camera_next { left: 75px;}
.slider .camera_prev > span {
	display: block;
	height: 38px;
	width: 38px;
	text-indent: -5000px;
	background: #6b7886 url(../images/arrow-1.png) center center no-repeat;
}
.slider .camera_prev > span:hover {
	background: #87d2fd url(../images/arrow-1.png) center center no-repeat;
}
.slider .camera_next > span {
	display: block;
	height: 38px;
	width: 38px;
	text-indent: -5000px;
	background: #6b7886 url(../images/arrow-2.png) center center no-repeat;
	margin-left: 1px;
}
.slider .camera_next > span:hover {
	background: #87d2fd url(../images/arrow-2.png) center center no-repeat;
}
/************Content***********/

.content { padding-bottom: 55px;}

h2 + .box-2 {margin-top: 27px;}
.box-2 { margin-top: 25px;}
.box-2 > div { width: 50%; float: left;}
.box-2 > div:first-child > div,
.box-2 > div:first-child > img { float: left;}
.box-2 > div:first-child .inside { 
	position: absolute; 
	background: #7ecefd;
	top: 0px;
	right: 14px;
	height: 100%;
	width: 32%;
	font-size: 30px;
	line-height: 1em;
	font-family: 'Open Sans', sans-serif;
	text-align: center;
	color: #ffffff;
	font-weight: 600;
}
.box-2 > div:first-child .inside > div {
	padding-top: 16px;
	position: relative;
}
.box-2 > div:first-child .inside span { 
	display: block;
	font-size: 20px;
	line-height: 1em;
	font-weight: 400;
	text-transform: uppercase;
	margin-top: 6px;
}
.box-2 > div:first-child .inside a {
	display: block;
	right: 0;
	position: absolute;
	bottom: 0px;
	left: 0;
	height: 34px;
	background:  url(../images/bg-11.gif) 0 bottom repeat-x;
}
.box-2 > div:first-child .inside a:hover { background: #1f81c3; }
.box-2 > div:first-child .inside a:after {
	position: absolute;
	content: "";
	bottom: 0px;
	top: auto;
	left: 0;
	right: 0;
	height: 34px;
	background: url(../images/bg-12.png) center center no-repeat;
}
.box-2 > div:first-child .inside > div:after {
	position: absolute;
	content: "";
	height: 16px;
	width: 12px;
	right: -12px;
	top: 12px;
	background: url(../images/arrow-4.png) 0 0 no-repeat;
}
.box-2 h3 { color: #7ecefd; padding-top: 0;}
.box-2 > div:first-child { position: relative;}
.box-2 > div + div { 
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 10px;
}


.box-3 { margin-top: 1px;}
.logos {margin-right: 53px;}

.row-2 { margin-top: 6px;}

/************Footer************/
footer { 
	background: #2c3238 url(../images/bg-13.gif) 0 0 repeat-x; 
	padding-bottom: 20px;
	padding-bottom: 0px;
	color: #8c9ba7;
	text-transform: uppercase; 
}
footer .fleft { margin-top: 16px; margin-left:0; font-size: 13px; font-family: Arial;}
footer .fleft:first-child { margin-left:30px;}
.list-services { margin-top: 11px; }
.list-services li {
	display: inline-block;
	margin-right: 0px;
	perspective: 500;
	-webkit-perspective: 500;
	line-height: 32px;
}
	.list-services li > a { display: block; width: 33px;}
	.list-services li > a > span {
		border-radius: 50%;
		text-decoration: none;
		display: block;
		height: 32px;
		width: 32px;
		background: url(../images/soc-icons.png) no-repeat;
	    position: absolute;
	    -webkit-backface-visibility:hidden; /* Chrome and Safari */
	    -moz-backface-visibility:hidden; /* Firefox */
	    -ms-backface-visibility:hidden; /* Internet Explorer */
	    backface-visibility:hidden;
	}

	.list-services-1 .sp-1 { background-position: 0px 0px; }
	.list-services-2 .sp-1 { background-position: -38px 0px; }
	.list-services-3 .sp-1 { background-position: -76px 0px; }
	.list-services-4 .sp-1 { background-position: -114px 0px; }
	.list-services-5 .sp-1 { background-position: -92px 0px; }

	.list-services-1 .sp-2 { background-position: 0px -32px; }
	.list-services-2 .sp-2 { background-position: -38px -32px; }
	.list-services-3 .sp-2 { background-position: -76px -32px; }
	.list-services-4 .sp-2 { background-position: -114px -32px; }
	.list-services-5 .sp-2 { background-position: -92px -32px; }

	.list-services li > a:hover .sp-1, .list-services li > a .sp-2 {
	    -webkit-transform:rotateY(180deg);
	    -moz-transform:rotateY(180deg);
	    transform:rotateY(180deg);
    	transition:all .6s ease-out;
    	visibility: hidden;
	}
	.list-services li > a:hover .sp-2, .list-services li > a .sp-1 {
	    -webkit-transform:rotateY(0deg);
	    -moz-transform:rotateY(0deg);
	    transform:rotateY(0deg);
    	transition:all .6s ease-out;
    	visibility: visible;
	}

.box-4 { margin-top: 1px;}
.box-4 + .box-4 { margin-top: 20px;}
.box-4 h4 { padding-top: 1px; padding-bottom: 15px;}

.row-2 .list-1 { margin-top: 19px;}


/*toTop*/

#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	cursor:pointer;
	overflow:hidden;
	width: 29px;
	height: 28px;
	border:none;
	text-indent:-999px;
	z-index:20;
	background: url(../images/ui.totop.png) 0 0 no-repeat;
	margin-right: -670px !important;
	right: 50%;
	bottom: 20px;
}

	#toTop:hover {
		display:block;
		overflow:hidden;
		float:left;
		background-position: -32px 0;
	}

	#toTop:active, #toTop:focus {outline:none;}

table.tooted {
border:0px solid black;
width:940px;
margin: -20px auto -50px 10px;
#background:#E7E8EA;
background:rgba(231,232,234,0.2);
font-family: "Open Sans",sans-serif;
}
table.tooted tr {
border-bottom:5px solid white;
}
table.tooted td {
padding:5px;
padding-top:15px;
}
table.tooted a {
#color: #7ECEFD;
font-weight: 400;
font-style:italic;
}
table.tooted a:hover {
color: #7ECEFD;
}
table.tooted img {
padding:15px;
padding-top:0;
padding-left:0;
}



table.tooted_list {
width:940px;
position:relative;
margin: -20px auto -50px 10px;
background:rgba(231,232,234,0.6);
font-family: "Open Sans",sans-serif;
}
table.tooted_list img {
width:80px;
}
table.tooted_list tr {
border-bottom:5px solid #FFF;
}
table.tooted_list td {
padding:5px;
border-left:5px solid #FFF;
}
table.tooted_list .col1 {
width:100px;
background:rgb(255,255,255);
}
table.tooted_list .col2 {
width:200px;
background: #2081C3;
}
table.tooted_list .col3 {
width:200px;
}
table.tooted_list .col4 {
width:350px;
}
table.tooted_list th,
table.tooted_list td {
vertical-align:middle;
}



.soodus {
text-decoration:line-through;
}
.pealkiri {
color:#FFF;
font-weight:600;
}
span.float-r {
float:right;
}
span.mrgn-r {
margin-right:30px;
}
span.price {
width:300px;
background: #2081C3;
padding:5px 10px;
color:#FFF;
#margin:0 auto;
text-align:center;
}
span.brand {
font-weight:600;
font-size:18px;
}
span.logo img {
margin-top:40px;
}
#content-wrapper {
margin: -20px auto -50px 10px;
}
#content-wrapper .col1 {
float:left;
width:240px;
}
#kontakt {
border:0px solid green;
}
#kontakt .col0,
#kontakt .col1,
#kontakt .col2 {
float:left;
border:0px solid #333;
}
#kontakt .col1 {
width:200px;
padding:0px;
}
#kontakt .col2 {
width:700px;
border:0px solid red;
}

/*==================================RESPONSIVE LAYOUTS===============================================*/

@media only screen and (max-width: 1050px) {
	.bg-2 {width: 100%;}
}

@media only screen and (max-width: 995px) {
	.slider .camera_wrap { height:323px;}
	.slider .camera_caption span { display: none;}
	.logos { margin-right: 20px;}
	.img-ind { margin-bottom: 0px;}
	.box-1 h3 { font-size: 18px; line-height: 20px;}
	.list-2 li a { font-size: 12px;} 
	.list-2 .extra-wrap {height: 18px;}
}
@media only screen and (max-width: 767px) {
	header { background: none;}
	.slider .camera_wrap { height:200px;}
	.header-top > div + div { margin-top: 10px; padding-right: 0;}
	h1 { width: 50%;}
	h1 img { width: 100%;}
	.header-top { width: 47%;}
	.header-top > div:first-child { margin-top: 10px; font-size: 15px; margin-right: 0;}
	h1 a { display: inline-block;}
	.header-top > div + div {padding-left: 36px; padding-bottom: 10px;}
	.slider .camera_caption { display: none!important;}
	.w1 { width: 48%!important; margin-left: 1%; margin-right: 1%; margin-top: 20px; float: left;}
	.box-3 { width: 29%!important; margin-left: 2%; margin-right: 2%;  margin-bottom: 20px;}
	.logos { margin-right: 2px;}
	.w2 { width: 44%!important; margin-left: 3%; margin-right: 3%;}
	.slider .camera_prev, .slider .camera_next {bottom: 3px;}
	.box-2 > div {width: 49%;float: left;}
	.grid_inside { margin: 0px;}

	.slider .camera_prev {left: 3px;}
	.slider .camera_next {left: 40px;}
	.header-top > div br { display: none;}
}
@media only screen and (max-width: 479px) {
	.w1 { width: 100%!important; margin-right: 0; margin-left: 0;}
	.box-2 > div:first-child .inside { right: 0px; font-size: 30px; width: 35%;}
	.box-2 > div:first-child .inside span { font-size: 30px;}
	.box-2 > div { width: 100%; padding-left: 0; float: none;}
	.box-2 > div:first-child { width: 100%; float: none;}
	.box-2 > div:first-child > div, .box-2 > div:first-child > img { width: 64%;}
	.box-2 > div + div { margin-top: 20px; padding-bottom: 10px;}
	footer .fright { float: none; margin-bottom: 7px;}
	.box-2 > div:first-child .inside > div:after { display: none;}
	.box-3 { width: 46%!important; margin-right: 2%; margin-left: 2%;}
	.logos { margin-right: 6px; }
	.img-ind { width: 100%; margin-right: 0; margin-bottom: 20px;}
	.w2 { width: 100%!important; margin-left: 0; margin-right: 0;}
	.header-top { width: 100%;}
	h1 { margin-top: 20px; width: 75%;}
}
@media only screen and (max-width: 320px) {
}