body{margin:0px;padding:0px;font-family: 'DM Sans', sans-serif;font-size:15px; line-height:25px;-webkit-text-size-adjust:100%; height:100%; color:#5a5a5a; text-align:justify; counter-reset: count;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; -webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}

:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}
 
h1, h2, h3, h4, h5, h6{font-family: 'Raleway', sans-serif; color: #040642;}


div,p,ul,ol,li,a,input,select,img,p,h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;list-style:none;font-size:100%;border:none;outline:none;text-decoration:none;}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}

a{ color:#05dac3; -webkit-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}
a:hover{ text-decoration:underline;}
img { vertical-align: middle;}

.left{float:left;}
.right{float:right;}
.clr{clear:both;}

.clearfix{*zoom:1}
.clearfix:after{clear: both;content:"."; display:block; height:0; line-height:0; overflow:hidden; font-size:0; visibility:hidden;}

p{ font-size:15px; text-align:left; line-height:25px; margin-bottom:12px;}
.maindiv{ max-width:1600px; margin:0 auto; overflow:hidden; position:relative;}

.container{ max-width:1170px; margin:0 auto; width:100%; position: relative;}

.header-wraper { position:relative; width: 100%; z-index: 100; max-width: 100%; margin: 0 auto;}

.header-block { position:relative;}
.header-block:before{background: #0275c5; content: ""; display: block; height: 100%; position: absolute; right: -15%;  top: 0; transform: skew(-15deg); width: 45%; border-left:15px solid #e6222b;}

.top-wraper{ position:relative; z-index:20; background:#fff; padding: 6px 0; border-bottom: 1px solid #e6edf2; }
.top-block{}
.top-1:last-child .top-1-inner{ margin:0;}
.top-1:last-child{ width:33.33%; text-align: right;}
.top-1{ float:left; width:66.66%;}
.top-1-inner{ margin:8px 0;}
.tp-header-top-info ul li { position: relative; display: inline-block; list-style: none;}
.tp-header-top-info ul li a { font-weight: 400; font-size: 14px; line-height: 24px; padding-right: 45px; color: #020626;}
.tp-header-top-info ul li:not(:last-of-type)::after { content: ""; border-right: 1px solid #d9d9d9; position: absolute; height: 15px;	right: 16px; top: 7px;}
.tp-header-top-info ul li a i {	color: #05dac3; display: inline-block; margin-right: 7px;}
.header-call { border: 1px solid #e6edf2; border-radius: 14.5px; padding: 1px 12px; margin-top: 6px; display: inline-block;}
.header-call a { font-weight: 400; font-size: 14px; color: #020626; transition: all .3s ease;}
.header-call a i { height: 21px; width: 21px; line-height: 21px; border-radius: 50%; text-align: center; margin-right: 4px;	display: inline-block; color: #fff; background:#05dac3; transform: translateY(1px);}


.middle-back{ }

.middle-wraper{ transition:all 0.5s ease 0s; position:relative; border-radius: 0 0 100px 100px; background: #fff;}
.middle-wraper:before { }

.middle-block{}
.middle-row{ float:right; width:60%; margin-top: 10px;}
.middle1 ul{}
.middle1 ul li { padding: 5px 0;}
.middle1 h4 { color: #0079d0; font-weight: 600; line-height: 20px; text-transform: capitalize; font-size:13px;}
.middle1 h5 { color: #000; font-size: 14px; line-height: 20px; margin: 5px 0; text-align: center; text-transform: uppercase;}
.middle1 p { font-size: 13px; margin: 0;}
.middle1{ float:left; width:50%; padding:0 15px;}
.middle1 img{ max-width:100%;}
.middle-wraper .logo{ float:left; margin:20px 0; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; max-width: 220px;}
.middle-wraper .logo img{ max-width:100%; transition:all 0.5s ease 0s;}
.middle-wraper .logo img.logo-white{ display:block;}
.middle-wraper .logo img.logo-dark{ display:none;}


.middlebtn{ float: right; text-align: right; margin-top: 20px;}
.middlebtn a.tp-btn{}
.middlebtn a.tp-btn:hover{}

.nav-wraper { z-index: 5; margin-left: 50px; float: left;}



.sf-menu {  }
.sf-menu > li > span { display: block; position: relative;}
.sf-menu ul { position:absolute; top:-999px; display:none; }/*offset of submenus need to match (see below)*/
.sf-menu li { position:relative; background: none;}
.sf-menu a { display: block; text-decoration: none;}
.sf-menu a:hover {text-decoration: none;}
.sf-menu > li{ position:relative;}
/*.sf-menu > li:before{ position:absolute; left:-10px; top:30px; width:6px; height:6px; border-radius:100%; content:""; background:#fff;}*/
.sf-menu > li:first-child:before{ display:none;}
/*================================>> 1 Level <<========================================*/
li.sfHover {position: relative;}
.sf-menu > li > a {vertical-align: middle; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;  -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease; z-index: 100; 	}
.sf-menu > li > a { color: #261f1f; display:inline-block; font-size: 16px; font-weight:500; line-height: 21px; padding: 40px 0; transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); text-transform:capitalize; }	

.sf-menu > li > a:after { position: absolute; counter-increment: count; content: counter(count); right: 10px;	top: 25%; transform: translate(-50%,-50%); color:#000; font-family: "DM Sans",sans-serif; font-size: 12px; font-weight: 500;}


.sf-menu > li > a{ position:relative;}

.sf-menu > li { display: inline-block; float:left; position: relative;}
.sf-menu > li:not(:last-of-type) { margin-right: 23px;}
.sf-menu > li + li { margin-left:10px;}
.sf-menu > li:hover > a, .sf-menu > li.current > a, .sf-menu > li.sfHover > a, .sf-menu > li:hover > span, .sf-menu > li.current > span, .sf-menu > li.sfHover > span { color: #05dac3 }
.sf-menu > li.current > a{ color: #05dac3;}	
/*================================>> 2 Level <<========================================*/
.sf-menu > li > ul, .sf-menu > li.sfHover > ul { top:60px; box-shadow:0 0 10px rgba(0, 0, 0, 0.1);  left: 0; margin-left: 0; width: 220px; z-index:99; background: #2d2d2f; text-align:left; border-top:5px solid #ed2031;}

.sf-menu > li > ul li{ }

.sf-menu > li > ul{ }

.sf-menu > li > ul > li {padding: 0 0;}
.sf-menu > li > ul > li + li {}
.sf-menu > li > ul > li > a { display: block; padding: 10px 15px; color: #fff; font-weight:500; line-height: 24px; font-size:15px; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.sf-menu li li a:hover, .sf-menu li.sfHover li.sfHover > a, .sf-menu li.sfHover li.sfHover span {  color: #fff; background:#ed2031;}
.sf-menu > li > ul > li > a.sf-with-ul:after  { position: absolute; display: block; content:"\f107"; right: -3px; text-align: center; margin-left: -10px;	top: 13px;-moz-transition: top 0.3s ease-out; -o-transition: top 0.3s ease-out; -webkit-transition: top 0.3s ease-out;overflow: hidden; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px; color: #939393;}
.sf-menu > li > ul > li > a.sf-with-ul:hover:after  { color: #b8baaa;}
/*================================>> 3 Level <<========================================*/
.sf-menu li li ul { top: -7px; left: 160px; z-index:99; position: absolute;	text-align: left; padding-top: 9px;	padding-bottom: 6px; padding-left:10px;background: #50dbde; width: 120px;	-webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px;	-o-border-radius: 10px;	border-radius: 10px;}
.sf-menu li li ul:before { position: absolute; left: -8px; top: 8px; content: ""; border: 4px solid; border-color: transparent #50dbde transparent transparent;}
.sf-menu li li li {padding: 0 0;}
.sf-menu li li li a { display: block; color: #aefdff; line-height: 28px; line-height: 39px;}
.sf-menu li li li + li a { border-top: 1px solid #67e0e2;}
.sf-menu li li li a:hover {	color: #fff;}

.sticky { border-top: 0 none; left: 0; position: fixed; top: 0; transition: all 0.5s ease 0s; width: 100%; z-index: 1100; -webkit-box-shadow:2px 2px 6px rgba(0,0,0,.2); -moz-box-shadow:2px 2px 6px rgba(0,0,0,.2); box-shadow:2px 2px 6px rgba(0,0,0,.2); background:#349a88;}
.sticky{}
.middle-wraper.sticky .logo img.logo-white{ }
.middle-wraper.sticky .logo img.logo-dark{ }
.middle-wraper.sticky .sf-menu > li > a { }
.middle-wraper.sticky .sf-menu > li > a:hover{ }
.middle-wraper.sticky{ opacity:1;}
.middle-wraper.sticky .logo{ margin:6px 0; max-width:220px; }
.middle-wraper.sticky .logo img.logo-white { }
.middle-wraper.sticky .nav-wraper{ margin-top:12px;}



.slider-wrapper{ position:relative; }
.slider-wrapper:before{ }
.slider-home{ position:relative}
.slider-home:before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; 
	background: linear-gradient(96.25deg, #d7e8f8 45.06%, hsla(0,0%,77%,0) 60.45%); z-index: 3;  }
.slider-wrapper.default > div #left{ display:none;}
.slider-wrapper.default > div #right{ display:none;}
.slider-wrapper.default>div #slides img.scrollimg {width: 100%; animation: animate 15s ease; height: auto;}
.slider-wrapper.default>div #bullets{ display:none;}
@-webkit-keyframes animate {
0% {
-webkit-transform-origin: bottom right;
-moz-transform-origin: bottom right;
-ms-transform-origin: bottom right;
-o-transform-origin: bottom right;
transform-origin: bottom right;
transform: scale(1.0);
}
100% {
transform: scale(1.1);
}
}


.banner-img-desc { font-weight: 700; position: absolute; left: 0; text-align: left; top:0; height: 100%; margin: auto; width:100%;}

.banner-img-desc h2 { position: relative; font-weight: 700; font-size: 65px; line-height: 85px; text-transform: capitalize; color: #0c0808; margin-bottom: 25px; animation-delay: .8s; animation-duration: 1s; z-index: 10;}
.banner-img-desc h2 .title-color { color: #05dac3;}
.banner-img-desc h2 .title-text-transparent { font-weight: 600; font-family: 'DM Sans', sans-serif; -webkit-text-fill-color: transparent;	-webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #858b8f;}
.banner-img-desc h2 svg { position: absolute; left: 0; top: 80px; color: #05dac3;}

.banner-img-desc h3{ position: relative; font-family: 'DM Sans', sans-serif; font-style: italic; font-weight: 500; font-size: 16px; text-transform: lowercase; color:#0c0808; display: inline-block; margin-bottom: 22px;z-index: 10; position: relative; padding-bottom: 12px;}
.banner-img-desc h3::after {content: '';height: 8px;width: 120px;background: url("../images/line.png");position: absolute;bottom: 0;	left: 0;background-size: cover;}
.banner-img-desc h3 .title-pre-color{ color: #05dac3;}

.homebtn a.tp-btn{ padding: 25px 40px; position: relative; z-index: 10;}

.bannercontainer { max-width: 1100px; margin: 0 auto; position: absolute; padding: 0 70px;	top: 25%;}

.hero-play-btn {position: absolute; top: 0; right: 30%; z-index: 10; display: none;}
.hero-play-btn button {position: absolute;left: 45%;top: 330px;	height: 125px;	width: 125px;line-height: 125px;border-radius: 50%;	display: inline-block;	text-align: center;	font-weight: 900;	font-size: 30px;	color: #fff;	background: transparent;border: 1px solid #fff; animation: pulse 2s infinite;cursor: pointer;}
@keyframes pulse{0%{box-shadow:0 0 0 0 hsla(0,0%,100%,.4)}70%{box-shadow:0 0 0 45px hsla(0,0%,100%,0)}to{box-shadow:0 0 0 0 hsla(0,0%,100%,0)}}


.homebanner-wraper{ position:relative;}
.hero-shape{ position: absolute; top: 0; height: 100%; width: 100%;}
.hero-shape img{ max-width:100%;}
.hero-shape .shape-1 { position: absolute; top: -55px; left: -2px; z-index: 5;}
.hero-shape .shape-2 { position: absolute; bottom: 0; right: 0; z-index: 5; }
.hero-shape .shape-3 { position: absolute; right: 49px; top: 39px; animation: moving 9s linear infinite; z-index: 5}
.hero-shape .shape-4 { position: absolute; bottom: 0; left: 0; z-index: 5; }
.hero-shape .shape-7 { position: absolute; bottom: 30%; left: 42%; animation: moving 9s linear infinite; z-index: 5}

.hero-shape-animation { position: absolute; top: -9%; z-index: 6; left: 6%;}
.hero-shape-animation span { background-color: #eaf3fb; height: 450px; width: 470px; position: absolute; top: 150px; left: -35px;	border-radius: 62% 47% 82% 35%/45% 45% 80% 66%; will-change: border-radius,transform,opacity; display: block; z-index: -1; -webkit-animation: sliderShape 8s linear infinite;}

@keyframes sliderShape{0%,to{border-radius:42% 58% 70% 30%/45% 45% 55% 55%;transform:translateZ(0) rotate(.01deg)}34%{border-radius:70% 30% 46% 54%/30% 29% 71% 70%;transform:translate3d(0,5px,0) rotate(.01deg)}50%{transform:translateZ(0) rotate(.01deg)}67%{border-radius:100% 60% 60% 100%/100% 100% 60% 60%;transform:translate3d(0,-3px,0) rotate(.01deg)}}

@keyframes moving{0%{transform:translatey(0)}25%{transform:translatex(20px)}50%{transform:translatey(-20px)}75%{transform:translatex(-20px)}to{transform:translatey(0)}}

.hero-service { position: absolute; z-index: 10; right: 0; bottom: 0; height: 161px; width: 608px; background-color: #020626;}
.hero-service-shape { position: absolute; right: 0; bottom: 0;	z-index: 0;}
.hero-service p { padding: 55px; font-style: normal; font-weight: 400; font-size: 18px; line-height: 30px; margin-bottom: 0; color:#fff;}
.hero-service p::before {content: "";background: #05dac3;height: 48px;width: 1px;left: 45px;	top: 64px;	z-index: 3;	position: absolute;}
.hero-service-quote { background: #fff; position: absolute; top: -27px; left: -27px; height: 60px; width: 60px; text-align: center;	line-height: 60px; border-radius: 16px;}

.hero-bottom { position: absolute; bottom: 0; left: 0; background: #05dac3; z-index: 10; padding: 30px; text-align: center;}
.hero-experince .year { position: relative; font-weight: 600; font-size: 75px; line-height: 36px; color: #fff; z-index: 1; display:inline-block;}
.hero-experince .year .experince { font-style: normal; font-weight: 400; font-size: 16px; line-height: 30px;}


.tp-btn{position:relative;z-index:1;overflow:hidden;font-family:"Raleway",sans-serif;font-weight:500;font-size:16px;line-height:19px; padding:21px 48px; text-align:center;letter-spacing:-.01em;text-transform:capitalize;display:inline-block;color:#fff;background:#020626}
.tp-btn:after{height:34px;width:36px;border-radius:15px;right:-11px;bottom:-11px}
.tp-btn:after,.tp-btn:before{position:absolute;content:"";background:#05dac3}
.tp-btn:before{height:400px;width:430px;top:50%;left:50%;border-radius:50%;transform:translateX(-22%) translateY(-42%) scale(0);transition:all .5s ease-out 0s;z-index:-1}
.tp-btn:hover{color:#020626; text-decoration: none;}
.tp-btn:hover:before{transform:translateX(-50%) translateY(-50%) scale(1)}
.tp-btn i{margin-left:16px;transform:translateY(2px)}

.section-title{ margin-bottom: 50px}
.section-title h3{ position: relative; font-family: 'DM Sans', sans-serif; font-style: italic; font-weight: 500; font-size: 16px; text-transform: lowercase; color:#0c0808; display: inline-block; margin-bottom: 22px;z-index: 10; position: relative; padding-bottom: 12px;}
.section-title h3:after {content: '';height: 8px;width: 120px;background: url("../images/line.png");position: absolute;bottom: 0;	left: 0;background-size: cover; right: 0; margin: auto;}
.section-title h3 .title-pre-color{ color: #05dac3;}

.section-title h1{ position: relative; font-weight: 700; font-size: 38px; line-height: 48px; text-transform: capitalize; color: #0c0808; margin-bottom: 25px;}
.section-title span.title-left-shape{ position: absolute; left: 0; bottom: -25px; right: 0;}
.section-title span.title-left-shape svg{}

.section-title h2{ position: relative; font-weight: 700; font-size: 38px; line-height: 48px; text-transform: capitalize; color: #0c0808; margin-bottom: 25px;}
.section-title h2 span.titleblue{ color: #05dac3;}
.section-title span.title-left-shape{ position: absolute; left: 0; bottom: -25px;}
.section-title span.title-left-shape svg{}

.section-title p{ max-width: 950px; margin: 0 auto; text-align: center; font-weight: 500;}

.section-title.white h2{ color:#fff;}
.section-title.white h3{ color:#fff;}
.section-title.center{ text-align:center;}

.about-wraper .section-title{ width:66.66%; float: left;}
.about-wraper .section-title h1{ text-align:left;}

.about-wraper{ padding: 70px 0; position: relative; background: url("../images/aboutshape1.png") no-repeat left center;}
.autocontainer{}
.about-block{}
.about-1:first-child{ width: 33.33%}
.about-1:first-child .about-1-inner{ padding: 0;}
.about-1:last-child{ width: 66.66%;}
.about-1{ float: left;}
.about-1-inner{ padding: 0 15px;}
.about-1-img{}
.about-1-img img{ max-width: 100%;}
.about-1-info{ padding-left: 105px; margin-top: 0;}
.about-title{}

.aboutinfo-slider{ float: left; width: 100%;}
.aboutslider{}
.aboutslider-1{}
.aboutslider-1-inner{ position: relative; padding-right: 25px;}
.aboutslider-1-inner:after {position: absolute;content: "";top: 0;right: 20px;width: 1px;height: 248px;border-right: 1px dashed #d3d6da;z-index: 6;}
.aboutslider-1-thumb{ margin-bottom: 28px;}
.aboutslider-1-thumb img{}
.aboutslider-1-content{}
.aboutslider-1-content h4{ font-family: 'DM Sans', sans-serif; font-weight: 500;font-size: 19px;line-height: 24px;text-transform: capitalize;	color: #020626;	margin-bottom: 15px;}
.aboutslider-1-content p{}

.about-call { border: 1px solid #e6edf2; border-radius: 28px; padding: 12px 17px; width: 65%; float: right; margin-top: 35px;}
.about-call a p i { height: 28px; width: 28px; line-height: 28px; border-radius: 50%; text-align: center; margin-right: 10px; display: inline-block; color: #fff; background: #05dac3; transform: translateY(1px);}
.about-call a p { font-weight: 400; font-size: 18px; line-height: 30px; color: #000; margin-bottom: 0;}
.about-call a:hover{ text-decoration:none;}
.about-call a p span { margin-left: 18px; text-decoration: underline; transition: all .3s;}
.about-call a p span:hover { color: #05dac3;}

#aboutslider .aboutslider-1-thumb img{ width:auto;}
#aboutslider.owl-theme .owl-controls .owl-nav [class*="owl-"]{ background: none; color: #020626; width: 55px; height: 51px; line-height: 45px; font-weight: normal; transition: all 0.5s ease 0s; margin: 0; border-radius: 0;}
#aboutslider.owl-theme .owl-controls { position: absolute; top: -85%; right: 6%;}
#aboutslider.owl-theme .owl-controls .owl-nav [class*="owl-"]:hover { background: #020626; color: #fff; text-decoration: none;}

.about-bottom{ max-width: 95%;}

.about-bottom .aboutbtn{ margin-top: 35px; float: left;}
.about-bottom .aboutbtn a.tp-btn{}

.featured-wraper .featured-title{}
.featured-wraper .section-title{ float: left; width: 50%;padding: 0 15px;}
.featured-wraper .section-title h2{ text-align:left;}
.featured-wraper .featured-title-desc{ float:left; width:50%; padding: 0 15px; margin-top: 50px;}
.featured-wraper .featured-title-desc p { font-weight: 400; font-size: 16px; line-height: 26px; justify-content: flex-end;	display: flex; position: relative; padding-left: 55px;}
.featured-wraper .featured-title-desc p:after { position: absolute; content: ""; background: #05dac3; width: 2px; height: 41px;	left: 35px; top: 8px;}


.featured-wraper{ position: relative; padding: 70px 0; background: rgba(232,247,253,.5) url("../images/servicesbg.png") no-repeat left center; background-size: cover;}
.featured-wraper:before { content: ""; position: absolute; bottom: 0; background: #020626; height: 225px; width: 100%;	left: 0;}
.featured-block{}
.featured-1{ float: left; width: 33.33%; position: relative;}
.featured-1-inner{ margin: 10px 15px; padding: 56px 12px 25px; text-align: center; background: #fff; box-shadow: 0 -4px 31px rgba(0,0,0,.07);	overflow: hidden; position: relative;}
.featured-item{}
.featured-item-shape{ max-width: 180px; margin: 0 auto 60px;}
.featured-item-shape img{ border-radius: 88.5px; overflow: hidden; transition: .2s ease-in 0s; max-width: 100%; height: auto;}
.featured-item-info{}
.featured-item-info .shape{ position: absolute; right: 120px; top: 100px; background: #fff; box-shadow: 6px -6px 4px rgba(21,49,74,.07); border-radius: 24.945px; width: 50px; height: 50px; line-height: 50px; display: inline-block; margin-bottom: 0;	opacity: 0; visibility: visible; z-index: 1; transition: all .3s ease-in-out;}
.featured-item-info .shape img{ max-width: 100%;}
.featured-item-info h3{ position: relative; font-weight: 600; font-size: 24px; line-height: 24px; text-transform: capitalize; margin-bottom: 33px; color: #000;}
.featured-item-info h3 a{ color: #000;}
.featured-item-info h3 a:hover{ color: #05dac3; text-decoration: none;}
.featured-item-info h3 img { position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); width: 126px; display: inline-block; height: 7px;}
.featured-item-info p{ font-weight: 400; font-size: 16px; line-height: 30px; margin-bottom: 28px; text-align: center;}
.featured-1-inner:before{right:0;background:#ffb302;-webkit-clip-path:polygon(50% 15%,0 100%,100% 100%);clip-path:polygon(50% 15%,0 100%,100% 100%);width:52px;height:37px;bottom:-10px; }
.featured-1-inner:after, .featured-1-inner:before { position: absolute; content: ""; opacity: 0; visibility: visible; transform: scaleY(1);	transition: all .3s ease-in-out;}

.featured-1-inner:after { top: 0; background: #05dac3; -webkit-clip-path: polygon(0 0,0 100%,80% 50%); clip-path: polygon(0 0,0 100%,80% 50%); width: 42px; height: 57px; left: -10px;}

.featured-1r .feature-item-btn{}
.featured-1 .feature-item-btn a { height: 50px; width: 50px; display: inline-block; line-height: 50px; border-radius: 50%; color: #fff; background: #05dac3; position: absolute; bottom: -15px; left: 43%; text-align: center; transition: .3s; opacity: 0; visibility: hidden; scale: 0; z-index: 2;}
.featured-1:hover .feature-item-btn a { opacity: 1; visibility: visible; scale: 1;}

.featured-1:hover .featured-1-inner:after{opacity:1;visibility:visible;left:0}
.featured-1:hover .featured-1-inner:before{opacity:1;visibility:visible;bottom:0}
.featured-1:hover .featured-item-info .shape{opacity:1;visibility:visible;top:80px}
.featured-1:hover .featured-item-info .thumb{transform:scale(1.05)}


.services-wraper{ background: #020626; padding: 70px 0; position: relative;}
.services-block{}
.services-1{ }
.services-1-inner{ margin: 0 15px; background: #0d1130; border-radius: 5px; position: relative; text-align: center; overflow: hidden;	padding: 65px 0 50px; transition: all .3s ease-in-out; border: 1px solid #0d1130;}
.services-1-info{}
.services-1-info h3 { font-weight: 600; font-size: 22px; line-height: 36px; color:#fff; margin-bottom: 35px; position: relative; z-index: 1;}
.service-alpha{}
.service-alpha p{ font-weight: 500; font-size: 18px; color:#fff; border: 1px solid rgba(230,237,242,.15); border-radius: 50%; display: inline-block; line-height: 52px; width: 52px; height: 52px; position: absolute; right: 21px; top: 18px; z-index: 1; text-align: center;}
.service-1-icon{ margin-bottom: 60px;}
.service-1-icon img { max-width: 100%; width: auto !important; display: inline-block !important;}
.services-1-info p.hide-text{ position: absolute; font-weight: 400; font-size: 16px; line-height: 30px; color: #fff; margin-bottom: 0;	visibility: hidden; opacity: 0; top: 43%; left: 50%; transform: translateX(-50%); width: 100%; padding: 0 30px; transition: all .3s ease-in-out; text-align: center;}
.service-btn{}
.service-btn a{ font-weight: 500; font-size: 18px; line-height: 36px; color: #05dac3; z-index: 1; position: relative;}
.service-btn a i{ margin-left: 10px; transition: all .1s linear; transform: translateY(2px);}
.service-btn a:hover{ text-decoration: none;}

.services-1-inner:hover{ border: 1px solid #05dac3;}
.services-1-inner:hover .service-1-icon{visibility:hidden;opacity:0}
.services-1-inner:hover p.hide-text{visibility:visible;opacity:1;z-index:1}
.services-1-inner:hover .service-btn a{color:#fff}
.services-1-inner:hover .service-btn a i{transform:rotate(45deg)}

.center-btn{ text-align: center; margin-top: 50px;}
.center-btn a.tp-btn{ padding: 21px 51px; border: 1px solid #252949;}

.funfact-wraper .section-title h2{ font-size: 35px; text-align: left; line-height: 45px;}

.funfact-wraper{  background: #020626; padding: 70px 0 70px; position: relative; overflow: hidden;}
.funfact-block{}
.funfact-1:nth-child(1){ width: 18%;}
.funfact-1:nth-child(2){ width: 33.33%;}
.funfact-1:nth-child(3){ width: 48%;}
.funfact-1{ float: left;}
.funfact-1-inner{padding: 0 15px;}
.funfact-1-number{}
.number-1{ margin-bottom: 50px;}
.number-1-inner{}
.number-1-info{}
.number-1-info span{ display:inline-block;}
.number-1-info span.number-count.counter{ font-weight: 700; font-size: 60px; line-height: 55px; -webkit-text-fill-color: transparent;	-webkit-text-stroke-width: 1px; -webkit-text-stroke-color: hsla(0,0%,100%,.5); margin-bottom: 20px;}
.number-1-info span.number-count.plus{ font-weight: 700; font-size: 60px; line-height: 49px; -webkit-text-fill-color: transparent;	-webkit-text-stroke-width: 1px; -webkit-text-stroke-color: hsla(0,0%,100%,.5); margin-bottom: 30px;}
.number-1-info span.number-txt{ font-weight: 700; font-size: 16px; letter-spacing: .25em;color: #fff; display: block;}

.funfact-shape .funshape-1 { position: absolute; top: -65px; left: -32px; animation: scale_up_down 1s infinite alternate both;}
.funfact-shape .funshape-2 { bottom: -120%; left: -45%; animation: animationglob 30s cubic-bezier(1,.99,.03,.01) infinite; position: absolute;	opacity: .6;}
.funfact-shape .funshape-3 { position: absolute; bottom: -20%; right: -10%;}
.funfact-shape .funshape-4 { position: absolute; top: 20px; right: 85px; animation: tpupdown 1s infinite alternate;}
.funfact-shape .funshape-5 { position: absolute; top: 7%; left: 0; z-index: -1;}

@keyframes scale_up_down{0%{transform:scale(.9)}to{transform:scale(1)}}
@keyframes tpupdown{0%{transform:translateY(0)}to{transform:translateY(-20px)}}
@keyframes animationglob{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}

.funfact-1-img{}
.funfact-1-img img{}

.funfact-1-info{ padding-left:110px; position: relative; z-index: 1;}
.funfact-1-desc{}
.funfact-1-desc p { font-weight: 400; font-size: 18px; line-height: 30px; margin-bottom: 35px; color: #5a627d;}
.funfact-1-desc ul li { list-style: none; font-weight: 400; font-size: 15px; line-height: 20px; color: #6f7183; margin-bottom: 20px; display: inline-block;}
.funfact-1-desc ul li a{ color: #6f7183;}
.funfact-1-desc ul li a i{ margin:0 3px 0 0;}
.funfact-1-desc ul li a:hover{ text-decoration: none; color: #05dac3;}
.funfact-btn .tp-btn { background: hsla(0,0%,100%,.04); margin-top: 30px; padding: 21px 45px;}

.customer-wraper { padding:70px 0 70px; position: relative; background: url("../images/testimonial-bg.png") no-repeat center center; box-shadow: 0 10px 30px rgba(0, 0, 0, .1);}

.customer-slider .customer-item { position: relative; margin-top: 15px;}
.customer-slider .customer-item .customer-content {  position: relative; margin:0 15px;}
.customer-slider .customer-item .customer-content .last-icon { position: absolute; bottom: 0; right: 30px;}
.customer-slider .customer-item .customer-content .last-icon i::before { font-size: 50px; color: #9fc3e3; opacity: .3;}
.customer-slider .customer-item .customer-content p { font-weight: 500; font-size: 18px; line-height: 2; letter-spacing: -.04em;	color: #33343a; margin-bottom: 30px; text-align: center;}
.customer-slider .customer-item .customer-content .customer-pic { position: absolute; left: 30px; top: -52px;}
.customer-slider .customer-item .customer-content .customer-pic img { width: 100px; display: inline-block; border-radius:100%;}
.customer-slider .customer-item .customer-content h4 { font-weight: 600; font-size: 18px; line-height: 21px; text-transform: capitalize;	color: #08151f; margin-bottom: 7px;}
.customer-slider .customer-item .customer-content span { font-weight: 400; font-size: 16px; line-height: 23px; color: #05dac3;}
.customer-slider .customer-item .star-list { padding-left: 0; margin-bottom: 0; position: relative; top: 0; text-align: center;}
.customer-slider .customer-item .star-list li { list-style-type: none; display: inline-block;}
.customer-slider .customer-item .star-list li i { padding-right: 4px;}
.customer-slider .customer-item .star-list li i::before { font-size: 14px; color: #fac917;}
.customer-icon { margin-bottom: 31px; text-align: center;}
.customer-icon img{ max-width:45px; height: auto;}
.customer-review-box{ background-color: #ffffff; padding: 25px;  box-shadow: 0 4px 41px rgba(0,0,0,.05);}
.customer-info{ text-align:center; margin-top: 30px;}

#customer-slider .owl-dots .owl-dot { position: relative; top: 15px;}
#customer-slider .owl-dots .owl-dot span { width: 16px; height: 16px; margin: 5px 6px; background: #bdbebb; display: block; border-radius: 30px; border: none;}
#customer-slider .owl-dots .owl-dot span:hover { background-color: #ffffff; -webkit-transition: .6s; transition: .6s; -webkit-transition: 0.5s;}
#customer-slider .owl-dots .owl-dot.active span { background: #6a9b1c;}


.category-wraper{ padding: 70px 0; position: relative; background: linear-gradient(180deg,rgba(243,254,249,.21),rgba(158,234,229,.097) 53.65%,rgba(243,251,254,0));}
.category-wraper:before{ position:absolute; left: 0; top: 0; width: 100%; height: 100%; content: "";  }
.category-block{ position: relative; z-index: 2; margin-top: 90px;}

.category-1{ float: left; width: 20%;}
.category-1-inner{ padding: 0 15px; text-align: center;}
.category-1-info{ position: relative;	text-align: center;	height: 170px;	width: 170px;	background: #fff;	box-shadow: 0 7px 29px rgba(13,39,69,.05);border-radius: 50%;transition: all .3s;}
.category-1-info:before {position: absolute;top: 0;left: 0;right: 0;bottom: 0;content: "";background-color:#05dac3;	transform-origin: center;transition: all .3s cubic-bezier(.54,.33,.78,.84);	transform: scale(.5);z-index: 0;opacity: 0;border-radius: 50%;}
.category-1-info img{ position: relative; margin-top: 40px;}
.category-1-info h4{position: relative;font-weight: 600;font-size: 20px;line-height: 31px;text-transform: capitalize;transition: all .3s ease-out 0s;margin-bottom: 0;margin-top: 10px;color: #222;}

.category-1-info.one { margin-left: -22px; margin-top: 20px;}
.category-1-info.two { margin-left: -10px;}
.category-1-info.three { margin-top: 80px; margin-left: -14px;}
.category-1-info.four { margin-left: 0;}
.category-1-info.five { margin-left: 0; margin-top: 77px;}

.category-1-info:hover:before{ opacity:1; width: 100%; height: 100%; transform: scale(1);}
.category-1-info:hover h4{ color:#fff;}

.category-shape .shape-1 {position: absolute;top: 0;left: 0;}
.category-shape .shape-2 {position: absolute;bottom: 0;right: 0;}
.category-shape .shape-3 { position: absolute; bottom: 20%; left: 6%; color: #05dac3; z-index: 0;}


.company-wraper{ padding: 70px 0; position: relative; background:#f3fafe;}
.company-block{ position: relative;}

.company-1{ float: left; width: 33.33%;}
.company-1-inner{ padding:30px; margin: 0 15px; background: #fff; box-shadow: 0 7px 29px rgba(13,39,69,.05); position: relative; overflow:hidden; min-height: 450px;}
.company-1-info{ position: relative;transition: all .3s;}
.company-1-info img { position: relative; max-width: 125px; height: auto;}
.company-1-info h4{position: relative;font-weight: 600;font-size: 25px;line-height: 35px;text-transform: capitalize;transition: all .3s ease-out 0s;margin-bottom: 0;margin-top: 10px;color: #222;}
.company-1-info ul{ margin-top: 20px;}
.company-1-info ul li { padding: 5px 0 5px 25px; text-align: left; position: relative;}
.company-1-info ul li:before{ position: absolute; left: 0; top: 5px; content: "\f00c"; font-family: 'FontAwesome'; font-size: 14px; color:#05dac3; }

.company-1-inner:after, .company-1-inner:before { position: absolute; content: ""; opacity: 0; visibility: visible; transform: scaleY(1);	transition: all .3s ease-in-out;}
.company-1-inner::before { right: 0; background: #ffb302; -webkit-clip-path: polygon(50% 15%,0 100%,100% 100%); clip-path: polygon(50% 15%,0 100%,100% 100%); width: 52px; height: 37px; bottom: -10px;}
.company-1-inner:after { top: 0; background: #05dac3; -webkit-clip-path: polygon(0 0,0 100%,80% 50%); clip-path: polygon(0 0,0 100%,80% 50%); width: 42px; height: 57px; left: -10px;}

.company-1:hover .company-1-inner:after{opacity:1;visibility:visible;left:0}
.company-1:hover .company-1-inner:before{opacity:1;visibility:visible;bottom:0}


.footer-wraper{ padding:0 0 0; background:url("../images/footer-bg.jpg") no-repeat center center; position: relative;}
.footer-wraper:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background: #020c1b; opacity: .98;}

.footertop-wrap{ position: relative; border-bottom: 1px solid hsla(0,0%,85%,.08); padding: 45px 0; background: url("../images/footer-top-bg.png") repeat;}
.footertop-block{}
.footertop-1{ float: left; width: 50%;}
.footertop-1-inner{ padding: 0 15px;}
.footer-top-contact{}
.footer-top-contact a { font-weight: 400; font-size: 22px; line-height: 26px; color: #fff; background: #0e1825; border-radius: 66.5px;	padding: 10px 24px; display: inline-block; margin-top: 15px;}
.footer-top-contact a:hover{ text-decoration: none;}
.footer-top-contact a span{ color: #05dac3;}
.footer-top-right { justify-content: flex-end; display: flex; position: relative;}
.footer-top-right-headphone { float: left; margin: 10px 20px 0 0;}
.footer-top-right-headphone img{}
.footer-top-right-content{}
.footer-top-right-content p{ font-weight: 500; font-size: 18px; line-height: 34px; text-transform: uppercase; color: #fff; margin-bottom: -2px;}
.footer-top-right-content a{ font-weight: 500; font-size: 18px; line-height: 34px; color: #05dac3;}
.footer-top-right-content a:hover{ text-decoration: none;}

.footerbottom-wrap{ padding-top:60px;}
.footer-block{}
.footer-1{ float:left; width:33.33%;}
.footer-1-inner{ padding:0 15px;}
.footer-1-inner h3 { color: #fff; font-size: 22px; font-weight: normal; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 20px;}
.footer-1-inner h4 { color: #fff; font-size: 18px; font-weight: 600; text-transform: uppercase; margin-bottom: 15px;}
.footer-1-inner h5 { color: #fff; font-size: 16px; font-weight: normal; letter-spacing: 1px; margin-bottom: 12px;}
.footer-1-inner p{ color:#fff; font-weight:300; margin-bottom:5px;}
.footer-1-img{}
.footer-logo { margin-bottom: 15px; max-width: 250px;}
.footer-logo img{ max-width:100%;}
.footer-1-img{}
.footer-1-img img{ max-width:45%;}
.footer-1-inner a{ color:#e4e4e4;}
.usefullinks{ text-align:left;}
.usefullinks li{ }
.usefullinks li a { border-left: 3px solid #ffb839; color: #e4e4e4; display: inline-block; padding:0 0 0 10px; margin-bottom:7px;}
.usefullinks li a:hover{ text-decoration:none; color:#fff; }
.contactus{}
.contactus i{ color:#ffb839; margin:0 7px 0 0;}
.contactus p{ margin:10px 0;}
.addBlock{}
.addIcon{}
.addIcon i{}
.addDetail{}
.addBlock{ margin-bottom:15px;}
.addBlock .addIcon { float: left; height: 30px; line-height: 30px; margin: 0 10px 0 0; text-align: center;	width: 30px; border-radius: 50%; background: #05dac3; color: #fff;}
.addBlock .addIcon i { color: #fff; font-size: 14px;}

.addBlock .addDetail{ width:85%; float:right; font-size:15px; text-align:left; color:#e4e4e4;}

.footer-txt{ color:#fff; text-align: left;}

.footer-social{ margin-top: 15px;}
.footer-social ul{}
.footer-social ul li{ float:left; margin:0 10px 0 0}
.footer-social ul li a{ line-height:40px; color:#fff; border-radius:100%; display: block; float: left; height: 40px; margin: 0; text-align: center; width: 40px;}
.footer-social ul li a:hover{ text-decoration:none; background:#05dac3; color:#fff;}

.servlist{ float: left; width: 100%;}
.servlist li{ padding: 6px 0 6px 15px; position: relative; font-size: 15px; float: left; width: 50%; text-align: left;}
.servlist li:before { color: #05dac3; content: "\f04d"; font-family: FontAwesome; font-size: 8px; left: 0; position: absolute; top: 5px; transform: rotate(45deg);}
.servlist li a{ color: #e4e4e4;}
.servlist li a:hover{ text-decoration: none; color: #05dac3;}

.footerlast-wraper{ padding:15px 0; margin-top:50px; border-top:1px solid rgba(255, 255, 255, .15);}
.footerlast-block{}


.copyright { color: #e4e4e4; float: left; font-size: 13px; text-align: right; width: 50%;}
.copyname{ color: #e4e4e4; float: left; font-size: 13px; text-align:left; width: 50%;}

a#backtop:before { color: #ffffff; content: "\f106"; display: block; font-family: "FontAwesome"; font-size: 20px; margin-top: 20px; text-align: center;}
a#backtop { background:#05dac3; border-radius:50%; bottom: 15px; height: 45px; line-height: 5px; position: fixed; right: 15px; text-decoration: none; width: 45px; z-index: 9999; font-size: 20px; font-weight: 400; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;}
a#backtop:hover{ text-shadow: 0 3px 0 #000, 0 4px 2px #fff; -webkit-text-shadow: 0 3px 0 #000, 0 4px 2px #fff; background:#4e3224  ;}  

.socialbtnstick{ position:fixed; z-index:9999; right:15px; bottom:65px;}
.socialbtnstick a{ display:block; font-size:16px; border-radius:100%; color:#fff; width:45px; height:45px; line-height:45px; text-align:center; margin-top:5px;}
.socialbtnstick a.fb{ background:#354d8e;}
.socialbtnstick a.lin{ background:#347ed4;}
.socialbtnstick a.tw{ background:#00a3f6;}
.socialbtnstick a:hover{ text-decoration:none;}


.innerbanner-wraper{ position: relative;  background-repeat: no-repeat; background-position: 50%!important; background-size: cover; padding: 120px 0; }
.innerbanner-block{}
.innerbanner-1{}
.innerbanner-1-inner{}
.innerbanner-1-title{ text-align: center; position: relative;}
.innerbanner-1-title h1{ position: relative; font-weight: 700; font-size: 52px;	line-height: 50px; color: #121d2c; margin-bottom: 25px;	text-transform: capitalize;}
.innerbanner-1-title img{ position: absolute; bottom: -10px; right: 41%; z-index: 1;}
.breadcrum{ text-align: center;}
.breadcrum ul{}
.breadcrum ul li { display: inline-block; text-transform: uppercase; font-weight: 600; font-size: 13px;	padding: 0 3px;}
.breadcrum ul li a{ color: #222;}
.breadcrum ul li a:hover{ text-decoration: none; color: #05dac3;}
  
.content-wraper{ padding: 70px 0; position: relative;}
.content-block{}
.content-block h1{ position: relative; font-weight: 700; font-size: 52px; line-height: 50px; color: #121d2c; margin-bottom: 25px; text-transform: capitalize;}
.content-block h2{ font-weight: 700; font-size: 40px; line-height: 50px; color: #121d2c; margin-bottom: 25px; text-transform: capitalize;}
.content-block h3{ font-weight: 700; font-size: 30px; line-height: 40px; color: #121d2c; margin-bottom: 25px; text-transform: capitalize;}
.content-block h4{ font-weight: 700; font-size: 25px; line-height: 35px; color: #121d2c; margin-bottom: 25px; text-transform: capitalize;}
.content-block h5{ font-weight: 700; font-size: 20px; line-height: 30px; color: #121d2c; margin-bottom: 25px; text-transform: capitalize;}
.content-block h6{ font-weight: 700; font-size: 16px; line-height: 25px; color: #121d2c; margin-bottom: 25px; text-transform: capitalize;}
.content-block p{ }
.content-1{ float: left; width: 50%;}
.content-1-inner{ padding: 0 15px;}
.content-1-img{}
.content-1-img img{ max-width: 100%; border-radius: 10px;}
.content-1-info{}
.content-1-info h3{ margin-bottom: 10px;}
.content-1-info .titleline{ max-width: 120px; height: auto; margin-bottom: 25px;}
.content-1-info p{}

.content-wraper.contentblue-wraper{ background: rgba(232,247,253,.5);}
.content-wraper.contentblue-wraper.contentimgright-wraper{}
.content-wraper.contentblue-wraper.contentimgright-wraper .content-1:first-child{ float:right;}

.innerabout-block{}
.innerabout-1{}
.innerabout-1-inner{margin: 0 15px; background: #fff; border-radius: 25px; -webkit-clip-path: polygon(0 0, 85% 0, 100% 30%, 100% 100%, 70% 100%, 14% 100%, 0% 70%, 0% 30%); clip-path: polygon(0 0, 85% 0, 100% 30%, 100% 100%, 70% 100%, 14% 100%, 0% 70%, 0% 30%); padding: 50px 130px; position: relative; border-top: 5px solid #05dac3; border-left: 5px solid #05dac3; border-right: 5px solid #020626; border-bottom: 5px solid #020626;}
.innerabout-1-inner h2{ margin-bottom: 10px;}
.innerabout-1-inner .titleline{ margin-bottom: 25px; max-width: 120px; height: auto;}
.innerabout-1-inner p{}

.numberitem-wraper{ background: #020626; position: relative; padding: 60px 0;}
.numberitem-block{}
.numberitem-1{ float:left; width: 33.33%;}
.numberitem-1-inner{ padding: 0 15px;}
.numberitem-1-info{ text-align: center;}
.numberitem-1-info span.number-count.counter{ font-weight: 700; font-size: 60px; line-height: 55px; -webkit-text-fill-color: transparent;	-webkit-text-stroke-width: 1px; -webkit-text-stroke-color: hsla(0,0%,100%,.5); margin-bottom: 20px;}
.numberitem-1-info span.number-count.plus{ font-weight: 700; font-size: 60px; line-height: 49px; -webkit-text-fill-color: transparent;	-webkit-text-stroke-width: 1px; -webkit-text-stroke-color: hsla(0,0%,100%,.5); margin-bottom: 30px;}
.numberitem-1-info span.number-txt{ font-weight: 700; font-size: 16px; letter-spacing: .25em;color: #fff; display: block; margin-top: 20px;}


.mission-wraper{ position:relative; padding: 70px 0; background: rgba(232,247,253,.5);}
.mission-block{}
.mission-1{ float: left; width: 33.33%;}
.mission-1-inner{ margin: 15px; padding: 20px;background: #fff; box-shadow: 0 7px 29px rgba(13,39,69,.05); overflow: hidden; position: relative; min-height: 370px;}
.mission-1-info{}
.mission-1-info h3{ position: relative; font-weight: 600; font-size: 25px; line-height: 35px; text-transform: capitalize; transition: all .3s ease-out 0s; margin-bottom: 10px; margin-top: 0; color: #222; text-align: left;}
.mission-1-info p{}
.mission-1-info .comshape{ max-width: 120px; height: auto; margin-bottom: 25px;}

.mission-1:last-child .mission-1-inner{ background: #05dac3;}
.mission-1:last-child .mission-1-inner .mission-1-info p{ color:#fff;}


.mission-1-inner:after, .mission-1-inner:before { position: absolute; content: ""; opacity: 0; visibility: visible; transform: scaleY(1);	transition: all .3s ease-in-out;}
.mission-1-inner:before { right: 0; background: #ffb302; -webkit-clip-path: polygon(50% 15%,0 100%,100% 100%); clip-path: polygon(50% 15%,0 100%,100% 100%); width: 52px; height: 37px; bottom: -10px;}
.mission-1-inner:after { top: 0; background: #05dac3; -webkit-clip-path: polygon(0 0,0 100%,80% 50%); clip-path: polygon(0 0,0 100%,80% 50%); width: 42px; height: 57px; left: -10px;}

.mission-1:hover .mission-1-inner:after{opacity:1;visibility:visible;left:0}
.mission-1:hover .mission-1-inner:before{opacity:1;visibility:visible;bottom:0}

.contactElement-wraper{ position: relative; padding: 70px 0;}

.ctcFormBlock { float:right; width: 50%;}
.ctcFormBlock .well-us { background: #f8f8f9; border-radius: 9px; padding: 60px 50px 40px 60px;}
.ctcFormBlock .well-us h3:before { background: #fff; content: ""; height: 44px; left: 0; position: absolute; top: 4px; width: 5px;}
.ctcFormBlock .well-us h3 { background: #007c1a;  color: #fff; font-size: 18px; font-weight: 500; line-height: 52px; margin: 0 0 25px;
  padding: 0 0 0 26px; position: relative;}
.contactInfo { }
.contactInfo ul { padding: 0;}
.contactInfo ul li { list-style:none; padding: 10px 0; text-align: left;}
.contactInfo ul li span{ }
.contactInfo ul li i { }  
.contactInfo ul li span.spanicon { color: #05dac3; display: inline-block; height: 40px; line-height: 40px; margin: 0 10px 0 0; text-align: center; width: 40px; font-size: 30px;  }
.contactInfo ul li span.spanfull { font-weight: normal; font-size: 22px; line-height: 2.8; color: #08151f; border-bottom: 1px solid #d9d9d9; padding-bottom: 7px;}
.welllg-4{ float:left; width: 50%; padding: 0 20px;}
.welllg-4 h3 { font-weight: 700; font-size: 45px; line-height: 65px; display: inline-block; text-transform: uppercase; color: #08151f; margin-bottom: 35px;}
.welllg-4 h3 span{ color: #05dac3;}
.welllg-4 p { font-weight: 400; font-size: 18px; line-height: 30px; color: #7f7f8c; margin-bottom: 40px;}



.formBlock{ float:left; width:50%; margin-bottom:18px; padding:0 10px;}
.formBlock.formBlock1{ width:100%;}
.formBlock .txtbox { width: 100%; height: 60px; border: 1px solid #d4dce0;  background-color: #f8f8f9; outline: 0; color: #000; padding: 0 25px; border-radius: 2px;}
.formBlockmsg{ padding:0 10px;}
label.error{ color:#cc0000;}
.formBlock .txtbox:focus, .formBlockmsg .txtboxarea:focus{ border: 1px solid #05dac3;}
.formBlock.formBlockmsg{ width:100%;}
.formBlockmsg .txtboxarea{ height: 100px; background-color: #f8f8f9; resize: none; border-radius: 2px; border: 1px solid #d4dce0; width: 100%; font-family: 'DM Sans', sans-serif; padding: 10px 25px;}

.formBlock.formBlockSub{ padding:0 10px; margin-top:20px; width: 100%;}
.formBlockSub .submit{ background: #020626; border-radius:25px; -webkit-text-shadow:0 1px 2px rgba(0, 0, 0, 0.1); text-shadow:0 1px 2px rgba(0, 0, 0, 0.1); color:#fff; cursor:pointer; padding:12px 28px; font-weight:bold; text-transform:capitalize;  }

.capchaimg {  user-select: none; border-radius: 5px; position: relative; height: 50px;}
.capchaimg img{ width: 100%; height: 100%; object-fit: cover; border-radius: 5px; opacity: 0.95;}
.capchaimg #captcha1{ position: absolute; left: 50%; top: 50%; width: 100%; color: #000; font-size: 35px; text-align: center; letter-spacing: 10px; transform: translate(-50%, -50%); text-shadow: 0px 0px 2px #b1b1b1;}


#menu-icon{ display:none;}  



@media screen and (min-width:1281px)
{
	
}
/*##################################    for width 1024px  ########################################*/
@media screen and (max-width:1259px)  
{
	.container{ width:98%; margin:0 auto; max-width:1000px;}
	.middlebtn{ display:none;}
	.bannercontainer{ top:15%;}
	.about-1-info{ padding:0;}
	.section-title h1{ font-size:30px; line-height: 40px;}
	.services-1-info p.hide-text{ padding:0 15px;}
	.funfact-1-img img { max-width: 100%; height: auto;}
	.funfact-1-info{ padding-left:20px;}
	
	
	

}

/*##################################    for width 768px  ########################################*/

@media screen and (max-width:990px)
{
	.container{ width:98%; margin:0 auto; max-width:750px;}
	.nav-wraper{ float:right;}
	#menu-icon { border-radius: 2px; color: #fff; cursor: pointer; display: block; float: right; margin: 20px 0 10px; width: 50px;	position: relative; background: #020626; text-align: center; height: 50px; line-height: 50px;}
	#menu-icon i{ font-size:20px;  cursor:pointer;}
	#menu-icon span{ color:#000; text-transform:uppercase; font-weight:bold;} 
	.menu-container-1 { left: 8px; position: absolute; top: 95px;width: 98%;}
	.sf-menu > li > a::after{ left:auto; right:auto;}
	.sf-menu{ float:none; display:none;}
	.breadcrum .breadCrumTP .menu-menu-1-container{ position:static;}
	.sf-menu > li > a{ color:#5a5a5a;}
	.sf-menu > li > ul, .sf-menu > li.sfHover > ul{ box-shadow:none;}
	.nav__primary{ width:100%;}
	.sf-menu > li{ width:100%;}
	.sf-menu > li + li{ margin:0;}
	.sf-menu > li > a{ padding:12px 15px; width:96%; text-align:left;}
	.sf-menu > li > ul > li > a{ width:100%; padding:8px 0;}
	.sf-menu li ul.servItem li{ width:100%;}
	.sf-menu li ul.servItem{ width:100%!important;}
	.sticky{ position:static!important}
	.sf-menu > li > ul > li strong{ display:none;}
	.sf-menu > li > ul, .sf-menu > li.sfHover > ul{ width:100%;}
	.sf-menu > li > ul{ position:static;}
	.sf-menu > li > ul:before{ display:none;}
	.sf-menu > li:hover > a, .sf-menu > li.current > a, .sf-menu > li.sfHover > a, .sf-menu > li:hover > span, .sf-menu > li.current > span, .sf-menu > li.sfHover > span{ border:none;}
	.sf-menu > li > ul, .sf-menu > li.sfHover > ul{ border:none;}
	.sf-menu > li.sfHover ul{}
	.sf-menu li ul{ display:none; padding:5px 25px;}
	.sf-menu li strong { background: url(../images/toogle-button2.png) no-repeat right -54px; height: 35px; position: absolute; right: 25px; top: 4px; width: 150px; z-index:200; cursor:pointer;}
	
    .sf-menu li strong.opened { background-position: right 7px;}
    .sf-menu > li{ background:#f9f9f9;}  
	.sf-menu li ul { background: #e4e4e4; padding: 12px 28px; max-width: 100%;}
	
	.bannercontainer{ padding:0 15px;}
	.banner-img-desc h2{ font-size:40px; line-height: 50px;}
	.hero-play-btn{ display:none;}
	.hero-bottom{ display:none;}
	.hero-service{ display:none;}
	.banner-img-desc h2 svg{ top:50px;}
	.about-1{ width:100%;}
	.about-1:first-child{ width:100%;}
	.about-1:last-child{ width:100%;}
	.featured-wraper .section-title{ width:100%; margin: 0;}
	.featured-wraper .featured-title-desc { width: 100%; margin: 15px 0 30px 0; }
	.featured-wraper .featured-title-desc p::after{ left:0;}
	.featured-wraper .featured-title-desc p{ padding-left:20px;}
	.funfact-1:nth-child(1){ width: 50%;}
	.funfact-1:nth-child(2){ width: 50%;}
	.funfact-1:nth-child(3){ width: 100%;}
	.funfact-1-info{ padding:0;}
	.category-1-info.one{ margin:0;}
	.category-1 { float: none; display: inline-block; width: 30.33%; vertical-align: top;}
	.category-block {  margin-top: 0; text-align: center;}
	.category-1-info.three { margin-top: 0; margin-left: 0;}
	.category-1-info.five { margin-left: 0; margin-top: 0;}
	.company-1 { float: left; width: 100%; margin: 10px 0;}
	.company-1-inner{ min-height:100%;}
	.footertop-1 { float: left; width: 100%;}
	.footer-top-right{ display:block; margin-top: 20px;}
	.footer-1 { float: left; width: 100%; }
	.footer-1:nth-child(2){ margin:25px 0;}
	.about-wraper, .services-wraper{ padding-top:0;}
	.section-title h2 { font-size: 25px; line-height: 35px;}
	.innerbanner-wraper{ padding:60px 0;}
	.innerbanner-1-title h1{ font-size:40px;}
	.innerbanner-1-title img{ right:37%;}
	.innerabout-1-inner{ clip-path:none;}
	.innerabout-1-inner{ padding:20px;}
	.mission-1{ width:100%;}
	.mission-1-inner{ min-height:100%;}
	.content-1{ width:100%;}
	.content-block h2{ font-size:26px; line-height: 36px;}
	.content-1-info h3 { margin-bottom: 10px; text-align: left; font-size: 24px; line-height: 34px;}
	.content-1:first-child{ margin-bottom:25px;}
	.ctcFormBlock{ width:100%;}
	.welllg-4{ width:100%;}
	.ctcFormBlock .well-us{ padding:20px;}
	.formBlock{ width:100%;}
	
	
	
	
}

/*##################################    for width 600px  ########################################*/

@media screen and (max-width:767px)
{
	.container{ width:98%; margin:0 auto; max-width:600px;}
	.top-wraper{ display:none;}
	.hero-shape .shape-3, .funfact-shape .funshape-4{ display:none; }
	.about-call{ width:100%;}
	.featured-1{ width:100%;}
	.copyname{ width:100%;}
	.bannercontainer { padding: 0 15px; width: 100%;}
	.innerbanner-1-title img { right: 0; max-width: 150px; left: 0; margin: auto;}
	.numberitem-1-info span.number-count.counter, .numberitem-1-info span.number-count.plus{ font-size:50px;}
	.innerbanner-1-title h1 { font-size: 32px;}
	.welllg-4{ margin-top:30px;}
	.welllg-4 h3{ font-size:28px; line-height: 38px; margin-bottom: 15px;}
	.contactInfo ul li span.spanfull{ font-size:16px;}
	.contactInfo ul li span.spanicon{ font-size:20px;}
	
	
	
	
	
}

/*##################################    for width 480px  ########################################*/

@media screen and (max-width:580px)
{
	.container{ width:98%; margin:0 auto; max-width:440px;}
	.banner-img-desc h2 { font-size: 32px; line-height: 40px;}
	.homebtn a.tp-btn { padding: 15px 20px; position: relative; z-index: 10;}
	.banner-img-desc h2 svg { top: 40px;}
	.funfact-1:nth-child(1) { width: 100%;}
	.funfact-1:nth-child(2) { width: 100%; max-width: 70%; margin: 0 auto 25px; float: none;}
	.number-1-info { text-align: center;}
	.funfact-wraper .section-title h2 { font-size: 28px; text-align: left; line-height: 38px;}
	.customer-wraper{ padding-bottom:0;}
	.category-1{ width:46%; margin: 10px 0;}
	.hero-shape .shape-4{ display:none;}
	.featured-item-shape{ margin-bottom:30px;}
	.customer-review-box{ padding:15px;}
	.customer-slider .customer-item .customer-content p{ font-size:17px; line-height: 27px;}
	.footer-top-contact a{ text-align:left;}
	.footer-top-right { display: block; margin-top: 20px; position: relative;}
	.footer-top-right-headphone{ position:absolute;}
	.footer-top-right-content { padding-left: 65px; }	
	.numberitem-1{ width:100%; margin: 10px 0;}
	
	
	
}

/*##################################    for width 320px  ########################################*/

@media screen and (max-width:479px)
{
	.container{ width:98%; margin:0 auto;}
	.nav-wraper { float: right; margin: 0;}
	.menu-container-1{ left:0; width: 100%;}
	.banner-img-desc h2 { font-size: 22px; line-height: 30px;}
	.banner-img-desc h2 svg { top: 28px; width: 55%;}
	.banner-img-desc h3{ display:none;}
	.homebtn a.tp-btn { padding: 12px 20px; position: relative; z-index: 10;	font-size: 14px;}
	.about-wraper .section-title { width: 100%; float: left;}
	.section-title h1 { font-size: 24px; line-height: 34px;}
	#aboutslider.owl-theme .owl-controls { display: none; }
	.aboutslider-1-content h4{ display:none;}
	.aboutslider-1-inner{ padding:0;}
	.aboutslider-1-inner::after{ display:none;}
	.tp-btn, .funfact-btn .tp-btn{ padding:13px 30px; font-size: 14px;}
	.about-bottom .aboutbtn{ margin-top:20px;}
	.funfact-1-desc ul li{ width:100%;}
	.category-1-inner{ padding:0 10px;}
	.category-1-info h4{ font-size:16px; line-height: 26px;}
	.category-1-info{ width:135px; height: 135px;}
	.category-1-info img { position: relative; margin-top: 25px;}
	.category-1 { width: 48%; margin: 10px 0;}
	.section-title{ padding:0 15px;}
	.section-title h2 { font-size: 23px; line-height: 33px;}
	.copyname{ padding:0 15px; text-align: center;}
	.servlist li{ width:100%;}
	

}