.herobanner_wrap{position:relative;}
.herobanner{height: 750px; background-size: cover; position: relative; background-position: center top; background-repeat: no-repeat; background-attachment: fixed; display: flex; align-items: flex-end;}
/*.herobanner > .container{max-width: 1260px; width:100%; position: absolute; bottom: 100px; left: 0; right:0;}*/
.herobanner > [class^="col-xs"] {padding-left: 0; padding-right: 0;float: none; /* margin: 0 auto 115px; */margin: 0 auto 230px; }
.herobanner > [class^="col-xs"] > .herotext{width:66%;}
.herobanner > [class^="col-xs"] > .herotext > h1{font-family: 'Proxima Nova Lt'; color:#fff; line-height: 1; margin-bottom: 33px;}
.herobanner > [class^="col-xs"] > .herotext .etext-noEl{font-family: 'Proxima Nova Rg'; color:#fff; line-height: 1.33; font-size:18px; margin-bottom: 14px; width:50%;}
.herobanner > [class^="col-xs"] > .herotext .linkBtn{color:#fff; letter-spacing: 2px;}
.herobanner > [class^="col-xs"] > .herotext .outer_etext{width:50%; margin-bottom: 18px; max-height: 46px;  margin-left: 43px;}
.herobanner > [class^="col-xs"] > .herotext p{margin-left: 43px;}
.herobanner > [class^="col-xs"] > .herotext .outer_etext p{margin-bottom: 0;}

.arc-container{height: 530px; width: 448px; overflow: hidden; position: absolute; top: 0; right: 0;}
.arc-container > .arc-circle{width: 1150px; height: 1150px; position: absolute; top: -620px; right: -702px; border-radius: 100%; overflow: hidden; padding: 620px 702px 0 0; background: #f0f1f2; z-index: 1;}
.featuredproduct{width:100%; height:100%; padding-right: 50px; text-align: center; }
.featuredproduct .pop-scroll{ padding:0; /* text-align: right; */}
.featuredproduct .pop-scroll .slidercontrol{max-width: 80%; position: relative; z-index: 9; text-align: center; display:inline-block; padding: 0 22px; color:#008da9; font-size:14px; font-family: 'Proxima Nova Lt'; margin-top: 50px; text-decoration:none; line-height:1;}
.featuredproduct .pop-scroll .carousel .slidercontrol{margin-top: 0px;}
.featuredproduct .pop-scroll .carousel .slidercontrol .carousel-indicators{margin-bottom: 0px;}
.featuredproduct .pop-scroll .slidercontrol:after{display: table; clear: both; content: "";}
.featuredproduct .pop-scroll .slickbutton{width:13px; padding: 0; height: 13px;  color:#008da9; background:transparent; text-shadow:none; position: absolute; left: 0; top: -1px; font-size:13px; opacity:1!important;}
.featuredproduct .pop-scroll .slickbutton .num{width: 40px; display: inline-block;}
.featuredproduct .pop-scroll .slickbutton.slick-next{left: inherit; right: 0;}
.featuredproduct h2{ font-size: 30px; text-align: right; font-family: 'Proxima Nova Lt'; margin-top: 15px; padding-left: 35px; width:100%;}
.featuredproduct .productthumb{width: 180px; margin:0px 60px 10px 0; flex-shrink: 0; flex-basis: inherit;}
.featuredproduct .productthumb img{width: 100%; max-width:400px; margin-left:auto; margin-right:auto;}
.featuredproduct p{font-size:14px; line-height: 1.2; font-family: 'Proxima Nova Lt'; text-align: left; width:58%;}
.featuredproduct .linkBtn{color: #008da9;}
.featuredproduct .linkBtn span{font-size: 15px;}
.featuredproduct .linkBtn:hover{color: #0066a4}
.featuredproduct .carousel-inner .item .item-inner{align-items: flex-end; display: flex; flex-direction: column; display: -ms-flexbox; flex-wrap: wrap; -ms-align-items: flex-end; text-align: right;}
.productfinder{width: 122px; height: 122px; display: flex; justify-content: center; flex-direction: column; right: 210px; border-radius:100%; background: #f0f1f2; text-align: center; line-height: 1; position: absolute; bottom: 140px; text-decoration: none; z-index: 9; color: #008da9; font-family: 'Proxima Nova Rg';}
.productfinder:visited{ color:#008da9;}
.productfinder > span{ font-size: 18px; font-family: 'Proxima Nova Lt'; font-weight:600; text-transform:uppercase; letter-spacing:1px;}
.productfinder > i{font-size: 40px; font-weight: bold; margin-bottom: 10px;}
.productfinder.arc:after{content: ""; position: absolute; width: 6px; height: 100px; background: #f0f1f2; top: -80px; right: 0; transform: rotate(30deg); }



.herobanner .center-line-container{position:absolute; margin-top:5px;}
.herobanner .center-line-container{/*left:0!important;*/}
.herobanner .center-line-container > *{opacity:0; width:0; transition:all 1s;}
.herobanner .center-line-container > .in-view{opacity:1; width:100%;}
.herobanner .center-line-container .animation-element{height:2px; position:relative; background:#fff; display:block;}
.herobanner .center-line-container .animation-element:before { height: 12px; width: 12px; border-radius:100%; content:""; background:#fff; display:block; position:absolute; right:0; top:-5px;}
.featuredproduct .pop-scroll .slidercontrol > *:not(.carousel-indicators){/* display:none; */}
.featuredproduct .pop-scroll .slidercontrol{/* display:none; */ margin-left:50px;}
.featuredproduct .pop-scroll #myCarousel .slidercontrol{display:block; margin-right:0; padding:0;  max-width:100%;}
.featuredproduct .pop-scroll #myCarousel .slidercontrol .carousel-indicators{text-align:center; position:static; margin-left:0; width:100%;}
.featuredproduct .pop-scroll #myCarousel .slidercontrol .carousel-indicators li{width:12px; height:12px; line-height:20px; color:#fff; text-align:center; background:#b3d8e0; border-radius:100%; border:none; font-size:0; color:#fff; text-indent:0; margin:0 5px;}
.featuredproduct .pop-scroll #myCarousel .slidercontrol .carousel-indicators li.active{background:#008da9;}
.featuredproduct .pop-scroll #myCarousel .item{height:400px;}
.heroBannerImg { position: absolute; left: 0; top: 0; background-position: center center; background-size: cover; width: 100%; height: 100%; background-repeat: no-repeat;}

.video_baner_area{position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; overflow:hidden;}
.video_baner_area video{position:absolute; left:-99999px; top:-99999px; right:-99999px; bottom:-99999px; margin:auto; /* width:100%; height:100%;  */min-height:100%; min-width:100%;}

@media (max-width: 1420px) and (min-width: 992px){
    .herobanner_wrap video#videoPlayBg{object-fit: unset;
    top: 0 !important;
    height: 750px;}
}
@media (max-width: 805px) and (min-width: 768px){
    .herobanner_wrap video#videoPlayBg{object-fit: unset;
    top: 0 !important;
    height: 420px;}
}

@media (min-width: 992px) and (max-width: 1200px) {
    .herobanner > [class^="col-xs"]{padding-left: 15px; padding-right: 15px; /* margin: 0 auto 80px; */margin: 0 auto 200px;}
    .herobanner > [class^="col-xs"] > .herotext > h1{font-size:40px;}
}

/*Ipad*/
.ipad.herobanner{background-size:145%!important; }
@media (min-width: 800px){
	.ipad.herobanner{background-size:180%!important; }
}
@media (min-width: 800px) and (max-width: 1024px){
	.ipad.herobanner{background-size:130%!important; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .herobanner > [class^="col-xs"]{padding-left: 15px; padding-right: 15px; margin: 0 auto 80px;}
    .herobanner > [class^="col-xs"] > .herotext > h1{font-size:36px;}
	.herobanner{overflow:inherit!important;}
	.herobanner .layer-5{height:100%!important; background-position:0 0!important; background-size:100%!important;}
	.herobanner{height:420px;}
	/* .arc-container{height: 317px; width: 264px; display:none!important;}
	.arc-container > .arc-circle{width: 684px; height: 684px; top: -376px; right: -420px; padding: 376px 420px 0 0;}
	.featuredproduct{padding-right:18px;}
	.featuredproduct .pop-scroll .slidercontrol{margin-top:20px;}
	.featuredproduct h2{font-size:20px; margin-top:10px;}
	.featuredproduct .productthumb{width:85px; margin-right:40px; margin-top:0;}
	.featuredproduct p{max-height:54px; overflow:hidden;}
	.featuredproduct .linkBtn{font-size:12px;}
	.featuredproduct .linkBtn .icon-icon_link{padding-left:5px; font-size:12px;} */
	.productfinder{width:70px; z-index: 1; height:70px; bottom:-35px; right:8.3333%;}
	.productfinder > i{font-size:20px;}
	.productfinder > span{font-size:10px;}
}

@media (max-width:991px){
    /* .feature-head{display: none;} */
	.arc-container, .arc-container > .arc-circle{position:static; width:inherit; height:inherit; border-radius:0; padding:0;}
	.arc-container > .arc-circle{padding:0 15px 40px; border-bottom:1px solid #ddd;}
	.featuredproduct{padding-right:0;}
	.featuredproduct .pop-scroll .slidercontrol{margin-left:0; max-width:100%;}
	.featuredproduct .pop-scroll .slidercontrol{margin-left:0;}
	.featuredproduct .carousel-inner .item .item-inner, .featuredproduct h2{display:block; text-align:center;}
	.featuredproduct .productthumb{margin:0 auto 10px;}
	.featuredproduct p{width:inherit; text-align:center;}
	.featuredproduct .pop-scroll #myCarousel .item{height:inherit;}
	.productfinder.arc:after{width:100%; height:100%; bottom:0; left:0; border-radius:100%; background:transparent; box-shadow:0 0 3px #000; top:inherit; transform: rotate(0deg);}
	.featuredproduct .pop-scroll .slidercontrol{display:none;}
	.featuredproduct .pop-scroll #myCarousel{margin-top:50px;}
	.featuredproduct .pop-scroll #myCarousel .slidercontrol{z-index:5;}
}

@media (max-width:767px){
    .herobanner.parallax video {
display: none;
}
    .herobanner{height: 225px; background-attachment: inherit; z-index:1!important;}
    .openpopup .herobanner{z-index:99!important;}
    .herobanner > [class^="col-xs"]{bottom: 0; margin-bottom: 0;}
    .herobanner > [class^="col-xs"][class^="col-xs"] > .herotext{padding-left: 10px; width:inherit;}
    .herobanner > [class^="col-xs"] > .herotext > p, .herobanner > .container > .herotext > .outer_etext > p.etext{width:calc(100% - 60px);}
    .herobanner > [class^="col-xs"] > .herotext .etext-noEl{width: calc(100% - 45px); font-size:12px; margin-bottom: 10px;}
    .herobanner > [class^="col-xs"] > .herotext .etext-noEl + p{margin-left: 16px; width: auto;  margin-bottom:10px;}
    .productfinder{right: 21px;}
    .featuredproduct .slickbutton i{z-index: 1; position: relative; line-height:17px;}
    .herobanner > [class^="col-xs"] > .herotext > h1{margin-bottom: 7px; font-size:17px;}
    .herobanner > [class^="col-xs"] > .herotext > p{line-height:1.1; margin-left: 16px;}
    /*.herobanner > .container > .herotext > p.etext{display: none!important;}*/
    .herobanner > [class^="col-xs"] > .herotext > p.etext{display: block!important; color: #fff; width:100%; font-size: 14px;}
    .herobanner > [class^="col-xs"] > .herotext > .outer_etext{display: none!important;margin-bottom: 10px; max-height: 42px; width: calc(100% - 60px); margin-left: 16px;}
    .herobanner .center-line-container .animation-element{height: 1px;}
    .herobanner .center-line-container .animation-element:before{width:5px; height: 5px;}
    .herobanner > [class^="col-xs"] > .herotext > .outer_etext p{}
    .herobanner > [class^="col-xs"] > .herotext > .outer_etext > p.etext{line-height: 1;margin-bottom: 0;}
    .herobanner .center-line-container{margin-top:5px;}
    .herobanner .center-line-container .animation-element:before{margin-top: 3px;}
    .herobanner > [class^="col-xs"] > .herotext .linkBtn{font-size:10px; letter-spacing: 1px; white-space: nowrap;}
    .herobanner > [class^="col-xs"] > .herotext .linkBtn span{padding-left: 5px; font-size:10px;}

    /* .openpopup{overflow: hidden;}
    .arc-container{display:none!important;}
    .openpopup .arc-container{display: block; position: fixed; width:100%; height: 100%; top:0; left:0; bottom: 0; right:0; z-index: 99; background: #f0f1f2; overflow:auto!important;}
    .openpopup .arc-circle{border-radius: 0; width:100%; height: 100%; padding: 0; margin: 0; top:0; right:0; position:fixed;} */
    .productfinder{width:82px; height: 82px; bottom:-41px; right:8.3333%;}
    .productfinder.arc{pointer-events: inherit;}
    .productfinder > span{ font-size:15px; text-transform: uppercase;  font-family: 'Proxima Nova Lt'; font-weight: 600; display: block;}
    .productfinder span{font-size:14px;}
    .productfinder > i{width:inherit; height:22px; font-size:22px; font-weight: bold;}
    .productfinder:hover{text-decoration: none; color: #21bad1;}
    /* .featuredproduct .feature-head{position: relative; display: block; background: #fff; margin: 0 0 15px; padding: 20px 8.3333%;}
    .featuredproduct .feature-head .companylogoS{width:150px;}
    .featuredproduct .feature-head .slickclose{width:37px; height: 37px; position: absolute; top: 27px; right: 8.3333%;}
    .featuredproduct .feature-head .slickclose span{width:15px; height: 1px; width: 100%; display: block; background: #008da9; transform: rotate(45deg); position: absolute; top:12px;}
    .featuredproduct .feature-head .slickclose span + span{ transform: rotate(-45deg);}
    .featuredproduct{padding-right: 0;}
    .pop-scroll-outer{position: absolute; top: 74px; bottom: 0; left:0; right:0; overflow: auto;}
    .featuredproduct .pop-scroll{padding: 15px;}
    .featuredproduct .pop-scroll .slidercontrol{max-width: 80%; position: relative; z-index: 9; text-align: center; display:table; margin: 14px auto 0; padding: 0 25px; font-size: 14px; color:#008da9; text-align: center;}
    .featuredproduct h2 {font-size: 20px; text-align: center; color: #34393d; padding-left: 0; text-align: center;}
    .featuredproduct .productthumb{display: inline-block; width: 100%; margin: 0 0 15px 0;}
    .featuredproduct .carousel-inner .item .item-inner{display: block;}
    .featuredproduct .carousel-inner .item .item-inner, .featuredproduct p{text-align: center;}
    .featuredproduct p{width: 100%;} */
	.herobanner{overflow:visible!important;}
	.herobanner .layer-5{height:225px!important; background-position:0 0!important; background-size:100%!important;}
		
	/*No Parallax*/
	/* .layer{transform:translate3d(0px, 0px, 0px)!important;} */
}

@media (max-width:479px){
    .herobanner > [class^="col-xs"] {
    bottom: 30px !important;
	}
	.banner_btn, .banner_btn:visited {
    padding: 10px 15px;
    font-size: 13px;
}
}


@media (max-width:550px){
    .herobanner {background-size:115% auto;}
}

@media (min-width:450px) and (max-width:750px){
    .herobanner {background-size:125% auto!important; height:270px;}
}
@media (min-width:750px) and (max-width:767px){
    .herobanner {background-size:100% auto!important; height:300px!important;}
}
@media (min-width:1024px){
    .herobanner {background-size:cover !important;}
}
@media (min-width:1025px){
    .herobanner {background-size:cover !important;}
}
@media (min-width:1200px){
    /* .herobanner {background-size:105% auto!important;} */
}

@media (max-width:450px){
    .herobanner {background-size:150% auto!important;}
}
@media (min-width:992px){
	.heroBannerImg{background-image:none!important;}
}