/*
Theme Name: Amipak
Author:
Version: 1
*/

/* common css start here */

.content_1060{
  max-width:1100px;
  width:100%;
  padding:0 20px;
  margin:0 auto;
}

.content_1080{
  max-width:1120px;
  width:100%;
  padding:0 20px;
  margin:0 auto;
}

.content_1100{
  max-width:1140px;
  width:100%;
  padding:0 20px;
  margin:0 auto;
}

.content_1280{
  max-width:1280px;
  width:100%;
  margin:0 auto;
}

.content_1440{
  max-width:1560px;
  width:100%;
  padding:0 60px;
  margin:0 auto;
}

.col_1_1 .col{width:50%;}
.col_1_1_1 .col{width:33.33%;}
.col_1_1_1_1 .col{ width: 25%;}

.TBspace{ padding: 60px 0;}

.headerTop ul, ul.footerLogos, .categoryList ul{margin:0px; padding:0px; list-style-type:none;}
.headerTop ul li, ul.footerLogos li, .categoryList ul li{margin:0px; padding:0px;}

.slideInfo h1, .slideInfo h2, .slideInfo h3, .slideInfo h4, .slideInfo h5, .slideInfo h6{font-family: 'Kessel105-Bold'; color:#02B388;}
/* common css end here */

/* header css start here */
header{position:fixed; left:0; right:0; top:0; width:100%; z-index:999; background-color:#fff;}
header.scroll{-webkit-box-shadow: 0 2px 16px 1px rgba(0,0,0,0.3);
-moz-box-shadow: 0 2px 16px 1px rgba(0,0,0,0.3);
box-shadow: 0 2px 16px 1px rgba(0,0,0,0.3);}
.headerTop{border-bottom:1px solid #DEDEDE;}
.headerTop ul li{width:25%; text-align:center; border-right:#DEDEDE solid 1px; padding:4px 0; position: relative;}
.headerTop ul li:last-child{ border-right:0px;}
.headerTop ul li a{color:#B3B3B3; text-decoration:none; font-size:18px; line-height: 26px; }
.headerTop ul li a:hover{ color:#F5333F;}
.headerTop ul li.menu-item-has-children > a span,
.languageMenu ul > li.menu-item-has-children > a span{ padding-right:20px; position: relative;}
.languageMenu nav{width: 100%;}
.languageMenu nav ul > li{width:100%;}
.languageMenu ul > li.menu-item-has-children > a{
  display:block;
  height:46px;
  width:100%;
  line-height:42px;
}
.languageMenu ul > li.menu-item-has-children > a span{
padding-right: 40px;}
.headerTop ul li.menu-item-has-children > a span::after{
  content:'';
  position: absolute;
  width:0;
  height:0;
  border-left:5px solid transparent;
  border-right:5px solid transparent;
  border-top:8px solid #B3B3B3; right: 4px; top:8px;
}
.languageMenu ul > li.menu-item-has-children > a span::after{
  content:'';
  position: absolute;
  width:0;
  height:0;
  border-left:8px solid transparent;
  border-right:8px solid transparent;
  border-top:12px solid #02B388; right: 14px; top:8px;
}
.languageMenu ul > li.menu-item-has-children > a.active span::after{
  border-top:12px solid #fff;
  top:8px!important;
}
.headerTop ul li.menu-item-has-children > a.active span::after,
.languageMenu ul > li.menu-item-has-children > a.active span::after{-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
top:7px;
}

.languageMenu ul > li.menu-item-has-children > a.active{ color:#fff;}
.languageMenu ul{ border-top: 0px!important;}
.headerTop ul li.menu-item-has-children ul{
  position:absolute;
  left:0;
  width:100%;
  top:37px;
  padding:6px 8px;
  -webkit-box-shadow:-4px 12px 24px 2px rgba(0,0,0,0.3);
  -moz-box-shadow:-4px 12px 24px 2px rgba(0,0,0,0.3);
  box-shadow:-4px 12px 24px 2px rgba(0,0,0,0.3);
}
.headerTop ul li.menu-item-has-children a{ cursor: pointer;}
.headerTop ul ul.sub-menu{display:none; background-color:#fff;}
.headerTop ul li ul li{ width: 100%;}
.headerTop ul li ul.sub-menu li{ border-right: 0px; border-bottom:#DEDEDE solid 1px;}
.languageMenu ul > li.menu-item-has-children ul.sub-menu li{ border-right: 0px;}
.headerTop ul li ul.sub-menu li:last-child,
.languageMenu ul > li.menu-item-has-children ul.sub-menu li:last-child{ border-bottom: 0px;}
.headerTop ul li ul.sub-menu li a{ display: block;}

.headerBottom{padding:16px 0;}
.logo{float:left;}
/* header css end here */

/* home page start here */
body.page-template-master-template #page-wrap{ padding-top: 0;}

.heroBlock{height:100vh;}
.heroBlock::before{ content:''; width: 100%; height: 100%; background-color:rgba(000,000,000,0.14); position: absolute; left: 0; top:0; z-index: 1;}
.heroBlock .box, .heroBlock .imageHolder{height:100%;}
.heroBlock .box::before{padding-top:0;}
.heroInfo{position:absolute; max-width:840px; top:50%; left:0; right:0; margin:0 auto; transform:translate(0,-50%); text-align:center; padding: 0 20px; z-index: 2;}
.heroInfo h1, .heroInfo h2, .heroInfo h3, .heroInfo h4, .heroInfo h5, .heroInfo h6{
  color:#fff;
}

/* slider block start here */
.productSlide .slick-arrow.slick-disabled{ display:none!important;}
.heroInfo p{padding: 0px;}
.heroInfo .Title{ padding-bottom: 20px; font-family: 'DrescherGroteskBT';}
.sliderBlock.TBspace{padding-bottom:110px;}
.productTitle{
  display:flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-bottom: 40px;}
.productTitle h2{ padding-bottom: 0px; color:#fff; padding-bottom: 4px;}
.brandLogo{max-width:120px; width:100%; margin-top:4px;}
.sliderBlock{background-color:#02B388; color:#fff;}
ul.productSlide{margin:0px; padding:0px;}
ul.productSlide .slick-list{background-color:#fff;}
ul.productSlide .slick-track li{ padding: 0px!important;}
.slideHolder{padding:24px; background-color:#fff;}
.slideImage{-webkit-box-self: flex-start;
-webkit-self-items: flex-start;
-ms-flex-self: flex-start;
align-self: flex-start;}
.slideInfo{color:#212529; width:32%; padding-right:12px; font-size: 18px; line-height: 26px;}
.slideInfo ul{list-style-type:disc; margin:0px; padding:0 0 22px 18px;}
.slideInfo ul:last-of-type{padding-bottom:0px;}
.slideInfo ul li{margin:0px; padding:0px;}
.slideInfo h3{padding-bottom:20px;}
.slideInfo h4{font-size:16px; line-height:24px; text-transform:uppercase; padding-bottom:6px;}

.slideImage{width:68%; padding-left:12px;}
.slideImage .box::before{padding-top:64%;}
ul.productSlide .slick-dots{bottom:-50px; line-height:0px;}
.productSlide .slick-arrow{width:32px; height:80px; margin-top:-44px;}
.productSlide .slick-arrow.slick-prev{left:-84px;}
.productSlide .slick-arrow.slick-next{right:-84px;}
.productSlide .slick-track{
  -webkit-transition: all 1.5s ease-in-out!important;
  -moz-transition: all 1.5s ease-in-out!important;
  -o-transition: all 1.5s ease-in-out!important;
  -ms-transition: all 1.5s ease-in-out!important;
  transition: all 1.5s ease-in-out!important;

  /* transform: all 1s ease!important; */
}
/* slider block end here */

/* image and cards start here */
.cardsList{}
.cardsList .col{padding:10px; position:relative;}
.cardInfo{ position: absolute; left:10px; bottom: 10px; z-index: 1; width: calc(100% - 20px); padding:16px; color:#fff; z-index: 2;}
.cardInfo h3{
  color:#fff;
  padding-bottom:4px;
  font-family:'Kessel105-Bold';
  font-size:26px;
  line-height:32px;
}

.cardsTitle{ padding-bottom: 30px; color:#02B388;}
.cardsTitle h2{padding-bottom:4px;}
.cardsList .imageHolder::before{ content:''; position: absolute; left: 0; bottom: 0; width: 100%; height:40%; z-index: 1;
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.80) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.80) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.80) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#75000000',GradientType=0 ); /* IE6-9 */

}
/* image and cards end here */

/* text block on image start here */
.secImage{ position:absolute; width:100%; height:100%; left:0; top:0;}
.textonImageBlock .content_1060{ position: relative; z-index: 1;}
.infoHolder{ padding: 20px; background-color: rgba(255, 255, 255, 0.8);
  /* max-width: 480px; */
  width:calc(50% - 10px);
}
.infoHolder p{ padding-bottom: 18px;}
.infoHolder p:last-child{ padding-bottom: 0px;}
.infoHolder a{ text-decoration:none;}
.infoHolder a:hover{ text-decoration: underline;}
/* text block on image end here */

/* features block start here */
.featureTitle h2, .featureBlock .col h5{ color:#fff;}
.featureTitle{ padding-bottom: 10px;}
.contactTitle{ padding-bottom: 20px;}
.featureTitle h2{ padding-bottom: 0px;}
.featureBlock{ background-image:url('images/cardboard.jpg');
background-attachment:fixed; background-repeat: repeat;}
.featureBlock .content_1080{ padding-right: 10px; padding-left: 10px;}
.featureBlock .col{ padding:20px;}
.iconHolder{ width: 100%; max-width:95px; padding-right: 20px;}
.iconHolder img{ min-width: 75px;}
.featureBlock .col h5{ padding-bottom: 4px; }
.featureBlock .col p{ padding-bottom: 0px;}
.featureBlock .col .noIcon{ font-size:30px; line-height:36px; color:#fff; padding-left: 95px; padding-right: 20%;}
/* features block end here */

/* maps block start here */
.contactTitle h2{ padding-bottom: 0px;}
.contactMaps{ padding-left: 10px; padding-right: 10px;}
.mapBox .map{padding-top:100%;}
.mapBox .map button{min-width:auto;}
.mapBox .col{padding:10px 20px;}
.address{ padding-top:20px;}
.address h3{font-family:'DrescherGroteskBT-Demi'; font-size: 20px; line-height: 28px; color:#aaa; padding-bottom: 4px;}
.address p{ padding-bottom: 0px;}
/* maps block end here */

/* home page end here */

/* news list start here */
.pageTitleSection{text-align:center; background-color:#02B388; position: relative; padding:100px 20px;}
.pageTitleSection h1{color:#fff;}

.pageTitleSection::before{content: "";
content: "";
border-bottom-left-radius:52%;
border-bottom-right-radius:52%;
left: -10%;
right: -10%;
height: 30vw;
bottom: 0;
box-shadow: 0 240px 0 240px #fff;
position: absolute;
z-index: 2;
}

.filterHolder{
  text-align:center;
  display: flex;
  -webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;}
.filterHolder.TBspace{ padding-bottom: 0px;}
.filter{ margin: 0 auto;
  display: flex;
  align-items: center;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}
.filter .alm-filters{ margin: 0px!important;}
.alm-filter--inner{ padding: 0px!important;}
.filter .title{ text-transform:uppercase; color:#B3B3B3; font-size:16px; line-height: 20px; padding-right:12px; letter-spacing:1px;}

.alm-filter ul{
  display: flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}
.alm-filter ul li{ margin:0px!important; padding:4px 6px!important;}
.filter .all{ padding:4px 6px!important;}
.alm-filter .field-radio, .filter .all label{padding:6px 20px!important; padding-bottom: 8px!important;
border:#E3E3E3 solid 1px;
border-radius:30px;
min-width:60px;
font-size:18px!important;
line-height:22px!important; color:#37373C!important; background-color:#ffffff;}
.alm-filter .field-radio.active,
.alm-filter .field-radio:hover,
.filter .all label:hover,
.filter .all label.active{border:#02B388 solid 1px;}
.alm-filter .field-radio::before, .alm-filter .field-radio::after{ display:none!important;}

.filter .all label{ position:relative; cursor: pointer; display: block;}
.filter .all label .news_all{ position: absolute; left: 0; top:0; opacity: 0; visibility: hidden;}

.imageBox{ padding-bottom:16px;}
.alm-paging-content li{width:50%; padding:20px;}
.alm-paging-content li .box::before{padding-top:56%;}
.alm-paging-content li h3, .relatedNews .col h3{font-family: 'DrescherGroteskBT-Demi'; font-size: 30px; line-height:34px; padding-bottom: 0px;}
.alm-paging-content li h3 a, .relatedNews .col h3 a{ color:#37373C; text-decoration:none;}
.alm-paging-content li h3 a:hover, .relatedNews .col h3 a:hover{ color:#02B388;}
.relatedNews .col h3{ padding-bottom: 8px;}
.categoryList{ padding-bottom:2px;}
.categoryList ul{ display:flex;}
.categoryList ul li{ width: auto; padding-right:16px;}
.categoryList ul li a{ text-decoration: none; text-transform: uppercase; font-size: 15px; line-height:24px; letter-spacing: 3px;}

.alm-btn-wrap{ margin: 0px!important; padding: 0px!important;
  padding-top:70px!important;}
.alm-btn-wrap ul{padding:0px!important;}
ul.alm-paging li{margin:0px!important; padding:0 6px!important;}
ul.alm-paging li a{min-width:34px; min-height:34px; background-color:#F3F3F3!important; border: 0px!important;}
ul.alm-paging li.active a, ul.alm-paging li a:hover{ background-color:#02B388!important; color:#fff!important;}

ul.alm-paging .prev a, ul.alm-paging .next a{ overflow: hidden; width: 34px; height: 34px; background-size:26px; background-repeat: no-repeat; background-position: center center;}
ul.alm-paging .prev a{background-image:url('images/prev-arrow.svg');}
ul.alm-paging .next a{ background-image:url('images/next-arrow.svg');}
ul.alm-paging .prev a span, ul.alm-paging .next a span{ display: none;}

.relatedNews{background-color:#ffffff;}
.relatedNews .content_1440{padding-left:40px; padding-right:40px;}
.relatedNews .col{padding:10px 20px;}
.relatedNews .col .imageBox{ width: 100%;}

.relatedNews .articleTitle{ padding: 0 20px 30px 20px;}
.relatedNews .box{ overflow: hidden;}
body.single-post #page-wrap{background: rgba(242, 245, 247, 0.7);}
body.single-post #page-wrap::before{ width: 100%; height:420px; background-color:#fff; content:''; position:absolute; left:0; top:0;}
.detailsBlock.TBspace{padding-top:0px; margin-top:-150px;}
.postHolder{background-color:#fff; padding:40px;}
.desc{font-size:20px; line-height:26px;}

.postHolder .categoryList{padding-bottom:12px;}
.postHolder h1{color:#37373C; padding-bottom:10px;}
.date{color:#B3B3B3; font-size:18px; line-height:26px; padding-bottom:22px;}
/* news list end here */

/* footer css start here */
footer{background-color:#02B388; color:#fff; padding:40px 0;}
footer .content_1440{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  -webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
ul.footerLogos li{padding: 0 20px 0 0;}
ul.footerLogos li:last-child{ padding-right: 0;}
/* ul.footerLogos li img{ max-height: 100px; width:auto;} */
.copyInfo{ padding-top:14px;}
.footerLogo{ display: inline-block;}
/* footer css end here */


/* 404 page start here */
.errorBox{height:100%;}
.pageNotFound, .errorPage {
    width:100%;
    max-width:700px;
    text-align:center;
    margin:0 auto;
    padding: 0 20px;
}
.pageNotFound > div {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background-color:#F5333F;
    margin: 0px auto;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    -webkit-animation: balance 3s ease infinite 1.3s;
    -moz-animation: balance 3s ease infinite 1.3s;
    -o-animation: balance 3s ease infinite 1.3s;
    -ms-animation: balance 3s ease infinite 1.3s;
    animation: balance 3s ease infinite 1.3s;
}
.pageNotFound > div span {
  font-family: 'Kessel105-Bold';
    color: #ffffff;
    font-size: 5rem;
    line-height: 0;
    position: absolute;
    right: 24px;
    top: 46%;
    font-weight: normal;
    font-style: normal;
    left: 0px;
    width: 100%;
}
.errorBox h3{
  font-family:'Kessel105-Bold';
  font-weight:normal;
  font-style:normal;
}
/* 404 page end here */

#cookie-law-info-bar{ border-top:#fff solid 2px;}
.cli-bar-message{ font-size:18px; line-height:24px;}
.cli-bar-message a{ color:#212529;}
.cli-bar-message a:hover{text-decoration:none; color:#212529;}

.cli-bar-btn_container a {
  border: #fff solid 1px;
  background-color: transparent !important;
  color: #fff !important;
  border-radius:0;
  padding: 9px 16px;
  padding-bottom: 6px;
  font-family: 'Kessel105-Bold';
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
}
.cli-bar-btn_container a:hover{ color:#fff!important; border: #212529 solid 1px; background-color:#212529!important;}

.cli-switch input:checked + .cli-slider {
  background-color: #02B388 !important;
}
.cli-tab-container h4{font-size: 22px !important;
line-height: 30px !important; margin: 0px !important;}
.cli_setting_save_button{
  border: #fff solid 1px;
  background-color: #02B388!important;
  color: #fff !important;
  padding: 9px 16px;
  padding-bottom: 6px;
  font-family: 'Kessel105-Bold';
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
}

.cli-tab-container p, .cli-privacy-content-text, a.cli-privacy-readmore, .cli-tab-section, .cli-tab-header a.cli-nav-link{font-size: 16px!important;
line-height: 20px!important;}

.boldText{font-size:30px; line-height:38px; display:block;
font-family:'DrescherGroteskBT-Demi';
font-weight:normal;
font-style:normal;}
.largeText{font-size:26px; line-height:34px; display:block;}

.loaderImage{
background-image: url('images/ajax-loader.svg');
background-size: 40px;
background-position: center center;
background-repeat: no-repeat;
display: block;
}
