@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700|Roboto+Condensed:400,500,600,700&display=swap&subset=latin-ext');
/*general*/
body, html{background:#fff;height:100%;text-rendering:optimizeLegibility !important;-webkit-font-smoothing:antialiased !important;}
body{background:#fff;height:auto;color:#222;font:400 14px 'Montserrat',sans-serif;}
body.loading-active{overflow:hidden;}
body.loading-active.load{overflow:auto;overflow-x:hidden;}
ul{margin:0;padding:0;list-style-type:none;}
ul.outside{list-style:outside;padding:0 0 0 30px;}
ul.decimal{list-style:decimal;padding:0 0 0 30px;}
a, a:hover{color:#111111;}
a, a:hover, a:focus, li:hover > a, button, button:hover, select, select:focus{ outline:0;text-decoration:none;transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
h2.title { font-size: 30px; font-weight: 500; color: #111; margin-bottom: 30px; padding-left:5px;user-select:none; }
h2.title:before { content:""; background:url(../img/bg-h.png) no-repeat; width:23px; height:38px; display:inline-block;vertical-align: sub;}
.mt-30{margin-top:30px;}
.mt--30{margin-top:-30px;}
.mt-60{margin-top:60px;}
.mt--60{margin-top:-60px;}
.mb-30{margin-bottom:30px;}
.mb--30{margin-bottom:-30px;}
.mb-60{margin-bottom:60px;}
.mb--60{margin-bottom:-60px;}
.pt-30{padding-top:30px;}
.pt-60{padding-top:60px;}
.pb-30{padding-bottom:30px;}
.pb-60{padding-bottom:60px;}
.ptb-30{padding-top:30px !important;padding-bottom:30px !important;}
.ptb-60{padding-top:60px !important;padding-bottom:60px !important;}
.mm-menu_offcanvas{ z-index:999; }
.mm-wrapper__blocker { z-index: 99; }
/*selection*/
::-moz-selection{ background-color:#40beff;color:#fff;}
::selection{ background-color:#40beff;color:#fff;}
::-o-selection{ background-color:#40beff;color:#fff;}
::-ms-selection{ background-color:#40beff;color:#fff;}
::-webkit-selection{ background-color:#40beff;color:#fff;}
/*bootstrap*/
.btn{border-radius:10px;padding:9px 15px;line-height:1;font-size:14px;font-weight:600;border-width:2px;height:35px;}
.btn.btn-sm { padding: 10px 15px; height: auto; }
.btn-primary { color: #fff; background-color: #40beff; border-color: #40beff; }
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle { color: #fff; background-color:#39a5df; border-color: #39a5df; }
.btn-primary.focus,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus  {box-shadow: 0 0 0 0.2rem rgba(64,190,255,.5);}
.btn-primary:hover {color: #fff;background-color: #39a5df;border-color: #39a5df;}
.btn-outline-primary{color:#40beff;border-color:#40beff;}
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {background-color: #40beff; border-color: #40beff; }
.btn-outline-primary.focus,
.btn-outline-primary:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(64,190,255,.5);}
.btn-outline-primary:hover {background-color:#40beff;border-color:#40beff;}
.btn-secondary { color: #111; background-color: #ffd800; border-color: #ffd800; }
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle { color: #111; background-color:#eec700; border-color: #eec700; }
.btn-secondary.focus,
.btn-secondary:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus  {box-shadow: 0 0 0 0.2rem rgba(255,216,0,.5);}
.btn-secondary:hover {color: #111;background-color: #eec700;border-color: #eec700;}
.btn-outline-secondary{color:#111;border-color:#ffd800;}
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle {color:#111;background-color: #eec700; border-color: #eec700; }
.btn-outline-secondary.focus,
.btn-outline-secondary:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(255,216,0,.5);}
.btn-outline-secondary:hover {color: #111;background-color: #eec700;border-color: #eec700;}
.form-control{display:block;width:100%;height:40px;padding:7px 9px;line-height:1;color:#111;background-color:#fff;border:1px solid #eee;border-radius:0;font-size:14px;font-weight:400;transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
.form-control.form-control-outline-white{background-color:transparent;color:#fff;border-color:#fff;}
.form-control.form-control-outline-white:focus{box-shadow:0 0 0 0.2rem rgba(255, 255, 255, .25);}
.form-control.form-control-outline-white::placeholder{color:#fff;}
.form-control.form-control-outline-white:placeholder-shown{color:#fff;}
.form-control.form-control-outline-white::-moz-placeholder{color:#fff;}
.form-control.form-control-outline-white::-webkit-input-placeholder{color:#fff;}
.form-control.form-control-outline-white::-ms-input-placeholder{color:#fff;}
.form-control:focus{outline: 0;box-shadow: 0 0 0 0.2rem rgba(0,0,0,0.1);transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
.form-group { margin-bottom: 30px; }
/*social*/
.social a{ font-size:16px;margin-right:5px;}
.social a,
.social a i,
.social a:hover,
.social a:hover i{transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
.social a.fa-facebook:hover, .social a:hover .fa-facebook{ color:#3b5998 !important; }
.social a.fa-twitter:hover, .social a:hover .fa-twitter{ color:#00acee !important; }
.social a.fa-instagram:hover, .social a:hover .fa-instagram{ color:#dc1f62 !important; }
.social a.fa-linkedin:hover, .social a:hover .fa-linkedin{ color:#3272bd !important; }
.social a.fa-pinterest-p:hover, .social a:hover .fa-pinterest-p{ color:#ce1e27 !important; }
.social a.fa-youtube-play:hover, .social a:hover .fa-youtube-play{ color:#ce332d !important; }
.social a.fa-tumblr:hover, .social a:hover .fa-tumblr{ color:#3b5998 !important; }
.social a.fa-flickr:hover, .social a:hover .fa-flickr{ color:#ce332d !important; }
/*loading*/
.loading-active #loading { background: url(../img/loading.gif) no-repeat center #fff; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 999999999; transition:2s ease;-moz-transition:2s ease;-webkit-transition:2s ease;}
.loading-active #loading.out { opacity:0;transition:2s ease;-moz-transition:2s ease;-webkit-transition:2s ease; }
.loading-active #loading.hide {display:none;}
/*header*/
#header .top { background: #eee; }
#header .top .left .social a { color: #bbb; margin: 0; }
#header .top .left .social ul li { margin-right:10px; }
#header .top .left .social ul li:last-child { margin-right:0; }
#header .top .right > div { display: inline-block; margin-left: 15px; }
#header .top .right > div:first-child { margin-left:0; }
#header .top .right .info { color: #bbb; font-size: 14px; font-weight: 500;}
#header .top .right .info ul li{margin-left:20px;}
#header .top .right .info ul li:first-child{margin-left:0;}
#header .top .right .info ul li a{ color: #bbb;}
#header .top .right .info ul li a:hover{ color: #999;}
#header .top .right .info ul li i{ margin-right:5px;}
#header .top .right .info ul li.email i{ font-size:13px;}
#header .top .right .info ul li.phone i{ font-size:15px;}
#header .top .right .user-area .btn-login { border-radius: 0 0 10px 10px; padding: 17px 15px; height: auto; margin: 0 0 -15px; }
#header .top .right .user-area .btn-login i{ font-size:17px; }
#header .bottom .left .logo h1 { margin: 30px 0; }
#header .bottom .left .logo h1 a { display: flex; }
#header .bottom .left .nav-open { background: #40beff; color: #fff; border-radius: 10px; font-size: 21px; padding: 5px 10px; cursor: pointer; }
#header .bottom .right #site-menu { margin-top:2px;}
#header .bottom .right #site-menu > ul > li { position:relative;margin-left:25px;padding:15px 0;}
#header .bottom .right #site-menu > ul > li:first-child { margin-left:0; }
#header .bottom .right #site-menu > ul > li.has-children:after { content: "\f0d7 "; font-family: FontAwesome; transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
#header .bottom .right #site-menu > ul > li.has-children:hover:after {transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
#header .bottom .right #site-menu > ul > li > a { font-size: 14px; font-weight: 600;line-height: 1; }
#header .bottom .right #site-menu > ul > li:hover,
#header .bottom .right #site-menu > ul > li:hover > a { color:#40beff; }
#header .bottom .right #site-menu > ul > li ul { display:none; position: absolute; left: 0; top:45px; z-index: 9; background: #fff; border-radius: 10px; min-width: 300px; box-shadow: 0 0 20px rgba(0,0,0,0.1); padding: 5px 15px; }
#header .bottom .right #site-menu > ul > li:hover > ul { display:block;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
#header .bottom .right #site-menu > ul > li ul > li { padding-left: 10px; position: relative; }
#header .bottom .right #site-menu > ul > li ul > li,
#header .bottom .right #site-menu > ul > li ul > li > a {font-size: 14px; font-weight: 600; line-height: 1; color: #111; }
#header .bottom .right #site-menu > ul > li ul > li > a { display: block; border-bottom: 1px solid #eee; padding: 10px 0; }
#header .bottom .right #site-menu > ul > li ul > li:last-child > a { border:none; }
#header .bottom .right #site-menu > ul > li ul > li:hover,
#header .bottom .right #site-menu > ul > li ul > li:hover > a { color: #40beff; }
#header .bottom .right #site-menu > ul > li ul > li:before { position: absolute; left: 0; top: calc(50% - 7px); content: "\f0da "; font-family: FontAwesome; transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease; }
#header .bottom .right #site-menu > ul > li ul > li:hover:before { transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease; }
#header.fixed {box-shadow: 0 0 40px rgba(0,0,0,0.1); position: fixed; z-index: 99; background: #fff; width: 100%; left: 0; top: 0;display:block;-webkit-animation-name:fadeInDown;animation-name:fadeInDown;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both; }
#header.fixed .top{display:none;}
#header.fixed .bottom .left .logo h1 { margin: 15px 0; }
#header.fixed .bottom .left .logo h1 img { height: 30px; }
/*carousel*/
#carousel {position: relative;}
#carousel .swiper-slide .img { width: 100%; height: 100%;position:relative; }
#carousel .swiper-slide .img img { width: 100%; object-fit: cover; height: 614px;}
#carousel .swiper-slide .content { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; }
#carousel .swiper-slide .content .container{padding:0;}
#carousel .swiper-slide .content .title { font-weight: 700; font-size: 40px; max-width: 50%;}
#carousel .swiper-slide .content .title span{ font-weight: 500; font-size: 25px; display:block; }
#carousel .swiper-slide.swiper-slide-active .content .title{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-delay:.4s;animation-delay:.4s;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
#carousel .swiper-slide .content .description { font-size: 16px; margin-top: 30px; max-width: 35%; line-height: 27px; }
#carousel .swiper-slide .content .description p:last-child{margin-bottom:0; }
#carousel .swiper-slide.swiper-slide-active .content .description{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-delay:.7s;animation-delay:.7s;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
#carousel .dots { position: absolute; left: 15px; top: -75px; width:100%; }
#carousel .dots .swiper-pagination span { width: 8px; height: 8px; border-radius: 4px; opacity: 1; background: #ffd800; margin-right: 12px; outline:none; transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
#carousel .dots .swiper-pagination span:hover { background: #40beff;transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
#carousel .dots .swiper-pagination span.swiper-pagination-bullet-active { background: #40beff; width:16px;transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
#carousel .dots .swiper-pagination span:last-child { margin:0; }
/*services*/
#services{position:relative;margin:-50px 0 60px;overflow: hidden;padding-top: 105px;}
#services .top {position:relative;z-index:9;}
#services .top .title{margin:0;}
#services .top .arrows button { background: none; border: none; padding: 0; margin: 0 0 0 11px; cursor: pointer; color: #e5e5e5; font-size: 48px; outline: none; line-height: 1; }
#services .top .arrows button:first-child {margin: 0;}
#services .top .arrows button:hover {color:#40beff;}
#services .top hr {border-color:#eee;}
#services .bottom { margin-top: -150px; }
#services .bottom .swiper-slide { width: 160px; }
#services .bottom .swiper-container{padding: 200px 0 100px;}
#services .item {width: 100%;text-align:center;}
#services .item .box {transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;margin:45px 0;position: relative;width: 100%;height: 160px;display: flex;align-items: center;justify-content: center;background: #40beff;color: #fff;border-radius:10px;}
#services .item .box a { color: #fff; font:700 16px "Roboto Condensed"; display: flex; width: 100%; height: 100%; flex-direction: column; position: absolute; left: 0; top: 0; justify-content: center; }
#services .item .box .title span{ display:none;font-weight:400; }
#services .item .box .icon{margin-bottom:15px;height: 70px;width: 100%;}
#services .item .box .icon span:before{margin:0; font-size:60px; line-height: 1; height: 100%; width: 100%; display: flex; justify-content: center; align-items: center;font-weight: normal; }
#services .item .img{display:none;}
#services .swiper-slide-active .item .box {z-index: 1;margin:0; height: 250px; background: #ffd800; color: #111; transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
#services .swiper-slide-active .item .box a { color: #111; font-size: 20px;}
#services .swiper-slide-active .item .box a:after {-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both; content: "\f105"; font-family: fontawesome; font-size: 25px; margin-top: 15px; display: block; margin-bottom: -10px; }
#services .swiper-slide-active .item .box .icon { height: 90px; }
#services .swiper-slide-active .item .box .icon span:before{font-size:90px;}
#services .swiper-slide-active .item .box .title span{display:block;}
#services .swiper-slide-active .item .img { display: block; position: absolute; right: 0; top: -200px; width: 100vw; height: 520px; text-align: right; padding-right: 70%; }
#services .swiper-slide-active .item .img .figure{position: relative;margin: 0;-webkit-animation-name:fadeInRight;animation-name:fadeInRight;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
#services .swiper-slide-active .item .img .figure:after { content: ""; position: absolute; width: 100%; height: 100px; bottom: 0; right: 0;background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );}
#services .swiper-slide-active .item .img .figure img { height: 500px; object-fit: cover; }
/*turpak*/
#turpak { margin: -150px 0 40px 0; }
#turpak span { font-size: 14px; font-weight: 500; padding: 0 0 0 10px; }
/*products*/
#products{margin:0 auto 60px;}
#products .item { width: 100%; height: 150px; overflow: hidden; border-radius: 15px; position:relative; margin:0 0 30px; }
#products .item .img { width: 100%; height: 100%;position:relative;}
#products .item .img img { width: 100%; height: 100%; object-fit: cover;transform:scale(1); transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
#products .item .title { transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;position: absolute; top: 0; left: 0; width: 100%; height: 100%;display: flex; align-items: center; justify-content: flex-end; padding-right: 30px;user-select:none;pointer-events:none;background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(248,212,11,1) 90%);background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(248,212,11,1) 90%);background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(248,212,11,1) 90%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f8d40b',GradientType=1 );}
#products .item .title a {pointer-events:auto; color: #111; font: 400 23px "Roboto Condensed"; text-align: right; display: inline-block; width: 50%; }
#products .item:hover .title a{color:#fff;}
#products .item:hover .img img {transform:scale(1.1); transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
#products .item:hover .title{transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(64,190,255,1) 90%);background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(64,190,255,1) 90%);background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(64,190,255,1) 90%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#40beff',GradientType=1 );}
#products .right > .row > div:first-child > .item:first-child { margin-top: 85px; }
#products .left .description { line-height: 25px; margin-bottom: 30px; }
#products .left .description p:last-child{margin-bottom:0; }
/*references*/
#references{border-top:1px solid #eee;padding:50px 0;}
#references .item img{height:50px;width:100%;object-fit:scale-down;}
/*footer*/
#footer{border-top:1px solid #eee;padding:50px 0;}
#footer .logo img { max-width: 140px; }
#footer .copyright { color: #111; margin: 10px 0; opacity: 0.3; font-weight: 500; }
#footer .info ul li { font-size: 14px; font-weight: 500; color: #111; padding-bottom:10px; }
#footer .info ul li:last-child {padding-bottom:0; }
#footer .info ul li:before { color: #ffd800; content: ""; font-family:FontAwesome; margin-right: 6px;font-size:14px; }
#footer .info ul li.address:before { content: "\f041"; font-size: 21px; vertical-align: text-bottom; }
#footer .info ul li.phone:before { content: "\f095"; font-size:17px; }
#footer .info ul li.email:before { content: "\f0e0"; }
#footer .info ul li a{ font-size: 14px; font-weight: 500; color: #111; }
#footer .info ul li a:hover{ color: #40beff; }
#footer .menu ul li { font-size: 14px; font-weight: 500; color: #111; padding-bottom:10px; }
#footer .menu ul li:before {content:"\f0da";font-family:FontAwesome;margin-right:5px;opacity:0;transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
#footer .menu ul li:hover:before {opacity:1;transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;color: #40beff;}
#footer .menu ul li a:hover{ color: #40beff; }
#footer .social ul li { text-align: center; margin-bottom: 5px; }
#footer .social ul li:last-child { margin-bottom: 0; }
#footer .social ul li a{ color:#ffd800;margin:0; }
/*inside*/
#inside .banner{ position:relative; padding:170px 0 30px;background:#ffd800; }
#inside .banner > .img{ position:absolute; top:0; left:0; width:100%; height:100%;}
#inside .banner > .img > div{position:relative; width:100%; height:100%; overflow:hidden; }
#inside .banner > .img img{ width:100%; height:100%; object-fit:cover;}
#inside .banner .title{ color:#ffd800; font-weight:600; font-size:35px; margin:10px 0 0 0; padding:0;}
#inside .banner .title:before{display:none;}
#inside .banner .container{ position:relative; z-index:5; }
#inside .banner .breadcrumb{ background:none; margin:10px 0 0 0; padding:0; border-radius:0; opacity:0.9; }
#inside .banner .breadcrumb .breadcrumb-item, #inside .banner .breadcrumb .breadcrumb-item.active, #inside .banner .breadcrumb .breadcrumb-item a{ color:#4e4e57; font-size:12px; }
#inside .banner .breadcrumb .breadcrumb-item + .breadcrumb-item::before{color:#4e4e57;}
#inside > .content{ padding:30px 0; line-height:2; }
/*gallery*/
.gallery{margin-top:30px;}
.gallery > ul{margin-bottom:0;}
.gallery > ul > li{margin-bottom:30px;}
.gallery > ul > li a{ border:3px solid #eee; display:block; overflow:hidden; position:relative; width:100%; height:200px; }
.gallery > ul > li a > img{object-fit:cover;-webkit-transition:-webkit-transform 0.3s ease 0s;-moz-transition:-moz-transform 0.3s ease 0s;-o-transition:-o-transform 0.3s ease 0s;transition:transform 0.3s ease 0s;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);height:100%;width:100%;}
.gallery > ul > li a:hover > img{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1);}
.gallery > ul > li a:hover .demo-gallery-poster > img{opacity:1;}
.gallery > ul > li a .demo-gallery-poster{background-color:rgba(0, 0, 0, 0.1);bottom:0;left:0;position:absolute;right:0;top:0;-webkit-transition:background-color 0.3s ease 0s;-o-transition:background-color 0.3s ease 0s;transition:background-color 0.3s ease 0s;}
.gallery > ul > li a .demo-gallery-poster > img{left:50%;margin-left:-10px;margin-top:-10px;opacity:0;position:absolute;top:50%;-webkit-transition:opacity 0.3s ease 0s;-o-transition:opacity 0.3s ease 0s;transition:opacity 0.3s ease 0s;}
.gallery > ul > li a:hover .demo-gallery-poster{background-color:rgba(0, 0, 0, 0.5);}
.gallery .justified-gallery > a > img{-webkit-transition:-webkit-transform 0.3s ease 0s;-moz-transition:-moz-transform 0.3s ease 0s;-o-transition:-o-transform 0.3s ease 0s;transition:transform 0.3s ease 0s;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);height:100%;width:100%;}
.gallery .justified-gallery > a:hover > img{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1);}
.gallery .justified-gallery > a:hover .demo-gallery-poster > img{opacity:1;}
.gallery .justified-gallery > a .demo-gallery-poster{background-color:rgba(0, 0, 0, 0.1);bottom:0;left:0;position:absolute;right:0;top:0;-webkit-transition:background-color 0.3s ease 0s;-o-transition:background-color 0.3s ease 0s;transition:background-color 0.3s ease 0s;}
.gallery .justified-gallery > a .demo-gallery-poster > img{left:50%;margin-left:-10px;margin-top:-10px;opacity:0;position:absolute;top:50%;-webkit-transition:opacity 0.3s ease 0s;-o-transition:opacity 0.3s ease 0s;transition:opacity 0.3s ease 0s;}
.gallery .justified-gallery > a:hover .demo-gallery-poster{background-color:rgba(0, 0, 0, 0.5);}
.gallery .video .demo-gallery-poster img{height:48px;margin-left:-24px;margin-top:-24px;opacity:0.8;width:48px;}
.gallery.dark > ul > li a{border:3px solid #04070a;}
/*responsive*/
@media (max-width:1440px){
    /*hidpi*/
}
@media (max-width:1366px){
    /*ipadpro*/
}
@media (max-width:1280px){
    /*kindle,mdpi,touch*/
}
@media (max-width:1199px){
    .container { max-width: calc(100% - 60px); }
}
@media (max-width:1100px){
    #header .bottom .right #site-menu > ul > li{margin-left:15px;}
}
@media (max-width:1024px){
    /*bbPlayBook,ipadmini,ipad,ipadpro*/
}
@media (max-width:991px){
    #carousel .swiper-slide .content .title {max-width: 60%;}
    #turpak span { padding: 10px 0 0 0; display: block; }
}
@media (max-width:950px){
    /*touch*/
}
@media (max-width:900px){
    /*hidpi*/
}
@media (max-width:854px){
    /*n9*/
}
@media (max-width:823px){
    /*pixel2*/
}
@media (max-width:812px){
    /*iphonex*/
}
@media (max-width:800px){
    /*kindle,mdpi*/
}
@media (max-width:768px){
    /*ipadmini,ipad*/
}
@media (max-width:767px){
    #carousel .swiper-slide .img img {height: 400px; }
    #carousel .swiper-slide .content .description{display:none;}
    #footer { text-align: center; }
    #footer .info { margin: 30px 0; }
    #footer .info ul li:before { display: block; margin: 0; }
    #footer .social { margin-top: 30px; }
}
@media (max-width:736px){
    /*iphone6plus,iphone7plus,iphone8plus*/
}
@media (max-width:732px){
    /*nexus5x,nexus6p*/
}
@media (max-width:731px){
    /*pixel2*/
    #header .top .right .info,
    #services .item .img{display:none !important;}
    #services .col-7 { margin-left: 0 !important; max-width: 100% !important; flex: 0 0 100%; }
}
@media (max-width:667px){
    /*iphone6,iphone7,iphone8*/
}
@media (max-width:640px){
    /*bbz30,note3,note2,s3,s5,l70,lumia550,lumia950*/
}
@media (max-width:600px){
    /*bbZ30,bbPlayBook*/
}
@media (max-width:575px){
    #carousel .swiper-slide .content .title{font-size:32px;}
    #carousel .swiper-slide .content .title span{font-size:20px;}
    #turpak { margin: -110px 0 40px 0; }
    #turpak span { padding: 0 0 0 10px; display: inline-block; }
    #inside .banner{ padding:80px 0 30px; }
    #inside .banner .title{font-size:25px;}
}
@media (max-width:568px){
    /*iphone5*/
}
@media (max-width:559px){
}
@media (max-width:533px){
    /*lumia520*/
}
@media (max-width:480px){
    /*n9,iphone4*/
}
@media (max-width:414px){
    /*iphone6plus,iphone7plus,iphone8plus*/
    .container { max-width: calc(100% - 30px); }
    #carousel .swiper-slide .img img { height: 350px; }
    #carousel .dots{top:-45px;}
    #services{margin-top:-70px;}
    h2.title { font-size: 25px; }
    h2.title:before { height: 30px; background-size: contain; }
}
@media (max-width:412px){
    /*nexus5x,nexus6p*/
}
@media (max-width:411px){
    /*pixel2*/
}
@media (max-width:384px){
    /*l70*/
}
@media (max-width:375px){
    /*iphone6,iphone7,iphone8,iphonex*/
    #header .bottom .left .logo img { max-width: 150px; }
    #carousel .swiper-slide .img img { height: 250px; }
    #carousel .swiper-slide .content .title { font-size: 25px; }
    #carousel .swiper-slide .content .title span{ font-size: 18px; }
}
@media (max-width:360px){
    /*note3,note2,s3,s5,lumia550,lumia950*/
}
@media (max-width:320px){
    /*lumia520,iphone4,iphone5*/
}