header { background-color: #fff; position: fixed; top: 0; width: 100%; left: 0;  z-index: 5; }
header .btn { margin: 0 10px;}
.navbar { padding: 0 0 0 10px;}
.navbar-brand { padding: 0;}
header.scrolled {padding: 10px 20px; }
.nav-item { padding: 0 25px;}
a.nav-link, .navbar-expand-lg .navbar-nav .nav-link { color: #707070; font-weight: 700; font-size: 17px; padding: 0; position: relative; letter-spacing: 0.5px;}
.navbar-expand-lg .navbar-nav .nav-link:hover, .navbar-expand-lg .navbar-nav .active .nav-link {color: #4BCFD4;}
.navbar-expand-lg .navbar-nav .nav-link:after {content: ''; width: 0%; height: 2px; display: block; background-color: #fff;}
.navbar-expand-lg .navbar-nav a:hover.nav-link:after, .navbar-expand-lg .navbar-nav .active a.nav-link:after {width: 100%;  background-color: #4BCFD4;}

footer { background-color: #1F1F1F; color: #fff;}
.footer-bottom { background-color: #252525; padding: 40px 0; line-height: 24px;}
.social-media li{ display: inline-block; padding: 0 7px;}
.social-media li a { display: block; width: 24px; height: 24px; background-position: center center; background-repeat: no-repeat; opacity: 0.33;}
.social-media li a:hover {  opacity: 1;}
.twiiter { background-image: url(../images/twitter.svg);}
.facebook {background-image: url(../images/facebook.svg);}
.insta {background-image: url(../images/insta.svg);}
.youtube {background-image: url(../images/youtube.svg);}
.email {background-image: url(../images/email.svg);}
.footer-top { padding: 70px 0;}
.footer-top h5{ margin-bottom: 15px; text-transform: uppercase; letter-spacing: 0.75px;}
.footer-top p b { display: block;}
.footer-top p { max-width: 200px;} .footer-top img { max-width: 100%;}
.footer-top a { color: #fff;}
.footer-top a:hover { color: #4BCFD4;}
.footer-top ul li a { line-height: 40px;}

.main-slider { background-size: cover; background-position: center center; background-attachment: fixed; background-repeat: no-repeat; text-transform: uppercase; padding: 60px 30px; min-height: calc((100vh - 120px)); margin-bottom: 20px; text-align: center; position: relative; background-image: url(../images/main-bg.jpg);}
.main-slider:after { content: ''; width: 100%; height: 100%; left: 0; top: 0; position: absolute;
background-image: url(../images/blackbg.png);
}
.slider-text  { position: relative; z-index: 2; max-width: 700px; color: #fff;}
.slider-text h1 { margin-bottom: 80px;}
.slider-text ul {margin-bottom: 50px;}
.slider-text ul li { display: inline-block; text-align: center; font-weight: bold; font-size: 14px; letter-spacing: 0.5px; text-transform: uppercase; 
border-left: solid 1px #fff; padding: 0 40px;
}
.slider-text ul li:first-child{border-left: solid 0px #fff; padding: 0 40px 0 0;}
.slider-text ul li:last-child{ padding: 0 0 0 40px;}
.slider-text ul li i { display: block; margin-bottom: 30px;}
.play-video { display: inline-block; margin-left: 30px; line-height: 72px; font-weight: bold; color: #fff; padding-left: 72px; position: relative; }
.play-video:hover {  color: #fff;  }
.play-video:before {   content: ''; position: absolute; width: 52px; height: 52px; border: solid 1px #fff; background-image: url(../images/play-button.svg); left: 0; top: 10px; border-radius: 52px; background-repeat: no-repeat; background-position: 11px 11px;} 
.play-video:hover:before{background-color: #4BCFD4;}

.cta { margin-bottom: 20px; background-image: url(../images/cta.jpg); background-size: cover; background-position: center center; text-align: center; position: relative; padding: 140px 20px; }
.cta:after {content: ''; width: 100%; height: 100%; left: 0; top: 0; position: absolute;
background-image: url(../images/bluebg.png);}
.cta-text {position: relative; z-index: 2; color: #fff;}
.cta-text i { display: block; margin-bottom: 50px;}
.cta-text h1 { margin-bottom: 40px;}
.outlinebtn { border-radius: 4px; padding: 22px 42px; display: inline-block; border: solid 2px #fff; color: #fff; font-size: 16px; font-weight: 700; line-height: 100%;  }
.outlinebtn:hover { background-color: #fff; color: #4BCFD4;  }
.cta-text .social-media { display: inline-block; margin-left: 30px; text-transform: uppercase;}
.cta-text .social-media  * { opacity: 1;}
.list-wrap { padding: 60px 0 100px 0;}
.list-wrap .col-12 { padding: 15px;}
.iconlist { position: relative; z-index: 2; border: solid 1px #fff; border-radius: 5px; text-align: center; padding: 60px 30px 60px 30px; background-color: #fff; height: calc(100% - 30px);}
.iconlist:hover { border: solid 1px #4BCFD4; -webkit-box-shadow: 0px 20px 40px 0px rgba(0,0,0,0.09); -moz-box-shadow: 0px 20px 40px 0px rgba(0,0,0,0.09); box-shadow: 0px 20px 40px 0px rgba(0,0,0,0.09);}
.iconlist i { display: block; margin-bottom: 40px;}
.list-wrap { position: relative;}
.list-wrap:after { content: ''; width: 180px; height: 145px; position: absolute; left: -60px; bottom: 60px; background-image: url(../images/dot.png); }
.videodiv { position: relative; border-radius: 10px;  -webkit-box-shadow: 0px 20px 40px 0px rgba(0,0,0,0.09); -moz-box-shadow: 0px 20px 40px 0px rgba(0,0,0,0.09); box-shadow: 0px 20px 40px 0px rgba(0,0,0,0.09); }
.videodiv img {border-radius: 10px; max-width: 100%; position: relative; z-index: 2;}
.videodiv:after, .img-chart:after, .video-last:after {content: ''; width: 180px; height: 145px; position: absolute; right: -90px; bottom: -60px; background-image: url(../images/dot.png); }

.video-btn, .video-testimonials a span { 	position: absolute; width: 116px; height: 116px; border-radius: 116px; border: solid 1px #fff; background-image: url(../images/play-button.svg); left: 50%; top: 50%; background-repeat: no-repeat;  background-position: center center; 
background-size: 42px; z-index: 3; margin-left: -58px; margin-top: -58px;} 
.video-btn:hover, .video-testimonials a:hover span {background-color: #4BCFD4;}

.iconlist-1 { padding: 62px 0 32px 0; border-bottom: solid 1px #fff;}
.iconlist-1 i { display: block; margin-bottom: 40px;}
.iconlist-1:hover {  border-bottom: solid 1px #4BCFD4;}
.features-listwrape { padding-top: 57px;}
.features-list { margin: 15px 0; background-color: #fff; border-radius: 5px; overflow: hidden; }
.features-list h5 { padding: 30px 20px; margin: 0;}
.features-list h5 i { display: inline-block; margin-right: 15px;}
.buttons { text-align: right; position: relative; margin-top: -60px;}
.buttons a{ background-repeat: no-repeat; background-position: center center; display: inline-block; width: 60px; height: 60px; border: solid 1px #4BCFD4; margin: 0 10px; background-color: #fff; border-radius: 4px; }
.buttons a:hover {-webkit-box-shadow: 0px 20px 40px 0px rgba(0,0,0,0.09); -moz-box-shadow: 0px 20px 40px 0px rgba(0,0,0,0.09); box-shadow: 0px 20px 40px 0px rgba(0,0,0,0.09);}
.next { background-image: url(../images/next.svg);}
.prev { background-image: url(../images/prev.svg);}
.back-bg { background-color: #1F1F1F; margin-bottom: 20px;}
.at { background-color: #252525;}
.tech-list { text-align: center; padding: 55px 30px 55px 30px; color: #fff;}
.tech-list i{ display: block; margin-bottom: 40px;}
.tech-list p{ margin: auto; max-width: 250px;}
.tech-list h6 { font-weight: 700; color: #4BCFD4; text-transform: uppercase; font-size: 16px; letter-spacing: 0.5px;}

.tech-center { width: calc(100% + 80px); height: calc(100% + 80px); background-color: #2F2F2F; margin: -40px 0 0 -40px; position: relative; z-index: 3; border-radius: 5px; -webkit-box-shadow: 0px 20px 40px 0px rgba(0,0,0,0.09); -moz-box-shadow: 0px 20px 40px 0px rgba(0,0,0,0.09); box-shadow: 0px 20px 40px 0px rgba(0,0,0,0.09);
text-align: center;  color: #fff; padding: 90px 30px;}
.tech-center a {color: #4BCFD4; font-size: 18px; font-weight: bold; text-transform: uppercase; letter-spacing: 0.5px; display: block; margin-bottom: 15px;}
.tech-center p { margin: auto; max-width: 480px;}
.tech-center h1 { margin-bottom: 20px;}
.img-chart { position: relative;}
.img-chart img { border: solid 1px #D0D0D0; -webkit-box-shadow: 0px 20px 40px 0px rgba(0,0,0,0.09); -moz-box-shadow: 0px 20px 40px 0px rgba(0,0,0,0.09); box-shadow: 0px 20px 40px 0px rgba(0,0,0,0.09);
border-radius: 10px; position: relative; z-index: 2;
}
.logolist {border: solid 1px #D0D0D0; -webkit-box-shadow: 0px 20px 40px 0px rgba(0,0,0,0.09); -moz-box-shadow: 0px 20px 40px 0px rgba(0,0,0,0.09); box-shadow: 0px 20px 40px 0px rgba(0,0,0,0.09);
border-radius: 10px; position: relative;  background: #fff;}
.size-chart-text h1{ margin-bottom: 48px;}
.size-chart-text ul { margin-bottom: 40px;}
.size-chart-text ul li{
	padding-left: 30px; position: relative; font-size: 17px; font-weight: 400; margin-bottom: 5px;
}
.size-chart-text ul li:before{
	content: ''; background-color: #4BCFD4; width: 10px; height: 10px; position: absolute; border-radius: 10px; left: 0; top: 10px;
}
.readmore { position: relative; display: inline-block; font-size: 18px; font-weight: 700; color: #4BCFD4;}
.readmore:after { width: 100%; height: 1px; background-color: #4BCFD4; content: ''; display: block;}
.logolist .col-6 { padding: 35px 15px!important; position: relative; z-index: 3;  }
.pl { padding-left: 100px;}
.logolist:after {content: ''; width: 180px; height: 145px; position: absolute; left: -70px; top: -60px; background-image: url(../images/dot.png); z-index: -1; }
.logolist img { max-width: 100%;}

.page-title { padding: 65px 30px; margin-bottom: 20px;}
.page-title h1 { margin: 0;}
#faq .card { margin-bottom: 20px; border: solid 1px #E2E2E2; }
.faq-btn { font-size: 18px; font-weight: bold; display: block; padding: 25px 40px; cursor: pointer; position: relative;}
.faq-btn:after { content: ''; position: absolute; background-color: #4BCFD4; width: 18px; height: 1px; right: 40px; top: 50%; margin-top: --9px;}
.collapsed.faq-btn:before { content: ''; position: absolute; background-color: #4BCFD4; width: 1px; height: 18px; right: 49px; top: 50%; margin-top: -9px;}
.accordion > .card > .card-header { padding: 0;}
.form-input { background: none; border: none; width: 100%;
border-bottom: solid 1px #ABABAB; font-size: 16px; font-weight: 700; color: #3E3E3E; text-indent: 10px; line-height: 40px;
}
.form-input:focus { border-bottom: solid 1px #4BCFD4; color: #4BCFD4; 
}
.accordion .show { padding: 25px; }
.form-wrape {  position: relative; 
}
.bgx{	border-radius: 10px; padding: 80px 20px; position: relative; z-index: 1;
	background-color: #FFFFFF; -webkit-box-shadow: 0px 20px 40px 0px rgba(0,0,0,0.09); -moz-box-shadow: 0px 20px 40px 0px rgba(0,0,0,0.09); box-shadow: 0px 20px 40px 0px rgba(0,0,0,0.09);}  
.form-wrape form { max-width: 440px;  margin: auto; }
.slidebar {position: relative; margin-bottom: 50px; }
.form-wrape:after, .slidebar:after { content: ''; width: 230px; height: 185px; position: absolute; left: -60px; bottom: -60px; background-image: url(../images/dot.png); }
.formlink { font-size: 14px;} 
.sidebar-white {position: relative; z-index: 1; background-color: #fff;}
.sidebar-white { border: solid 1px #E2E2E2; border-bottom: none;}
.sidebar-white a { display: block; border-bottom:solid 1px #E2E2E2; padding: 20px 0 20px 22px; color: #3E3E3E; font-size:18px; font-weight: bold; }
.sidebar-white a:before { content: ''; width: 12px; height: 12px; border: solid 1px #707070; display: inline-block; margin-right: 22px; vertical-align: middle; border-radius: 12px;}
.sidebar-white a.active, .sidebar-white a:hover{border-bottom:solid 1px #4BCFD4; color: #4BCFD4;}
.sidebar-white a.active:before, .sidebar-white a:hover:before {border: solid 1px #4BCFD4; background-color: #4BCFD4;}
 
.profile-form label { padding-left: 15px; padding-bottom: 10px;}
.form-control {height: calc(1.5em + .75rem + 20px); border-radius: 0;}
.form-group {margin-bottom: 30px;}
.btn-link  {color: #4BCFD4; text-decoration: underline;}
.btn-link:hover  {color: #4BCFD4; text-decoration: none;}

.address-list { margin-bottom: 30px; background-color: #fff; border: solid 1px #E2E2E2; padding: 30px 30px 10px 30px;}
.address-list h6 { margin-bottom: 30px; font-size: 16px; font-weight: bold;}
.order-list {margin-bottom: 30px; background-color: #fff; border: solid 1px #E2E2E2; padding: 30px 30px 10px 30px;}
.order-list img{ position: absolute;}
.order-details { padding-left: 130px;}
.address-list a.delete { float: right;}
.address-list  p { font-size: 18px;}
.order-list a { font-weight: 700; color: #3E3E3E;font-weight: 700;}
.order-list p{ padding-top: 15px; font-size: 14px; line-break: 20px;}
.price-total { float: right; color: #4BCFD4; font-weight: 700;}
.awardlist { width: 100%; padding: 0 60px;}
.awardlist h3 {padding: 40px 0px 10px 0;}
.endo-list { background-color: #fff; padding: 30px; min-height: calc(100% - 30px); margin: 15px 0;}
.endo-list figure { border-bottom: solid 1px #E2E2E2; text-align: center;}
.endo-list figure img { max-width: 100%;}
.endo-list h5 { text-transform: uppercase; font-weight: 700; padding: 20px 0; margin: 0;}
.endo-list p{ min-height: 120px; margin-bottom: 0; }
.endo-list a { font-size: 18px; font-weight: 700; text-transform: uppercase; color: #4BCFD4; position: relative;}
.endo-list a:after { content: ''; width: 100%; height: 1px; display: block; background-color: #4BCFD4; position: absolute; left: 0; bottom: -5px;}
.video-testimonials { padding: 30px 0 0 0;}
.video-testimonials a { border-radius: 10px; background-color: #000; -webkit-box-shadow: 0px 20px 40px 0px rgba(0,0,0,0.09); -moz-box-shadow: 0px 20px 40px 0px rgba(0,0,0,0.09); box-shadow: 0px 20px 40px 0px rgba(0,0,0,0.09);
display: block; position: relative; margin-bottom: 60px; }
.video-testimonials h3{ padding: 0 15px; margin: 0;}
.video-testimonials a img{border-radius: 10px; position: relative; z-index: 2; opacity: 0.7;}
.pp-2 { padding: 40px 0;}
.product-slider { background-color: #FCF7B5; margin-bottom: 20px;}
.endo-list a:hover {  color: #000;}
.endo-list a:hover:after { height: 3px; background-color: #000;   bottom: -2px;}
.product-buy { position: absolute; width: 100%; z-index: 2;}
.pro-img { float: right; position: relative; z-index: 1; max-width: 100%; width: 88%;}
.product-buy-text { width: 50%; max-width: 530px; padding-top: 160px;}
.product-buy-text h1 { margin-bottom: 40px;}
.price { display: block; font-size: 48px; font-weight: 800; margin-bottom: 30px;}
.price small{ text-decoration: line-through; padding-left: 50px; font-size: 48px; opacity: 0.7; font-weight: 800;}
.price b  { display: block; font-size: 20px; padding-top: 20px; color: #FF1010; text-transform: uppercase;}
.custom-select { max-width: 388px; border-radius: 0; margin-bottom: 40px; height: calc(1.5em + .75rem + 30px);}
@media (min-width: 768px){
	.forbesrblock { padding: 30px 30px 30px 402px; position: relative;}
	.forbesrblock figure {border-bottom: solid 0px #E2E2E2; position: absolute; left: 0; width: 402px;}
}


@media (max-width: 1199px) { 
	body { padding: 88px 15px 15px 15px;}
	h1 { font-size: 32px;}
	.section-peding { padding: 80px 15px;}
	.cta { padding: 80px 15px;}
	.nav-item { padding: 0 20px;}
	.tech-center { width: 100%; height: 100%;  margin:0;  border-radius: 0px; text-align: center;  color: #fff; padding: 60px 30px;}
	.orderx {-ms-flex-order: 0; order: 0;}
	.at { background: none;} 
	.tech-list { border-top: solid 1px #2F2F2F;}
	.features-listwrape img { width: 100%;}
	.pl { padding: 0 0 40px 0;}
	.awardlist {  width: 100%; padding: 0 20px;}
	h3 { font-size: 24px;}
	.video-btn, .video-testimonials a span { 	width: 60px; height: 60px;  background-size: 32px;  margin-left: -30px; margin-top: -30px;} 
.product-buy { position: relative; width: 100%; z-index: 2;}
.pro-img { float: none; position: relative; z-index: 1; max-width: 100%; width: 100%;}
.product-buy-text { width: 100%; max-width: 530px; padding: 40px 30px; margin: auto;}

}



@media (max-width: 992px) { 
	.address-list h6 span { display: block; padding-top: 5px;}
	.footer-top h5{ margin-top: 30px; }
	.price-total { float: none; display: block; color: #4BCFD4; font-weight: 700;}
	.awardlist {  width: 100%; padding: 20px 0px;}
	.video-testimonials a {  margin-bottom: 40px; }
	h3 { font-size: 22px;}
	.navbar { padding: 0;}
}

@media (max-width: 767px) { 
	h1 { font-size: 28px;}
	.slider-text h1 {margin-bottom: 40px; text-align: left;}
	.slider-text ul li, .slider-text ul li:first-child, .slider-text ul li:last-child { display: block; border-bottom: solid 1px #fff; border-left: solid 0px #fff; padding: 15px 0px; text-align: left;}
	.slider-text ul li i {display: inline-block; margin-bottom: 0px; padding-right: 15px;}
	.section-peding, .cta {padding: 60px 15px;}
	.play-video { margin-left: 0; margin-top: 40px;}
	.buttons { margin-top: 20px; margin-bottom: 5px;}
	.features-listwrape { padding-top: 0;}
	.cta-text .social-media { display: block; margin: 40px 0 0 0;}
	.footer-bottom * { text-align: center;}
	.footer-bottom .social-media { margin-top: 30px;}
	.page-title { padding: 40px 15px;}
	.faq-btn { padding: 15px;}
	.faq-btn:after, .faq-btn:before { display: none;}
	.accordion .show { padding: 0;}
	.bgx { padding: 15px;}
	.form-wrape .text-left, .form-wrape .text-right { text-align: center!important;}
	.order-list img { position: static;}
	.order-details { padding-left: 0; padding-top: 20px;}
}