@import url('main.css');
@media (min-width:1200px) {
    #slider-wrapper{margin-top:20px;width:100%;padding:0 30px}
    #slider-container{width:100%}
    .flick-slider-outer{order:1;width:90%}
    .flick-slider-arrows{order:2;width:10%;position:relative;justify-content:center;align-items:center}
    .flick-slider-left{margin-bottom:10px;cursor:pointer}
    .flick-slider-right{cursor:pointer}
    .flick-slider{position:relative;width:100%;padding-bottom:46.25%;overflow:hidden}
    .flick-slider .flickity-viewport{position:absolute;width:100%;height:100%;top:0;left:0}
    .slide-container,.slide-photo{width:100%}
    .slide-photo > picture{display:block;width:100%;padding-bottom:46.25%;overflow:hidden}
    .slide-photo > picture img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
    .flickity-page-dots{display:none}
    #front-about-us-wrapper{margin-top:60px;padding:0 30px}
    #front-about-us-container{width:100%}
    #front-about-us-photo-container{position:relative;z-index:5;width:42%;padding:5% 0}
    #front-about-us-photo{position:relative;width:100%;padding-bottom:91.89%;overflow:hidden}
    #front-about-us-photo:before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background-color:#fff;z-index:20;-moz-transform: scale(1,1);-webkit-transform: scale(1,1);-o-transform: scale(1,1);-ms-transform: scale(1,1);transform: scale(1,1);-moz-transform-origin:left center;-ms-transform-origin:left center;-o-transform-origin:left center;-webkit-transform-origin:left center;transform-origin:left center;-webkit-transition:all .7s ease;-moz-transition:all .7s ease;-o-transition:all .7s ease;transition:all .7s ease}
    #front-about-us-photo.open:before{-moz-transform: scale(0,1);-webkit-transform: scale(0,1);-o-transform: scale(0,1);-ms-transform: scale(0,1);transform: scale(0,1);}
    #front-about-us-photo img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
    #front-about-us-content{position:relative;width:58%;padding:80px 50px 80px 40px;align-items:center}
    #front-about-us-content:before{content:'';position:absolute;width:110%;height:100%;top:0;left:-10%;background:#f2f2f2 url(../img/about-us-pattern-bg.svg) center center no-repeat;background-size:cover;opacity:0}
    #front-about-us-content.open:before{opacity:1}
    #front-about-us-title{position:relative;font-size:26px;text-transform:uppercase;padding-left:60px}
    #front-about-us-title:before{content:'';position:absolute;width:40px;height:2px;top:0;left:0;bottom:0;background-color:#262626;margin:auto 0}
    #front-about-us-title2{position:relative;margin-top:25px;font-size:36px;font-weight:500;color:#008185;text-transform:uppercase}
    #front-about-us-title2 > span{display:block;color:#008185}
    #front-about-us-smallDesc{margin-top:30px;position:relative;width:100%;font-size:18px;line-height:1.6;color:#262626}
    #front-about-us-readmore{margin:30px 0 0;display:inline-block;position:relative;background:url(../img/about-us-readmore.svg) left center no-repeat;padding:30px 0 30px 70px}
    #front-about-us-readmore > span{font-size:18px;color:#262626;text-transform:uppercase;background-color:#f2f2f2;padding:2px 0}
    #front-about-us-readmore:hover{background:url(../img/about-us-readmore-hover.svg) left center no-repeat;padding:30px 0 30px 94px}
    #front-supply-companies-container{margin-top:70px;width:100%;padding:0 30px}
    #front-supply-companies-h2{font-size:32px;font-weight:500;color:#262626;text-transform:uppercase;text-align:center}
    #front-supply-companies-h3{margin-top:4px;font-size:32px;font-weight:500;color:#262626;text-transform:uppercase;text-align:center}
    #front-supply-companies{margin-top:50px;width:100%;justify-content:space-around}
    #front-supply-companies > li{width:18%;text-align:center}
    .front-supply-companies-photo-outer{border:10px solid #f1f1f1;border-radius:50%}
    .front-supply-companies-photo{position:relative;width:100%;padding-bottom:100%;overflow:hidden;border-radius:50%;-moz-transform: scale(0);-webkit-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);transform: scale(0);}
    .front-supply-companies-photo img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
    .front-supply-companies-title{margin-top:30px;font-size:24px;color:#262626;text-transform:uppercase}
    #front-info-company-wrapper{margin:60px 0 250px;position:relative;width:100%;padding:80px 30px;background-color:#008185;clip-path:ellipse(65% 85% at 50% 85%)}
    #front-info-company-container{max-width:1400px;margin:0 auto;padding-bottom:9%}
    #front-info-company-h2{position:relative;width:100%;text-align:center;padding-bottom:46px}
    #front-info-company-h2 > span{display:block;font-size:40px;font-weight:500;color:#fff;text-transform:uppercase}
    #front-info-company-h2 > span:before{content:'';position:absolute;width:20px;height:3px;bottom:0;left:0;right:0;margin:0 auto;background-color:#fff}
    #front-info-company-h2 > span:after{content:'';position:absolute;width:40px;height:3px;bottom:11px;left:0;right:0;margin:0 auto;background-color:#fff}
    #front-info-company-h2:after{content:'';position:absolute;width:60px;height:3px;bottom:22px;left:0;right:0;margin:0 auto;background-color:#fff}
    #front-info-companyList{margin-top:60px;justify-content:space-around}
    #front-info-companyList > li{width:23%;text-align:center}
    #front-info-companyList > li figure{display:inline-block}
    .front-info-companyList-title2{margin-top:20px;font-size:26px;color:#fff;text-transform:uppercase}
    .front-info-companyList-title{margin-top:30px;font-size:24px;font-weight:500;color:#fff;line-height:1.2}
    .front-info-company-crete{position:absolute;width:80%;left:0;right:0;bottom:-26%;margin:0 auto;background-size:cover}
    .front-info-company-crete img{max-width:100%;margin:0 auto}
    .front-info-company-crete > figcaption{position:absolute;width:16%;height:100px;left:0;right:0;top:0;bottom:0;margin:auto;font-size:22px;font-weight:500;color:#262626;text-align:center;text-transform:uppercase}
    .front-info-company-crete > figcaption strong{display:block;font-size:55px;color:#dd5d9e}
    #front-tpl-company-container{margin:240px auto 0;max-width:1490px;position:relative;padding:0 20px}
    #front-tpl-company-photo{width:100%}
    #front-tpl-company-photo img{width:100%;height:auto}
    #front-tpl-company-h2{position:absolute;width:45%;right:50px;bottom:-60px;padding:20px 40px;background-color:#008185;font-size:24px;color:#fff;text-align:center;line-height:1.3}
    #webticker-container{margin-top:140px;width:100%;padding:60px 20px;background-color:#f5f5f5}
    #webticker-htitle{font-size:36px;font-weight:500;color:#262626;text-transform:uppercase;text-align:center}
    #webticker{height:100%}
    .tickercontainer{width:100%;height:102px;margin:30px 0 0;overflow:hidden;}
    .tickercontainer .mask{position:relative;height:102px;overflow:hidden;max-width: 1600px;margin: 0 auto;}
    ul.newsticker{-webkit-transition:all 0.4s linear;-moz-transition:all 0.4s linear;-o-transition:all 0.4s linear;transition:all 0.4s linear;position:relative;list-style-type:none;margin:0;padding:0}
    ul.newsticker li{float:left;margin:0;padding-right:15px;height: 100%;}
    ul.newsticker a{white-space:nowrap;padding:0;color:#000;font:14px Roboto,sans-serif;font-weight:400;text-decoration:none;margin:0 0 0 0;height: 100%;}
    ul.newsticker a figure{height: 100%;border-radius: 4px;background-color: #fff}
    ul.newsticker a figure img{max-height: 100%;}
}
@media (min-width:765px) and (max-width:1199px) {
    #slider-wrapper{margin-top:20px;width:100%;padding:0 10px}
    #slider-container{width:100%}
    .flick-slider-outer{order:1;width:90%}
    .flick-slider-arrows{order:2;width:10%;position:relative;justify-content:center;align-items:center}
    .flick-slider-left>svg{margin-bottom:10px;cursor:pointer;width:40px;height:40px}
    .flick-slider-right>svg{cursor:pointer;width:40px;height:40px}
    .flick-slider{position:relative;width:100%;padding-bottom:46.25%;overflow:hidden}
    .flick-slider .flickity-viewport{position:absolute;width:100%;height:100%;top:0;left:0}
    .slide-container,.slide-photo{width:100%}
    .slide-photo > picture{display:block;width:100%;padding-bottom:46.25%;overflow:hidden}
    .slide-photo > picture img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
    .flickity-page-dots{display:none}
    #front-about-us-wrapper{margin-top:30px;padding:0 10px}
    #front-about-us-container{width:100%}
    #front-about-us-photo-container{position:relative;z-index:5;width:42%;padding:5% 0}
    #front-about-us-photo{position:relative;width:100%;padding-bottom:91.89%;overflow:hidden}
    #front-about-us-photo img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
    #front-about-us-content{position:relative;width:58%;padding:60px 40px 60px 30px;align-items:center}
    #front-about-us-content:before{content:'';position:absolute;width:110%;height:100%;top:0;left:-10%;background:#f2f2f2 url(../img/about-us-pattern-bg.svg) center center no-repeat;background-size:cover}
    #front-about-us-title{position:relative;font-size:20px;text-transform:uppercase;padding-left:60px}
    #front-about-us-title:before{content:'';position:absolute;width:40px;height:2px;top:0;left:0;bottom:0;background-color:#262626;margin:auto 0}
    #front-about-us-title2{position:relative;margin-top:15px;font-size:24px;font-weight:500;color:#008185;text-transform:uppercase}
    #front-about-us-title2 > span{display:block;color:#008185}
    #front-about-us-smallDesc{margin-top:20px;position:relative;width:100%;font-size:16px;line-height:1.6;color:#262626}
    #front-about-us-readmore{margin:20px 0 0;display:inline-block;position:relative;background:url(../img/about-us-readmore.svg) left center no-repeat;padding:35px 0 35px 70px}
    #front-about-us-readmore > span{font-size:16px;color:#262626;text-transform:uppercase;background-color:#f2f2f2;padding:2px 0}
    #front-about-us-readmore:hover{background:url(../img/about-us-readmore-hover.svg) left center no-repeat;padding:35px 0 35px 94px}
    #front-supply-companies-container{margin-top:30px;width:100%;padding:0 10px}
    #front-supply-companies-h2{font-size:24px;font-weight:500;color:#262626;text-transform:uppercase;text-align:center}
    #front-supply-companies-h3{margin-top:4px;font-size:26px;font-weight:500;color:#262626;text-transform:uppercase;text-align:center}
    #front-supply-companies{margin-top:30px;width:100%;justify-content:space-around}
    #front-supply-companies > li{width:18%;text-align:center}
    .front-supply-companies-photo-outer{border:5px solid #f1f1f1;border-radius:50%}
    .front-supply-companies-photo{position:relative;width:100%;padding-bottom:100%;overflow:hidden;border-radius:50%}
    .front-supply-companies-photo img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
    .front-supply-companies-title{margin-top:20px;font-size:18px;color:#262626;text-transform:uppercase}
    #front-info-company-wrapper{margin:30px 0 120px;position:relative;width:100%;padding:60px 10px;background-color:#008185;clip-path:ellipse(65% 85% at 50% 85%)}
    #front-info-company-container{max-width:1400px;margin:0 auto;padding-bottom:9%}
    #front-info-company-h2{position:relative;width:100%;text-align:center;padding-bottom:40px}
    #front-info-company-h2 > span{display:block;font-size:22px;font-weight:500;color:#fff;text-transform:uppercase}
    #front-info-company-h2 > span:before{content:'';position:absolute;width:20px;height:3px;bottom:0;left:0;right:0;margin:0 auto;background-color:#fff}
    #front-info-company-h2 > span:after{content:'';position:absolute;width:40px;height:3px;bottom:11px;left:0;right:0;margin:0 auto;background-color:#fff}
    #front-info-company-h2:after{content:'';position:absolute;width:60px;height:3px;bottom:22px;left:0;right:0;margin:0 auto;background-color:#fff}
    #front-info-companyList{margin-top:30px;justify-content:space-around}
    #front-info-companyList > li{width:23%;text-align:center}
    #front-info-companyList > li figure{display:inline-block}
    .front-info-companyList-title2{margin-top:20px;font-size:20px;color:#fff;text-transform:uppercase}
    .front-info-companyList-title{margin-top:30px;font-size:20px;font-weight:500;color:#fff;line-height:1.2}
    .front-info-company-crete{position:absolute;width:80%;left:0;right:0;bottom:-40%;margin:0 auto;background-size:cover}
    .front-info-company-crete img{max-width:100%;margin:0 auto}
    .front-info-company-crete > figcaption{position:absolute;width:25%;height:100px;left:0;right:0;bottom:32%;margin:auto;font-size:18px;font-weight:500;color:#262626;text-align:center;text-transform:uppercase}
    .front-info-company-crete > figcaption strong{display:block;font-size:30px;color:#dd5d9e}
    #front-tpl-company-container{margin:180px auto 0;max-width:1490px;position:relative;padding:0 10px}
    #front-tpl-company-photo{width:100%}
    #front-tpl-company-photo img{width:100%;height:auto}
    #front-tpl-company-h2{position:absolute;width:45%;right:50px;bottom:-60px;padding:20px 30px;background-color:#008185;font-size:18px;color:#fff;text-align:center;line-height:1.3}
    #webticker-container{margin-top:100px;width:100%;padding:60px 20px;background-color:#f5f5f5}
    #webticker-htitle{font-size:25px;font-weight:500;color:#262626;text-transform:uppercase;text-align:center}
    #webticker{height:100%}
    .tickercontainer{width:100%;height:102px;margin:30px 0 0;overflow:hidden;}
    .tickercontainer .mask{position:relative;height:102px;overflow:hidden;max-width: 1600px;margin: 0 auto;}
    ul.newsticker{-webkit-transition:all 0.4s linear;-moz-transition:all 0.4s linear;-o-transition:all 0.4s linear;transition:all 0.4s linear;position:relative;list-style-type:none;margin:0;padding:0}
    ul.newsticker li{float:left;margin:0;padding-right:15px;height: 100%;}
    ul.newsticker a{white-space:nowrap;padding:0;color:#000;font:14px Roboto,sans-serif;font-weight:400;text-decoration:none;margin:0 0 0 0;height: 100%;}
    ul.newsticker a figure{height: 100%;border-radius: 4px;background-color: #fff}
    ul.newsticker a figure img{max-height: 100%;}
}
@media (min-width:0px) and (max-width:764px) {
    #slider-wrapper{margin-top:10px;width:100%;padding:0 10px}
    #slider-container{width:100%;position: relative;}
    .flick-slider-outer{order:1;width:100%}
    .flick-slider-arrows{order:2;width:100%;position:absolute;justify-content:center;align-items:center;bottom: 10px;left: 0;z-index: 10}
    .flick-slider-arrowsInner {display: flex;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;}
    .flick-slider-left>svg{margin-right:10px;cursor:pointer;width:40px;height:40px}
    .flick-slider-right>svg{cursor:pointer;width:40px;height:40px}
    .flick-slider{position:relative;width:100%;padding-bottom:167%;overflow:hidden}
    .flick-slider .flickity-viewport{position:absolute;width:100%;height:100%;top:0;left:0}
    .slide-container,.slide-photo{width:100%}
    .slide-photo > picture{display:block;width:100%;padding-bottom:167%;overflow:hidden}
    .slide-photo > picture img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
    .flickity-page-dots{display:none}
    #front-about-us-wrapper{margin-top:30px;padding:0}
    #front-about-us-container{width:100%}
    #front-about-us-photo-container{position:relative;z-index:5;width:100%;padding:0 30px}
    #front-about-us-photo{position:relative;width:100%;padding-bottom:91.89%;overflow:hidden}
    #front-about-us-photo img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
    #front-about-us-content{position:relative;width:100%;padding:30px 20px 80px 20px;align-items:center}
    #front-about-us-content:before{content:'';position:absolute;width:100%;height:100%;top:-10%;left:0;background:#f2f2f2 url(../img/about-us-pattern-bg.svg) center center no-repeat;background-size:cover}
    #front-about-us-title{position:relative;font-size:18px;text-transform:uppercase;padding-left:60px}
    #front-about-us-title:before{content:'';position:absolute;width:40px;height:2px;top:0;left:0;bottom:0;background-color:#262626;margin:auto 0}
    #front-about-us-title2{position:relative;margin-top:15px;font-size:20px;font-weight:500;color:#008185;text-transform:uppercase}
    #front-about-us-title2 > span{display:block;color:#008185}
    #front-about-us-smallDesc{margin-top:20px;position:relative;width:100%;font-size:16px;line-height:1.6;color:#262626}
    #front-about-us-readmore{margin:10px 0 0;display:inline-block;position:relative;background:url(../img/about-us-readmore.svg) left center no-repeat;background-size:contain;padding:15px 0 15px 50px}
    #front-about-us-readmore > span{font-size:16px;color:#262626;text-transform:uppercase;background-color:#f2f2f2;padding:2px 0}
    #front-supply-companies-container{width:100%;padding:0 10px}
    #front-supply-companies-h2{font-size:22px;font-weight:500;color:#262626;text-transform:uppercase;text-align:center}
    #front-supply-companies-h3{margin-top:4px;font-size:22px;font-weight:500;color:#262626;text-transform:uppercase;text-align:center}
    #front-supply-companies{margin-top:10px;width:100%;justify-content:center;}
    #front-supply-companies > li{width:48%;text-align:center;margin-right: 2%;margin-top: 20px;}
    #front-supply-companies > li:nth-child(2n){margin-right: 0}
    .front-supply-companies-photo-outer{border:5px solid #f1f1f1;border-radius:50%}
    .front-supply-companies-photo{position:relative;width:100%;padding-bottom:100%;overflow:hidden;border-radius:50%}
    .front-supply-companies-photo img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
    .front-supply-companies-title{margin-top:20px;font-size:18px;color:#262626;text-transform:uppercase}
    #front-info-company-wrapper{margin-top:50px;position:relative;width:100%;padding:60px 10px 30px;background-color:#008185;clip-path:ellipse(125% 85% at 50% 85%)}
    #front-info-company-container{max-width:1400px;margin:0 auto;padding-bottom:9%}
    #front-info-company-h2{position:relative;width:100%;text-align:center;padding-bottom:40px}
    #front-info-company-h2 > span{display:block;font-size:20px;font-weight:500;color:#fff;text-transform:uppercase}
    #front-info-company-h2 > span:before{content:'';position:absolute;width:20px;height:3px;bottom:0;left:0;right:0;margin:0 auto;background-color:#fff}
    #front-info-company-h2 > span:after{content:'';position:absolute;width:40px;height:3px;bottom:11px;left:0;right:0;margin:0 auto;background-color:#fff}
    #front-info-company-h2:after{content:'';position:absolute;width:60px;height:3px;bottom:22px;left:0;right:0;margin:0 auto;background-color:#fff}
    #front-info-companyList{margin-top:30px;justify-content:space-around}
    #front-info-companyList > li{width:100%;text-align:center;margin-top: 20px;}
    #front-info-companyList > li figure{display:inline-block}
    .front-info-companyList-title2{margin-top:20px;font-size:18px;color:#fff;text-transform:uppercase}
    .front-info-companyList-title{margin-top:20px;font-size:18px;font-weight:500;color:#fff;line-height:1.2}
    .front-info-company-crete{position:relative;width:80%;margin:30px auto 0;background-size:cover}
    .front-info-company-crete img{max-width:100%;height:auto;margin:0 auto}
    .front-info-company-crete > figcaption{position:relative;width:80%;margin:20px auto 0;font-size:18px;font-weight:500;color:#fff;text-align:center;text-transform:uppercase}
    .front-info-company-crete > figcaption strong{display:block;font-size:30px;color:#dd5d9e}
    #front-tpl-company-container{margin:30px auto 0;max-width:1490px;position:relative;padding:0}
    #front-tpl-company-photo{position:relative;width:100%;padding-bottom: 180%;overflow: hidden}
    #front-tpl-company-photo img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
    #front-tpl-company-h2{position:relative;width:100%;padding:20px 15px;background-color:#008185;font-size:18px;color:#fff;text-align:center;line-height:1.3}
    #webticker-container{margin-top:30px;width:100%;padding:40px 10px;background-color:#f5f5f5}
    #webticker-htitle{font-size:20px;font-weight:500;color:#262626;text-transform:uppercase;text-align:center}
    #webticker{height:100%}
    .tickercontainer{width:100%;height:102px;margin:20px 0 0;overflow:hidden;}
    .tickercontainer .mask{position:relative;height:102px;overflow:hidden;max-width: 1600px;margin: 0 auto;}
    ul.newsticker{-webkit-transition:all 0.4s linear;-moz-transition:all 0.4s linear;-o-transition:all 0.4s linear;transition:all 0.4s linear;position:relative;list-style-type:none;margin:0;padding:0}
    ul.newsticker li{float:left;margin:0;padding-right:15px;height: 100%;}
    ul.newsticker a{white-space:nowrap;padding:0;color:#000;font:14px Roboto,sans-serif;font-weight:400;text-decoration:none;margin:0 0 0 0;height: 100%;}
    ul.newsticker a figure{height: 100%;border-radius: 4px;background-color: #fff}
    ul.newsticker a figure img{max-height: 100%;}
}