/* banner */
#banner{position: relative; height: 100vh; margin: 0 auto;}
#banner .item{height: 100vh; background-size: cover; background-repeat: no-repeat; background-position: center top;}
/*#banner .item:before {content: ''; position: absolute; left: 50%; top: 0; transform: translateX(-50%); background: url('../images/banner-overlay-cuve.png') right top no-repeat; width: 1920px; height: 908px; mix-blend-mode: multiply; opacity: 0.2;}*/
#banner .container {position: absolute; left: 0; right: 0; bottom: 20px;}
#banner .banner-caption {width: 600px; position: relative; z-index: 1;}
#banner .banner-caption .home-title {font-size: 4.5rem; font-weight: 600; color: #fff; text-transform: uppercase; line-height: 80px;}
#banner .banner-caption .home-title span {font-size: 2.25rem; font-weight: 400; text-transform: none;}
#banner .banner-caption form .search-now {position: relative; top:3px; border: none; border-bottom:none; height:60px; width:60px; background:#74b15a url(../images/search.png) no-repeat center center; }

.form-wrap{position: relative; padding-left: 10px;}
.form-wrap .form-row>[class*=col-]{padding: 0;}
.form-wrap .form-control{border: none; border-radius: 0; height: 60px; font-size: 0.875rem;}
.form-wrap .form-control::-webkit-input-placeholder {color: #797979;}
.form-wrap .form-control::-moz-placeholder {color: #797979;}
.form-wrap .form-control:-ms-input-placeholder {color: #797979;}
.form-wrap .form-control:-moz-placeholder {color: #797979;}
.form-wrap .form-control:focus{outline: none; box-shadow: none;}
.form-wrap .form-control{border-right:1px solid #ebebeb;}
.form-wrap .form-group .select2:focus{outline: none; box-shadow: none;}
.select2-container--default .select2-selection--single .select2-selection__rendered{font-size:0.875rem; color: #797979; line-height: 60px; }
.select2-container--default .select2-selection--single .select2-selection__arrow{display: none;}
.select2-container--default .select2-selection--single{border: none; height: 60px;}
.select2-container--default .select2-selection--single .select2-selection__rendered:focus{box-shadow: none;}
.form-wrap .search-now:focus{outline: none;}
.select2-container--default .select2-selection--single:focus{outline: none;}
.select2-dropdown{z-index: 98;}

#banner .owl-nav {position: absolute; top: 50%; left: 1%; right: 1%; z-index: 9;}
#banner .owl-nav button.owl-prev,#banner .owl-nav button.owl-next{width: 53px; height: 53px; border: 1px solid rgba(255,255,255,0.35); border-radius: 50%; position: absolute; left: 0;}
#banner .owl-nav button.owl-next {left: auto; right: 0;}
#banner .owl-nav button.owl-prev:before,#banner .owl-nav button.owl-next:before {content: ''; width: 14px; height: 12px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: url('../images/sprite.png'); background-position: -450px -3px;}
#banner .owl-nav button.owl-prev:before {transform: rotate(-180deg);}
#banner .owl-nav button:focus {box-shadow: none; outline: none;}

/* down arrow */
.down-arrow{position: absolute; z-index: 10; background: url(../images/down-shape.png) no-repeat center top; width: 155px; height: 34px; left: 0; right: 0; bottom:0;  margin:0 auto; text-align: center; }
.down-arrow .circle{width: 25px; height: 40px; border: 1px solid #c6c6c6; border-radius: 12px; display: block; overflow: hidden; margin: 15px auto 0;}
.down-arrow .circle .bounce {display: inline-block; vertical-align: middle; background:#c6c6c6; width: 2px; height: 10px; margin: 0 auto; position: relative; top:0; -moz-animation: bounce 2s infinite;-webkit-animation: bounce 2s infinite;animation: bounce 2s infinite;}
.down-arrow .icon{background-position: -22px -83px; width: 10px; height: 18px;display: block; margin: 10px auto 0;}  
.down-arrow img{margin: 0 auto; }

@keyframes bounce { from {transform: translateY(0); opactiy:0; } to {transform: translateY(15px); opactiy:1;}}
@-webkit-keyframes bounce { from {-webkit-transform: translateY(0); opactiy:0;} to {-webkit-transform: translateY(15px); opactiy:1;}}
@-moz-keyframes bounce {from {-moz-transform: translateY(0); opactiy:0;} to {-moz-transform: translateY(15px); opactiy:1;}}

/* about */
#about {position: relative;}
#about .arrow-bg {position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 1920px; height: 100%;}
#about .arrow-bg:before {content: ''; position: absolute; left: 0; top: calc(50% - 120px); width: 0; height: 0; border-top: 120px solid transparent; border-left: 170px solid #8abe75; border-bottom: 120px solid transparent;}
#about .clip{background: url(../images/number-bg.png) center center no-repeat #007a58; -webkit-text-fill-color: transparent; -webkit-background-clip: text; font-size: 17.829rem; font-weight: 900; line-height: 17.829rem;}
#about p.exp-title {margin: 0; font-size: 2.1875rem; font-weight: 600; color: #74b15a; text-transform: uppercase;}

/* services */
#services .container {position: relative;}
#services .btn-custom1 {position: absolute; right: 70px; top: 0;}
#services .slider {margin-top: 60px;}
#services .slider .item {display: block; margin-bottom: 8px;}
#services .slider .item .block {display: block; background-color: #000; transition: all 0.4s;}
#services .slider .item img {transition: all 0.4s; opacity: 0.35;}
#services .slider .item .title {position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; font-size: 2.25rem; font-weight: 500; color: #fff; text-align: center; line-height: 50px; padding: 0 20px;}
#services .slider .item:hover .block {background-color: #007a58;}
#services .slider .item:hover:after {content: ''; position: absolute; left: 50%; bottom: -10px; border-left: 60px solid transparent; border-right: 60px solid transparent; border-bottom: 60px solid #8abe75; transform: translateX(-50%);}

/* innovations */
#innovations {background: url('../images/innovations-bg.jpg') center top / cover no-repeat;}
#innovations .container {position: relative;}
#innovations p.more-details {font-size: 1.125rem; color: #74b15a;}
#innovations .items .item {background-color: #fff; padding: 40px; height: calc(100% - 50px); margin-bottom: 50px;}
#innovations .items .item h3 {font-size: 1.25rem; font-weight: 600; color: #007a58; text-transform: uppercase; position: relative;}
#innovations .items .item h3:before {content: ''; position: absolute; left: -40px; top: 0; width: 0; height: 0; border-left: 20px solid #74b15a; border-top: 15px solid transparent; border-bottom: 15px solid transparent;}
#innovations .items .item p {font-size: 1.125rem; color: #717171;}

/* testimonials */
#testimonials {position: relative; min-height: 908px;}
#testimonials .bg {position: absolute; left: 50%; top: 0; width: 1920px; height: 100%; transform: translateX(-50%);}
#testimonials .bg:before {content: ''; display: block; background: url('../images/testimonials-pic.png') left top no-repeat; width: 729px; height: 1030px; position: relative; top: -60px;}
#testimonials .bg .triangle {position: absolute; display: block;}
#testimonials .bg .triangle.lg {right: 0; bottom: 170px; width: 0; height: 0; border-top: 160px solid transparent; border-bottom: 160px solid transparent; border-right: 230px solid #8abe75;}
#testimonials .bg .triangle.sm {right: 265px; bottom: 350px; width: 0; height: 0; border-top: 65px solid transparent; border-bottom: 65px solid transparent; border-left: 90px solid #8abe75;}
#testimonials .bg .triangle.md {right: 200px; top: 226px; width: 0; height: 0; border-top: 95px solid transparent; border-bottom: 95px solid transparent; border-right: 130px solid #007a58;}
#testimonials h2.title {margin-bottom: 70px;}
#testimonials .slider {padding-top: 85px;}
#testimonials .slider:before {content: ''; position: absolute; left: 0; top: 0; background: url('../images/sprite.png') no-repeat -64px 0; width: 47px; height: 39px;}
#testimonials .slider .item {max-width: 600px;}
#testimonials .slider .item p {font-size: 1.5rem; font-weight: 300; color: #717171;}
#testimonials .slider .item .name {margin-top: 50px; color: #74b15a;}
#testimonials .slider .item .name span {display: block; font-size: 1.125rem; color: #007a58;}
#testimonials .style1 .owl-dots {text-align: left;}