@charset "UTF-8";
@media screen and (min-width: 1930px){
	.slick-slide img{min-width: 1920px;max-height: 600px;max-width:1920px;}
	}
@media screen and (max-width: 1200px){
  .slick-dots{left: 16px; margin-left: 0; bottom: 40px}
  .hp .slick .caption {display: block;position: absolute;max-width: 650px;top: 20px;left: 48px;margin-left: 0px;bottom: 100px;}            
  .offer .item{width: 33%; flex-basis: 33%; max-width: 33%}
  .offer .item:nth-child(5n), .offer .item:first-child{padding-left: 8px}
  .offer .item:nth-child(4n){padding-right: 8px}
  .offer .item:nth-child(3n+1), .offer .item:first-child{padding-left: 0px}
  .offer .item:nth-child(3n){padding-right: 0px}
  .news .item{width: 33%; flex-basis: 33%; max-width: 33%; padding: 8px}
  .news .item:nth-child(5n), .news .item:first-child{padding-left: 8px}
  .news .item:nth-child(4n){padding-right: 8px}
  .news .item:nth-child(3n+1), .news .item:first-child{padding-left: 0px}
  .news .item:nth-child(3n){padding-right: 0px}
  .references .item{width: 33%; flex-basis: 33%; max-width: 33%; padding: 8px}
  .references .item:nth-child(5n), .references .item:first-child{padding-left: 8px}
  .references .item:nth-child(4n){padding-right: 8px}
  .references .item:nth-child(3n+1), .references .item:first-child{padding-left: 0px}
  .references .item:nth-child(3n){padding-right: 0px}
  .boxes .item{width: 33%; flex-basis: 33%; max-width: 33%}
  .boxes .item:nth-child(5n), .boxes .item:first-child{padding-left: 8px}
  .boxes .item:nth-child(4n){padding-right: 8px}
  .boxes .item:nth-child(3n+1), .boxes .item:first-child{padding-left: 0px}
  .boxes .item:nth-child(3n){padding-right: 0px}
  .contact-form{margin-left:50px;margin-right:50px;}
}
@media only screen and (max-width:900px){
  .offer .item{width: 50%; flex-basis: 50%; max-width: 50%}
  .offer .item:nth-child(3n+1), .offer .item:first-child{padding-left: 8px}
  .offer .item:nth-child(3n){padding-right: 8px}
  .news .item{width: 50%; flex-basis: 50%; max-width: 50%; padding: 8px}
  .news .item:nth-child(3n+1), .news .item:first-child{padding-left: 8px}
  .news .item:nth-child(3n){padding-right: 8px}
  .references .item{width: 50%; flex-basis: 50%; max-width: 50%; padding: 8px}
  .references .item:nth-child(3n+1), .references .item:first-child{padding-left: 8px}
  .references .item:nth-child(3n){padding-right: 8px}
  .boxes .item{width: 50%; flex-basis: 50%; max-width: 50%}
  .boxes .item:nth-child(3n+1), .boxes .item:first-child{padding-left: 8px}
  .boxes .item:nth-child(3n){padding-right: 8px}
  .contact-form{margin-left:0;margin-right:0;}
}
@media only screen and (max-width:1000px){
	.page-head .wrap > .nav-section > ul{display: none}
	.nav-shortcut{display: inline-block; position: fixed; left: 16px; top: 24px; width: 42px; height: 42px; padding: 8px; background: #165a9b; cursor: pointer; z-index: 100; -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
  .nav-shortcut, .nav-shortcut span{-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  .nav-shortcut:hover, .nav-shortcut.active{background: #2569aa}
  .nav-shortcut span {display: block;width: 26px;height: 4px;background: #fff;margin-bottom: 5px;border-radius: 1px;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;user-select: none;}
  .nav-shortcut span.bar1 {margin-top: 2px;}
  .nav-shortcut.active .bar1 {-webkit-transform: rotate(45deg) translateY(6px) translateX(6px);-moz-transform: rotate(45deg) translateY(6px) translateX(6px);-ms-transform: rotate(45deg) translateY(6px) translateX(6px);-o-transform: rotate(45deg) translateY(6px) translateX(6px);transform: rotate(45deg) translateY(6px) translateX(6px);}
  .nav-shortcut.active .bar2 {opacity: 0;}
  .nav-shortcut.active .bar3 {-webkit-transform: rotate(-45deg) translateY(-6px) translateX(6px);-moz-transform: rotate(-45deg) translateY(-6px) translateX(6px);-ms-transform: rotate(-45deg) translateY(-6px) translateX(6px);-o-transform: rotate(-45deg) translateY(-6px) translateX(6px);transform: rotate(-45deg) translateY(-6px) translateX(6px);}
  .mobile-nav{position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 99;background:rgba(255,255,255,0.9);}
  .mobile-nav li{padding: 5px 10px;}
  .mobile-nav.active{display: block}
  .mobile-nav nav{padding: 64px; max-height: 100%; overflow-y: auto}
  .page-head .wrap{padding-left: 80px}
  .hp .slick .caption .size-13{font-size:10px}
  .hp .slick .caption .size-16{font-size:14px}
  .hp .slick .caption .size-14{font-size:12px}
  .hp .slick .caption .size-18{font-size:16px}
  .hp .slick .caption .size-20{font-size:18px}
  .hp .slick .caption .size-22{font-size:20px}
  .hp .slick .caption .size-25{font-size:22px}
  .hp .slick .caption .size-28{font-size:24px}
  .hp .slick .caption .size-30{font-size:26px}
  .hp .slick .caption .size-35{font-size:28px}
  .hp .slick .caption .size-40{font-size:30px}
  .hp .slick .caption h1,.hp .slick .caption .h1{font-size:22px}
  .hp .slick .caption h2,.hp .slick .caption .h2{font-size:20px}
  .hp .slick .caption h3,.hp .slick .caption .h3{font-size:18px}
  .hp .slick .caption h4,.hp .slick .caption .h4{font-size:16px}
  .hp .slick .caption h5,.hp .slick .caption .h5{font-size:14px}
  .hp .slick .caption h6,.hp .slick .caption .h6{font-size:12em}
  .slick-dots li{display: inline-block; margin-right: 16px}
}
@media only screen and (max-width:800px){
  .hp .slick .caption{top:4px;left:8px;}
  .hp .slick .caption .size-30{font-size:20px} 
  .hp .slick .caption .size-40{font-size:24px} 
  .hp .slick .caption hr{margin:2px auto;}    
  .slick-dots{left:0;bottom:0;padding-left:8px;}
  .slick-slide{background-color:black;min-height:220px;}
  .col{width: 100%}
  .page-foot .col{margin-top: 16px; margin-bottom: 16px}
  .contact-form-height{height:100px;min-height:100px;}
}
@media only screen and (max-width:600px){
  .references .title{opacity: 1}
  .offer .item{width: 100%; flex-basis: 100%; max-width: 100%}
  .offer .item:nth-child(3n+1), .offer .item:first-child{padding-left: 8px}
  .offer .item:nth-child(3n){padding-right: 8px}
  .news .item{width: 100%; flex-basis: 100%; max-width: 100%; padding: 8px}
  .news .item:nth-child(3n+1), .news .item:first-child{padding-left: 8px}
  .news .item:nth-child(3n){padding-right: 8px}
  .references .item{width: 100%; flex-basis: 100%; max-width: 100%; padding: 8px}
  .references .item:nth-child(3n+1), .references .item:first-child{padding-left: 8px}
  .references .item:nth-child(3n){padding-right: 8px}
  .boxes .item{width: 100%; flex-basis: 100%; max-width: 100%}
  .boxes .item:nth-child(3n+1), .boxes .item:first-child{padding-left: 8px}
  .boxes .item:nth-child(3n){padding-right: 8px}
}
@media only screen and (max-width:500px){
	button.btn-lg,input[type=button].btn-lg,input[type=submit].btn-lg,input[type=reset].btn-lg,.button.btn-lg,.btn.btn-lg{width:270px;min-width:200px;}
	.hp .slick .caption{top:4px;left:8px;}
  .hp .slick .caption .size-30{font-size:16px} 
  .hp .slick .caption .size-40{font-size:20px} 
  .nav-shortcut{left:24px;top:24px;}
  .logo-section a{padding-right: 12px;}
  .wrap{padding: 16px}
  .page-head .wrap{padding: 4px 16px}
  .page-head .wrap > .logo-section{flex-basis: 100%;max-width: 100%;justify-content: right; align-items: end; }
  .page-head .wrap > .nav-section{display: none}
  .page-head .wrap > .search-section{padding-top: 12px;flex-basis: 100%;max-width: 100%;justify-content: center;align-items: center;}
}