html, body { font-family: 'Roboto', sans-serif; font-size:14px;  margin:0; padding:0; width:100%; background:#fff; background:url(images/back.jpg) no-repeat top center }

h1 { font-size:35px;  color:#fff;  font-weight:300; text-align:center; }
h2 { font-size:30px;  color:#fff;  font-weight:300;text-align:center }
h3 { font-size:30px;  color:#fff; font-weight:300;  text-align:center}
p { color:#fff; font-size:15px; font-weight:300; text-align:left; margin:0px!important }
img { border:none; outline:0 }
.clearbox { clear:both; }
a { color:#fff; outline:0}
ul, ol, li { padding:0px; margin:0px; font-size:13px; color:#333;}
input, textarea {outline: none;border: none}

header {width:100%; margin:0 auto; padding:20px 0%; background:rgba(0,0,0,0.2); display:table}
header table {width:90%; margin:0 5%}
header ul li { display: inline-block; white-space: nowrap }
header ul li a { font-size:16px; color:#fff; text-decoration: none; font-weight:300; padding:0 10px; text-transform:uppercase;}
header p { text-align: center; white-space: nowrap; font-size:22px; color:#fff; background:url(images/phone.png) no-repeat left center; padding:13px 0 13px 70px}

a.logo { text-decoration: none; }
a.logo span { text-align:center;display:block; }

.main_part {margin-top: 50px;margin-bottom: 100px; width:100%; padding:5% 0; table-layout: fixed;    border-collapse: collapse; height: calc(100vh - 200px);}
.main_part tr td{vertical-align:top; width:50%; text-align: center; position:relative}
/* .main_part tr td:nth-child(2) { text-align:left!important} */

.main_part.ins { }
.main_part.ins tr td h1 { text-align: center;}
.main_part.ins tr td p { text-align: center; font-size:26px; padding:1% 0}
.main_part.ins.ins.tov img{height: calc(100vh - 200px);}
.main_part.ins.ins.tov .sertificate {text-align: center!important;margin: 20px 0}
.main_part.ins.ins.tov .sertificate img { width: 200px; height: auto}
.main_part.ins.ins.tov h1{ text-align: left; padding-top:2%}
.main_part.ins.ins.tov tr td:nth-child(1) {width:30%}
.main_part.ins.ins.tov tr td p {text-align: left;  font-size:22px;}
.main_part.ins.ins.tov tr td ul {text-align: left;}
.main_part.ins.ins.tov tr td ul li {
    padding-right: 30px;
    font-size: 22px;
    text-align: left;
    color: #fff;
}
.main_part.ins.ins.tov tr td ul {
  list-style-position: inside;
  -moz-column-count: 2; /* Firefox */
  -webkit-column-count: 2; /* Safari and Chrome */
  column-count: 2;
  list-style-type: disc;
  margin-bottom: 25px;
}

.main_part tr td h1 { text-align: left; color:#fff}
.main_part tr td p { font-size:26px; padding:3% 0 }
.main_part tr td .hrefs {position:absolute; left:0; margin-top:50px}
.main_part tr td .product { margin-right:70px;  font-size:22px; background:rgba(0,0,0,0.2); border:1px solid #fff; padding:15px 50px; text-decoration: none;}
.main_part tr td .product:hover {background:rgba(0,0,0,0);}
.main_part tr td .more {font-size:22px; }
.main_part tr td .more:hover { text-decoration: none; }

.main_part .projects { width:23%; display:inline-block;vertical-align: top;margin: 0 0.5%}
.main_part .projects > a:nth-of-type(1) {height:11vw;    line-height: 11vw;    display: table-cell;    width: inherit;    vertical-align: middle;}
.main_part .projects img {max-width:23%;max-height:11vw}
.main_part .projects a {font-size:22px; text-decoration: none;}
.main_part .projects p a span {display:block}
.main_part .projects p a:hover { text-decoration: underline;}

.main_part .sert a {display:inline-block;vertical-align:top;width:12%;margin-right:1%}
.main_part .sert a:nth-of-type(7) {margin:0}
.main_part .sert a:nth-of-type(2) img {max-width:95%}
.main_part .sert a img {max-width:100%;}


.center.slider {width:90%; padding:6% 0 0 0; margin: 0 auto }

.slick-next { background:url(images/right.png) no-repeat right center; right:0}
.slick-prev { background:url(images/left.png) no-repeat right center; left:0}


    .slick-slide {
      margin: 0px 0px;
      text-align: center
    }

  /*   .slick-slide.slick-cloned  img {
      width:212px;
    }

   .slick-slide.slick-cloned {width:212px!important;}
    .slick-slide.slick-current.slick-active.slick-center {width:283px!important}
.slick-slide.slick-current.slick-active.slick-center img{width:283px} */
	
	.slick-slide.slick-current.slick-active.slick-center img{    
		transform: scale(1.08);    
		-moz-transform: scale(1.08);
		-ms-transform: scale(1.08);
		-o-transform: scale(1.08);
		-webkit-transform: scale(1.08);
	}
    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: .2;
    }
    .slick-slide img{margin: 0 auto; max-width: 100%;    max-height: 70%; transition: all 0.5s ease}

    .slick-active {
      opacity: .5;
    }

    .slick-current {
      opacity: 1;
    }


footer p { display: block;  text-align:center; color:#fff; font-size:16px; padding:30px 0}


@media screen and (max-width:768px) {
	html, body { background:url(images/back.jpg) no-repeat center top / auto 100% }
	h1 {font-size: 30px}
	header table {margin: 0 2%;width: 96%}
	header table tr td:nth-child(1) {width: 36%}
	header table tr td {width: 30%}
	header table tr td a {display: block}
	header table tr td a img {max-width: 100%}
	header table tr td p {background: transparent;padding-left: 10px}
	.slick-list.draggable {margin: 0 40px}
	.slick-prev {left:0px}
	.slick-next {right:0px}
	.main_part tr:nth-child(2) td {padding: 0 30px}
	.main_part tr td .hrefs {left: auto;margin-top: 20px;margin-bottom: 20px;position: inherit;display: block;margin-left: -20px}
	.main_part {height: calc(100vh - 310px);}
	.main_part.glav {height: calc(100vh - 250px);}
	.center.slider {padding: 2% 0 0}
	
	.main_part .projects { width:47%; display:inline-block;vertical-align: top;margin: 0 0.5%}
	.main_part .projects img {width:47%;}
	.main_part.ins.ins.tov tr td {vertical-align: top}
	.main_part.ins.ins.tov div {padding: 0 30px}
	.main_part.ins.ins.tov img{height: auto;max-width: 80%}
}