/**
* Template Name: Multi - v4.9.1
* Template URL: https://bootstrapmade.com/multi-responsive-bootstrap-template/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
  font-family: "Inter", sans-serif;
}

a {
  color: #ed502e;
  text-decoration: none;
}

a:hover {
  color: #f1775d;
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
  width: 100%;
  height: 960px;
  background-color: rgba(4, 12, 21, 0.8);
  overflow: hidden;
  position: relative;
}

#hero .carousel,
#hero .carousel-inner,
#hero .carousel-item,
#hero .carousel-item::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

#hero .carousel-item {
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}

#hero .carousel-item::before {
  content: "";
}

#hero .carousel-container {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 0;
  top:0;
  left: 50px;
  right: 50px;
}

#hero h1 {
  color: #000;
  margin: 0;
  font-size: 100px; line-height: 104px; font-weight: 700;
}
#hero h1 em { color:#ff5a64;}

#hero p {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
  color: #fff;
  margin-top: 10px;
}
#hero h1 span {
  background: linear-gradient(to right,  #5d3efd 0%,#21d6a4 100%);
  -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

@media (min-width: 1200px) {
  #hero p {
    width: 50%;
  }
}

#hero .carousel-inner .carousel-item {
  transition-property: opacity;
  background-position: center top;
}

#hero .carousel-inner .carousel-item,
#hero .carousel-inner .active.carousel-item-start,
#hero .carousel-inner .active.carousel-item-end {
  opacity: 0;
}

#hero .carousel-inner .active,
#hero .carousel-inner .carousel-item-next.carousel-item-start,
#hero .carousel-inner .carousel-item-prev.carousel-item-end {
  opacity: 1;
  transition: 0.5s;
}

#hero .carousel-inner .carousel-item-next,
#hero .carousel-inner .carousel-item-prev,
#hero .carousel-inner .active.carousel-item-start,
#hero .carousel-inner .active.carousel-item-end {
  left: 0;
  transform: translate3d(0, 0, 0);
}

#hero .carousel-control-next-icon,
#hero .carousel-control-prev-icon {
  background: none;
  font-size: 30px;
  line-height: 0;
  width: auto;
  height: auto;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50px;
  transition: 0.3s;
  color: rgba(255, 255, 255, 0.5);
  width: 54px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#hero .carousel-control-next-icon:hover,
#hero .carousel-control-prev-icon:hover {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.8);
}

#hero .carousel-indicators li {
  cursor: pointer;
  background: #fff;
  overflow: hidden;
  border: 0;
  width: 1px;
  height: 35px;
  opacity:1;
  transition: 0.3s;
}

#hero .carousel-indicators li.active {
  opacity: 1;
  background: #ed502e;
}

#hero .btn-get-started {
  font-weight: 400;
  font-size:26px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 20px 60px;
  border-radius: 200px;
  transition: 0.5s;
  line-height: 1;
  color: #fff;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  background: linear-gradient(to right, #5d3efd 0%, #21d6a4 100%);
  margin-top: 40px;
}

#hero .btn-get-started:hover {
  background: linear-gradient(to right,  #22d6a4 0%,#5e3dfd 100%);
  color:#fff;
}

@media (max-width: 992px) {
  #hero {
    height: 100vh;
  }

  #hero .carousel-container {
    text-align: center;
    top: 74px;
  }
}

@media (max-width: 768px) {
  #hero h1 {
    font-size: 30px;
  }
}

@media (min-width: 1024px) {

  #hero .carousel-control-prev,
  #hero .carousel-control-next {
    width: 5%;
  }
}

@media (max-height: 500px) {
  #hero {
    height: 120vh;
  }
}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #fff;
}

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid #ed502e;
  border-top-color: white;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation: animate-preloader 1s linear infinite;
  animation: animate-preloader 1s linear infinite;
}

@-webkit-keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 996;
  background: #ed502e;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: all 0.4s;
}

.back-to-top i {
  font-size: 28px;
  color: #fff;
  line-height: 0;
}

.back-to-top:hover {
  background: #f06f54;
  color: #fff;
}

.back-to-top.active {
  visibility: visible;
  opacity: 1;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  transition: all 0.5s;
  z-index: 997;
  padding: 15px 0; position: absolute; top: 0; z-index: 99;
}

#header.header-scrolled {
  padding: 12px 0;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

#header .logo {
  font-size: 26px;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

#header .logo a {
  color: #0b2341;
}

#header .logo img {
  max-height: 40px;
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.navbar {
  padding: 0;
}

.navbar ul {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  align-items: center;
}

.navbar li {
  position:unset;
}

.navbar a,
.navbar a:focus {

  align-items: center;
  justify-content: space-between;
  padding: 10px 20px 10px 20px;
  font-size: 18px;
  white-space: nowrap;
  transition: 0.3s;
  font-weight:400;
  color:#111;
}

.navbar a i,
.navbar a:focus i {
  font-size: 12px;
  line-height: 0;
  margin-left: 5px;
}

.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover>a {
  background: linear-gradient(to right, #5d3efd 0%, #21d6a4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.navbar .getstarted,
.navbar .getstarted:focus {
  background: #ed502e;
  padding: 8px 20px;
  margin-left: 30px;
  border-radius: 4px;
  color: #fff;
}

.navbar .getstarted:hover,
.navbar .getstarted:focus:hover {
  color: #fff;
  background: #ef6445;
}

.navbar .dropdown ul {
  display: block;
  position: absolute;
  left: 14px;
  top: calc(100% + 30px);
  margin: 0;
  padding: 10px 0;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: 0.3s; width: 1100px; left: -100px; border-radius: 25px; padding: 50px;
}

.navbar .dropdown ul li {
  min-width: 200px; float: left; width: 33.33%;
}

.navbar .dropdown ul a {
  padding: 15px 0;
  text-transform: none; float: left; width: 25%; font-size: 15px; color: #333;
}
.navbar .dropdown ul ul a {padding: 10px 0;}

.navbar .dropdown ul a i {
  font-size: 14px; margin-right: 5px;
}

.navbar .dropdown ul a:hover,
.navbar .dropdown ul .active:hover,
.navbar .dropdown ul li:hover>a {
  color: #ed502e;
}

.navbar .dropdown:hover>ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}

.navbar .dropdown .dropdown ul {
  top: 0;
  left: calc(100% - 30px);
  visibility: hidden;
}

.navbar .dropdown .dropdown:hover>ul {
  opacity: 1;
  top: 0;
  left: 100%;
  visibility: visible;
}

@media (max-width: 1366px) {
  .navbar .dropdown .dropdown ul {
    left: -90%;
  }

  .navbar .dropdown .dropdown:hover>ul {
    left: -100%;
  }
}

/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
  color: #0b2341;
  font-size: 28px;
  cursor: pointer;
  display: none;
  line-height: 0;
  transition: 0.5s;
}

.mobile-nav-toggle.bi-x {
  color: #fff;
}

@media (max-width:1300px) {
  .mobile-nav-toggle {
    display: block;
  }

  .navbar ul {
    display: none;
  }
}

.navbar-mobile {
  position: fixed;
  overflow: hidden;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(4, 12, 21, 0.9);
  transition: 0.3s;
  z-index: 999;
}

.navbar-mobile .mobile-nav-toggle {
  position: absolute;
  top: 15px;
  right: 15px;
}

.navbar-mobile ul {
  display: block;
  position: absolute;
  top: 55px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  padding: 10px 0;
  background-color: #fff;
  overflow-y: auto;
  transition: 0.3s;
}

.navbar-mobile a,
.navbar-mobile a:focus {
  padding: 10px 20px;
  font-size: 15px;
  color: #0b2341;
}

.navbar-mobile a:hover,
.navbar-mobile .active,
.navbar-mobile li:hover>a {
  color: #ed502e;
}

.navbar-mobile .getstarted,
.navbar-mobile .getstarted:focus {
  margin: 15px;
}

.navbar-mobile .dropdown ul {
  position: static;
  display: none;
  margin: 10px 20px;
  padding: 10px 0;
  z-index: 99;
  opacity: 1;
  visibility: visible;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}

.navbar-mobile .dropdown ul li {
  min-width: 200px;
}

.navbar-mobile .dropdown ul a {
  padding: 10px 20px;
}

.navbar-mobile .dropdown ul a i {
  font-size: 12px;
}

.navbar-mobile .dropdown ul a:hover,
.navbar-mobile .dropdown ul .active:hover,
.navbar-mobile .dropdown ul li:hover>a {
  color: #ed502e;
}

.navbar-mobile .dropdown>.dropdown-active {
  display: block;
}










/*Our Css*/

#header .logo img { max-height:none;}
.email { float:right;}
.email a { color:#111; font-size:20px; font-weight:500; background: linear-gradient(to right, #5d3efd 0%, #21d6a4 100%); padding: 1px; border-radius: 150px; float: left; } 
.email a span { background: #fff; padding: 12px 60px; border-radius: 150px; float: left;}
.email a span:hover {background: linear-gradient(to right, #5d3efd 0%, #21d6a4 100%); color: #fff;}
.email a img { margin-right:10px;}
.fixed-top { position:relative;}
.carousel-indicators { display:block; height:105px; width:1px; margin-left:15px; top:40%;}
.subscribe { float:left; width:100%; margin-top:-75px; position:relative; z-index:1; }
.scb { float:right; width:60%; height:150px; background:#ff5a64; border-radius:10px; padding:40px;}
.scbForm input { float:left; width:68%; height:73px; background:#fff; border:none; border-radius:10px; font-size:19px; color:#666; padding-left:20px;}
.scbForm input.crbBtn { width:30%; background:#292929; font-size:25px; color:#ccc; float:right; font-weight:300;}
.body1 { float:left; width:100%; margin-top:100px;}
.body1Content { float:left; width:100%; padding-left:70px; padding-top:100px;}
.body1Content h4 { color:#ff5a64; font-size:26px; font-weight:400;}
.body1Content h1 {font-family: 'Russo One', sans-serif; font-size:66px; color:#333;}
.body1Content h5 { color:#666; font-size:26px; font-weight:400; margin-bottom:40px; margin-top:25px;}
.body1Content p { font-size:22px; color:#666; line-height:40px; font-weight:300; margin-bottom:30px;}
.body2 { float:left; width:100%; padding:100px 0; background:#dddddd; border-left:10px solid #ff5a64; height:100%; margin-top:100px;}
.thumb { float:left; width:90%; margin:0 5%; background:#fff;}
.thumbImg { float:left; width:100%; height:372px;}
.thumbImg img { width:100%; height:100%; object-fit: cover;}
.thumbText { float:left; width:100%; padding:35px 35px 15px; height:220px;}
.thumbText h3 { color:#444; font-size:20px;}
.thumbText p { font-size:18px; font-weight:300; color:#777777; line-height:30px; margin-top:15px;}

.bannerLeft { width: 50%;}
.bannerLeft h2 { font-weight: 700;}



#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
display:none;
}

.nbs-flexisel-container {
    position:relative;
    max-width:100%;
}
.nbs-flexisel-ul {
    position:relative;
    width:99999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
}

.nbs-flexisel-inner {
    overflow:hidden;
    float:left;
    width:100%;
}

.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
}
.nbs-flexisel-item img {
    max-width: 100%;
    cursor: pointer;
    position: relative;

}

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    width: 26px;
    height: 76px; 
    position: absolute;
    cursor: pointer;
    z-index: 100;
    opacity: 1;
}

.nbs-flexisel-nav-left {
    left: -75px;
    background:url(../../images/arrow1.png)
}

.nbs-flexisel-nav-right {
    right:-70px;
    background: url(../../images/arrow2.png) no-repeat;
}
.nbs-flexisel-item a { float:left; width:100%;}



.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px; padding: 0 !important;
}

.fancybox-opened {
	z-index: 10002;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image:url(../../images/fancybox_sprite.png);
}
.fancybox-nav:hover span {}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url(../../images/fancybox_loading.gif) center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url(blank.gif); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: visible !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 10001;
	background:rgba(0, 0, 0, 0.8);
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	font-family: "Open Sans",sans-serif;
	color: #FFF;
	font-weight: 600;
	line-height: 24px;
	white-space: nowrap;
	font-size:16px;
	text-transform:capitalize;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

#fancybox-buttons {
	position: fixed;
	left: 0;
	width: 100%;
	z-index: 8050;
}

#fancybox-buttons.top {
	top: 10px;
}

#fancybox-buttons.bottom {
	bottom: 10px;
}

#fancybox-buttons ul {
	display: block;
	width: 166px;
	height: 30px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	border: 1px solid #111;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
	   -moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
	        box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
	background: rgb(50,50,50);
	background: -moz-linear-gradient(top, rgb(68,68,68) 0%, rgb(52,52,52) 50%, rgb(41,41,41) 50%, rgb(51,51,51) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(68,68,68)), color-stop(50%,rgb(52,52,52)), color-stop(50%,rgb(41,41,41)), color-stop(100%,rgb(51,51,51)));
	background: -webkit-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
	background: -o-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
	background: -ms-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
	background: linear-gradient(to bottom, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 );
}

#fancybox-buttons ul li {
	float: left;
	margin: 0;
	padding: 0;
}

#fancybox-buttons a {
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	background-color: transparent;
	background-image: url('fancybox_buttons.png');
	background-repeat: no-repeat;
	outline: none;
	opacity: 0.8;
}

#fancybox-buttons a:hover {
	opacity: 1;
}

#fancybox-buttons a.btnPrev {
	background-position: 5px 0;
}

#fancybox-buttons a.btnNext {
	background-position: -33px 0;
	border-right: 1px solid #3e3e3e;
}

#fancybox-buttons a.btnPlay {
	background-position: 0 -30px;
}

#fancybox-buttons a.btnPlayOn {
	background-position: -30px -30px;
}

#fancybox-buttons a.btnToggle {
	background-position: 3px -60px;
	border-left: 1px solid #111;
	border-right: 1px solid #3e3e3e;
	width: 35px
}

#fancybox-buttons a.btnToggleOn {
	background-position: -27px -60px;
}

#fancybox-buttons a.btnClose {
	border-left: 1px solid #111;
	width: 35px;
	background-position: -56px 0px;
}

#fancybox-buttons a.btnDisabled {
	opacity : 0.4;
	cursor: default;
}


#fancybox-thumbs {
	position: fixed;
	left: 0;
	width: 100%;
	overflow: hidden;
	z-index: 8050;
}

#fancybox-thumbs.bottom {
	bottom: 2px;
}

#fancybox-thumbs.top {
	top: 2px;
}

#fancybox-thumbs ul {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}

#fancybox-thumbs ul li {
	float: left;
	padding: 1px;
	opacity: 0.5;
}

#fancybox-thumbs ul li.active {
	opacity: 0.75;
	padding: 0;
	border: 1px solid #fff;
}

#fancybox-thumbs ul li:hover {
	opacity: 1;
}

#fancybox-thumbs ul li a {
	display: block;
	position: relative;
	overflow: hidden;
	border: 1px solid #222;
	background: #111;
	outline: none;
}

#fancybox-thumbs ul li img {
	display: block;
	position: relative;
	border: 0;
	padding: 0;
	max-width: none;
}

