
#inner-banner {position: relative;height:400px;background-repeat:no-repeat; background-position: center top; background-size: cover;}
#inner-banner:before{content: "";background-image: url(../images/inner-overlay.png);position: absolute;left:0;right:0;top:0;bottom:0;margin: auto;height:100%;z-index: 1;}
#inner-banner .container{position: relative;z-index: 9;}
#inner-banner .row {height:400px;}
h1 {font-family: 'Playfair Display', serif;font-weight:700;font-size: 3.75rem;color: #03acbe;margin: 0px;}


.the-company{padding:0 0px 130px;}
.the-company .box{padding:0 20px 20px 0;position: relative;}
.the-company .box .bull-year{padding:40px 30px;background-color: #03acbe;position: absolute;right: 0;bottom: 0;z-index: 9;}
.the-company .box:before{content: "";position:absolute;right:0px;height:calc(100% - 20px);width:3px;top:20px;background-color: #707070;}
.the-company .box:after{content: "";position: absolute;bottom: 0px;height: 3px;width: calc(100% - 20px);background-color: #707070;left:20px;}

.the-company .box .img-wrapper{position: relative;}

.the-company .box .img-wrapper:before{content: "";position: absolute;left:0;right:0px;top:0;bottom:0;background-color: rgba(0,0,0,0.25);width:100%;height:100%;z-index: 1;}
.the-company .about-content{padding-left:120px;}

.icon-holder{background-color: #f4f4f4;}
.icon-holder .block-wrapper{display: table;width:100%;}
.icon-holder .icon{width:100px;height:100px;display: table-cell;vertical-align: middle;}
.icon-holder .icon-text{font-weight:600;font-size:1.125rem;padding-left:20px;display: table-cell;vertical-align: middle;}


.small-content{padding-top: 100px;}

.products .product-block{position: relative;text-align: center;transition: all 0.3s ease-in;padding-top: 60px;margin:0 0 100px;}
.products .product-block:before{content: "";position: absolute;left:0;right:0;top:0px;background-color: #03acbe;height:285px;}
.products .product-block .img-wrapper{position: relative;min-height:340px;transition: all 0.3s ease-in;}

.products .product-block .img-wrapper img{max-height:90%;max-width:90%;position: absolute;left:0; right: 0; top:0; bottom:0; margin: auto;transition: all .3s linear;}
.products .product-block .pro-name{position: relative;font-family: 'Noto Serif', serif;color:#000000;font-size:1.25rem;padding-top: 50px;}
.products .product-block .pro-name:before{content:"";position: absolute;top:0px;height:45px;width:1px;background-color: #6c6d70;left:0;right:0;margin:0 auto;}

.products .product-block:hover .img-wrapper img{filter:drop-shadow(1px 2px 1px #000);-webkit-filter:drop-shadow(1px 2px 1px #000);}
.products .product-block:hover .pro-name{color:#03acbe;text-decoration:underline;font-weight:700;transition: all .3s linear;}



.quality-content{overflow: hidden;}
.quality-content .left-side{padding:50px 60px;}
.quality-content .left-side .text-area{margin-bottom:30px;}
.quality-content .left-side .text-area .title-text{font-size: 1.5rem;color:#000000;}
.quality-content .left-side .text-area p{color:#000000;line-height: normal;}
.quality-content .row{background-color: #ffd426;}
.quality-content .row [class^="col-"] {display: table-cell; vertical-align: middle; float: none; height: 100%;}
.quality-content .img-pic{max-width:100%; background-size: cover; background-repeat: no-repeat; background-position: right top; height: 100%;}
.quality-content .img-pic img{opacity:0.95;}

.event-area .item * {transition: all 0.4s;}
.event-area .item{margin:0 0 30px;}
.event-area .item a {display: block; position: relative; background-color: #03acbe;max-height:227px;overflow: hidden;}
.event-area .item a:hover img {opacity: 0.25;}

.contact-area h3{font-family: 'Playfair Display', serif;color:#03acbe;font-size:1.875rem;margin:0 0 40px;}
.contact-area .address-area p.address{margin: 0 0 30px;}

.contact-area .address-area p.has-icon {padding-left: 35px; position: relative;margin-bottom: 10px;line-height: normal;}
.contact-area .address-area p.has-icon i {position: absolute; left: 0; top: 7px;}
.contact-area .address-area .mobile {background-position: -8px -8px;width: 9px;height: 16px;}
.contact-area .address-area .phone {background-position: -21px -9px;width: 15px;height: 15px;}
.contact-area .address-area .email {background-position: -40px -14px;width: 14px;height: 10px;}
.contact-area .address-area .email {background-position: -40px -14px;width: 14px;height: 10px;}
.contact-area .address-area p a{color:#6c6d70;}
.contact-area hr{background-color: #b7b7b7;margin:50px 0;}
.contact-area .info-text{font-family: 'Playfair Display', serif;font-style: italic;color:#8e8e8e;font-size:1.125rem;line-height: 30px;}

.contact-area .map-block iframe{opacity:0.95;}

.product-detail .pro-bg{position: relative;height:495px;background-size: cover;background-position: center top;padding-top: 70px; overflow: hidden}
.product-detail .pro-bg .bg{position: absolute; left: 0; right: 0; top:0;}
.product-detail .pro-bg .bg .img-wrapper{min-height: inherit; margin: 0; z-index: -1;}
.product-detail .pro-bg .bg .img-wrapper img1{max-width: none; max-height: none; width: 100%; bottom: auto;}
.product-detail .pro-bg .bg .img-wrapper img{max-width: none;max-height: none;width: 95%; top: -150px; position: relative;margin: 0 auto; -moz-filter:grayscale(100%) blur(1px); -webkit-filter:grayscale(100%) blur(1px); filter:grayscale(100%) blur(1px);}
.product-detail .pro-bg:before{content: "";position: absolute;left:0;right:0;height:100%;top:0;bottom:0;background-color: rgba(3,172,190,0.88);z-index: 1;}
.product-detail .pro-bg .pro-info{position: relative;text-align: center;z-index: 99;}
.product-detail .pro-bg .pro-info h2.title{color: #000;}
.product-detail .img-wrapper{position: relative;min-height:610px;transition: all 0.3s ease-in; margin-top: -390px; margin-bottom: 0; z-index: 1;}
.product-detail .img-wrapper img{max-height:90%;max-width:90%;position: absolute;left:0; right: 0; top:0; bottom:0; margin: auto;transition: all .3s linear;}


/*.product-detail .pro-bg{ width:580px; position: absolute; z-index: 2; left: -150px; top:450px; z-index: 0;}
.product-detail .pro-bg .product-pic{margin: 0; }
.product-detail .pro-bg img{opacity: 0.15; -moz-filter:grayscale(100%) blur(1px); -webkit-filter:grayscale(100%) blur(1px); filter:grayscale(100%) blur(1px);}*/

.pro-details .table-bordered td, .table-bordered th{vertical-align: middle;}
.table-bordered thead th{background-color: #ffcc08;}
.table-bordered tr th,.table-bordered tr td{color:#000000;padding:15px 25px;}
.table-bordered tr th{font-weight:500;font-size:1.25rem;}



.small-content p{color:#00a8b4;font-size:1.2rem;}