@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@600&display=swap');
@import url('https://fonts.cdnfonts.com/css/futura-md-bt?styles=17516,17517,17514,17515,17522,17518,17520,17523,17525,17527,17529,17530,17531,17532,17519,17521,17524,17526,17528,17533,17534');
@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@500;900&family=Quicksand:wght@600&display=swap');
.header{
background-color: red; /* For browsers that do not support gradients */
background-image: linear-gradient(to right, #004797 , #00a0fc);}

.header-top{ background-image:url(images/logo-bg.png); background-repeat:no-repeat; background-position:center top; min-height:650px;}
.logo{ padding-left:0px; padding-top:0px;}
.navbar-brand{margin-top: -14px; margin-left: -53px;}
.contactDetail{font-family: 'Quicksand', sans-serif; color:#FFF; font-size:15px; padding-top:10px; padding-bottom:10px; text-align:right; border-bottom:0px solid #00436b}
.navbar{ background-image:url(images/nav-bg.png); background-repeat:repeat-x; }
.header-rightSection{ padding-left:40px;}

.nav-link{ font-size:16px; color:#000000; padding-left:13px!important; padding-right:13px!important; padding-top:17px; padding-bottom:18px; text-transform:uppercase; font-weight:bold;}
.nav-link:hover{ color:#FFF;  }


li.nav-item{
  border:none;
  position: relative;
}
li.nav-item:hover{
  border: none;
}
.nav-link:focus, .nav-link:hover{color:#000000;}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{color:#000000; border-bottom:#00436b solid 3px; margin-bottom:-3px;}
.navbar-expand-lg .navbar-nav .dropdown-menu{ z-index:999999;   margin-top: -5px; margin-left:-1px; border-top:#00436b solid 3px;}


.dropdown-hover:hover>.dropdown-menu {
display: inline-block;

position:absolute;
}

.dropdown-hover>.dropdown-toggle:active {
/*Without this, clicking will make it sticky*/
pointer-events: none;
}
.dropdown-menu{ border-radius:0px;}
.dropdown::after{
  content: '';
  position: absolute;
  width: 0px;
  height: 3px;
  left: 50%;
  background-color: #fca905;
  transition: all ease-in-out .2s;
  margin-left:10px;
 
}
.dropdown:hover::after{
  width: auto !important;
  left: 3px !important;
  right: 11px !important;
}


.nav-item::after{
  content: '';
  position: absolute;
  width: 0px;
  height: 3px;
  left: 50%;
  background-color: #00436b;
  transition: all ease-in-out .2s;
 
 
}
.nav-item:hover::after{
  width: 100%;
  left: 0px;
 
}



.shortmenu{ display:none}
.bigmenu ul{ list-style:none; }
.bigmenu li{ border:1px solid #CCC;  margin-bottom:10px; border-radius:6px; float:left; width:48%; margin:5px;}
.bigmenu li a:hover{ border-radius:6px;}
.bigmenu li h4{font-family: 'Futura Hv BT', sans-serif; color:#0a157e; font-size:18px; font-weight:bold; margin-top:10px; margin-bottom:3px; }
.bigmenu li p{ margin-top:0px; padding-top:0px; margin-bottom:8px; white-space:normal; font-size:13px;}
.bigmenu li img{ float:left; padding:5px 15px 5px 5px; width:80px; }


.getintouch-btn{ border-radius:0px; 
background-color: #fc9305; /* For browsers that do not support gradients */
background-image: linear-gradient(to top, #ffe6ce , #ffe6ce);
color:#FFF; text-transform:uppercase; font-size:16px; font-weight:bold; padding-left: 24px;
padding-right: 25px;
margin-left: 8px;
margin-right: -12px;
padding-top: 26px;
padding-bottom: 25px;
margin-top: -14px; border:0px;}
.getintouch-btn:hover{background-color: #ffe6ce; /* For browsers that do not support gradients */
background-image: linear-gradient(to top, #4a4a4a, #4a4a4a);}
.coffe-content{ display:none;}

 .navbar-toggler {
	 margin-top:-120px;
}

.banner-outer{background-image:url(images/banner-chart-line1.png); background-repeat:no-repeat; background-position:center bottom; min-height:510px; position:relative; padding-bottom:0px; margin-bottom:0px;}

.banner h2{ font-family: 'Futura Hv BT', sans-serif; text-transform:uppercase; font-weight:bold; color:#FFF; font-size:56px}
.banner h3{ font-family: 'Futura Hv BT', sans-serif; text-transform:uppercase; font-weight:bold; color:#FFF; font-size:36px}
.banner .yellow-text{ color:#fecb00; font-size:76px; font-weight:bold; text-transform:uppercase;}
.banner p{ color:#FFF; font-size:18px; margin-top:0px; line-height:26px; font-weight:bold;}

.btn-getstarted{ background-image:url(images/banner-btn.png); padding-top:28px;  text-shadow: 1px 1px #805704; width:252px; height:140px; font-size:24px; text-transform:uppercase; color:#FFF; font-weight:bold;}

.baner-left{ margin-top:120px;}
.banner-icon-1{width:190px; height:160px; left:-8%; margin-top:0px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-2{width:190px; height:160px; left:-11%; margin-top:369px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-3{width:190px; height:160px; left:36%; margin-top:66px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-4{width:390px; height:130px; right:11%; margin-top:-23px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-5{width:140px; height:140px; right:20%; margin-top:0px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-6{width:280px; height:280px; left:34%; margin-top:341px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-7{width:140px; height:140px; right:19%; margin-top:255px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-8{width:140px; height:140px; left:43%; margin-top:250px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-9{width:60px; height:60px; left:35%; margin-top:390px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-10{width:497px; height:350px; right:25%; margin-top:100px; position:absolute; z-index:99999; transition:all 1s ease;}

.banner-icon { 

   left:50%; margin-top:200px; position:absolute; z-index:9999;
   transition:all 4s ease;
   transition: opacity 4s;
	opacity: 0;
}

.banner-icon2 { 

   left:50%; margin-top:200px; position:absolute; z-index:9999;
   transition:all 1s ease;
   transition: opacity 1s;
	opacity: 0;
}


.banner-content{margin-top:0px; transition:all 2s ease;}
.banner-content-start{ margin-top:100px; transition:all 2s ease; transition: opacity 1s;
	opacity: 0;}
	
.partners-arrow{ background-image:url(images/partner-arrow.png); background-position:right center; background-repeat:no-repeat; padding-top:10px;}
.Worked-With-Them{ font-family: 'Libre Franklin', sans-serif; font-size:18px; color:#06116b; font-weight:500;}
.Now-Trust{font-family: 'Libre Franklin', sans-serif;  font-size:22px; color:#06116b; font-weight:900;}	

.services{ background-color:#f1f1f1; padding-top:50px; padding-bottom:50px;}	
.services h1{ font-family: 'Futura-Black', sans-serif; color:#e1e1e1; font-size:115px; text-align:center; margin-bottom:-50px;}
.services h2{ font-family: 'Futura-Black', sans-serif; color:#0a157e; font-size:48px; text-align:center; font-weight:bold;}
.services h5{ font-family:Arial, Helvetica, sans-serif; color:#676767; font-weight:bold; padding-left:25%; padding-right:25%; font-size:18px; margin-top:30px;}

.ser-item { min-height:80px; margin-bottom:15px; margin-top:15px;}
.ser-item img{ float:left; margin-right:20px;}
.ser-item h3{ font-family: 'Futura Hv BT', sans-serif; font-size:28px; color:#040d5c; margin:0px; padding:0px; }
.ser-item p{ font-size:16px; margin-top:8px;}

.ser-itemp { min-height:80px; margin-bottom:15px; margin-top:15px; text-align:center}
.ser-itemp img{ margin-bottom:15px;}
.ser-itemp h3{ font-family: 'Futura Hv BT', sans-serif; font-size:28px; color:#040d5c; margin:0px; padding:0px; }
.ser-itemp p{ font-size:16px; margin-top:8px;}

.about{ padding-bottom:40px;}
.about h1{ font-family: 'Futura-Black', sans-serif; color:#eeeeee; font-size:115px;  margin-bottom:-50px;}
.about h2{ font-family: 'Futura-Black', sans-serif; color:#0a157e; font-size:38px;  font-weight:bold;}
.about h5{ font-family:Arial, Helvetica, sans-serif; color:#242323; font-weight:bold;  font-size:18px; margin-top:30px;}
.about p{ font-size:18px; line-height:32px;}

.about a{ font-family:Verdana, Geneva, sans-serif; text-decoration:none; font-size:14px; color:#0a157e; font-weight:bold;}
.about a:hover{ font-family:Verdana, Geneva, sans-serif; text-decoration:none; font-size:14px; color:#333;}

.about-list ul{ list-style:none;}
.about-list li{list-style-image: url('images/check.png');}


.ContactSection{ background-color:#f57f20; padding-top:50px; padding-bottom:50px;}
.Contactbg{ background-image:url(images/cloude.png); background-position:right; background-repeat:no-repeat;}
.ContactSection img{ float:left; margin-right:15px;}
.ContactSection h4{font-family: 'Futura Hv BT', sans-serif; font-size:28px; font-weight:bold; color:#FFF;}
.ContactSection h1{font-family: 'Futura Hv BT', sans-serif; font-size:78px; color:#fdf3df;}
.ContactSection h3{font-family: 'Futura Lt BT', sans-serif; font-size:31px;  color:#FFF; margin:0px; padding:0px; }


.why-post{ padding-top:50px; padding-bottom:100px;}
.why-post .posts{ background-color:#ebebeb; border-radius:6px; padding:25px; min-height:200px; margin-bottom:20px; }
.why-post h2{ font-family: 'Futura-Black', sans-serif; color:#0a157e; font-size:38px;  font-weight:bold;  text-align:center; margin-bottom:50px;}
.why-post h3{ color:#0a157e; font-size:21px; font-weight:bold; margin-bottom:15px; }


.portfolio{ padding-top:50px; padding-bottom:100px;}
.portfolio h1{ color:#eeeeee; font-size:115px;  margin-bottom:-50px; text-align:center;}
.portfolio h2{ font-family: 'Futura-Black', sans-serif; color:#0a157e; font-size:38px;  font-weight:bold;  text-align:center; margin-bottom:50px;}
.portfolio h5{ font-family:Arial, Helvetica, sans-serif; color:#242323; font-weight:bold;  font-size:18px; margin-top:30px;}

.portfolio .gpost{ border:1px #CCCCCC solid; padding:5px; margin-bottom:15px;}


.blog{ padding-top:50px; padding-bottom:50px; background-color:#eceeff;}
.blog h1{ color:#d2d5ee; font-size:115px;  margin-bottom:-50px; text-align:center;}
.blog h2{ font-family: 'Futura-Black', sans-serif; color:#0a157e; font-size:38px;  font-weight:bold;  text-align:center; margin-bottom:30px;}
.blog h5{ font-family:Arial, Helvetica, sans-serif; color:#242323; font-weight:bold;  font-size:18px; margin-top:30px; text-align:center; margin-bottom:50px;}

.blog-post{border-radius:12px; background-color:#FFF; min-height:460px;}
.blog-post-img{border-radius: 12px 12px 0px 0px; }
.blog-post-content{ padding:15px;}
.blog-post .datess{ color:#FFF; background:#07116c; padding:4px 7px; border-radius:4px;}
.blog-post h3{ font-family:Verdana, Geneva, sans-serif; font-size:18px; color:#07116c; font-weight:bold; padding-top:15px; }
.blog-post a{ color:#07116c; font-size:14px; text-decoration:none; font-weight:bold;}
.blog-post a:hover{ color:#000; font-size:14px; text-decoration:none; font-weight:bold;}


.testimonial{}
.testimonial-bg{ background-image:url(images/testimonial-bg.png); background-repeat:no-repeat; background-position:left; background-color:#1b278f}
.testimonial-section{background-color:#f1f1f2;}
.testimonial-heading{ background-color:#f1f1f2; padding:5px 35px; margin-left:-63px; margin-top:30px;}
.testimonial-heading-shadow{ margin-left:-65px;}

.testimonial h1{ color:#d2d2d6; font-size:80px;  margin-bottom:-30px; font-weight:bold; }
.testimonial h2{ font-family: 'Futura-Black', sans-serif; color:#0a157e; font-size:31px;  font-weight:bold;   margin-bottom:20px;}
.testimonial-post{ margin-left:-50px;}
.testimonial-img{ border-radius:50px; border:5px solid #f1f1f2}
.testimonial-content{ width:750px}
.testimonial-name{ text-align:right; font-weight:bold; font-size:14px; text-decoration:none;}

.calltoaction{background-image: linear-gradient(to right, #422467 , #d41f51);}
.calltoaction-bg1{ background-image:url(images/call-to-action-bg1.png); background-repeat:no-repeat; background-position:center left;}
.calltoaction-bg2{ background-image:url(images/call-to-action-bg1.png); background-repeat:no-repeat; background-position:center right; padding-top:150px; padding-bottom:80px;}

.calltoaction h1{ color:#FFF; font-size:85px; font-weight:bold;}
.calltoaction h5{ color:#FFF; font-size:16px;}

.footer{background-image: linear-gradient(to right, #040d5d , #07169f); color:#FFF;}
.footer-bg{ background-image:url(images/footer-bg.png); background-repeat:no-repeat; background-position:center; padding-bottom:50px; padding-top:50px;}
.footer h3{ font-family:"Arial Black", Gadget, sans-serif; font-weight:bold; padding-top:30px;}
.footer-link a{ font-family:Verdana, Geneva, sans-serif; font-size:14px; text-decoration:none; color:#FFF; display:block; padding-top:5px; padding-bottom:5px;}
.footer-link a:hover{ font-family:Verdana, Geneva, sans-serif; font-size:14px; text-decoration:none; color:#CCC;}
.polcy{ text-align:right;}

.copy a{ text-decoration:none; color:#FFF; }
.copy a:hover{ text-decoration:none; color:#CCC; }


.hosting-sec{ background-color:#f2f2f2; padding-bottom:50px; padding-top:50px;}
.hosting-sec h4{ color:#39393b; font-family: 'Futura-Black', sans-serif; font-size:31px;  font-weight:bold;   margin-bottom:10px; }
.hosting-sec h2{  font-family: 'Futura-Black', sans-serif; color:#0a157e; font-size:62px; }

.hosting-sec p{ font-size:18px; line-height:24px;}

.viewPlan a{ background-color:#173d7b; color:#FFF; text-transform:uppercase; border-radius:50px; text-decoration:none; padding:12px 40px; margin-top:30px;}
.viewPlan a:hover{ background-color:#333; color:#FFF; text-transform:uppercase; border-radius:50px; }


.banner-small{ min-height:170px;  padding-bottom:0px; margin-bottom:0px; padding-top:50px;}
.banner-small h2{  font-family: 'Futura-Black', sans-serif; color:#FFF; font-size:46px; text-transform:uppercase; }

@media (min-width: 1600px) and (max-width: 1799.98px) { 



.banner-icon-1{width:150px; height:100px; left:0%; margin-top:0px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-2{width:137px; height:100px; left:0%; margin-top:374px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-3{width:190px; height:160px; left:47%; margin-top:0px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-4{width:130px; height:130px; right:20%; margin-top:-39px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-5{width:140px; height:140px; right:4%; margin-top:0px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-6{width:274px; height:274px; right:4%; margin-top:272px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-7{width:140px; height:140px; right:4%; margin-top:320px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-8{width:140px; height:140px; left:43%; margin-top:250px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-9{width:60px; height:60px; left:35%; margin-top:390px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-10{width:497px; height:350px; right:12%; margin-top:120px; position:absolute; z-index:99999; transition:all 1s ease;}



}

@media (min-width: 1400px) and (max-width: 1599.98px) { 



.banner-icon-1{width:150px; height:100px; left:0%; margin-top:0px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-2{width:137px; height:100px; left:0%; margin-top:374px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-3{width:190px; height:160px; left:47%; margin-top:0px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-4{width:130px; height:130px; right:20%; margin-top:-39px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-5{width:140px; height:140px; right:4%; margin-top:0px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-6{width:274px; height:274px; right:4%; margin-top:272px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-7{width:140px; height:140px; right:4%; margin-top:320px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-8{width:140px; height:140px; left:43%; margin-top:250px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-9{width:60px; height:60px; left:35%; margin-top:390px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-10{width:497px; height:350px; right:12%; margin-top:120px; position:absolute; z-index:99999; transition:all 1s ease;}

.banner-icon-1 img, .banner-icon-2 img{ width:90%;}

}


@media (min-width: 1200px) and (max-width: 1399.98px) { 
.logo{ padding-left:0px; padding-top:0px;}

.header-top{ background-image:url(images/logo-bg1.png); background-repeat:no-repeat; background-position:center top; min-height:200px;} 


.Worked-With-Them{ font-family:Verdana, Geneva, sans-serif; font-size:16px; color:#06116b}
.Now-Trust{ font-family:Verdana, Geneva, sans-serif; font-size:20px; color:#06116b; font-weight:bold;}	


.banner-icon-1{width:150px; height:100px; left:0%; margin-top:0px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-2{width:137px; height:100px; left:0%; margin-top:374px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-3{width:190px; height:160px; left:47%; margin-top:0px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-4{width:130px; height:130px; right:20%; margin-top:-39px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-5{width:140px; height:140px; right:4%; margin-top:0px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-6{width:274px; height:274px; right:4%; margin-top:272px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-7{width:140px; height:140px; right:4%; margin-top:320px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-8{width:140px; height:140px; left:43%; margin-top:250px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-9{width:60px; height:60px; left:35%; margin-top:390px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-10{width:497px; height:350px; right:12%; margin-top:120px; position:absolute; z-index:99999; transition:all 1s ease;}

.banner-icon-1 img, .banner-icon-2 img{ width:90%;}

.testimonial-content{ width:90%}





.calltoaction h1{ color:#FFF; font-size:80px; font-weight:bold;}
.calltoaction h5{ color:#FFF; font-size:16px;}




}



@media (min-width: 992px) and (max-width: 1199.98px) { 
.logo{ padding-left:0px; padding-top:0px;}
.header-top{  min-height:380px;}

.nav-link{ font-size:14px;  padding-left:10px!important; padding-right:10px!important; text-transform:uppercase; font-weight:bold;} 

.banner h2{ font-family: 'Futura Hv BT', sans-serif; text-transform:uppercase; font-weight:bold; color:#FFF; font-size:36px}
.banner h3{ font-family: 'Futura Hv BT', sans-serif; text-transform:uppercase; font-weight:bold; color:#FFF; font-size:28px}
.banner .yellow-text{ color:#fecb00; font-size:56px; font-weight:bold; text-transform:uppercase;}
.banner p{ color:#FFF; font-size:16px; margin-top:0px; line-height:26px; font-weight:bold;}

.baner-left{ margin-top:90px;}

.Worked-With-Them{ font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#06116b}
.Now-Trust{ font-family:Verdana, Geneva, sans-serif; font-size:16px; color:#06116b; font-weight:bold;}	


.banner-icon-1{width:150px; height:100px; left:0%; margin-top:0px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-2{width:137px; height:100px; left:0%; margin-top:257px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-3{width:190px; height:160px; left:40%; margin-top:0px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-4{width:130px; height:130px; right:20%; margin-top:6px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-5{width:140px; height:140px; right:4%; margin-top:0px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-6{width:200px; height:200px; right:4%; margin-top:182px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-7{width:140px; height:140px; right:4%; margin-top:320px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-8{width:140px; height:140px; left:43%; margin-top:250px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-9{width:60px; height:60px; left:35%; margin-top:390px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-10{width:497px; height:350px; right:12%; margin-top:120px; position:absolute; z-index:99999; transition:all 1s ease;}

.banner-icon-1 img, .banner-icon-2 img, .banner-icon-3 img,.banner-icon-4 img, .banner-icon-5 img, .banner-icon-6 img, .banner-icon-7 img, .banner-icon-7 img, .banner-icon-10 img{ width:70%;}

.banner-outer{ min-height:380px; position:relative; padding-bottom:0px; margin-bottom:0px;}
.testimonial-content{ width:550px}



.calltoaction{background-image: linear-gradient(to right, #422467 , #d41f51);}
.calltoaction-bg1{ background-image:url(images/call-to-action-bg1.png); background-repeat:no-repeat; background-position:center left; background-position:-250px;}
.calltoaction-bg2{ background-image:url(images/call-to-action-bg1.png); background-repeat:no-repeat; background-position:center right; padding-top:150px; padding-bottom:80px; background-position:130%;}

.calltoaction h1{ color:#FFF; font-size:80px; font-weight:bold;}
.calltoaction h5{ color:#FFF; font-size:16px;}



.bigmenu li h4{font-family: 'Futura Hv BT', sans-serif; color:#0a157e; font-size:14px; font-weight:bold; margin-top:10px; margin-bottom:3px; }


}
@media (min-width: 768px) and (max-width: 991.98px) {
.logo{ padding-left:0px; padding-top:0px;}


.header-top{  min-height:850px;}
.header-rightSection{ padding-left:0px;}
.nav-link{ font-size:16px; color:#333; font-weight:bold;}

.nav-link:hover{ color:#333}
.navbar-nav .nav-link.active{ color:#333!important; border-bottom:#fca905 solid 3px;}

.nav-link:focus, .nav-link:hover{color:#333;}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{color:#333; border-bottom:#fca905 solid 3px;}

 .navbar-toggler {
	 margin-top:-15px;
}
.navbar-collapse{ background-color:#FFF; margin-top:-5px; margin-right: -12px;}
.getintouch-btn{ margin-left:0px; display:block; margin-right: 0px; text-align:left; height:70px;}
.getintouch-btn img { float:left; padding-right:5px;}
.coffe-content{ float:left; display:block; color:#ff5a00;}

.partners-arrow{ background-image:none; text-align:center;}
.baner-left{ margin-top:0px;}
.banner-outer{ min-height:410px;}
.banner-icon-1{width:80px; height:80px; left:0%; margin-top:15px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-2{width:134px; height:134px; left:0%; margin-top:270px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-3{width:180px; height:180px; left:-14%; margin-top:86px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-4{width:150px; height:150px; right:-18%; margin-top:109px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-5{width:140px; height:140px; right:4%; margin-top:30px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-6{width:150px; height:150px; left:72%; margin-top:208px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-7{width:100px; height:100px; right:0%; margin-top:300px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-8{width:80px; height:80px; left:43%; margin-top:328px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-9{width:60px; height:60px; left:23%; margin-top:336px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-10{width:130px; height:130px; right:9%; margin-top:273px; position:absolute; z-index:99999; transition:all 1s ease;}
.banner-icon-1 img, .banner-icon-2 img, .banner-icon-3 img,.banner-icon-4 img, .banner-icon-5 img, .banner-icon-6 img, .banner-icon-7 img, .banner-icon-7 img{ width:80%;}	

.banner-icon-10 img{ width:80%;}

.banner h2{ font-family:Verdana, Geneva, sans-serif; text-transform:uppercase; font-weight:bold; color:#FFF; font-size:36px}
.banner h3{ font-family:Verdana, Geneva, sans-serif; text-transform:uppercase; font-weight:bold; color:#FFF; font-size:26px}
.banner .yellow-text{ color:#fecb00}
.banner p{ color:#FFF; font-size:16px; margin-top:18px;}

.banner-content{margin-top:50px; transition:all 2s ease; text-align:center;}
.banner-content-start{ margin-top:100px; transition:all 2s ease; transition: opacity 1s;
	opacity: 0;}

.chartline{ display:none}


.services h5{ font-family:Arial, Helvetica, sans-serif; color:#676767; font-weight:bold; padding-left:0%; padding-right:0%; font-size:18px; margin-top:30px;}



.ContactSection{ background-color:#f57f20; padding-top:50px; padding-bottom:50px;}
.Contactbg{ background-image:url(images/cloude.png); background-position:right; background-repeat:no-repeat;}
.ContactSection img{ float:left; margin-right:15px;}
.ContactSection h4{font-family: 'Futura Hv BT', sans-serif; font-size:24px; font-weight:bold; color:#FFF;}
.ContactSection h1{font-family: 'Futura Hv BT', sans-serif; font-size:58px; color:#fdf3df;}
.ContactSection h3{font-family: 'Futura Lt BT', sans-serif; font-size:26px;  color:#FFF; margin:0px; padding:0px; }


.about{ padding-bottom:40px; text-align:center;}
.about h1{ font-family: 'Futura-Black', sans-serif; color:#eeeeee; font-size:115px;  margin-bottom:-50px; text-align:center;}
.about h2{ font-family: 'Futura-Black', sans-serif; color:#0a157e; font-size:38px;  font-weight:bold;  text-align:center;}
.about h5{ font-family:Arial, Helvetica, sans-serif; color:#242323; font-weight:bold;  font-size:18px; margin-top:30px;  text-align:center;}
.about p{ font-size:18px; line-height:32px;  text-align:center;}



.testimonial-content{ width:100%}
.testimonial-post{ margin-left:0px;}

.testimonial-heading{ background-color:#f1f1f2; padding:5px 35px; margin-left:0px; margin-top:30px; text-align:center}
.testimonial-heading-shadow{ display:none;}	

.calltoaction{background-image: linear-gradient(to right, #422467 , #d41f51);}
.calltoaction-bg1{ background-image:none;}
.calltoaction-bg2{  background-image:none;}

.calltoaction h1{ color:#FFF; font-size:80px; font-weight:bold;}
.calltoaction h5{ color:#FFF; font-size:16px;}
.seo-btn-outer{ text-align:center;}
	
.polcy{ text-align:center;}
.copy{ text-align:center;}
	
.getintouch-btn{ margin-top:5px;}	


.dropdown-hover:hover>.dropdown-menu {
display: inline-block;
left:0px;
position:static;
}

.bigmenu{ display:none;}
.shortmenu{ display:block}


}




@media (min-width: 576px) and (max-width: 767.98px) { 
.logo{ padding-left:0px; padding-top:0px;}


.header-top{  min-height:850px;}
.header-rightSection{ padding-left:0px;}
.nav-link{ font-size:16px; color:#333; font-weight:bold;}

.nav-link:hover{ color:#333}
.navbar-nav .nav-link.active{ color:#333!important; border-bottom:#fca905 solid 3px;}

.nav-link:focus, .nav-link:hover{color:#333;}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{color:#333; border-bottom:#fca905 solid 3px;}

 .navbar-toggler {
	 margin-top:-15px;
}
.navbar-collapse{ background-color:#FFF; margin-top:-5px; margin-right: -12px;}
.getintouch-btn{ margin-left:0px; display:block; margin-right: 0px; text-align:left; height:70px;}
.getintouch-btn img { float:left; padding-right:5px;}
.coffe-content{ float:left; display:block; color:#ff5a00;}

.partners-arrow{ background-image:none; text-align:center;}
.baner-left{ margin-top:20px;}
.banner-outer{ min-height:410px;}
.banner-icon-1{width:80px; height:80px; left:0%; margin-top:15px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-2{width:134px; height:134px; left:0%; margin-top:270px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-3{width:180px; height:180px; left:-14%; margin-top:86px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-4{width:150px; height:150px; right:-18%; margin-top:109px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-5{width:140px; height:140px; right:4%; margin-top:30px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-6{width:150px; height:150px; left:72%; margin-top:208px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-7{width:100px; height:100px; right:0%; margin-top:300px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-8{width:80px; height:80px; left:43%; margin-top:328px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-9{width:60px; height:60px; left:23%; margin-top:336px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-10{width:130px; height:130px; right:9%; margin-top:273px; position:absolute; z-index:99999; transition:all 1s ease;}
.banner-icon-1 img, .banner-icon-2 img, .banner-icon-3 img,.banner-icon-4 img, .banner-icon-5 img, .banner-icon-6 img, .banner-icon-7 img, .banner-icon-7 img{ width:80%;}	

.banner-icon-10 img{ width:80%;}

.banner h2{ font-family:Verdana, Geneva, sans-serif; text-transform:uppercase; font-weight:bold; color:#FFF; font-size:36px}
.banner h3{ font-family:Verdana, Geneva, sans-serif; text-transform:uppercase; font-weight:bold; color:#FFF; font-size:26px}
.banner .yellow-text{ color:#fecb00}
.banner p{ color:#FFF; font-size:16px; margin-top:18px;}

.banner-content{margin-top:50px; transition:all 2s ease; text-align:center;}
.banner-content-start{ margin-top:100px; transition:all 2s ease; transition: opacity 1s;
	opacity: 0;}

.chartline{ display:none}


.ContactSection{ background-color:#f57f20; padding-top:50px; padding-bottom:50px;}
.Contactbg{ background-image:url(images/cloude.png); background-position:right; background-repeat:no-repeat; text-align:center;}
.ContactSection img{ float:none; margin-right:15px;}
.ContactSection h4{font-family: 'Futura Hv BT', sans-serif; font-size:24px; font-weight:bold; color:#FFF;}
.ContactSection h1{font-family: 'Futura Hv BT', sans-serif; font-size:58px; color:#fdf3df;}
.ContactSection h3{font-family: 'Futura Lt BT', sans-serif; font-size:26px;  color:#FFF; margin:0px; padding:0px; }

.about{ padding-bottom:40px; text-align:center;}
.about img{ width:90%;}
.about h1{ font-family: 'Futura-Black', sans-serif; color:#eeeeee; font-size:115px;  margin-bottom:-50px; text-align:center;}
.about h2{ font-family: 'Futura-Black', sans-serif; color:#0a157e; font-size:38px;  font-weight:bold;  text-align:center;}
.about h5{ font-family:Arial, Helvetica, sans-serif; color:#242323; font-weight:bold;  font-size:18px; margin-top:30px;  text-align:center;}
.about p{ font-size:18px; line-height:32px;  text-align:center;}

.services h5{ font-family:Arial, Helvetica, sans-serif; color:#676767; font-weight:bold; padding-left:0%; padding-right:0%; font-size:18px; margin-top:30px;}

.testimonial-content{ width:100%}
.testimonial-post{ margin-left:0px;}

.testimonial-heading{ background-color:#f1f1f2; padding:5px 35px; margin-left:0px; margin-top:30px; text-align:center}
.testimonial-heading-shadow{ display:none;}	

.calltoaction{background-image: linear-gradient(to right, #422467 , #d41f51);}
.calltoaction-bg1{ background-image:none;}
.calltoaction-bg2{  background-image:none;}

.calltoaction h1{ color:#FFF; font-size:80px; font-weight:bold;}
.calltoaction h5{ color:#FFF; font-size:16px;}
.seo-btn-outer{ text-align:center;}
	
.polcy{ text-align:center;}
.copy{ text-align:center;}
	
.getintouch-btn{ margin-top:5px;}	


.dropdown-hover:hover>.dropdown-menu {
display: inline-block;
left:0px;
position:static;
}

.bigmenu{ display:none;}
.shortmenu{ display:block}
}

@media (max-width: 575.98px) { 
.logo{ padding-left:0px; padding-top:0px; width:75%; padding-left:10px;}
.navbar-brand{margin-top: -4px; margin-left: -12px;}


.header-top{  min-height:850px;}
.header-rightSection{ padding-left:0px;}
.nav-link{ font-size:16px; color:#333; font-weight:bold;}

.nav-link:hover{ color:#333}
.navbar-nav .nav-link.active{ color:#333!important; border-bottom:#fca905 solid 3px;}

.nav-link:focus, .nav-link:hover{color:#333;}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{color:#333; border-bottom:#fca905 solid 3px;}

 .navbar-toggler {
	 margin-top:-15px;
}
.navbar-collapse{ background-color:#FFF; margin-top:-5px; margin-right: -12px;}
.getintouch-btn{ margin-left:0px; display:block; margin-right: 0px; text-align:left; height:70px;}
.getintouch-btn img { float:left; padding-right:5px;}
.coffe-content{ float:left; display:block; color:#ff5a00;}

.partners-arrow{ background-image:none; text-align:center;}
.baner-left{ margin-top:0px;}
.banner-outer{ min-height:410px;}
.banner-icon-1{width:80px; height:80px; left:0%; margin-top:15px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-2{width:134px; height:134px; left:0%; margin-top:270px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-3{width:180px; height:180px; left:-14%; margin-top:86px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-4{width:150px; height:150px; right:-18%; margin-top:109px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-5{width:140px; height:140px; right:4%; margin-top:30px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-6{width:150px; height:150px; left:72%; margin-top:208px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-7{width:100px; height:100px; right:0%; margin-top:300px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-8{width:80px; height:80px; left:43%; margin-top:328px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-9{width:60px; height:60px; left:23%; margin-top:336px; position:absolute; z-index:9999; transition:all 2s ease;}
.banner-icon-10{width:130px; height:130px; right:9%; margin-top:273px; position:absolute; z-index:99999; transition:all 1s ease;}
.banner-icon-1 img, .banner-icon-2 img, .banner-icon-3 img,.banner-icon-4 img, .banner-icon-5 img, .banner-icon-6 img, .banner-icon-7 img, .banner-icon-7 img{ width:80%;}	

.banner-icon-10 img{ width:80%;}

.banner h2{ font-family:Verdana, Geneva, sans-serif; text-transform:uppercase; font-weight:bold; color:#FFF; font-size:36px}
.banner h3{ font-family:Verdana, Geneva, sans-serif; text-transform:uppercase; font-weight:bold; color:#FFF; font-size:26px}
.banner .yellow-text{ color:#fecb00}
.banner p{ color:#FFF; font-size:16px; margin-top:18px;}

.banner-content{margin-top:50px; transition:all 2s ease; text-align:center;}
.banner-content-start{ margin-top:100px; transition:all 2s ease; transition: opacity 1s;
	opacity: 0;}

.chartline{ display:none}

.ContactSection{ background-color:#f57f20; padding-top:50px; padding-bottom:50px;}
.Contactbg{ background-image:url(images/cloude.png); background-position:right; background-repeat:no-repeat; text-align:center;}
.ContactSection img{ float:none; margin-right:15px;}
.ContactSection h4{font-family: 'Futura Hv BT', sans-serif; font-size:24px; font-weight:bold; color:#FFF;}
.ContactSection h1{font-family: 'Futura Hv BT', sans-serif; font-size:58px; color:#fdf3df;}
.ContactSection h3{font-family: 'Futura Lt BT', sans-serif; font-size:26px;  color:#FFF; margin:0px; padding:0px; }


.about{ padding-bottom:40px; text-align:center;}
.about img{ width:90%;}
.about h1{ font-family: 'Futura-Black', sans-serif; color:#eeeeee; font-size:115px;  margin-bottom:-50px; text-align:center;}
.about h2{ font-family: 'Futura-Black', sans-serif; color:#0a157e; font-size:38px;  font-weight:bold;  text-align:center;}
.about h5{ font-family:Arial, Helvetica, sans-serif; color:#242323; font-weight:bold;  font-size:18px; margin-top:30px;  text-align:center;}
.about p{ font-size:18px; line-height:32px;  text-align:center;}


.services h5{ font-family:Arial, Helvetica, sans-serif; color:#676767; font-weight:bold; padding-left:0%; padding-right:0%; font-size:18px; margin-top:30px;}

.testimonial-content{ width:100%}
.testimonial-post{ margin-left:0px;}

.testimonial-heading{ background-color:#f1f1f2; padding:5px 35px; margin-left:0px; margin-top:30px; text-align:center}
.testimonial-heading-shadow{ display:none;}	

.calltoaction{background-image: linear-gradient(to right, #422467 , #d41f51);}
.calltoaction-bg1{ background-image:none;}
.calltoaction-bg2{  background-image:none;}

.calltoaction h1{ color:#FFF; font-size:80px; font-weight:bold;}
.calltoaction h5{ color:#FFF; font-size:16px;}
.seo-btn-outer{ text-align:center;}
	
.polcy{ text-align:center;}
.copy{ text-align:center;}
	
.getintouch-btn{ margin-top:5px;}	


.dropdown-hover:hover>.dropdown-menu {
display: inline-block;
left:0px;
position:static;
}

.bigmenu{ display:none;}
.shortmenu{ display:block}

}






/* ===============================================================
			[ * keyframes section ]
================================================================*/
/*----keyframes--*/
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes kenburns {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  100% {
    transform: scale3d(1.5, 1.5, 1.5) translate3d(-190px, -120px, 0px);
    opacity: 1;
  }
}
@-webkit-keyframes toTopFromBottom {
  49% {
    -webkit-transform: translateY(-100%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(100%);
  }
  51% {
    opacity: 1;
  }
}
@keyframes toTopFromBottom {
  49% {
    -webkit-transform: translateY(-100%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(100%);
  }
  51% {
    opacity: 1;
  }
}
@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes slide_up_down {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
@keyframes slide_up_down {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
@-webkit-keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes wave {
  0% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}
@keyframes wave {
  0% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  to {
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}
@-webkit-keyframes scale_up_down {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale_up_down {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes RL_smooth {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(5px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes right_left {
  0% {
    right: 0;
    transform: translateX(0%);
  }
  100% {
    right: 100%;
    transform: translateX(100%);
  }
}



/* ===============================================================
			[ * image section ]
================================================================*/
/*---- image Style ----*/
.iteck-image {
  position: relative;
}
.iteck-image .vid_icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background-color: #fff;
  color: #000;
  font-size: 15px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
}

.iteck-image-animation-rotate {
  animation: rotate-center 100s linear infinite both;
}

.iteck-image-animation-wave {
  animation: wave 2s ease-in-out infinite alternate both;
}

.iteck-image-animation-slide-up-down {
  -webkit-animation: slide_up_down 2s ease-in-out infinite alternate both;
  animation: slide_up_down 2s ease-in-out infinite alternate both;
}

.iteck-image-animation-slide-right-left {
  -webkit-animation: RL_smooth 2s ease-in-out infinite alternate both;
  animation: RL_smooth 2s ease-in-out infinite alternate both;
}

.iteck-image-animation-scale-up-down {
  -webkit-animation: scale_up_down 1.5s ease-in-out infinite alternate both;
  animation: scale_up_down 1.5s ease-in-out infinite alternate both;
}