.gal ul { margin:0; padding:0; list-style-type:none;}
.gal ul li { display:inline-block;}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url(../../images/fancybox_sprite.png); width: 36px; height: 36px;
		
	}

	#fancybox-loading div {
		background-image: url(../../images/fancybox_sprite.png); width: 36px; height: 36px;

	}
}

.bannerLeft { float: left; margin-top: 250px;}
.bannerRight { float: right; margin-top: 50px;}

.bannerContact { float: left; width: 100%; margin-top: -100px; position: relative; z-index:1;}
.bc1 {background: linear-gradient(to right, #b9eddf 0%, rgba(255, 255, 255, 0) 100%); float: left; width: 50%; height: 100px; padding-left: 50px;}
.bc1 ul { margin: 0; padding:23px 0 0 0; list-style-type: none; float: left; width: 100%;}
.bc1 a { float: left; font-size: 18px; font-weight: 300; color: #111; }
.bc1 a span b {color: #5d3dfd; font-weight: 600;}
.bc1 ul li img {  margin-right: 12px; margin-top: 13px; float: left;}
.bc1 a span {float: right;}
.bc1 ul li { margin-right: 45px; float: left;}
.bc1 ul li.banPhone a { float: left;}
.bc1 ul li.banPhone b { font-size: 18px; color: #fff; font-weight: 500; color: #5d3dfd; font-weight: 600;}
.bc1 ul li.banPhone img { margin-top: 5px;}
.about { float: left; width: 100%; margin-top: 120px;}
.heading h2 { float: left;}
.heading { text-align: center; float: left; width: 100%;}
.heading h2 span { font-size: 110px; -webkit-text-stroke: 1px #000; color: #fff; font-weight: 800; opacity: 0.3; font-family: Roboto, Arial, Helvetica, sans-serif; margin-left: 75px; float: left;}
.heading h2 b {font-size: 48px; font-weight: 700; text-align: left; float: left; width: 100%; margin-top: -58px; opacity: 1; position: relative;}
.aboutText p { font-size: 18px; line-height: 36px; color: #666; margin-top: 15px; float: left; width: 100%;}
.aboutText a {font-weight: 400;
  font-size: 18px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 20px 40px;
  border-radius: 200px;
  transition: 0.5s;
  line-height: 1;
  color: #fff;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  background: linear-gradient(to right, #5d3efd 0%, #21d6a4 100%);
  margin-top: 20px;}

  .aboutText a:hover {background: linear-gradient(to right, #22d6a4 0%, #5e3dfd 100%); color: #fff;}
  .counter-box {
    display: block;
}

.counter-box p {
    margin: 5px 0 0;
    padding: 0;
    color: #333;
    font-size: 18px;
    font-weight: 500
}

.counter-box i {
    font-size: 60px;
    margin: 0 0 15px;
    color: #d2d2d2
}

.counter {
    display:inline-block;
    font-size: 72px;
    font-weight: 700;
    line-height: 28px; -webkit-text-stroke: 0.5px #666; font-family: Roboto, Arial, Helvetica, sans-serif; color: #fff;
}

.counter-box.colored {
}

.cd { float: left; width: 100%; margin-top: 100px;}
.cd ul { margin: 0; padding: 0; list-style-type: none;}
.cd ul li { float: left; width: 33.33%; text-align: center;}
.cd ul li b {font-size: 72px;
  font-weight: 700;
  -webkit-text-stroke: 0.5px #666; font-family: Roboto, Arial, Helvetica, sans-serif;
  line-height: 28px; margin-left: 7px; color: #fff;}
  .aboutText { float: left; width: 100%; margin-top: 40px;}

  .ct { float: left; width: 100%;}
  .ct h2 { font-size: 180px; font-weight: 800; line-height: 180px; -webkit-text-stroke: 1px #333; font-family: Roboto, Arial, Helvetica, sans-serif; color: #fff; opacity: 0.25;}
  .ct h3 {font-size: 180px; font-weight: 800; line-height: 220px; background-image: url(../../images/ct.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; -webkit-background-clip: text; opacity: 1; white-space: nowrap; -webkit-text-fill-color: transparent; margin-top: -10px;}

.ctLeft { font-size: 22px; color: #333; font-weight: 600; rotate: -90deg; position: absolute; top: 170px; left: -70px; width: 310px;}
.creative .col-1 { position: relative;}
.creative { float: left; width: 100%; margin-top: 110px;}

.heading.heading2 { text-align: center;}
.heading.heading2 h2 span { margin-left: 0; width: 100%;}
.heading.heading2 h2 b { width: 100%; text-align: center;}
.servicesArea { background: #f2f5fa; float: left; width: 100%; padding: 100px 0 0; margin-top: 120px; height: 1060px;}
.servicesArea .heading.heading2 h2 span {color: #f2f5fa;}
.servi { background: #fff url(../../images/ser1.png) bottom right no-repeat; height: 860px; border-radius: 35px; margin: 0 2%; width: 96%; padding:50px; margin-top: 80px; box-shadow: 0 0 15px #eee;}
.servi h4 { font-size: 29px; font-weight: 700; color: #333; margin-top: 35px;}
.servi ul { margin: 25px 0 0 0; padding: 0; list-style-type: none;}
.servi ul li { float: left; width: 100%; margin: 11px 0;}
.servi ul li a { color: #333; font-size: 18px; font-weight: 400; padding: 12px 0 12px 40px; background: url(../../images/serviceRight.png) left 10px no-repeat;}
.servi ul li a:hover { color: #5d3efd;}
.serBtn { float: left; width: 100%; margin-top: 10px;}
.serBtn a {font-weight: 400;
  font-size: 18px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 20px 40px;
  border-radius: 200px;
  transition: 0.5s;
  line-height: 1;
  color: #fff;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  background: linear-gradient(to right, #5d3efd 0%, #21d6a4 100%);
  margin-top: 20px;}

  .serBtn a:hover {background: linear-gradient(to right, #22d6a4 0%, #5e3dfd 100%); color: #fff;}
  .whyUsImg { float: left;}
  .why { float: left; width: 100%; margin-top: 220px;}

  .why .heading h2 b { font-size: 54px;}
  .why .heading h2 span { margin-left: 0;}
  .whyUs { float: left; width: 100%;}
  .whyUs ul { margin: 15px 0 0 0; padding: 0; list-style-type: none; float: left; width: 100%;}
  .whyUs ul li { float: left; width: 100%; margin: 10px 0;}
  .whyUs ul li span { float: left; width: 9%;}
  .whyUs ul li p { float: left; width: 91%; font-size: 18px; color: #666;}
  .whyUs a {font-weight: 400;
    font-size: 18px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 20px 40px;
    border-radius: 200px;
    transition: 0.5s;
    line-height: 1;
    color: #fff;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
    background: linear-gradient(to right, #5d3efd 0%, #21d6a4 100%);
    margin-top: 10px;}
    .whyUs a:hover {background: linear-gradient(to right, #22d6a4 0%, #5e3dfd 100%); color: #fff;}
    .testimonials { float: left; width: 100%; margin-top: 100px;}
    .testimonials .heading.heading2 h2 { width: 100%;}
    .testi { float: left; width: 100%; margin-top: 50px; padding-left: 120px;}
    .testi img { max-width: 100%;}
    .cashStides { float: left; width: 100%; padding: 0 15px; margin-top: 100px;}
    .cashStides .heading h2 { width: 100%;}
    .cs1 { float: left; width: 25%; padding:0 0.2%;}
    .cs1 ul { margin: 0; padding: 0; list-style-type: none;}
    .cs1 ul li img { width: 100%; height: 100%; object-fit: cover;}
    .cs1 ul li { float: left; padding:0 0; margin: 4px 0; width: 100%; height: 380px; border-radius: 5px; overflow: hidden; position: relative; transition-duration: 0.5s; -webkit-transition-duration: 0.5s;}
    .cs1 ul li img { width: 100%; height: 100%; object-fit: cover;}
    .cs1 ul li.secendLi { height: 816px;}
    .cs1 ul li.secendLi img { width: 100%; height: 100%; object-fit: cover;}
    .cs1 ul li a { height: 100%;}
    
    .overGallery { position: absolute; left: 0; bottom: 0; width: 100%; height: 40%; background: linear-gradient(0deg,  rgba(0,187,238,1) 0%,rgba(0,187,238,0) 100%); z-index: 1; }
    .overGallery h5 { color: #fff; font-size: 22px; position: absolute; bottom: 30px; left: 35px; font-weight: 600;}
    .cs1 ul li:hover { padding: 3%;}
    .cs1 ul li a { float: left; width: 100%; position: relative;}
    .cs1 ul li:hover a h5 { display: none;}
    .cs1 ul li:hover .overGallery {background: linear-gradient(0deg,  rgba(93,62,253,1) 0%,rgba(34,214,164,1) 100%) !important; width: 100%; height: 100%; opacity: 0.8; border-radius: 5px;}
    .cs1 ul li.secendLi .overGallery {background: linear-gradient(0deg,  rgba(22,143,25,1) 0%,rgba(22,143,25,0) 100%);}
    .cs1.cs2 ul li.secendLi .overGallery {background: linear-gradient(0deg,  rgba(6,201,161,1) 0%,rgba(6,201,161,0) 100%);}
    .cs1.cs2 ul li .overGallery {background: linear-gradient(0deg,  rgba(1,187,238,1) 0%,rgba(1,187,238,0) 100%);}

    .cs1.cs3 ul li.secendLi .overGallery {background: linear-gradient(0deg,  rgba(252,118,98,1) 0%,rgba(252,118,98,0) 100%);}
    .cs1.cs3 ul li .overGallery {background: linear-gradient(0deg,  rgba(22,142,24,1) 0%,rgba(22,142,24,0) 100%);}

    .cs1.cs4 ul li.secendLi .overGallery {background: linear-gradient(0deg,  rgba(252,118,98,1) 0%,rgba(252,118,98,0) 100%);}
    .cs1.cs4 ul li .overGallery {background: linear-gradient(0deg,  rgba(1,218,175,1) 0%,rgba(1,218,175,0) 100%);}
    .csArea { float: left; width: 100%; margin-top: 50px;}
    .hww { float: left; width: 100%; margin-top: 100px;}
    .hww .heading h2 { width: 100%;}
    .howWe { float: left; width: 100%; position: relative; margin-top: 150px;}
    .hwBlock { float: left; width: 19%; position: absolute; top: -130px; text-align: center; left: 90px;}
    .hwb1 { float: left; width: 100%;}
    .hwb2 { float: left; width: 100%; margin-top: 20px; margin-bottom: 20px;}
    .hwb3 { float: left; width: 100%;}
    .hwb1 h5 { font-size: 30px; color: #7f67fd;}
    .hwb2 span {background: linear-gradient(0deg,  rgba(94,61,254,1) 0%,rgba(33,215,163,1) 100%); border-radius: 50%; display: inline-block; padding: 2px;}
    .hwb2 span em {width: 141px; height: 141px; border-radius: 50%; display: inline-block; background: #fff; line-height: 138px;}
    .hwb3 h4 { font-size: 20px; font-weight: 600; color: #333;}
    .hwb3 p { font-size: 16px; color: #666;}
    .hwBlock.hwBlock2 { left: 550px; top: 40px;}
    .hwBlock.hwBlock3 { left: 930px; top: -90px; width: 15%;}
    .hwBlock.hwBlock4 { left: auto; right:50px; top: 30px;}
    .three60 { float: left; width: 100%; margin-top: 230px;}
    .three60 .full-serv {font-size: 22px;
      color: #333;
      font-weight: 600;
      rotate: -90deg;
      position: absolute;
      top: 250px;
      left: -70px;
      width: 310px;}
      .three60 .container { position: relative;}
      .three60Digre { position: absolute; right: 0; text-align: right; top: 32px;}
      .three60Digre h2 { font-size: 150px; line-height: 160px; font-weight: 800; background-image: url(../../images/ct2.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        -webkit-background-clip: text;
        opacity: 1;
        white-space: nowrap;
        -webkit-text-fill-color: transparent;}
      .zenithLogo { float: left; margin-left: 150px;}
      .partner { float: left; width: 100%; margin-top: 100px;}
      .partner .heading h2 { width: 100%;}
      .client2 { padding: 0 20px;}
      .cr { float: left; width: 100%; margin-top:70px;}

      .form { float: left; margin-top: 120px; width: 100%; position: relative;}
      .form .container { background: #fafafc; border-radius: 35px; min-height: 200px; padding: 60px;}
      .form .heading.heading2 { text-align: left;}
      .form .heading.heading2 h2 b { text-align: left;}
      .form .heading h2 span { color: #fafafc;}
      .ctd { float: left; width: 100%; margin-top: 40px;}
      .ctd ul { margin: 0; padding: 0; list-style-type: none;}
      .ctd ul li { float: left; width: 100%; margin: 7px 0;}
      .ctd ul li a { font-size: 16px; color: #333;}
      .ctd.phoneNo ul li a { margin-left: 15px;}
      .ctd h5 { font-size: 20px; font-weight: 600; color: #333;}
      .ctd.emailId ul li a { margin-right: 15px;}
      .ctd.socalMedia ul li { float: left; margin-right: 15px; width: auto;}
      .forms form { float: left; width: 100%;}
      .forms form fieldset {float: left; width: 100%; margin: 15px 0;}
      .forms form fieldset input { width: 100%; height: 60px; border: none; border-bottom: 1px solid #aaa; background: none; font-size: 18px; font-weight: 400; outline: none;}
      .forms form fieldset select { width: 100%; height: 60px; border: none; border-bottom: 1px solid #aaa; background: none !important; font-size: 18px; box-shadow: none !important; font-weight: 400; outline: none !important; color: #777; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: url(../../images/form-arrow.png) 99% center no-repeat !important;}
      .forms form fieldset textarea { width: 100%; height: 120px; border: none; border-bottom: 1px solid #aaa; background: none; font-size: 18px; font-weight: 400; outline: none;}
      .forms form fieldset input.submitBtn { border: none; background: linear-gradient(to right, #5d3efd 0%, #21d6a4 100%); font-weight: 400; color: #fff; border-radius: 200px;}

      .form::after { position: absolute; content: ""; left: 0; top: 100px; background: url(../../images/f1.png) left top no-repeat; width: 116px; height: 188px;}

      .calTo { float: left; width: 100%; margin-top: 150px; }
      .calTo .container {min-height: 250px; background: linear-gradient(to right, #5d3efd 0%, #21d6a4 100%); border-radius: 35px;}
      .calTo .ctA { float: left; width: 100%; padding: 50px 80px;}
      .ctaLeft { float: left; margin-top: 12px;}
      .ctaRight { float: right;}
      .ctaRight a { float: left; padding: 20px 70px; border-radius: 200px; background: #fff; font-size: 24px; color: #22D3A6; font-weight: 600; margin-top:35px;}
      .ctaLeft h3 { font-size: 50px; color: #fff; font-weight: 300; }
      .ctaRight a:hover {background: linear-gradient(to right, #22d6a4 0%, #5e3dfd 100%); color: #fff;}
      footer { float: left; width: 100%; background: #F7F7F7; margin-top: 120px; padding: 70px 0 40px;}
      .fl { float: left; width: 100%; margin-top: 50px; padding-right: 40px;}
      .fl form { height: 56px; width: 100%; background: #333b4b; border-radius: 200px; margin-top: 30px;} 
      .fl form input { width: 75%; background: none; height: 56px; border: none; border-radius: 200px 0 0 200px; padding-left: 25px; color: #fff; float: left; outline: none;}
      .fl form input.newsBtn { width: 25%; float: right; height: 56px; background: url(../../images/newsBtn.png) center center no-repeat; text-indent: 99999999999px;}
      .fl h5 { color: #000; font-size: 20px; font-weight: 600;}
      .footerMenu { float: left; padding:0 25px; width: 25%;}

      .footerMenu ul { margin: 7px 0 0 0; padding: 0; list-style-type: none; float: left; width: 100%;}
      .footerMenu ul li { float: left; margin: 10px 0; width: 100%;}
      .footerMenu ul li a { float: left; font-size: 16px; color: #333; text-decoration: none;}
      .footerMenu ul li a:hover { background: linear-gradient(to right, #5d3efd 0%, #21d6a4 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;}
      .footerMenu h5 { color: #000; font-size: 20px; font-weight: 600;}
      .fm { margin:20px 0; float: left;}
      .footerMenu.footerMenu1 { width: 28%;}
      .footerMenu.footerMenu2 { width: 28%;}
      .footerMenu.footerMenu3 { width: 19%;}
      .footerMenu.footerMenu4 { width: 25%;}
      .footerBtm { float: left; width: 100%; margin-top: 30px;}
      .fbLeft { float: left;}
      .fbRight { float: right;}
      .fbLeft p { color: #333; font-weight: 300; font-size: 16px;}
      .footerLogo { margin-top: 20px;}
      .forms form fieldset input.submitBtn:hover {background: linear-gradient(to right, #22d6a4 0%, #5e3dfd 100%); color: #fff;}
      .togleDots { position: absolute; top: 35px; right: 70px;}

      #hero.innerBanner { height: 630px;}
      #hero.innerBanner .carousel-container {top: 220px; bottom: auto;}
      #hero.innerBanner .bannerLeft {margin-top: 0; width: 100%;}
      #hero.innerBanner .bannerLeft h1 { font-size: 72px; color: #fff; font-family: "Ubuntu", sans-serif;}
      .breadCum { float: left; width: 100%; text-align: left; margin-top: 15px;}
      .breadCum ul { margin: 0; padding: 0; list-style-type: none;}
      .breadCum ul li { float: left; background: url(../../images/bread.png) right center no-repeat;}
      .breadCum ul li a { font-size: 16px; font-weight: 300; color: #ddd !important; padding: 0 20px 0 10px; float: left; }
      .breadCum ul li a.activeBread { font-weight: 600;}
      .breadCum ul li:last-child { background: none;}
      .servicesMain { float: left; width: 100%; margin: 100px 0 0 0;}
      .servicesMain .heading.heading2 { width: 100%;}
      .servicesMain .heading.heading2 h2 { width: 100%;}
      .smblock { float: left; width: 94%; margin: 30px 3%; height: 487px; border-radius: 35px; box-shadow: 5px 0 20px #eeeeee; text-align: center; padding: 50px; border: 1px solid #fff;}
      .smblock:hover {border: 1px solid #5e3cfe;}                      
      .smbBtm { float: left; width: 100%; margin-top: 40px;}
      .smbBtm p { font-size: 16px; color: #999; line-height: 30px; margin-top: 20px; font-weight: 300;}
      .smbBtm h4 { font-size: 24px; color: #333; font-weight: 700;}
      .sm { float: left; width: 100%; margin-top: 50px;}

      /** owl Start **/
      .owl-carousel, .owl-carousel .owl-item {
        -webkit-tap-highlight-color: transparent;
        position: relative
      }
      .owl-carousel {
        display: none;
        width: 100%;
        z-index: 1
      }
      .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
        touch-action: manipulation;
        -moz-backface-visibility: hidden
      }
      .owl-carousel .owl-stage:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0
      }
      .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        -webkit-transform: translate3d(0, 0, 0)
      }
      .owl-carousel .owl-item, .owl-carousel .owl-wrapper {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0)
      }
      .owl-carousel .owl-item {
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-touch-callout: none
      }
      .owl-carousel .owl-item img {
        display: block;
        width: 100%
      }
      .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
        display: none
      }
      .no-js .owl-carousel, .owl-carousel.owl-loaded {
        display: block
      }
      .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
        cursor: pointer;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
      }
      .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
        background: 0 0;
        color: inherit;
        border: none;
        padding: 0!important;
        font: inherit
      }
      .owl-carousel.owl-loading {
        opacity: 0;
        display: block
      }
      .owl-carousel.owl-hidden {
        opacity: 0
      }
      .owl-carousel.owl-refresh .owl-item {
        visibility: hidden
      }
      .owl-carousel.owl-drag .owl-item {
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
      }
      .owl-carousel.owl-grab {
        cursor: move;
        cursor: grab
      }
      .owl-carousel.owl-rtl {
        direction: rtl
      }
      .owl-carousel.owl-rtl .owl-item {
        float: right
      }
      .owl-carousel .animated {
        animation-duration: 1s;
        animation-fill-mode: both
      }
      .owl-carousel .owl-animated-in {
        z-index: 0
      }
      .owl-carousel .owl-animated-out {
        z-index: 1
      }
      .owl-carousel .fadeOut {
        animation-name: fadeOut
      }
      @keyframes fadeOut {
        0% {
          opacity: 1
        }
        100% {
          opacity: 0
        }
      }
      .owl-height {
        transition: height .5s ease-in-out
      }
      .owl-carousel .owl-item .owl-lazy {
        opacity: 0;
        transition: opacity .4s ease
      }
      .owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
        max-height: 0
      }
      .owl-carousel .owl-item img.owl-lazy {
        transform-style: preserve-3d
      }
      .owl-carousel .owl-video-wrapper {
        position: relative;
        height: 100%;
        background: #000
      }
      .owl-carousel .owl-video-play-icon {
        position: absolute;
        height: 80px;
        width: 80px;
        left: 50%;
        top: 50%;
        margin-left: -40px;
        margin-top: -40px;
        background: url(owl.video.play.png) no-repeat;
        cursor: pointer;
        z-index: 1;
        -webkit-backface-visibility: hidden;
        transition: transform .1s ease
      }
      .owl-carousel .owl-video-play-icon:hover {
        -ms-transform: scale(1.3, 1.3);
        transform: scale(1.3, 1.3)
      }
      .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
        display: none
      }
      .owl-carousel .owl-video-tn {
        opacity: 0;
        height: 100%;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        transition: opacity .4s ease
      }
      .owl-carousel .owl-video-frame {
        position: relative;
        z-index: 1;
        height: 100%;
        width: 100%
      }

      .owl-theme .owl-nav {
        margin-top: 10px;
        text-align: center;
        -webkit-tap-highlight-color: transparent; position: absolute; top: -105px; right: 120px; }
        .owl-theme .owl-nav [class*='owl-'] {
          color: #FFF;
          font-size: 14px;
          margin: 5px 10px;
          padding: 4px 7px;
          background: #D6D6D6;
          display: inline-block;
          cursor: pointer;
          border-radius: 3px; }
          .owl-theme .owl-nav [class*='owl-']:hover {
            background: #869791;
            color: #FFF;
            text-decoration: none; }
        .owl-theme .owl-nav .disabled {
          opacity: 0.5;
          cursor: default; }
      
      .owl-theme .owl-nav.disabled + .owl-dots {
        margin-top: 10px; }
      
      .owl-theme .owl-dots {
        text-align: center;
        -webkit-tap-highlight-color: transparent; }
        .owl-theme .owl-dots .owl-dot {
          display: inline-block;
          zoom: 1;
          *display: inline; }
          .owl-theme .owl-dots .owl-dot span {
            width: 10px;
            height: 10px;
            margin: 5px 7px;
            background: #22d6a5;
            display: block;
            -webkit-backface-visibility: visible;
            transition: opacity 200ms ease;
            border-radius: 30px; }
          .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
            background: #5c3ffc; }

            .owl-nav .owl-prev { background: url(../../images/arrow-port.png) left top no-repeat !important; width: 77px; height: 14px;}
            .owl-nav .owl-next { background: url(../../images/arrow-port2.png) left top no-repeat !important; width: 77px; height: 14px;}
            .owl-nav span { display: none;}

      /** owl End **/

      .port { float: left; width: 100%; margin-top: 100px;}
      .port .heading.heading2 { width: 100%;}
      .port .heading.heading2 h2 { width: 100%;}
      .port ul { float: left; width: 100%; margin-top: 40px; list-style-type: none; margin-left: 0; padding-left: 0;}
      .port ul li {}
      .port ul li .pts {float: left; height: 390px; border-radius: 8px; overflow: hidden; width: 98%; margin: 0 1%;}
      .port ul li a { float: left; width: 100%; position: relative;}
      .port ul li img { width: 100%; height: 100%; object-fit: cover;}
      .porte { position: absolute; width: 100%; left: 0; bottom: 0; height: 100%; background: linear-gradient(0deg,  rgba(34,34,34,1) 0%,rgba(34,34,34,0) 100%);}
      .porte h5 { font-size: 22px; font-weight: 600; color: #fff; position: absolute; width: 90%; bottom: 35px; left: 10%;}
      .porte:hover {background: linear-gradient(45deg,  rgba(93,61,254,10.8) 0%,rgba(33,215,163,0.8) 100%);}

      .cr .caseDiv { padding: 0 25px;}
      .cr .caseDiv img { width: auto; max-width: 100%;}
      .cr .owl-theme .owl-nav.disabled + .owl-dots {margin-top:40px;}
      .port ul {width: 99.6%; padding: 0 0 0 0.3%;}
      .sblLeft .heading.heading2 h2 { text-align: left;}
      .sblLeft .heading.heading2 h2 b { text-align: left; font-size: 52px; line-height: 56px;}
      .sblLeft p { color: #666; font-weight: 300; font-size: 18px; line-height: 34px; margin-top: 20px; float: left; width: 100%;}
      .sblLeft .heading.heading2 h2 span { padding-left: 9%;}
      .sblLeft { float: left; width: 100%; margin-top: 90px;}
      .sblLeft img { max-width: 100%;}
      .serviceBigLogo { float: left; width: 100%; margin-top: 110px;}
      .about.aboutPage .aboutText { margin-top: 0;}
      .about.aboutPage .aboutImg { margin-top: 100px; float: left; width: 100%;}
      .about.aboutPage.webDesign .heading h2 b { font-size: 52px;}
      .about.aboutPage.webDesign .heading h2 span { margin-left: 0;}
      .about.aboutPage.webDesign .aboutImg { margin-top: 0; }
      .about.aboutPage.webDesign .aboutImg img {margin-left: 50px; border-radius: 35px;}
      .year15 { width: 215px; height: 240px; background: #f2f5fa; text-align: center; border-radius: 25px; border: 15px solid #fff; float: left; margin-top: -190px; position: relative; padding: 20px;}
      .year15 h2 { font-size: 110px; font-weight: 700; float: left; width: 100%; line-height: 110px; background: linear-gradient(to right, #5d3efd 0%, #21d6a4 100%);
        -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
      .year15 h2 span { font-size: 18px; line-height: 25px; float: left; width: 100%; font-weight: 700; background: linear-gradient(to right, #5d3efd 0%, #21d6a4 100%);
        -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
        .about.aboutPage.webDesign .aboutText { margin-top: 70px;}
        .howWeWork { float: left; width: 100%; margin-top: 90px;}
        .howWeWork .heading h2 { width: 100%;}
        .hww2 { float: left; width: 100%; padding: 0 15px; margin-top: 35px;}
        .hww2 h2 {font-size: 90px; -webkit-text-stroke: 1px #5c45fb; color: #fff; font-weight: 900; font-family: Roboto, Arial, Helvetica, sans-serif;}
        .hww2 h4 { color: #333; font-size: 24px; margin-top: 30px; border-bottom: 1px solid #ccc; padding-bottom: 30px;}
        .hww2 p { font-size: 18px; font-weight: 300; color: #666; line-height: 34px; margin-top: 25px;}
        .servicesMain.wd .smblock {height: 660px; background: #fff url(../../images/ser1.png) bottom right no-repeat;}
        .about.aboutPage.webDesign.seoPage .aboutText { margin-top: 0;}
        .priceBlock { float: left; width: 31.33%; margin: 0 1%; background: #f6f7fb; min-height: 1150px; border-radius: 20px; padding: 50px; position: relative; overflow: hidden;}
        .priceBlock h4 {position: relative; background: linear-gradient(to right, #5d3efd 0%, #21d6a4 100%); -webkit-background-clip: text;  -webkit-text-fill-color: transparent; font-weight: 900; font-size: 50px;}
        .priceBlock h6 { font-size: 20px; font-weight: 600; color: #999; position: relative; text-decoration: line-through; margin-top: 20px;}
        .priceBlock h2 { font-size: 50px; position: relative; font-weight: 700; color: #25d4a7; border-bottom: 1px solid #a397fa; padding-bottom: 25px;}
        .priceBlock h2 sup { font-weight: 400; font-size: 32px;}
        .priceBlock h3 {rotate: -90deg;
          position: absolute;
          right: -506px;
          top: auto;
          font-size: 320px;
          color: #fff;
          font-weight: 900;
          bottom: 373px; opacity: 0.5; z-index:0;}
          .spShow { float: left; width: 100%; margin-top: 30px;}
          .priceBlock h5 {background: linear-gradient(to right, #5d3efd 0%, #21d6a4 100%); -webkit-background-clip: text;  -webkit-text-fill-color: transparent; font-weight: 700; font-size: 18px;}
          .priceBlock ul { margin: 0; padding: 0; list-style-type: none;}
          .priceBlock ul li { font-size: 16px; color: #666; float: left; width: 100%; font-weight: 300; margin: 0 0 10px 0;}
          .priceBlock a {font-weight: 400;
            font-size: 18px;
            letter-spacing: 1px;
            display: inline-block; position: relative;
            padding: 20px 40px;
            border-radius: 200px;
            transition: 0.5s;
            line-height: 1;
            color: #fff;
            -webkit-animation-delay: 0.8s;
            animation-delay: 0.8s;
            background: linear-gradient(to right, #5d3efd 0%, #21d6a4 100%);
            margin-top: 30px; float: left;}
          .seoPricing { float: left; width: 100%; padding: 0 50px; margin-top: 50px;}
          .priceBlock.priceBlock2 { background: #31333e;}
          .priceBlock.priceBlock2 ul li { color: #aaa;}
          .priceBlock.priceBlock2 h3 {color: #363843; opacity: 1;}
          .priceBlock.priceBlock2 h4 {background: linear-gradient(to right, #ffffff 0%, #21d6a4 100%); -webkit-background-clip: text;  -webkit-text-fill-color: transparent;}
          .priceBlock.priceBlock2 h5 {background: linear-gradient(to right, #ffffff 0%, #21d6a4 100%); -webkit-background-clip: text;  -webkit-text-fill-color: transparent;}
          .price .heading.heading2 { width: 100%;}
          .price .heading h2 { width: 100%;}
          .price { float: left; width: 100%; margin-top: 80px;}



          .cp { float: left; width: 100%; margin-top: 120px;}
          .cp .heading h2 { width: 100%;}
          .cpArea { width: 880px; margin: 0 auto;}
          .cpRow { float: left; width: 100%;}
          .cpRow fieldset { float: left; width: 47%; margin:15px 1.5%;}
          .cpRow fieldset input { width: 100%; height: 56px; border: 1px solid #ccc; border-radius: 200px; padding-left: 30px; outline: none;}
          .cpRow fieldset select { width: 100%; height: 56px; border: 1px solid #ccc; border-radius: 200px; padding-left: 30px; color: #666; background: url(../../images/form-arrow.png) 94% center no-repeat !important; appearance: none; }
          .cpRow fieldset textarea { width: 100%; height: 113px; border: 1px solid #ccc; border-radius: 200px; padding-left: 30px; padding-top: 20px; resize: none;}
          .cpRow.cpRow1 fieldset { width: 97%;}
          .cpRow.cpRow1.cpBtn fieldset { width: 250px; float: none; margin: 15px auto 0;}
          .cpRow.cpRow1.cpBtn fieldset input {background: linear-gradient(to right,  rgba(92,63,253,1) 0%,rgba(34,213,164,1) 100%); border: none; font-size: 18px; font-weight: 600; padding-left: 0; color: #fff;}
          .cpRow.cpRow1.cpBtn fieldset input:hover {background: linear-gradient(to right, rgba(34,213,164,1)  0%, rgba(92,63,253,1) 100%);}
          .cp .heading { margin-bottom:30px;}
          .cp .pws { float: left; width: 100%;}
          .cp .pws ul { margin: 0; padding: 0; list-style-type: none;}
          .cp .pws ul li { float: left; width: 23%; margin: 15px 1%; border: 1px solid #ccc; padding: 25px; border-radius: 25px; height: 200px; display:none;}
          .cp .pws ul li img { max-width: 100%;}
          .cp .pws ul li.display { display: inline-block;}

          .cp .pws ul {
            list-style: none;
            display: flex;
            flex-wrap: wrap;
           }

           .cp .pws li {
            position: relative;
            padding: 15px;
            align-items: center;
            justify-content: center;
            font-size: 2rem;
            color: rgba(0,0,0,0.5);
           }
          
          .load-more {
            padding: 15px;
            display: block;
            text-align: center;
            background: linear-gradient(to right,  rgba(92,63,253,1) 0%,rgba(34,213,164,1) 100%);
            width: 260px;
            margin: 25px auto 0;
            text-decoration: none;
            border: 1px solid #ccc;
            color: #fff;
            transition: 0.4s;
            border-radius: 200px; font-size: 20px; font-size: 20px; font-weight: 300; display: flow-root;
          }
          .load-more:hover { color: #fff;}

          .blogs { float: left; width: 100%;}
          .blogsTop { float: left; width: 100%; height: 375px; overflow: hidden; border-radius: 35px;}
          .blogsTop img { width: 100%; height: 100%; object-fit: cover;}
          .ts { float: left; width: 100%; margin-top: -25px;}
          .ts span { font-size: 18px; color: #fff; font-weight: 300; background: #22d6a4; padding: 10px 40px; border-radius: 200px; float: right; margin-right: 40px;}
          .blogsBottom { float: left; width: 100%; margin-top: 30px;}
          .blogsBottom h6 { font-size: 16px; color: #666; font-weight: 300;}
          .blogsBottom h6 img { margin-right: 15px; float: left; margin-top: -5px;}
          .blogsBottom h3 { font-size: 30px; color: #333; font-weight: 300; font-family: "Ubuntu", sans-serif; margin-top: 25px;}
          .blogsBottom span {font-weight: 400;
            font-size: 18px;
            letter-spacing: 1px;
            display: inline-block;
            padding: 20px 40px;
            border-radius: 200px;
            transition: 0.5s;
            line-height: 1;
            color: #fff;
            -webkit-animation-delay: 0.8s;
            animation-delay: 0.8s;
            background: linear-gradient(to right, #5d3efd 0%, #21d6a4 100%);
            margin-top: 20px;}

            .blogsBottom span:hover {background: linear-gradient(to right, #22d6a4 0%, #5e3dfd 100%); color: #fff;}
            .blogPage { float: left; width: 100%; margin-top: 80px;}
            .blogs { float: left; width: 100%; padding: 40px 15px;}
            .catagoryTags { float: left; width: 100%; padding-left: 40px; margin-top: 40px;}
            
            .catagory { float: left; width: 100%; padding: 50px; border: 1px solid #ccc; border-radius: 0px;}
            .catagoryTags ul { margin: 15px 0 0 0; padding: 0; list-style-type: none;}
            .catagoryTags ul li { float: left; width: 100%; margin: 10px 0;}
            .catagoryTags ul li a { font-size: 16px; color: #666;}
            .catagoryTags h4 { font-size: 24px; font-weight: 700; background: linear-gradient(to right, #5d3efd 0%, #21d6a4 100%);
              -webkit-background-clip: text;
              -webkit-text-fill-color: transparent;}
            .catagoryTags ul li a:hover {background: linear-gradient(to right, #5d3efd 0%, #21d6a4 100%);
              -webkit-background-clip: text;
              -webkit-text-fill-color: transparent;}
            .catagory.tags { margin-top:40px;}
            .blogDetails { float: left; width: 100%; margin-top: 40px;}
            .blogDetails h2 { font-size: 48px; font-weight: 300; color: #333; font-family: "Ubuntu", sans-serif;}
            .blogDetails h6 { font-weight: 300; color: #666; margin-top: 10px; float: left; width: 100%;}
            .blogDetails img { margin:25px 0 10px 0;}
            .blogDetails h6 img { float: left; margin-top: -5px; margin-right: 15px;}
            .blogDetails h4 { font-size: 24px; color: #333; font-weight: 400; margin-top:40px;}
            .blogDetails h3 { font-size: 28px; color: #333; font-weight: 400; margin-top:40px; font-family: "Ubuntu", sans-serif;}
            .blogDetails h3 strong { font-weight: 400 !important;}
            .blogDetails p { font-size: 16px; color: #666; line-height: 30px; font-weight: 300;}
            .blogDetails ul { margin: 0 0 0 15px; padding: 0;}
            .blogDetails ul li { font-size: 16px; color: #666; line-height: 26px; font-weight: 300; margin: 10px 0;}
            .caseStd { float: left; width: 100%; margin-top: 100px;}
            .caseStd .heading { width: 100%;}
            .caseStd .heading h2 { width: 100%;}
            .cstd { float: left; width: 100%; padding: 60px 12px 0 12px; text-align: center;}
            .cstdTop { float: left; width: 100%; height: 365px; overflow: hidden; border-radius: 35px;}
            .cstdTop img {width: 100%; height: 100%; object-fit: cover;}
            .cstdBtm { float: left; width: 100%; margin-top: 25px;}
            .cstdBtm h5 { font-size: 24px; font-weight: 400; background: linear-gradient(to right, #5d3efd 0%, #21d6a4 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
            .cstdBtm:hover h5 {background: linear-gradient(to right, #21d6a4 0%, #5d3efd 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
            .cloudCs { float: left; width: 100%; padding-right: 50px; margin-top: 50px;}
            .cloudCs h2 {font-size: 110px; -webkit-text-stroke: 1px #5c45fb; color: #fff; font-weight: 800; font-family: Roboto, Arial, Helvetica, sans-serif; float: left; width: 100%;}
            .cloudCs h4 { font-size: 24px; color: #333; font-weight: 500; border-bottom: 1px solid #ccc; padding-bottom: 20px; margin-top: 10px; float: left; width: 100%;}
            .cloudCs p { font-size: 18px; color:#666; font-weight: 300; line-height: 34px; margin-top: 10px; float: left; width: 100%;}
            
            .hwwPage { float: left; width: 100%;}
            .hwwPage .hwwBlock { float: left; width: 100%; margin:50px 0;}
            .hwwPage .hwwBlock .hwwLeft { float: left; width: 56%;}
            .hwwPage .hwwBlock .hwwRight { float: right; width: 44%;}
            .hwwRightBox { width: 100%; padding: 80px 100px 100px; box-shadow: 0 0 8px #eee; background: #fff; border-radius: 35px; margin-left: -100px; height: 500px; margin-top: 30px;}
            .hwwRight h2 {font-size: 110px; -webkit-text-stroke: 1px #5b43fa;  color: #fff; font-weight: 800; opacity: 1; font-family: Roboto, Arial, Helvetica, sans-serif; margin-left: 25px; margin-top: 60px;}
            .hwwPage .hwwBlock .hwwLeft img { width: 100%;}
            .hwwRightBox h3 { font-size: 48px; color: #333; font-weight: 600; margin: 0; padding: 0;}
            .hwwRightBox p { font-size: 18px; font-weight: 300; color: #666; line-height: 32px; margin-top: 20px;}
            .hwwBlock.hwwBlock2 .hwwLeft { float: right;} 
            .hwwBlock.hwwBlock2 .hwwRight { float: left; margin-left: 0;}
            .hwwBlock.hwwBlock2 .hwwRight .hwwRightBox { float: right; margin-right: -100px; width: 100%;}
            .hwwBlock.hwwBlock2 .hwwRight h2 { text-align: right; margin-right: 25px;}
            .hwwPage.wcu .hwwRight { margin-top: 80px;}
            .teamParagrap p { font-size: 18px; color: #666; line-height: 32px; font-weight: 300;}
            .teamHeading { float: left; width: 100%; margin-top: 100px;}
            .teamB { float: left; width: 100%; padding: 60px 15px 0; text-align: center;}
            .teamB .tbTop { float: left; width: 100%; border-radius: 35px; overflow: hidden; position: relative;}
            .teamB .tbBtm { float: left; width: 100%; text-align: center; margin-top:25px;}
            .teamB .tbTop img {filter: grayscale(100%);}
            .teamB .tbBtm h4 { font-size: 20px; font-weight: 700; color: #333;}
            .teamB .tbBtm h6 { font-size: 16px; font-weight: 600; color: #5c41fb; margin-top: 10px;}
            .teamB .tbBtm p { font-size: 16px; color: #666; font-weight: 300; line-height: 30px;}
            .teamB .tbBtm ul { margin: 0; padding: 0; list-style-type: none;}
            .teamB .tbBtm ul li { display: inline-block; margin: 0 10px;}
            .teamB:hover .tbTop img {filter: grayscale(0);}
            [data-filter] {
              display: inline-block;
              color: #999;
              border-radius: 5px;
              padding: 8px 35px;
              cursor: pointer;
              margin-bottom: 1rem; font-weight: 300; font-size: 20px;
          }
  
          [data-filter] + [data-filter] {
              margin-left: 5px;
          }
  
          
  
          [data-tags] {

             

          }

          .fgb { width: 31.33%; margin: 15px 1%; height: 410px; border-radius: 35px; overflow: hidden; position: relative; float: left;}
          .fgb img { width: 100%; height: 100%; object-fit: cover;}
          .fgb .fgbOver img { width: auto; height: auto; object-fit: none;}
          .fgb .fgbOver { position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; background: linear-gradient(0deg,  rgba(0,178,228,1) 0%,rgba(0,178,228,0) 100%); text-align: center;}
          .fgb .fgbOver .fgbo { position: absolute; width: 100%; text-align: center; bottom: 40px;}
          .tab-content .load-more { display:block; margin:30px auto 0;}
          .filterGalTop { float: left; width: 100%; text-align: center;}
          .fgb.galbg1 .fgbOver {background: linear-gradient(0deg,  rgba(0,178,228,1) 0%,rgba(0,178,228,0) 100%);}
          .fgb.galbg2 .fgbOver {background: linear-gradient(0deg,  rgba(251,117,98,1) 0%,rgba(251,117,98,0) 100%);}
          .fgb.galbg3 .fgbOver {background: linear-gradient(0deg,  rgba(6,202,163,1) 0%,rgba(6,202,163,0) 100%);}
          .fgb:hover .fgbOver {background: linear-gradient(45deg,  rgba(93,61,253,1) 0%,rgba(33,213,164,0.8) 100%) !important;}
          .fancybox-opened .fancybox-skin { padding: 0 !important;}
          .fancybox-close {top: 0px !important; right: -40px !important;}

          .popWidth { width: 1024px;}
          .popWidth img { max-width: 100%;}
          .loadBtn { float: left; width: 100%; text-align: center;}
          .filterGal { float: left; width: 100%;}
          .filterGal ul { text-align: center; margin: 0; padding: 0;}
          .filterGal ul li { float: none; display: inline-block !important; flex-wrap: inherit !important; margin: 0 30px;}
          
          .filterGal .nav.nav-tabs { display: inline-block !important; flex-wrap: inherit !important; text-align: center; border: none; margin-bottom: 25px;}
          .filterGal ul li a { color: #aaa; font-weight: 300; font-size: 20px;}
          .filterGal ul li a:hover { color: #000;}
          .filterGal ul li.active-gal a { color: #5c41fb;}
          .filterGal .nav-tabs .nav-link { border: none !important; font-size: 18px; padding: 10px 30px !important;}
          .filterGal .nav-tabs .nav-link.active { color: #5c41fb !important;}
          .seoA { float: left; width: 97%; border: 1px solid #ccc; padding: 50px; border-radius: 35px; margin: 22px 1.5%; height: 900px;}
          .seoATop {float: left; width: 100%; text-align: center;}
          .seoATop a { display: inline-block; background: linear-gradient(to right,  rgba(93,62,254,1) 0%,rgba(33,214,164,1) 100%); padding: 15px 50px; border-radius: 200px; margin-top: 30px; color: #fff; font-size: 18px; font-weight: 300;}
          .seoATop a:hover {background: linear-gradient(to right,  rgba(33,214,164,1) 0%,rgba(93,62,254,1) 100%);}
          .seoABtm td {border-bottom: 1px solid #cccccc; border-collapse: collapse; padding: 15px; font-size: 16px; border-right: 1px solid #cccccc; color: #666;}
          .seoABtm th { text-align: center; background: #5c3ffd; color: #fff; font-weight: 300; font-size: 16px; padding: 15px; border-radius: 200px 0 0 200px;}
          .seoABtm table { border: none; margin-top: 50px; float: left; width: 100%;}
          .seoABtm td:last-child { text-align: center; border-right: none;}
          .seoABtm th:last-child {border-radius: 0 200px 200px 0;}
          .seoATop img { max-height: 72px;
            max-width: 100%;}
          #hero-carousel-indicators {display: none;}
.howWe.forMobile { display: none;}
.navbar .dropdown .dropdown { position: relative;}
.navbar .dropdown .dropdown ul { left: 0 !important; top:50px !important; width:400px; left: -10% !important; }
.navbar .dropdown .dropdown ul li { width: 100%; min-width: auto;}
.bc1 ul li.banPhone a img { margin-right: 5px;}
.bc1 ul li.banPhone { width: 50%;}
.bc1 ul li.banPhone a { margin-right: 15px;}

.moretext { display: none;}
.about.aboutPage.webDesign .aboutText { margin-top: 25px;}
.aboutText ul { margin: 0 0 0 20px; padding: 0; list-style-type:disc;}
.aboutText ul li { margin: 5px 0; font-size: 18px; line-height: 36px; color: #666;}

.aboutText .cd ul { list-style-type: none;} 
.navbar .dropdown ul a { width: 100%;}
.navbar .dropdown .dropdown ul {padding: 15px 40px;}
.aboutText p { margin-bottom: 0;}
#hero.innerBanner .bannerLeft {margin-left: 10px;}

.breadCum ul li span {background: linear-gradient(to right, #5d3efd 0%, #21d6a4 100%);
  background-clip: border-box;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent; margin-left: 10px;}

.port ul li .pts img { width: 100%; height: 100%; object-fit: cover;}
.port ul li a {height: 100%;}
.case-all { float: left; width: 100%; text-align: center; margin-top: 30px;}
.case-all a {font-weight: 400;
  font-size: 18px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 20px 40px;
  border-radius: 200px;
  transition: 0.5s;
  line-height: 1;
  color: #fff;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  background: linear-gradient(to right, #5d3efd 0%, #21d6a4 100%);
  }

.dhBlock { float: left; width: 100%; text-align: center; margin-top: 35px;}
.dhBlock ul { margin: 0; padding: 0; list-style-type: none;}
.dhBlock ul li { display: inline-block; height: 255px; background: #5d3dfe; border-radius: 35px; padding: 40px 10px; margin: 0 1%; width: 14.6%; float: left;}
.dhBlock ul li.dh2 { background: #00d029;}
.dhBlock ul li.dh3 { background: #000000;}
.dhBlock ul li.dh4 { background: #36b0ff;}
.dhBlock ul li.dh5 { background: #430175;}
.dhBlock ul li.dh6 { background: #ef3535;}
.dhBlock ul li h6 { font-size: 20px; font-weight: 300; color: #fff; margin-top: 20px; float:left; width: 100%;}
.dhBlock ul li span { margin-top: 25px; float: left; width: 100%; text-align: center;}

.hrt { float: left; width: 100%; padding: 0 50px; margin-top: 110px; }
.hrtLeft { float: left; width: 60%; padding: 100px 300px 100px 100px; background: #5d3dfe; border-radius: 35px; height: 751px; margin-top: 50px;}
.hrtLeft h3 { font-size: 36px; color: #fff; font-weight: 600;}
.hrtLeft p { color: #fff; font-size: 18px; line-height: 32px; margin-top: 30px;}
.hrtLeft a { float: left; margin-top: 20px; color: #5d3ffc; font-size: 18px; font-weight: 400; background: linear-gradient(to right,  rgba(253,255,254,1) 0%,rgba(36,215,164,1) 100%); padding: 14px 35px; border-radius: 200px; }
.hrtLeft a img { margin-left: 5px;}
.hrtLeft a:hover {background: linear-gradient(to right,  rgba(36,215,164,1) 0%,rgba(253,255,254,1) 100%);}
.hrtRight { float: right; width:50%; padding: 100px; background: #fff; box-shadow: 5px 2px 8px #eee; height: 788px; margin-top: -620px; position: relative; border-radius: 35px;}
.hrtRight h3 {font-size: 36px; color: #111; font-weight: 600;}
.hrtRight ul { margin: 15px 0 0 0; padding: 0; list-style-type: none;}
.hrtRight ul li { background: url('https://zenithsolz.com/zenithsolz/wp-content/uploads/2025/03/bld.png') left 7px no-repeat; padding-left: 25px; font-size: 18px; font-weight: 300; color: #666; float: left; width: 100%; margin: 12px 0;}
.dhTab { float: left; width: 100%; margin-top: 110px;}

.tabs-container {

}
/* === Tab Navigation (Buttons) === */
.tabs-nav {

}
.tabs-nav button {
	background: transparent;
	border: none;
	padding: 10px 50px; outline: none;
	cursor: pointer;
 height: 114px; width: 46%; margin:15px 2%; border: 1px solid #ccc; float: left; border-radius: 15px; text-align: left; font-size: 20px; font-weight: 600; background: linear-gradient(to right, #5d3efd 0%, #21d6a4 70%);
  background-clip: border-box;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.tabs-nav button:focus {
	outline: 2px solid #007bff;
}
.tabs-nav button.active {
	font-weight: bold; outline: none;
	color: #fff !important;
  background: linear-gradient(to right, #5d3efd 0%, #21d6a4 100%); background-clip: inherit; -webkit-text-fill-color: #fff;
}
.tab-indicator {
	position: absolute;
	bottom: 0;
	height: 2px;
	background: #007bff;
	transition: left 0.3s ease, width 0.3s ease;
}
/* === Tab Panels (Content Areas) === */
.tabs-content .tab-content {
	display: none;
	padding:100px 0 0 100px;
 float: left; width: 50%;
}
.tabs-content .tab-content.active {
	display: block;
}

.tabDh { float: left; width: 100%; margin-top: 35px;}
.tabs-nav { float: left; width: 50%;}
.tab-content h4 { color: #333; font-weight: 300; font-size: 36px; margin-bottom: 15px;}
.tab-content p { font-weight: 300; color: #666; font-size: 18px; line-height: 32px;}
.servicesMain .heading p {color: #666; font-weight: 300; font-size: 18px; line-height: 34px; margin-top: 10px;}
.about.aboutPage.webDesign .heading h2 { text-align: left;}
.heading p {font-size: 18px; line-height: 32px; color: #666; margin-top: 10px;}
.blogDetails img { max-width: 100%; width: auto; height: auto;}
.about.aboutPage.dedi-page .heading h2 { width: 100%;}

.hidden-menu { position: fixed; height: 100%;
  width: 400px;
  top: 0; right: -400px; bottom: 0;
  background: #1f2531;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  transform-origin: 0% 0%;
  transition: transform 0.5scubic-bezier(0.77,0.2,0.05,1.0); transform: translate(100%, 0);}
#show-hidden-menu {position: fixed; z-index: 9;}
.hidden-menu.main { right: 0; height: 100%;  }


.sidemenu {
            height: 100%;
            width: 0;
            position: fixed;
            top: 0;
            right: 0;
            background-color: #111;
            overflow-x: hidden;
            transition: 0.5s;
            padding-top: 60px;     list-style-type: none; 
        }
        .sidemenu ul { margin: 0; padding: 30px 30px 30px; list-style-type: none;}
        .sidemenu ul li { margin: 10px 0; float: left; width: 100%;}
        .sidemenu ul li img { margin-right: 7px;}

        .sidemenu a {
          text-decoration: none;
          color: #aaa;
          transition: all 0.3sease; font-size: 15px; 
        }

        .sidemenu a:hover {
            color: #f1f1f1;
        }
        .open-btn {
            font-size: 30px;
            color: #111;
            border: none;
            position: absolute;
            top: 19px;
            right: 70px;
            cursor: pointer;
            border-radius: 5px; background: none;
        }

        .close-btn {
            position: absolute;
            top: 20px;
            left: 25px;
            font-size: 36px;
            color: #818181;
            text-decoration: none;
        }
        .sidemenu a.close-btn { font-size: 40px; color: #fff;}
        .sidemenu ul li .togalMenu a {width: 100%;
          margin-bottom: 20px;
          display: block;
          color: #fff;
          font-size: 18px; }
          .sidemenu ul li .togalMenu {
            width: 100%;
    margin-top: 0;
    border-top: 2px solid;
    border-image-source: linear-gradient(to left, #21d6a4, #5d3efd);
    border-image-slice: 1;
    padding-top: 25px;
          }

.blogPage.blog-cat-page .blogsBottom h3 { margin-top: 0; text-align: center;}
.sidemenu ul li .togalMenu img.sidebar-add {margin-top: 26px;}
.stickaddress {float: right; width: 82%;}
.portBox { float: left; width: 100%; margin-top: 35px;}
.fgbo h6 { color: #fff; font-size: 18px; margin-top: 15px;}

.mMenu { display: none;}

.wpcf7 form.invalid .wpcf7-response-output {float: left; width: 100%; text-align: center; padding: 15px 0;}
.wpcf7-not-valid-tip { font-size: 15px;}

.bg_clr {position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0.7;}
.fgb .fgbOver { background: none !important;}
.fgb.galbg1 .fgbOver { background: none !important;}
.fgb:hover .bg_clr {background: linear-gradient(45deg,  rgba(93,61,253,1) 0%,rgba(33,213,164,0.8) 100%) !important;}

.ovbRight ul { margin: 0; padding: 0;}
.ovbRight ul li { float: left; width: 100%; margin: 10px 0; font-size: 21px; font-weight: 300; color: #666;}

.cpRow fieldset input[type="file"] { border: none; border-bottom: 1px solid #ccc; border-radius: 0;}
span.wpcf7-form-control-wrap.kc_captcha { text-align: center;}

.fl ul { margin: 10px 0 0 0; padding: 0; list-style-type: none;}
.fl ul li { float: left; width: 100%; margin: 10px 0;}
.fl ul li a { color: #333;}
.fl ul li a:hover {background: linear-gradient(to right, #5d3efd 0%, #21d6a4 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.servicesArea .heading h2 { width: 100%;}

.bannerRight img { max-width: 100%;}

.accordion { float: left; width: 100%;}
.accordion .container { position: relative;}

.accordion { border: none;}
.accordion .accordion-item {font-family: 'Open Sans', sans-serif; position: relative; border: none;}
.accordion .accordion-item .accordion-header { padding: 20px 0; border-bottom: 1px solid #eee; cursor: pointer; padding-right: 30px;}
.accordion .accordion-header::after {top: 9px; font-weight: 300; font-size: 30px; font-size: 30px; right: 0;}
.accordion .accordion-item .accordion-header h4 { font-weight: 600; font-size: 18px;}
.accordion .accordion-content.show { border-bottom: 1px solid #eee;}
.accordion .accordion-content.show p { font-size: 15px; line-height: 28px; color: #666;}
.cp h4 { font-size: 28px; color: #111; margin-bottom: 20px; margin-top: 30px;}
.cp h4 strong { font-weight: 700;}
.cp p { font-size: 18px; font-weight: 300; color: #666;}
.cp p strong { color: #333; font-weight: 600;}
.cp ul { margin-left: 0; padding-left: 15px; margin-top: 0; margin-bottom: 30px; float: left; width: 100%;}
.cp ul li { margin: 5px 0; float: left; width: 100%; font-size: 18px; color: #666; font-weight: 300;}
.cp ol { margin-left: 0; padding-left: 15px; margin-top: 0;}
.blogDetails ol { margin: 0; padding-left: 15px; float: left; width: 100%;}
.blogDetails ol li { float: left; width: 100%; margin: 5px 0; font-size: 16px; color: #666; font-weight: 300; line-height: 30px;}
.blogDetails img.aligncenter { float: none; text-align: center;}
.servicesMain.wd.new-serv-lai .smblock {height: 375px;}
.faq-sec .heading h2 { width: 100%;}
.faq-sec { float: left; width: 100%; margin-top: 80px;}
.faq-sec .heading { margin-bottom: 25px;}
.faq-sec .accordion .accordion-item .accordion-header { font-weight: 600;}

.post-content h2 { font-size: 30px; margin-top: 20px;}
.post-content h3 { font-size: 20px; font-weight: 400;}
.post-content table { border: 1px solid #ccc; margin-top: 20px; margin-bottom: 15px;}
.post-content table td { border: 1px solid #ccc; padding: 15px; color: #666; font-size: 16px; font-weight: 300;}
.post-content table th { border: 1px solid #ccc; padding: 15px; color: #666; font-size: 16px;}

.cp .filterGal ul li { width: auto; float: none; display: inline-block; margin: 0 25px;}
.cp .filterGal ul { margin-bottom: 0;}
.page-id-1502 .cp .filterGal ul li:nth-child(1) a { font-weight: 600; color: #000;}
.page-id-1483 .cp .filterGal ul li:nth-child(2) a { font-weight: 600; color: #000;}
.page-id-1487 .cp .filterGal ul li:nth-child(3) a { font-weight: 600; color: #000;}
.page-id-1488 .cp .filterGal ul li:nth-child(4) a { font-weight: 600; color: #000;}
.page-id-1493 .cp .filterGal ul li:nth-child(5) a { font-weight: 600; color: #000;}
.page-id-1492 .cp .filterGal ul li:nth-child(6) a { font-weight: 600; color: #000;}


.faqs { float: left; width: 100%; margin-top: 120px;}
.faqs .accordion { max-width:1024px; margin:0 auto; border-radius:6px; overflow:hidden; display: block; float: none; }
.faqs .accordion-item { border-bottom:1px solid #ddd; }
.faqs .accordion button {
width:100%;
text-align:left;
background:#fff;
border:0;
padding:25px 0;
font-size:20px;
cursor:pointer;
display:flex;
align-items:center;
justify-content:space-between;
}
.faqs .accordion button:hover {  }
.faqs .accordion button .arrow {
transition: transform 0.3s ease;
}
.faqs .accordion-item.active button .arrow {
transform: rotate(180deg);
}
.faqs .accordion-content {
max-height:0;
overflow:hidden;
background:#fff;
padding:0 15px;
transition:max-height 0.3s ease;
}
.faqs .accordion-content p { margin:0 0 25px; font-size:16px; color:#666; font-weight: 400; }
.faqs .accordion-item.active .accordion-content { max-height:800px; }
.faqs .accordion button span.arrow { font-size: 16px;}
.faqs .accordion-content ul { margin: 0 0 25px 30px; padding: 0;}
.faqs .accordion-content ul li {font-size:16px; color:#666; font-weight: 400; margin-bottom: 20px;}

.blogs.blogDe img { max-width: 100%;}
.blogDetails ol.ol-div { border: 1px solid #ccc; padding: 30px 60px; margin-bottom: 40px;}
.blogDetails ol.ol-div li a { color: #555; font-weight: 500; font-size: 17px;}
.blogDetails ol.ol-div ol { border: none; padding: 0; margin-left: 30px; margin-bottom: 0;}
.blogDetails ol.ol-div ol li a { color: #555; font-weight: 400; font-size: 16px;}

.catagory.latest { margin-top: 30px;}
.catagory.latest ul li { float: left; width: 100%;}
.catagory.latest ul li a .ltsLeft {float: left; width: 20%; margin-top: 5px; height: 75px;}
.catagory.latest ul li a .ltsLeft img { width: 100%; height: 100%; object-fit: cover;}
.catagory.latest ul li a .ltsRight {float: right; width: 80%; padding-left: 20px;}
.catagory.latest ul li a .ltsRight h5 { font-size: 16px; color: #666; line-height: 24px; font-weight: 400;}

.catagory.latest ul li a:hover h5 {background: linear-gradient(to right, #5d3efd 0%, #21d6a4 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.catagory.latest ul li a h6 { font-weight: 300; color: #333 !important; font-size: 14px; -webkit-text-fill-color:#333;}
.catagory.latest ul li a:hover h6 { color: #333 !important;}

/*.catagoryTags {position: sticky; top: 24px;}*/

.catagory.tags ul li { float: left; width:auto; margin: 5px 5px; border: 1px solid #ccc;}
.catagory.tags ul li a {padding: 10px 15px; font-size: 15px; float: left;}

canvas { position: absolute; left: 0; width: 100%; z-index: 2; height: 100%;}

@supports (position:sticky) or (position:-webkit-sticky) {
    @media (min-width: 992px) {
        .about.aboutPage.webDesign .aboutImg {
            position: relative;
            position: sticky;
            top: 40px;
            transition: .4s;
        }
    }
}

.partner .cr .owl-carousel .owl-item img { width: auto; max-width: 100%;}

.agCon { float: left; width: 100%; margin: 100px 0 0; text-align: center;}
.agCon .heading h2 { width: 100%;}
.agCon h4 { font-size:36px; font-weight: 600; color: #333; margin-top: 25px; float: left; width: 100%;}
.agCon p { font-size: 18px; line-height: 36px; color: #666; margin-top: 15px;}
.agCon p strong { color: #333;}
.agCon a.moreless-button3 {font-weight: 400; font-size: 18px; letter-spacing: 1px; display: inline-block; padding: 20px 40px;  border-radius: 200px; transition: 0.5s; line-height: 1; color: #fff; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; background: linear-gradient(to right, #5d3efd 0%, #21d6a4 100%); margin-top: 10px;}
.navbar li.dropdown.ae-geo a.nav-link.scrollto {}
header#header.fixed-top.header-scrolled { background: #fff; padding: 10px 0; position: fixed;}

header#header.fixed-top.header-scrolled .open-btn {top: 14px;}



.fbRight img {filter: brightness(0) saturate(100%) invert(50%);}
.bc1 ul li img {filter: invert(38%) sepia(93%) saturate(5000%) hue-rotate(245deg) brightness(95%) contrast(95%);}

          

@media (max-width:1900px) {
.bannerRight {width: 40%;}
.bannerRight img { width: 100%;}
.bannerLeft { margin-top: 150px; width: 60%;}
#hero h1 {font-size: 82px; line-height: 90px;}
#hero .btn-get-started { font-size: 22px;}
#hero { height: 750px;}
#header .container { width: 100%; max-width: none; padding: 0 25px;}
.navbar a, .navbar a:focus {font-size: 16px; padding: 10px 15px 10px 15px;}
.email a {font-size: 18px;}
.email a span {padding: 12px 35px;}
.togleDots {right: 25px;}
.email {margin-right: 50px;}
.aboutImg img { max-width: 100%;}
.heading h2 span {font-size: 90px;}
.heading h2 b {font-size: 48px; margin-top: -46px;}
.aboutText p { font-size: 16px; line-height: 30px;}
.aboutText a { font-size: 16px;}
.counter { font-size: 60px;}
.cd ul li b { font-size: 60px;}
.aboutText p { font-size: 15px;}
.ct h2 {font-size: 150px;}
.ct h3 {font-size: 140px; line-height: 170px;}
.ctLeft {top: 118px; font-size: 20px; top: 140px;}
.servi {padding: 40px 30px; width: 100%; margin: 0 0;}
.servi h4 { font-size: 24px;}
.servi ul li a {font-size: 16px;}
.serBtn a { font-size: 16px;}
.servicesArea {height: 980px;}
.whyUsImg img { width: 90%;}
.why .heading h2 b { font-size: 50px;}
.whyUs ul li p {font-size: 16px;}
.cs1 ul li {height: 300px;}
.overGallery h5 {font-size: 18px; bottom: 20px; left: 30px;}
.cs1 ul li.secendLi {height: 600px;}

.hwLine img { max-width: 100%;}
.hwBlock.hwBlock2 { left: 415px; top: -40px;}
.hwBlock.hwBlock3 {left: 690px;}
.hwBlock.hwBlock4 {top: -85px;}
.hwb3 h4 {font-size: 18px;}
.hwb3 p {font-size: 15px;}
.three60Digre h2 {font-size: 110px; line-height: 120px;}
.three60 .full-serv {font-size: 19px; left: -100px; top: 200px;}
.zenithLogo img {width: 90%;}
.ctaRight a {font-size: 24px; padding: 20px 50px; font-weight: 700;}
.ctaLeft h3 { font-size: 36px;}
.calTo .container {min-height: 215px;}
.ctaRight a { margin-top: 20px;}
.heading h2 span { font-size: 78px;}
.form .heading.heading2 h2 b { font-size: 44px;}
.email a {font-size: 18px;}
.forms form fieldset input { font-size: 16px;}
.forms form fieldset textarea {font-size: 16px;}
.forms form fieldset select { font-size: 16px;}
.footerMenu h5 { font-size: 18px;}
.footerMenu ul li a {font-size: 15px;}
.fbLeft p {font-size: 14px;}
.servi {margin: 25px 0 0;}
.hwBlock.hwBlock4 {top: -20px;}
.calTo.footer-call-to-ac .ctaRight a {font-size: 24px; margin-top: 20px;}
.hww2 h4 { margin-top: 0; font-size: 20px;}
.hww2 p {font-size: 16px; margin-top: 20px;}

.smblock {width: 98%; margin: 30px 1%; padding: 50px 20px 0;}
.smbBtm h4 { font-size: 20px;}
.smbBtm p {font-size: 15px; line-height: 29px;}
.hwwRight h2 { font-size: 90px;}
.hwwRightBox h3 {  font-size: 40px;}
.servicesMain .heading p { font-size: 16px; line-height: 30px;}
.sbl img { max-width: 100%;}
.sblLeft .heading.heading2 h2 b {font-size: 44px; line-height: 48px;}
.sblLeft p { font-size: 16px; line-height: 30px;}

.cloudCs h4 {font-size: 22px;}
.cloudCs p {font-size: 16px;}
.teamParagrap p { font-size: 16px; line-height: 30px;}
.teamB .tbTop { }
.heading p {font-size: 16px; line-height: 30px;}

.blogsTop {height: 300px;}
.ts span {font-size: 16px;}
.blogsBottom h3 {font-size: 24px;}
.blogsBottom span {font-size: 16px; padding: 15px 35px; letter-spacing: 0;}
.blogsBottom h6 {font-size: 15px;}
.catagoryTags ul li a {font-size: 15px;}
.cstdBtm h5 {font-size: 20px;}

.cstdTop {height: 330px;}
.cstdBtm h5 {font-size: 20px;}
.hrtLeft h3 {font-size: 32px;}
.hrtLeft p { font-size: 16px; line-height: 28px;}
.hrtRight h3 {font-size: 32px;}
.hrtRight ul li { font-size: 16px; line-height: 28px;}

.tabs-nav button {font-size: 18px;}
.tab-content h4 {font-size: 32px;}
.tab-content p {font-size: 16px; line-height: 30px;}
.dhTab .heading h2 { width: 100%;}
.open-btn {right: 25px;}
.fl ul li a { font-size: 15px;}
.navbar a, .navbar a:focus {font-size: 16px; padding: 10px 15px 10px 15px;}
}
@media (max-width:1800px) {
.bc1 {width: 70%;}
#hero.innerBanner .bannerLeft h1 { font-size: 60px;}
.about.aboutPage.webDesign .heading h2 b {font-size: 42px;}
.aboutImg img { max-width: 92%;}
.teamB .tbTop { }
.teamB .tbBtm h4 { font-size: 20px;}
.teamB .tbBtm h6 { font-size: 14px;}
.dhBlock ul li { height: 200px;}
.dhBlock ul li span {margin-top: 0;}
.dhBlock ul li h6 { font-size: 16px;}
.dhBlock ul li span img {height: 70px;}
}
@media (max-width:1700px) {
.cp .pws ul li { height: 175px;}
.hrtLeft {padding: 60px 190px 100px 60px;}
.hrtRight {padding: 60px;}
.hrtRight ul li {margin: 10px 0;}
.email a span { padding: 12px 20px; font-size: 15px;}
.navbar a, .navbar a:focus {font-size: 14px; padding: 10px 10px 10px 10px;}
.navbar a i, .navbar a:focus i {margin-left: 0;}
}
@media (max-width:1366px) {
.email a {padding: 1px; font-size: 15px;}
.navbar a, .navbar a:focus { font-size: 15px; padding: 10px 12px 10px 12px;}
.navbar .dropdown ul {width: 960px;}
#hero h1 {font-size: 74px; line-height: 80px;}
#hero .btn-get-started {font-size: 20px; letter-spacing: 0px; padding: 20px 35px;}
.bc1 a { font-size: 15px;}
.bc1 ul li.banPhone { width: 50%;}
.bc1 { width: 70%;}
.bc1 ul li.banPhone a:last-child { margin-left: 0px;}
.bc1 ul li.banPhone a img { margin-right: 5px;}
.bc1 ul li.banPhone a { font-size: 15px;}
.aboutImg img {max-width: 90%;}
.ct h2 {font-size: 130px; line-height: 140px;}
.ct h3 {font-size: 120px; line-height: 140px;}
.ctLeft {font-size: 16px; top: 80px;}
.counter {font-size: 48px;}
.cd ul li b {font-size: 48px;}
.servi ul li a {font-size: 15px;}
.servi h4 {font-size: 20px;}
.servi {height: 820px;}
.servicesArea {height: 920px;}
.heading h2 span { font-size: 60px;}
.heading h2 b { font-size: 36px; margin-top: -30px;}
.servicesArea .heading h2 { width: 100%;}
.why .heading h2 b { font-size: 36px;}
.whyUs ul li span { width: 13%;}
.whyUs ul li p {width: 87%; font-size: 15px;}
.cs1 ul li { height: 230px;}
.cs1 ul li.secendLi { height: 560px;}
.overGallery h5 { font-size: 16px;}
.csArea {margin-top: 20px;}

.hwLine img { max-width: 100%;}
  .hwBlock.hwBlock2 { left: 415px; top: -40px;}
  .hwBlock.hwBlock3 {left: 690px;}
  .hwBlock.hwBlock4 {top: -85px;}
  .hwb3 h4 {font-size: 18px;}
  .hwb3 p {font-size: 15px;}
  .three60Digre h2 {font-size: 110px; line-height: 120px;}
  .three60 .full-serv {font-size: 19px; left: -100px; top: 200px;}
  .zenithLogo img {width: 90%;}
  .ctaRight a {font-size: 18px; padding: 20px 50px;}
  .ctaLeft h3 { font-size: 36px;}
  .calTo .container {min-height: 215px;}
  .ctaRight a { margin-top: 25px;}
  .form .heading.heading2 h2 b { font-size: 44px;}
  .email a {font-size: 18px; padding:1px;}
.hwBlock.hwBlock4 { top: -30px;}
.form .heading.heading2 h2 b { font-size: 36px;}
.ctd h5 { font-size: 18px;}
.navbar .dropdown ul a {font-size: 14px;}

.calTo .container {min-height: 215px;}
.ctaRight a { margin-top: 25px;}
.calTo.footer-call-to-ac .ctaRight a {font-size: 24px; margin-top: 20px;}

.about { margin-top: 90px;}
.creative { margin-top: 90px;}
.servicesArea { padding-top: 90px; margin-top: 90px;}
.why { margin-top: 190px;}
.testimonials { margin-top: 90px;}
.cashStides { margin-top: 90px;}
.hww { margin-top: 90px;}
.three60 { margin-top: 200px;}
.calTo { margin-top: 120px;}
.partner {margin-top:90px;}
.form { margin-top: 90px; padding: 0 25px;}
footer { margin-top: 90px;}

.about.aboutPage.webDesign .heading h2 b {font-size: 36px;}
#hero.innerBanner .bannerLeft h1 { font-size: 48px;}
#hero.innerBanner { height: 550px;}
#hero.innerBanner .carousel-container { top: 190px;}

.aboutImg img { max-width: 90%;}
.port ul li .pts {height: 330px;}
.porte h5 { font-size: 18px;}
.hww2 p {margin-top: 10px; line-height: 28px; font-size: 15px;}
.hww2 h4 {padding-bottom: 15px; font-size: 18px;}
.hww2 h2 {font-size: 72px;}

.port { margin-top: 90px;}
.howWeWork { margin-top: 80px;}
.servicesMain { margin-top: 90px;}
.sm { margin-top: 30px;}
.calTo { margin-top: 70px;}

.smbBtm h4 {font-size: 18px;}
.hwwRight h2 {font-size: 72px;}
.hwwRightBox h3 { font-size: 36px;}
.hwwRightBox p {font-size: 16px; line-height: 32px;}
.hwwRightBox {padding: 50px 50px 100px; height: 400px;}
.servicesMain .heading p { font-size: 15px; line-height: 29px;}
.sblLeft p { font-size: 15px; line-height: 28px;}

.sblLeft .heading.heading2 h2 b { font-size: 36px; line-height: 42px;}
.serviceBigLogo { margin-top: 90px;}

.cloudCs h4 {font-size: 20px;}
.cloudCs p {font-size: 15px;}
.cloudCs h2 { font-size: 72px;}
.hwwRightBox h3 { font-size: 30px;}
.hwwPage .hwwBlock {margin: 25px 0;}
.cp { margin-top: 90px;}
.teamParagrap p { font-size: 15px; line-height:28px;}
.heading p {font-size: 15px; line-height: 28px;}

.blogsBottom h3 {font-size: 21px; margin-top: 18px;}
.blogsBottom h6 {font-size: 14px;}
.blogsBottom span {font-size: 15px; margin-top: 10px;}
.catagory {padding: 30px;}
.catagoryTags ul {margin: 0px 0 0 0;}

.seoA {padding: 30px;}
.seoATop a {font-size: 16px;}
.seoABtm td {font-size: 15px;}
.seoABtm table { margin-top: 30px;}

.cstdTop {height: 300px;}
.cstdBtm h5 {font-size: 18px;}

.caseStd {margin-top: 90px;}

.blogDetails h2 { font-size: 36px;}
.blogDetails h6 { font-size: 15px;}
.blogDetails h3 { font-size: 24px;}
.blogDetails ul li {font-size: 15px; line-height: 25px;}
.blogDetails p { font-size: 15px;}
.hrtLeft h3 {font-size: 30px;}
.hrtRight h3 {font-size: 30px;}

.hrt { margin-top: 90px;}

.tabs-nav button {font-size: 16px;}
.tab-content h4 { font-size: 30px;}
.tab-content p {font-size: 15px; line-height: 28px;}
.tabs-content .tab-content {padding: 100px 35px 0 35px;}
.filterGal ul li a {font-size: 18px;}

.portBox { margin-top: 25px;}
.teamB .tbBtm p {font-size: 15px; line-height: 28px;}

.cp h4 { font-size: 24px;}
.cp p { font-size: 16px;}
.cp ul li { font-size: 16px;}

.servicesMain.wd.new-serv-lai .smblock {height: 350px;}
.faq-sec { margin-top: 50px;}
.post-content table td { font-size: 15px;}
.faqs .accordion button {font-size: 18px;}
.faqs .accordion-content p { font-size: 15px;}
.faqs .accordion-content ul li { font-size: 15px;}

.faqs { margin-top: 90px;}
.catagory.latest ul li a .ltsRight h5 { font-size: 15px;}
.blogDetails ol.ol-div li a {font-size: 16px;}
.blogDetails ol.ol-div ol li a { font-size: 15px;}

}
@media (max-width:1300px) {
.togleDots {display: none;}
.bi-list::before { display: none;}
.bi.bi-list.mobile-nav-toggle { background: url(../../images/drop-down.png) center center no-repeat; height: 27px; width: 27px;}
.navbar { padding: 0; position: absolute; top: 35px; right: 25px;}
.navbar.navbar-mobile { position: fixed; right: 0;}
.calTo {width: 96%; margin-left: 2%;}
.seoATop a {font-size: 15px;}
.seoABtm td {font-size: 14px;}

.open-btn { display: none;}

.fgb {height: 300px;}




.mMenu { display:block;}

nav{position:relative;width:100%;}
      #cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
      #cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
      #cssmenu #head-mobile{display:none}
      #cssmenu{}
      #cssmenu > ul{margin:0;}
      #cssmenu > ul > li{float:left}
      #cssmenu > ul > li > a{text-transform: uppercase;padding:16px 25px;font-size:16px;text-decoration:none;color:#111111;font-weight:600; font-family: "Lato", sans-serif;}
      #cssmenu > ul > li:hover > a,#cssmenu ul li.active a{}
      #cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{}
      #cssmenu ul li.active a{border:none;}
      #cssmenu > ul > li.has-sub > a{padding-right:30px}
      #cssmenu > ul > li.has-sub > a:after{position:absolute;top: 24px;
        right: 16px;
        width: 8px;
        height: 1px;
        display: block;
        background: #000;
        content: '';
        transform: rotate(44deg);}
      #cssmenu > ul > li.has-sub > a:before{position:absolute;top: 21px;
        right: 14px;
        display: block;
        width: 1px;
        height: 8px;
        background: #000; transform: rotate(40deg); content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
      #cssmenu > ul > li.has-sub:hover > a:before{}
      #cssmenu ul ul{position:absolute;left:-9999px; z-index: 9999; margin: 0; padding: 0; padding: 15px 0 25px; background: #003e6a;}
      #cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
      #cssmenu ul ul li:hover{}
      #cssmenu li:hover > ul{left:auto}
      #cssmenu li:hover > ul > li{height:auto;}
      #cssmenu ul ul ul{margin-left:-350px;top:0; background: #000; width: 350px;}
      #cssmenu ul ul li a{padding: 8px 25px 6px;width:450px;font-size:15px;text-decoration:none;color:#ddd;font-weight:400; line-height: 24px;}
      #cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
      #cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fafafa}
      #cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
      #cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
      #cssmenu ul ul > li.has-sub:hover > a:before{}
      #cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:none;}
      #cssmenu ul ul ul li.active a{border-left:1px solid #000}
      #cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #000}


nav{width:100%;}
  #cssmenu{width:100%}
  #cssmenu ul{width:100%;display:none}
  #cssmenu ul li{width:100%;}
  #cssmenu ul li a { color: #fff;}
  #cssmenu ul li a:hover {}
  #cssmenu ul li:hover{}
  #cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
  #cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
  #cssmenu > ul > li{float:none}
  #cssmenu ul ul li a{padding-left:25px}
  #cssmenu ul ul li{background:#f3f3f3!important;}
  #cssmenu ul ul li:hover{}
  #cssmenu ul ul ul li a{padding-left:35px}
  #cssmenu ul ul li a{color:#000;background:none}
  #cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#000}
  #cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
  #cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
  #cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700}
  .button{width:55px;height:46px;position:absolute;right:13px;top:0;cursor:pointer;z-index: 12399994; background: url(../../images/dToggle.png) center center no-repeat;}
  .button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
  .button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#ddd;content:''}
  .button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fafafa;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
  .button.menu-opened:before{top:23px;background:#fafafa;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
  #cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #fff;height:46px;width:46px;cursor:pointer}
  #cssmenu .submenu-button.submenu-opened{background:none;}
  #cssmenu ul ul .submenu-button{height:46px;}
  #cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
  #cssmenu ul ul .submenu-button:after{top: 17px; right: 19px;}
  #cssmenu .submenu-button.submenu-opened:after{background:#fafafa}
  #cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
  #cssmenu ul ul .submenu-button:before{top: 14px; right: 22px;}
  #cssmenu .submenu-button.submenu-opened:before{display:none}
  #cssmenu ul ul ul li.active a{border-left:none}
  #cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
  .button::before { display: none;}
  .button::after { display: none;}
  .button.menu-opened {background: url(../../images/dCross.png) center center no-repeat;}
  .headerTop { margin-right: 65px;}
  .headerBtm { height: 0;}
  .logo {margin-top: 15px;}
  #cssmenu ul.open {
    position: absolute;
    top: 6px;
    width: 100%;
    left: 0;
    z-index: 9999999;
    padding: 0;
    background: linear-gradient(to bottom,  rgba(92,63,252,1) 0%,rgba(39,205,170,1) 100%);

  }
  #cssmenu ul ul li .submenu-button::before {background: #000;}
  #cssmenu ul ul li .submenu-button::after {background: #000;}
  #cssmenu ul ul li .submenu-button.submenu-opened::after { background: #000;}
  #cssmenu ul.open ul.open { position: relative; }
  #cssmenu ul.open ul.open ul.open li {background: #ccc !important;}
  #cssmenu ul.open ul.open { position: relative; }
  #cssmenu ul.open ul.open ul.open li {background: #ccc !important;}
  #cssmenu { margin-right: 0;}

  .mMenu {
    width: 100%;
    position: absolute;
    right: 0;
  }
  #cssmenu ul.open {top: 70px;}
  #header .logo {z-index: 99; position: relative;}
  .email { position: relative; z-index: 99;}
  .mMenu button { top: 0 !important;}

  #navbar { display: none;}
  #cssmenu ul.open ul.open {top: 0;}
  #cssmenu ul ul li a { font-size: 14px;}

  .mMenu .button {right: 0;}
header#header.fixed-top.header-scrolled { position: absolute;}

}
@media (max-width:1200px) {
#hero {height: 650px;}
#hero h1 {font-size: 66px; line-height: 72px;}
.bannerLeft {margin-top: 120px;}
.servicesArea { height: auto;}
.servicesArea .row { margin-bottom: -100px;}
.servi {padding: 40px 25px;}
.cs1 ul li {height: 180px;}
.cs1 ul li.secendLi {height: 430px;}
.hwBlock.hwBlock2 {left: 360px;}
.hwBlock.hwBlock3 {left: 620px;}
.calTo .ctA {padding: 50px 40px;}
.calTo { margin-top: 90px;}
footer .col-3 { width: 100%;}
footer .col-9 { width: 100%;}
.footerLogo a { float: left; width: auto; width: 100%; text-align: center;}
.fl { float: right; width: auto; width: 100%; margin-top: 30px; padding-left: 30px;}
.footerLogo img { max-width: 100%;}
.fl form { margin-top: 10px;}
.fl ul li a { width:auto; float: left;}
.fl ul li { width: 100%; float: left;}
.fl ul li img { float: left; margin-right: 15px;}

.about { margin-top: 70px;}
.creative { margin-top: 70px;}
.servicesArea { padding-top: 70px; margin-top: 70px;}
.why { margin-top: 170px;}
.testimonials { margin-top: 70px;}
.cashStides { margin-top: 70px;}
.hww { margin-top: 70px;}
.three60 { margin-top: 180px;}
.calTo { margin-top: 100px;}
.partner {margin-top:70px;}
.form { margin-top: 70px; padding: 0 25px;}
footer { margin-top: 70px;}
.fbLeft { width: 100%; text-align: center;}
.fbRight { width: 100%; text-align: center; padding: 5px 15px 0;}
.fbRight img { max-width: 100%;}
.bc1 {width: 100%;}

#hero.innerBanner .bannerLeft h1 {font-size: 36px;}
.breadCum ul li a { font-size: 14px;}
.heading h2 span { font-size: 40px;}
.about.aboutPage.webDesign .heading h2 b { font-size: 30px;}
.port ul li .pts {height: 280px;}
.servicesMain.wd .col-4 { width: 50%;}
.servicesMain.wd .smblock {height: 580px; margin: 20px 1%;}

.port { margin-top: 70px;}
.howWeWork { margin-top: 60px;}
.servicesMain { margin-top: 70px;}
.sm { margin-top: 20px;}
.calTo { margin-top: 50px;}

.sm .col-4 { width: 50%;}
.smblock {margin: 20px 1%;}

.hwwRightBox h3 {font-size: 24px;}
.hwwRight h2 { font-size: 60px;}
.hwwRightBox p { font-size: 15px; line-height: 30px;}
.serviceBigLogo { margin-top: 70px;}
.cp { margin-top: 70px;}

.teamHeading .col-3 { width: 33.33%;}
.teamHeading .col-5 { width: 100%;}
.teamHeading .col-7 { width: 100%;}
.teamHeading .col-5 .heading h2 { width: 100%;}
.teamHeading .teamParagrap { text-align: center;}

.cp .pws ul li { width: 31.33%;}
.blogPage { margin-top: 50px;}
.hwwPage.wcu .hwwRight { margin-top: 30px;}

.seoAchive .col-6 { width: 100%;}
.seoABtm th { font-size: 14px;}
.seoATop img { height: auto; max-width: 100%;}
.seoA { margin-top: 0;}
.caseStd {margin-top: 70px;}

.blogDetails h2 { font-size: 32px;}

.cloudCs {margin-top: 20px;}
.cloudCs p {line-height: 30px;}

.hrtLeft { width: 100%; padding: 60px; height: auto;}
.hrtRight { width: 100%; padding: 60px; margin-top: 25px; height: auto; box-shadow: 0px 0px 8px #eee;}
.hrt { margin-top: 70px;}

.tabs-nav button {padding: 10px 25px; font-size: 15px;}

.seoA { height: auto; width: 100%; margin: 10px 0;}

.popWidth { width: 800px;}
.faq-sec { margin-top: 30px;}

.faqs { margin-top: 70px;}


}
@media (max-width:1100px) {
  .ct h3 {
    font-size: 100px;
    line-height: 117px;
  }
  .ct h2 {
    font-size: 100px;
    line-height: 120px;
  }
  .ctLeft {font-size: 15px; top: 57px;}
  .servi h4 {font-size: 17px;}
  .servi ul li {font-size: 15px;}
  .servi {background-size: 170px 170px;}
  .howWe.forDesktop { display: none;}
  .howWe.forMobile { display: block;}
  .howWe.forMobile .hwBlock { position: inherit; width: 50%; left: 0; top: 0; height: 400px; padding: 25px;}
  .howWe { margin-top: 25px;}

  .zenithLogo img {width: 70%;}
  .three60 .full-serv {top: 150px;}
  .three60Digre h2 {font-size: 90px; line-height: 100px;}
  .three60Digre {top: 30px;}

  .ctaLeft h3 {font-size: 32px;}
  .three60 {margin-top: 50px;}

  .calTo.footer-call-to-ac .ctaRight a {font-size: 18px;}
  .howWeWork .col-3 { width: 50%;}
  .ctLeft {left: -90px;}

  .hwwPage .hwwBlock .hwwLeft { width: 100%;}
  .hwwPage .hwwBlock .hwwRight { width: 100%;}
  .hwwPage .hwwRightBox {margin-left: 0; margin-right: 0; width: 100%; padding:0 30px; height: auto; border-radius: 0; box-shadow: none;}
  .hwwPage .hwwRight h2 {margin-top: 20px;}
  .hwwPage .hwwBlock {margin: 0 0 0;}
  .hwwPage .hwwRightBox {margin-top: 0;}
  .hwwPage .hwwRightBox p {margin-top: 13px;}
  .hwwPage .hwwBlock .hwwRight {margin-bottom: 15px;}
  .hwwPage .hwwBlock.hwwBlock2 .hwwRight .hwwRightBox {margin-right: 0;}
  .hwwPage .hwwBlock.hwwBlock2 .hwwRight h2 { text-align: left;}
  .hwwPage .hwwRight h2 { text-align: left;}
  .dhBlock ul li {width: 31.33%; margin: 10px 1%;}
  
.faqs .accordion { padding: 0 15px;}

}
@media (max-width:1024px) {
#hero h1 {font-size: 56px; line-height: 64px;}
#hero .btn-get-started { font-size: 18px; margin-top: 25px;}
#hero {height: 600px;}
.bc1 ul li.banPhone {width: 55%;}
.cs1 { width: 50%;}
.cs1 ul li {height: 250px;}
.cs1 ul li.secendLi {height: 500px;}
.form .heading h2 br { display: none;}
.form .col-6 { width: 100%;}
.form .col-1 { display: none;}
.form .col-5 { width: 100%;}
.forms { margin-top: 30px;}
.three60 {margin-top: 30px;}
.calTo { margin-top: 70px;}
.form .heading.heading2 h2 b { font-size: 30px;}

.about { margin-top: 50px;}
.creative { margin-top: 50px;}
.servicesArea { padding-top: 50px; margin-top: 50px;}
.why { margin-top: 150px;}
.testimonials { margin-top: 50px;}
.cashStides { margin-top: 50px;}
.hww { margin-top: 50px;}
.three60 { margin-top: 50px;}
.calTo { margin-top: 100px;}
.partner {margin-top:50px;}
.form { margin-top: 50px; padding: 0 20px;}
footer { margin-top: 50px; padding-top: 40px;}

#hero.innerBanner {height: 480px;}
#hero.innerBanner .bannerLeft h1 {font-size: 30px;}
#hero.innerBanner .carousel-container {top: 170px;}

.about.aboutPage.webDesign .heading h2 b { font-size: 28px;}
.about.aboutPage.webDesign .aboutImg img {margin-left: 12%; max-width: 88%;}
.year15 {width: 170px; height: 190px; margin-top: -130px;}
.year15 h2 {font-size: 72px; line-height: 72px;}
.case-all a {font-size: 16px; padding: 18px 40px;}
.servicesMain.wd .smblock {height: 620px;}
.testi {padding-left: 0;}
.testimonials { overflow: hidden;}

.port { margin-top: 50px;}
.howWeWork { margin-top: 40px;}
.servicesMain { margin-top: 50px;}
.sm { margin-top: 10px;}
.calTo { margin-top: 30px;}

.smbBtm h4 {font-size: 16px;}
.hwwRightBox h3 {font-size: 24px;}
.hwwRight h2 {font-size: 48px;}
.sblLeft {margin-top: 0;}
.serviceBigLogo { margin-top: 50px;}

.cloudCs h2 { font-size: 60px;} 
.cp { margin-top: 50px;}

.blogsBottom h3 {font-size: 18px;}
.blogsBottom h6 {font-size: 13px;}
.catagoryTags h4 {font-size: 20px;}
.catagoryTags ul li a {font-size: 14px;}
.blogPage .col-8 { width: 100%;}
.blogPage .col-4 { width: 100%;}
.catagoryTags { padding-left: 0; margin-top: 0;}
.blogPage { margin-top: 30px;}

.caseStd .col-4 { width: 50%;}
.cstd {padding: 35px 0 0 0;}
.caseStd {margin-top: 50px;}
.blogDetails h2 { font-size: 30px;}
.blogDetails h3 { font-size: 22px;}
.hrtLeft h3 { font-size: 24px;}
.hrtRight h3 { font-size: 24px;}
.hrtLeft p {font-size: 15px; line-height: 26px;}
.hrtLeft a { font-size: 16px;}
.hrtRight ul li {font-size: 15px; margin: 7px 0; line-height: 26px;}
.hrt { margin-top: 50px;}
.tab-content h4 {font-size: 24px;}

.filterGal ul li a {font-size: 16px;}
.filterGal ul li {margin: 0 15px;}

.portBox { margin-top: 15px;}

.fgb {width: 48%;}
.cp h4 { font-size: 20px;}
.cp p { font-size: 15px;}
.cp ul li { font-size: 15px;}
.faq-sec { margin-top: 20px;}

.faqs .accordion button {font-size: 17px;}
.faqs { margin-top: 50px;}

.blogDetails ol.ol-div li a {font-size: 15px;}
.blogDetails ol.ol-div ol li a { font-size: 14px;}
.blogDetails ol.ol-div {padding: 10px 40px;}
.catagory.latest ul li a h6 {font-size: 12px;}
.servi {height: 900px;}

}
@media (max-width:1023px) {}
@media (max-width:991px) {
.bannerLeft {margin-top: 40px; text-align: left;}
#hero .carousel-container {top: 25px;}
.bannerRight { margin-top: 0;}
#hero {height: 550px;}
.bc1 { width: 100%;}
.aboutText { margin-top: 0;}
.heading h2 span {margin-left: 25px;}
.aboutText a {margin-top: 10px;}
.aboutText p { margin-top: 5px;}
.about .col-6 { width:100% !important;}
.aboutImg { text-align: center;}
.aboutText { margin-top: 25px;}

.ctaLeft { width: 100%; text-align: center;}
  .ctaLeft h3 br { display: none;}
  .ctaRight { width: 100%; text-align: center;}
  .ctaRight a { float: none; display: inline-block;}
  .calTo .container {
    min-height: 50px;
    float: left;
    width: 100%;
  }
  .ctaLeft { margin-top: 0;}

.about.aboutPage .aboutImg { margin-top:50px;}
.hwwPage .hwwBlock .hwwLeft { width: 96%; margin: 0 2%;}
.hwwPage .hwwBlock .hwwRight { width: 100%;}
.hwwRightBox { margin-left: 0; height: auto; width: 96%; margin: 0 2%; padding: 25px;}
.hwwRight h2 { text-align: center; margin-top: 20px;}
.hwwBlock.hwwBlock2 .hwwRight .hwwRightBox { margin-right: 0; margin: 0 0%; width:100%;}
.hwwBlock.hwwBlock2 .hwwRight h2 {text-align: center; margin-top: 20px;}
.hwwPage .hwwBlock { margin: 0 0;}
.hwwPage .hwwBlock .hwwLeft {}
.catagory.latest ul li a .ltsRight h5 { font-size: 14px;}
.catagory.tags ul li a { font-size: 14px;}
}
@media (max-width:960px) {
.servicesArea .col-4 { width: 100%; }
.servi {height: auto; float: left; width: 100%;}
.cpArea { width: 100%;}
}
@media (max-width:900px) {
.ct h2 { font-size: 80px; line-height: 100px;}
.ct h3 { font-size: 80px; line-height: 96px;}
.ctLeft {top: 40px;}
.three60Digre h2 { font-size: 72px; line-height: 80px;}
.three60Digre {top: 60px;}

.tabs-nav button {width: 100%; margin: 10px 0%; padding: 15px 20px; font-size: 15px; height: auto; font-size: 13px; font-weight: 400;}
.tabs-nav {width: 40%;}
.tabs-content .tab-content { width: 60%; }

.teamHeading .col-4 { width: 50%;}

.popWidth { width: 540px;}


}
@media (max-width:850px) {
#hero h1 {font-size: 44px;}
.whyUs ul li span {width: 17%;}
.whyUs ul li p {width: 83%;}
.footerMenu {width: 50% !important;}
.servicesMain.wd .smblock {height: 670px;}
.teamHeading .col-3 { width: 50%;}
}
@media (max-width:800px) {
.cp .pws ul li { width: 48%; height: auto;}
}
@media (max-width:768px) {
#hero .carousel-container {left: 15px; right: 15px;}
#hero h1 {line-height: 52px;}
#hero .btn-get-started {padding: 16px 35px; font-size: 15px;}
.heading h2 span {font-size: 48px;}
.heading h2 b {font-size: 30px; margin-top: -25px;}
.ctLeft { top: 0px; top: 0px; left: 15px; rotate: 0deg;}
.creative .col-11 { width: 100%; margin-top: 30px;}
.ct h2 {font-size: 72px; line-height: 64px;}
.ct h3 {font-size: 66px; line-height: 78px;}
.whyUs a {font-size: 15px; letter-spacing: 0px;}
.why .heading h2 b { font-size: 30px;}
.why .col-6 { width: 100%; text-align: center;}
.whyUs { margin-top: 20px;}
.whyUs ul li { text-align: left;}
.whyUs ul li p {width: 88%;}
.whyUs ul li span {width: 12%;}
.zenithLogo img {width: 50%;}
.three60 .full-serv {font-size: 16px; top: 80px;}
.three60Digre h2 { font-size: 54px; line-height: 62px;}
.three60Digre {top: 36px;}
.ctaLeft h3 {font-size: 24px;}
  .calTo .ctA { padding: 45px 25px;}
  .calTo { margin-top: 40px;}
  .form .heading.heading2 h2 b { font-size: 24px;}
  .form .container { padding: 20px;}
  .ctd ul li a br { display: none;}
  .footerBtm {margin-top: 10px;}

.about { margin-top: 30px;}
.creative { margin-top: 30px;}
.servicesArea { padding-top: 30px; margin-top: 30px;}
.why { margin-top: 120px;}
.testimonials { margin-top: 30px;}
.cashStides { margin-top: 30px;}
.hww { margin-top: 30px;}
.three60 { margin-top: 50px;}
.calTo { margin-top: 80px;}
.partner {margin-top:30px;}
.form { margin-top: 30px; padding: 0 10px;}
footer { margin-top: 30px; padding-top: 20px;}
.cr { margin-top: 30px;}

.bc1 {padding-left: 25px;}
.bc1 ul li {margin-right: 25px;}
#hero.innerBanner .bannerLeft h1 {font-size: 26px;}
#hero.innerBanner {height: 440px;}
#hero.innerBanner .carousel-container {top: 160px;}

.about.aboutPage.webDesign .heading h2 b { font-size: 24px;}
.port ul li .pts {height: 250px;}
.porte h5 {font-size: 16px;}

.port { margin-top: 30px;}
.howWeWork { margin-top: 20px;}
.servicesMain { margin-top: 30px;}
.sm { margin-top: 10px;}
.calTo { margin-top: 20px;}
.about.aboutPage .aboutImg { margin-top:30px;}
.smblock { padding-bottom: 50px;}

.sblLeft .heading.heading2 h2 b { font-size: 30px; line-height: 36px;}
.serviceBigLogo { margin-top: 30px;}
.cloudCs h2 { font-size:48px;} 
.clodS .col-6 { width: 100%;}
.cp { margin-top: 30px;}
.teamB .tbBtm h4 { font-size: 16px;}
.cstdBtm h5 {font-size: 15px;}
.cstdTop {height: 220px;}
.caseStd {margin-top: 30px;}
.blogDetails h2 { font-size:24px;}
.blogDetails h3 { font-size: 20px;}

.blogDetails img {margin: 15px 0 0px 0;}
.blogDetails h3 {margin-top: 25px;}
.blogDetails { margin-top: 0;}
.hrt {padding: 0 15px;}
.hrtLeft {padding: 40px 25px; margin-top: 20px;}
.hrtRight { padding: 40px 25px;}
.dhBlock {margin-top: 10px;}
.hrt { margin-top: 30px;}
.hrtLeft h3 { font-size: 20px;}
.hrtRight h3 {font-size: 20px;}

.tab-content h4 {font-size: 20px;}
.tabs-content .tab-content { padding: 10px 20px 0 20px;}
.tabs-nav button {margin: 5px 0%; border-radius: 0;}
.tabDh {margin-top: 15px;}

.filterGal ul li { width: 100%; border-bottom: 1px solid #eee; margin: 0; }
.filterGal ul li.active-gal {border-bottom: 1px solid #007bff;}
.filterGal ul li a { width: 100%; padding: 12px 0; float: left;}
.fgb {width: 100%; margin: 10px 0;}
.servicesMain.wd.new-serv-lai .smblock { height: auto; background-size: 50%;}
.faq-sec { margin-top: 10px;}

.faqs { margin-top: 30px;}

}
@media (max-width:767px) {
.servicesMain.wd .col-4 { width: 100%;}
.servicesMain.wd .smblock { height: auto; padding: 20px;}
.sm .col-4 { width: 100%;} 
.smblock { height: auto;}
.blogPage .col-6 { width: 100%;}
.blogs { padding-top: 0;}
.blogPage { margin-top: 30px;}

}
@media (max-width:700px) {
.bc1 { display: none;}
#hero h1 {line-height: 46px; font-size: 38px;}
#hero { height: 450px;}
.bannerLeft { margin-top: 65px;}
.bannerRight { margin-top: 20px;}
#hero.innerBanner { height: 340px;}
.serviceBigLogo .col-5 { width: 100%;}
.serviceBigLogo .col-7 { width: 100%; margin-top: 15px;}
.cpRow fieldset { width: 97%;}
.cstdTop {height: 200px;}
}
@media (max-width:600px) {
.cr .caseDiv { text-align: center;}
.cr .caseDiv a { display: inline-block;}
.owl-nav { display: none;}
.cr { margin-top: 10px;}
.port ul li .pts { height: auto;}
.port ul {margin-top: 10px;}
.howWeWork .col-3 { width: 100%;}
.hww2 { margin-top: 10px;}
.testi {padding: 0 20px; margin-top: 10px;}
.sblLeft .heading.heading2 h2 b { font-size: 24px; line-height: 30px;}

}
@media (max-width:640px) {
.cs1 ul li {height: 200px;}
.cs1 ul li.secendLi {height: 450px;}
.three60 .full-serv {rotate:0deg; left: 20px; top: 0;}
  .zenithLogo { margin-left: 0; margin-top: 50px;}
  .three60Digre {top: 80px; margin-right:15px;}

  .port { margin-top: 20px;}
  .howWeWork { margin-top: 10px;}
  .servicesMain { margin-top: 20px;}
  .sm { margin-top: 10px;}
  .calTo { margin-top: 10px;}
  .blogDetails h3 { font-size:18px;}
  .teamHeading .col-4 { width: 100%;}
.faqs { margin-top: 20px;}
}
@media (max-width:600px) {
#header .logo {width: 200px;}
#header .logo img { width: 100%;}
.email a span { font-size: 15px; padding: 8px 18px;}
.navbar {top: 25px; right: 15px;}
.email {margin-right: 45px;}
#header .container {padding: 0 10px;}

.heading h2 b { font-size: 24px; margin-top: -22px;}
.heading h2 b br { display: none;}
.servi h4 { font-size: 18px;}
.servi ul li a {padding: 12px 0 12px 33px;}
.why .heading h2 b {font-size: 24px; margin-top: -22px;}
.why .heading h2 span { font-size: 44px;}
.heading h2 span { font-size: 42px;}


li.et_pb_tab_1 {
  display: none !important;
}

.popWidth { width: 400px;}

}
@media (max-width:570px) {
.ct h2 {font-size: 60px; line-height: 54px;}
.ct h3 {font-size: 54px; line-height: 68px;}
.cs1 ul li {height:auto; width: 100%;}
.cs1 ul li.secendLi {height:auto; width: 100%;}
.cs1 { width: 100%;}
.howWe.forMobile .hwBlock { height: auto; width: 100%; padding: 15px;}
.footerLogo a { width: 100%;}
.fl { width: 100%; margin-top: 25px; padding-left: 0;}
.footerMenu { width:100% !important; padding: 0;}

#hero.innerBanner .carousel-container {top: 130px;}
#hero.innerBanner {height: 300px;}
.breadCum {margin-top: 5px;}
#hero.innerBanner .bannerLeft h1 {font-size: 24px;}
.about.aboutPage.webDesign .heading h2 b {font-size: 22px;}
.about.aboutPage .aboutImg { margin-top:0px;}

.teamB {padding: 30px 0 0;}
.caseStd .col-4 { width: 100%;}
.cstdTop { height: auto;}
.cstd {padding: 15px 0 0 0;}

.dhBlock ul li {width: 48%;}
.footerLogo a { text-align: left; width: auto;}

}
@media (max-width:520px) {
#hero { height: 515px;}
.bannerLeft { width: 100%; text-align: center; position: absolute; top: 300px; margin-top: 0; left: 0;}
.bannerRight { width: 100%; position: absolute; top:50px;}
.bannerRight img { height: 200px; width: auto;}
#hero h1 { font-size: 30px; line-height: 38px;}
.zenithLogo img {width: 220px;}
  .three60Digre h2 { font-size: 40px; line-height: 48px;}

  #hero.innerBanner .bannerLeft {top: 0;
    position: relative;
    text-align: left;}
}
@media (max-width:480px) {
#header .logo {width: 175px;}
.email a span {padding: 8px 15px;}
.cd ul li { width: 100%; margin: 25px 0;}
.counter {font-size: 60px;}
.cd ul li b { font-size: 60px;}
.aboutText .cd p {font-size: 16px;}
.aboutText a { letter-spacing: 0;}
.aboutText p {line-height: 26px;}
.ctLeft {font-size: 15px;}
.ct h2 {font-size: 48px; line-height: 48px;}
.ct h3 {font-size: 44px; line-height: 52px;}
.whyUs ul li span {width: 15%;}
.whyUs ul li p {width: 85%;}
.ctd.phoneNo ul li a {float: right; width: 85%; margin-left: 0;}
  .ctd ul li {margin: 12px 0;}
  .ctd.emailId ul li a { width: 100%; float: left;  margin: 5px 0; }
  .ctd { margin-top: 15px;}
  .teamHeading .col-3 { width: 100%;}
  .teamB .tbTop { height: auto;}
  .cp .pws ul li { width: 98%; height: auto;}
  .tab-content p {font-size: 14px; line-height: 28px;}
  .popWidth { width: 280px;}
}
@media (max-width:420px) {
  .zenithLogo img {width: 190px;}
  .three60Digre h2 { font-size: 32px; line-height: 38px;}
}