.homePage{display:block;}
.homePage section{min-height:400px}
.homePage section:first-child{padding-top:0}
.bannerBox{padding-top:15%;min-height:100vh;display:block;position:relative;overflow: hidden;}
.bannerBox .container{position:relative}
.bannerBox .leftImg{position:absolute;top:0;left:0;height:100%}
.bannerBox .rightImg{position:absolute;top:0;right:0;height:100%}
.bannerBox .leftImg img{height:100%;float:left}
.bannerBox .rightImg img{height:100%;float:right}
/*.bannerBox figure.manageImage{animation: ImgBounce 2s ease-in-out 0s infinite alternate;}
@-webkit-keyframes ImgBounce {
0% {-webkit-transform: translateY(0);transform: translateY(0);}
100% {-webkit-transform: translateY(-30px);transform: translateY(-30px);}
}
@keyframes ImgBounce {
0% {-webkit-transform: translateY(0); transform: translateY(0); }
100% {-webkit-transform: translateY(-30px);transform: translateY(-30px);}
}	*/
.bannerBox h1{padding:90px 0 10px;font-family:'proxima_novasemibold';font-size:40px;color:#000;text-transform:uppercase}
.bannerBox p{font-size:16px;color:#666}
.bannerBox .btn{margin-top:20px}
.productNav{padding-top:30px;display:block}
.productNav ul{display:flex}
.productNav ul li{margin-left:30px;width:100%}
.productNav ul li:first-child{margin-left:0}
.productNav ul li a{padding:10px;border:#db3340 solid 2px;border-radius:10px;height:90px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#fff url(../images/product-tab-bg.png) no-repeat center -35px;color:#000;transition:.5s;text-decoration:none}
.productNav ul li h2{font-family:'proxima_novasemibold';font-size:24px;text-transform:uppercase}
.productNav ul li p{margin:0;font-size:16px;text-align:center;line-height:18px}
.productNav ul li.active a{background:#db3340 url(../images/product-tab-bg-1.png) no-repeat center -35px;color:#fff;transition:.5s}
.productDetails{padding:40px 0;margin-top:60px;display:block;position:relative;min-height:650px}
.productDetails figure{margin-top:70px}
.productDetails h3{padding:20px 0 5px;font-family:'proxima_novasemibold';font-size:24px;color:#000;text-transform:uppercase}
.productDetails h4{padding:15px 0 5px;font-family:'proxima_novasemibold';font-size:16px;color:#000}
.productDetails p{font-size:16px;color:#666}
.productDetails span{font-size:14px;color:#666;display: block;}
.productDetails ul{display:block}
.productDetails ul li{padding:0 0 0 15px;font-size:14px;color:#666;position:relative}
.productDetails ul li:after{content:'';position:absolute;top:7px;left:0;width:4px;height:4px;border-radius:5px;background:#666}
.productDetails a{margin-top:30px}
.productDetails1 .bgBox{position:absolute;top:0;left:0}
.productDetails2 .bgBox{position:absolute;top:0;right:0}
.productDetails3 .bgBox{position:absolute;top:0;left:0}
.servicesBox{display:block}
.servicesBox h3{padding:30px 0 5px;font-family:'proxima_novasemibold';font-size:30px;color:#000;text-transform:uppercase;text-align:center;display:block;position:relative}
.servicesBox span{padding-bottom:80px;font-size:16px;color:#666;text-align:center;display:block;position:relative}
.servicesBox .services{padding:70px 0;display:block;position:relative}
.servicesBox .services h4{padding:75px 0 5px;font-family:'proxima_novasemibold';font-size:24px;color:#000}
.servicesBox .services p{font-size:16px;color:#666}
.servicesBox .services1 .bgBox{position:absolute;top:0;right:0}
.servicesBox .services2 .bgBox{position:absolute;top:0;left:0}
.servicesBox .services3 .bgBox{position:absolute;top:0;right:0}
.servicesBox .btnBox{padding:30px 0 70px;display:block;text-align:center;border-bottom:#f7f5ee solid 40px}
.clientsBox{padding:0 0 50px;display:block;background:#f7f5ee;position:relative}
.clientsBox .bgBox1{position:absolute;top:0;left:0;height:100%}
.clientsBox .bgBox2{position:absolute;bottom:30px;right:0}
.clientsBox .bgBox1 img,.clientsBox .bgBox2 img{height:100%}
.clientsBox .container{position:relative}
.clientsBox h3{padding:30px 0 5px;font-family:'proxima_novasemibold';font-size:30px;color:#000;text-transform:uppercase;text-align:center;display:block;position:relative}
.clientsBox span{padding-bottom:40px;font-size:16px;color:#666;text-align:center;display:block;position:relative}
.clientsBox .clients{display:block}
.clientsBox .clients ul{display:block}
.clientsBox .clients ul li{margin:10px;display:inline-block;border:#db3340 solid 2px;border-radius:10px;width:calc(12.5% - 20px);float:left;background:#fff;overflow:hidden}
.clientsBox .btnBox{padding:30px 0;display:block;text-align:center;position:relative}
.newsUpdateBox{padding:50px 0;display:block;text-align:center;position:relative}
.newsUpdateBox .bgBox1{position:absolute;top:0;left:0}
.newsUpdateBox .bgBox2{position:absolute;top:100px;right:0}
.newsUpdateBox h3{padding:20px 0 5px;font-family:'proxima_novasemibold';font-size:30px;color:#000;text-transform:uppercase;text-align:center;display:block;position:relative}
.newsUpdateBox span{padding-bottom:80px;font-size:16px;color:#666;text-align:center;display:block;position:relative}
.newsUpdateBox .newsUpdate .owl-carousel{position:relative}
.newsUpdateBox .newsUpdate .owl-carousel:before{content:'';position:absolute;top:0;left:33.3%;width:1px;height:100%;background:#f1f1f1}
.newsUpdateBox .newsUpdate .owl-carousel:after{content:'';position:absolute;top:0;left:66.6%;width:1px;height:100%;background:#f1f1f1}
.newsUpdateBox .newsUpdate .item{padding:0 14px}
.newsUpdateBox .newsUpdate h4{padding:0 0 5px;font-size:24px;color:#000}
.newsUpdateBox .newsUpdate p{padding-bottom:5px;font-size:16px;color:#666}
.newsUpdateBox .newsUpdate strong{font-size:20px;color:#000}
@media screen and (max-width:1280px) {
.bannerBox .leftImg,.bannerBox .rightImg{height:90%}
}
@media screen and (max-width:1024px) {
.bannerBox{height:620px;min-height:inherit}
}
@media screen and (max-width:768px) {
.bannerBox{padding-bottom:50px;height:auto}
.bannerBox .rightImg img{height:59%}
.bannerBox figure{display:block;text-align:center}
.bannerBox figure img{display:inline-block}
.bannerBox h1 {padding: 50px 0 10px;}
.productNav ul{ display: block;}
.productNav ul li{ margin:0 0 15px 16px; width:calc(50% - 8px); float: left;}
.productNav ul li:nth-child(1),.productNav ul li:nth-child(3){ margin-left: 0px;}
.servicesBox span {padding-bottom: 30px;}	
.clientsBox .clients ul li{width: calc(16.6% - 20px);}
.newsUpdateBox .newsUpdate .owl-carousel:before,.newsUpdateBox .newsUpdate .owl-carousel:after{display: none;}
.newsUpdateBox .newsUpdate .item { padding:0 100px;}
.servicesBox .services1 .bgBox,.servicesBox .services2 .bgBox,.servicesBox .services3 .bgBox{width:45%}
.servicesBox .services h4 {padding:15px 0 5px;}
}
@media screen and (max-width:480px) {
.bannerBox .leftImg, .bannerBox .rightImg {height:60%;}
.bannerBox .rightImg{right: -140px;}
.bannerBox figure{padding-top:100px;}
.bannerBox h1 { font-size:30px;}
.productNav ul li{ margin-left:0px !important; width: 100%;}
.productDetails{margin-top: 30px;}
.productDetails1 .bgBox img,.productDetails2 .bgBox img,.productDetails3 .bgBox img{ height: 350px;}
.productDetails figure{ margin-top: 0px; display: block; text-align: center;}
.productDetails figure img{ margin-bottom: 50px; max-height:250px; display: inline-block;}
.servicesBox .services{padding: 30px 0;}
.servicesBox .services1 .bgBox,.servicesBox .services2 .bgBox,.servicesBox .services3 .bgBox{width:80%}
.servicesBox .services h4 {padding: 40px 0 5px;}
.clientsBox .clients ul li {width: calc(33.3% - 20px);}
.clientsBox .bgBox1{ height: auto;}
.clientsBox .bgBox1 img, .clientsBox .bgBox2 img{ height: auto;}
.newsUpdateBox span{ padding: 0 15px 50px;}
.newsUpdateBox span br { display: none;}
.newsUpdateBox .newsUpdate .item{ padding: 0px 50px;}
.newsUpdateBox .newsUpdate p { font-size: 14px;}
.newsUpdateBox .bgBox2{ display: none;}
}