@import "lessmix.less";

.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.relative {position:relative;}
.absolute {position:absolute;}
.center {text-align:center;}
.roboto {font-family: 'Roboto', sans-serif;}
.calibri {font-family: 'Calibri', 'Arial', sans-serif;}
.container {width:960px; padding:0 20px; margin:0 auto;
	&.about-company {padding-top:40px;}
}

a {text-decoration:underline; .transition-all(0.3s,ease-out);
	&:hover {text-decoration:none; .transition-all(0.3s,ease-out);}
}
p {line-height:24px; margin-bottom:25px;}

body {width:100%; min-height:100%; min-width:1030px; .roboto;}
html {min-width:100%; height:100%}

.header {background:#5c5d5b; height:80px;
	.logo {.left; .relative; top:14px;}
	.menu {.right;
		a {.calibri; font-size:18px; color:#fff; padding:31px 25px; .left;
			&:hover {background:#3f403f;}
			&.active {background:#3f403f; text-decoration:none;}
		}
	}
}
#dioplast {opacity:0;}
.conveyer {background: url('../tt_images/conveyer.png') no-repeat 50% 0; height:921px; padding-top:50px;  .box-sizing(border-box); .relative;
	h1 {font-size:35px; text-transform:uppercase; .center; font-weight:300; font-style:italic; line-height:40px; margin-bottom:45px;}
	.scoreboard {width:430px; .center; padding:30px 20px; background:#3f403f; border:6px #ffb901 solid;
		span {font-size:72px; color:#fff;}
		p {color:#ffb901; font-size:19px; margin-top:15px;}
		button {border:3px #ffb901 solid; color:#fff; padding:10px 18px; background:none; cursor:pointer; text-transform:uppercase; font-size:14px; outline:none; text-decoration:none;
			&:hover {border:3px #fff solid; color:#ffb901;}
		}
	}
	.man {.absolute; bottom:0;
		&.left-man {width:352px; height:606px; left:16px; background:url('../tt_images/girl.png') no-repeat;}
		&.right-man {width:318px; height:602px; right:66px; background:url('../tt_images/right-man.png') no-repeat;}
	}
	.container {.relative;
		#Stage {bottom:632px!important; right:-749px !important; background:transparent !important; width:0px !important; height:0px !important; .transform(scale(0.4)) !important;}
		.bags {margin-top:72px; width:980px;}
	}
}
.descr-table {
	tr {
		th,td {border:1px solid; padding:10px 5px; text-align:center; vertical-align:middle;}
	}
}
.map {width:100%; height:1200px; background:#353535; overflow:hidden; padding:40px 0;
	.container {.relative; margin-bottom:120px;
		.description {.absolute; top:0; left:0;
			.map-description {color:#fff; font-size:18px; text-transform:uppercase; margin:15px 0 0;
				span {color:#ffb901;}
				&.border {border-bottom:1px #fff solid; display:inline-block; padding-bottom:15px;}
			}
			h3 {margin:0;}
		}
	}
	.map-bg {width:100%; background:url('../tt_images/map-new.png') no-repeat; height:1066px; .relative; opacity:0;
		img {.absolute; left:0; top:0; opacity:0;}
	}
}
.catalog, .map {.relative; top:-1px;}
.textwidget p {margin-bottom:0px;}
.our-adv {margin-bottom:44px;
	.our-adv-item { width: 190px;  height: 191px; background: url("../images/circle.png") no-repeat center; .center;
		p {
			&.number {font-size:36px; margin-top:36px;}
			&.content {font-size:12px; margin-top:-4px;}
		}
	}
	.slick-prev, .slick-next {width:33px; height:33px;
		&:before {color:#000; font-size:33px;}
	}
	.slick-prev {left:-35px;}
	.slick-next {right:-35px;}
}

.catalog {
	.innerCatalog { text-align: left;
	table {
		tr {
			td { border: 1px black solid; text-align: center; vertical-align: middle; padding: 0 7px;}
		}
	}
		.catalogPanel {
			ul {
				li {
					&.tngizt {
						figure {
							img {left:-8px !important; }
						}
					}
				}
			}
		}
	}
}

.IGallery { text-align: left; }
.IGallery h3 { color: #444444; }
.IGallery .IGallery-image { width: 20%; float: left; text-align: center; padding: 5px; box-sizing:border-box }
.IGallery .IGallery-image img { max-width: 100%; }

@media screen and (max-width:1366px) {
	.conveyer {zoom:0.75;}
	/*.map {
		.map-bg {margin-left: 30px;}
	}*/
}
@media screen and (min-width:1010px) and (max-width:1365px) {
	.conveyer {zoom:0.6;}
}
@media screen and (max-width:999px) {
	.conveyer {zoom:0.6;}
}