/**
* 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: 1002px;
  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 {
  align-items: center;
  position: absolute;
  bottom: 0;
  top:180px;
  left: 0;
  right: 0;
}

#hero h2 {
  color: #ccc;
  margin: 0;
  font-size: 100px; line-height: 104px;
}
#hero h2 em { color:#ff5a64;}

#hero p {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
  color: #fff;
  margin-top: 10px;
}
#hero h2 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;
  display: none;
}

#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: 900px;
  }

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

@media (max-width: 768px) {
  #hero h2 {
    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);
}

.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;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.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: 15px;
	right: 15px;
	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.9);
}

.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;
}

/*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(fancybox_sprite@2x.png);
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url(fancybox_loading@2x.gif);
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}

/** 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 {
  max-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: #c11111; }

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

/** owl End **/

/** Nav Start **/

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{padding:16px 25px;font-size:16px;text-decoration:none;color:#111111;font-weight:400; }
      #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: #333;
        content: '';
        transform: rotate(44deg);}
      #cssmenu > ul > li.has-sub > a:before{position:absolute;top: 21px;
        right: 14px;
        display: block;
        width: 1px;
        height: 8px;
        background: #333; 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:7px 25px;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:#53ff00 !important;}
      #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 #333}
      #cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}

/** Nav End **/

/** Tab Start **/

ul.tabs{
	margin: 0px;
	padding: 0px;
	list-style: none; float: left; width: 40%;
}
ul.tabs li{
	background: none;
	color: #999999;
	display: inline-block;
	padding: 35px 0;
	cursor: pointer; width: 100%; font-family: "Frank Ruhl Libre", serif; font-size: 30px; background: url(../../images/tabArrow.png) left center no-repeat; padding-left: 50px; border-bottom: 1px solid #4c7896;
}

ul.tabs li.current{
	background: url(../../images/tabArrow2.png) left center no-repeat;
	color: #fff;
  border-bottom: 1px solid #fff;
}
ul.tabs li:last-child { border: none;}

.tab-content{
	display: none;
	padding: 15px;
}

.tab-content.current{
	display: inherit;
}

::placeholder {
  color: #fff;
  opacity: 1; / Firefox /
}

::-ms-input-placeholder { / Edge 12 -18 /
  color: #fff;
}

/** Tab End **/

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{padding:16px 25px;font-size:18px;text-decoration:none;color:#111111;font-weight:400;}
      #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; width: 320px; border-radius: 0;}
      #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: 100%; font-size:15px;text-decoration:none;color:#fff;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:#000}
      #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}

/** Our CSS **/

.bannerLeft { float: left; width: 60%; position: relative; margin-top: 90px;}
.bannerRight { float: right; width: 35%; position: relative;}
#hero .bannerLeft h2 { font-size: 72px; color: #000; font-weight: 700; line-height: 84px; font-family: "Zen Dots", sans-serif;}
#hero .bannerLeft h3 { font-size: 72px; color: #000; font-weight: 900; -webkit-text-stroke: 1px #3176fb; color: #eff3fe; font-family: "Zen Dots", sans-serif; margin-top: 10px;}
#hero .bannerLeft h3 span {background: linear-gradient(to right, #3175fd 0%, #51f80c 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke: transparent;}
#hero .bannerLeft a { float: left; font-size: 24px; color: #fff; background: #3176fb; padding: 15px 80px; border-radius: 500px; letter-spacing: 0.5px; margin-top: 30px;}
.testGraphic { float: left; width: 100%; text-align: center;}
.testGraphic img { width: 100%; margin-top: -170px;}
.cc { float:left; width: 100%; padding: 0 100px;}
header { position: absolute; width: 100%; padding: 0 100px; top:22px; left: 0; z-index: 1;}
.logo { float: left;}
.navMenu { float: right;}
#cssmenu { float: left; width: auto; margin-right: 50px; margin-top: 6px;}
.rightHeader { float: right;}
.getAquote { float: left; margin-right: 50px;}
.tg { float: right; margin-top: 15px;}
.getAquote a { float:left; font-size: 20px; color: #000; font-weight: 400; border: 1px solid #3176fb; padding: 15px 50px; border-radius: 500px;}
.getAquote a:hover { background: #3176fb; color: #fff;}

.services { float: left; width: 100%; margin: 100px 0 80px;}
.heading {float: left; width: 100%; text-align: center;}
.heading h3 { font-size: 48px; font-family: "Zen Dots", sans-serif; background: linear-gradient(to right, #3175fd 40%, #51f80c 60%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke: transparent; margin-bottom: 0;}
.heading h1, h2 { font-size: 66px; font-weight: 600; color: #000; letter-spacing: 1px; line-height: 70px; font-family: "Zen Dots", sans-serif;}
.servicesBlock {float: left; width: 100%; text-align: center; padding: 0 15px; margin-top: 35px;}
.sbTop { float: left; width: 100%; text-align: center;}
.sbBtm { float: left; width: 100%; padding: 40px; border: 1px solid #ccc; margin-top: 25px; text-align: left; height: 685px;}
.servicesBlock a { float: left; width: 100%;}
.servicesBlock a:hover .sbBtm { box-shadow: 0 0 15px #ccc;}
.servicesBlock a:hover .sbBtm h6 { background: none; border: 1px solid #3176fb; color: #3176fb;}
.sbTop span { width: 254px; height: 254px; border: 1px solid #ccc; border-radius: 50%; display:inline-block; padding: 10px; text-align: center;}
.sbTop span em { background: #3176fb; display: inline-block; width: 100%; border-radius: 50%; line-height: 233px;}
.sbBtm h5 { font-size: 24px; color: #000; font-weight: 600;}
.sbBtm p { font-size: 18px; color: #666; line-height: 34px; margin-top: 20px; font-weight: 300; min-height: 220px;}
.sbBtm ul { margin: 0 0 0 0; padding: 0; float: left; width: 100%; list-style-type: none; min-height: 205px;}
.sbBtm ul li { font-size: 18px; float: left; width: 100%; margin-top: 15px; color: #666; background: url(../../images/buled.png) left 8px no-repeat; padding-left: 25px; font-weight: 300;}
.sbBtm h6 { float: left; margin-top: 35px; font-size: 18px; color: #fff; background: #3176fb; padding: 18px 50px; border-radius: 500px; font-weight: 400;}

.mb { float: left; width: 100%;}
.mb marquee { font-size: 150px; font-weight: 900; font-family: "Zen Dots", sans-serif;}
.mb marquee b {background: linear-gradient(to right, #3175fd 0%, #51f80c 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke: transparent;}
.mb marquee span {-webkit-text-stroke: 1px #3176fb; color: #fff; font-family: "Zen Dots", sans-serif;}
.aboutHome { float: left; width: 100%; margin-top: 70px;  padding-bottom: 120px; background: url(../../images/grap.png) right bottom no-repeat;}
.ahRight .heading { text-align: left; margin-bottom: 15px;}
.ahRight .heading h3 { float: left;}
.ahRight .heading h2 { float: left; width: 100%;}
.ahRight p {font-size: 18px; color: #666; line-height: 34px; margin-top: 20px; font-weight: 300;}
.ahRight a { float: left; margin-top: 20px; font-size: 18px; color: #fff; background: #3176fb; padding: 18px 60px; border-radius: 500px; font-weight: 400;}
.ahRight { float: left; width: 100%; margin-top: 90px;}
.ahRight a:hover { background: #000;}
.vr { float: left; width: 100%; padding: 120px 0; background: url(../../images/vrBg.jpg) right center no-repeat; opacity: 1; background-size: cover;}
.vr .heading { text-align: left;}
.vr .heading h3 { float: left;}
.vr .heading h2 { float: left; width: 100%; color: #fff;}
.vr ul { margin-top: 10px; float: left; width: 100%; list-style-type: none; margin-left: 0; padding-left: 0;}
.vr ul li { float: left; width: 100%; margin-top: 15px; color: #aaa; font-size: 24px; font-weight: 300; margin-bottom: 10px; background: url(../../images/buled2.png) left 15px no-repeat; padding-left: 25px;}
.vr a { float: left; background: #3176fb; color: #fff; font-size: 18px; padding: 15px 50px; border-radius: 500px; margin-top: 25px;}
.vr a:hover { background: #fff; color: #000;}
.testimonial { float: left; width: 100%; padding: 120px 0; background: url(../../images/grap2.png) left top no-repeat;}
.testi { float: left; width: 100%; margin-top: 40px; text-align: center;}
.gal { float: left; width: 100%;}
.galLeft { float: left; width: 66.7%; padding:0 2px; margin-top: 40px;}
.galRight { float: right; padding: 0 2px; width: 33.3%; margin-top: 40px;}
.glTop img { width: 100%;}
.glTop.glBtm { width: 50%; float: left; margin: 2px 0;}
.glTop { margin: 2px 0; float: left;}
.glTop.gl5 { margin-top: 2px;}

.partnerLogo { float: left; width: 100%; margin: 120px 0;}
.caseDiv { width: 100%; padding: 0 15px;}
.caseDiv img { max-width: 100%;}
#carou { text-align: center;}
.cr { float: left; width: 100%; margin-top: 80px;}
.cr .owl-dots { margin-top: 80px;}
.cr .owl-theme .owl-dots .owl-dot span {width: 13px; height: 13px; background: #fff; border: 1px solid #ccc;}
.cr .owl-theme .owl-dots .owl-dot.active span { background: #3176fb; border: 1px solid #3176fb;}
.footerTop { float: left; width: 100%; padding: 120px 0; background: #fafafc;}
.ftForm .colm2 { float: left; width: 100%;}
.ftForm .colm2 fieldset { float: left; width: 47%; margin: 15px 1.5%;}
.ftForm .colm2 input, select { width: 100%; height: 52px; border: 1px solid #ccc; background: none; padding-left: 20px; font-weight: 300; color: #666;}
.ftForm input::placeholder {  color: #666;}
.ftForm .colm2.colm1 fieldset { width: 97%;}
.ftForm .colm2.colm1 fieldset textarea {width: 100%; height: 180px; border: 1px solid #ccc; background: none; padding-left: 20px; font-weight: 300; color: #666; padding-top: 15px; resize: none;}
.ftForm textarea::placeholder {color: #666;}
.ftForm .colm2.colm1.submitBtnFt fieldset input { width:auto; background: #3176fb; color: #fff; font-size: 18px; padding: 0; border: none; width: 182px; margin: 0 auto; display: block; }
.ftForm form { float: left; width: 100%; margin-top: 40px;}
.ftForm .colm2.colm1.submitBtnFt fieldset { margin-bottom: 0;}
input, textarea, select  {outline: none;}
.footerLogo { float: left; width: 20%;}
.footerLogo img { max-width: 100%;}
.footerCenter { float: left; width: 100%; padding: 80px 0 10px; background: #3176fb;}
.socal { float: left; text-align: center; width: 100%;}
.socal ul { margin: 25px 0 0 0; padding: 0; list-style-type: none;}
.socal ul li { display: inline-block; margin: 0 10px 0;}
.footerMenu { float: left; width: 55%; padding-left: 4%;}
.fmLeft { float: left; margin-left: 3%; width: 47%;}
.fm { float: left; width: 100%; margin-bottom: 30px;}
.footerMenu ul { margin: 20px 0 0 0; padding: 0; list-style-type: none;}
.footerMenu ul li { margin: 10px 0;}
.footerMenu ul li a { font-size: 16px; color: #dddddd;}
.footerMenu ul li a:hover { color: #000;}
.footerMenu h4 { font-size: 24px; color: #fff;}
.fmLeft.fmLast { width: 20%;}
.contactQuick { float: left; width: 25%; padding-left: 3%;}
.contactQuick h4 {ont-size: 24px; color: #fff;}
.contactQuick ul { margin: 0; padding: 0; list-style-type: none;}
.contactQuick ul li { float: left; width: 100%; margin: 12px 0; padding-left: 40px; color: #ddd; font-size: 16px; font-weight: 300; color: #ddd; min-height: 34px;}
.contactQuick ul li.addres { background: url(../../images/map.png) left top no-repeat;}
.contactQuick ul li a { color: #ddd;}
.contactQuick ul li.phoneNum { background: url(../../images/phone.png) left top no-repeat; line-height: 35px;}
.contactQuick ul li.emailAdre { background: url(../../images/envlop.png) left 2px no-repeat; line-height: 25px;}
.contactQuick ul li.clockTime { background: url(../../images/clock.png) left 2px no-repeat;}
.footerBtm { float: left; width: 100%; text-align: center; border-top: 1px solid #9fbffd; padding-top: 25px;}
.footerBtm p { font-size: 16px; color: #ddd; font-weight: 300;}
.glTop img:hover { opacity: 0.7;}

/* About Us */
#hero.innerBanner { height: 582px; }
#hero.innerBanner .bannerLeft { width: 100%; text-align: center;}
#hero.innerBanner .carousel-item {background-size: cover !important;}

#hero.innerBanner h1 { font-size: 74px; font-weight: 700; color: #000; font-family: "Zen Dots", sans-serif;}
#hero.innerBanner ul { margin: 0; padding: 0; list-style-type: none;}
#hero.innerBanner ul li { display: inline-block; float: none; line-height: 20px; margin: 0 10px;}
#hero.innerBanner ul li a { background: none; padding: 0; color: #333; margin-top: 10px; border-radius: 0;}
#hero.innerBanner ul li.act a {     font-family: "Zen Dots", sans-serif;
  background:
linear-gradient(to right, #3175fd 0%, #51f80c 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke: transparent;}
.abLeft { float: left; width: 50%;}
.abLeft img { width: 100%;}
.abRight { float: right; padding: 0 85px; width: 50%;}
.abRight p { color: #666; font-size: 18px; font-weight: 300; line-height: 34px;}
.fw { float: left; width: 100%; margin-top: 50px;}
.ap { float: left; width: 100%; margin: 10px 0; position: relative; height: 324px; line-height: 320px; text-align: center; }
.ap img {width: 100%; height: 100%; object-fit: cover;}
.popAbout { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(49, 118, 251, .85); transform: scale(0); transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s;}
.ap:hover .popAbout {transform: scale(1);}
.ap span img { width:auto; height: auto; object-fit: none; }
.aboutPop { float: left; width: 100%; margin-top: 110px;}
.services.ps .heading { text-align: left; margin-bottom: 25px;}
.videos { text-align: center; float: left; width: 100%; }
.videos iframe { width: 1080px !important; height: 600px;}
.services.wid .fw.fw2 .abLeft { float: right;}
.services.wid .fw.fw2 .abRight { float: left;}
.abRight p b { width: 100%; font-size: 22px; color: #000; float: left; font-weight: 600;}
.abRight ul { margin: 0 0 10px 0; padding: 0; list-style-type: none; float: left; width: 100%;}
.abRight ul li {color: #666;
  font-size: 18px;
  font-weight: 300;
  line-height: 34px; background: url(../../images/buled3.png) left 12px no-repeat; padding-left: 20px; margin: 10px 0;}

  .andImg { margin-bottom: 120px;}
  .videos .heading {margin-bottom: 40px;}

.cb ul { margin: 0; padding: 0; list-style-type: none; text-align: center;}
.cb ul li { display: inline-block; margin: 20px 0.5%; text-align: center; width: 24%;}
.cb ul li span { width: 200px; height: 200px; border-radius: 50%; border: 1px solid #ccc; line-height: 200px; text-align: center; margin:0 auto; display: block;}
.cb ul li p { font-size: 20px; color: #333; margin-top: 10px;}
.cb ul li a { color: #3176fb; font-size: 15px; width: 100%; float: left; margin-bottom: 15px;}
.cides { float: left; width: 100%; margin: 0 0 100px; padding: 100px 0; background: #fafafc;}
.cides ul { margin: 0; padding: 0; list-style-type: none;}
.cides ul li { float: left; width: 23%; margin: 10px 1%; text-align: center;}
.cides ul li span { width: 100%; height: 225px; border: 1px solid #ccc; float: left; line-height: 225px;}
.cides ul li p { font-size: 20px; color: #111; margin-top: 15px; float: left; width: 100%; font-weight: 300;}
.cides ul li a { float: left; width: 100%;}
.boxs { float: left; width: 100%; margin-bottom: 110px;}
.boxs .bx { float: left; width: 100%; border: 1px solid #ccc; border-radius: 35px; padding: 35px; height: 526px; margin: 12px 0;}
.boxs .bx h4 { font-size: 24px; color: #111; border-bottom: 1px solid #ccc; text-align: center; padding-bottom: 15px;}
.boxs .bx ul { margin: 20px 0 0 0; padding: 0; list-style-type: none;}
.boxs .bx ul li { background: url(../../images/buled3.png) left 7px no-repeat; padding-left: 20px; float: left; width: 100%; margin: 5px 0;}
.boxs .bx.bx2 { height: 363px;}

.nws { float: left; width: 100%;}
.nws .nwsTop { float: left; width: 100%}
.nws .nwsTop img { width: 100%;}
.nwsBtm { float: left; width: 100%; margin-top: 25px;}
.nwsBtm h6 { font-size: 14px; color: #666;}
.nwsBtm h4 { font-size: 24px; color: #333; font-weight: 400; line-height: 36x; margin-top: 15px;}
.nwsBtm h5 { font-size: 18px; color: #fff; background: #3176fb; padding: 15px 40px; border-radius: 200px; width: auto; float: left; font-weight: 300; margin-top: 15px;}
.nd { float: left; width: 100%;}
.nd h3 { font-size: 30px; color: #333; font-weight: 300;}
.nd h6 {font-size: 14px; color: #666; margin-top: 15px; font-weight: 300;}
.nd img { margin-top: 30px; max-width: 100%;}
.nd p { margin-top: 25px; font-size: 18px; line-height: 32px; color: #666; font-weight: 300;}
.vrg .nwsBtm h4 { font-size: 30px;}
.vrg .nwsBtm h6 { font-size: 18px; color: #666; font-weight: 300;}
.vrg .nwsBtm p { margin-top: 25px; font-size: 18px; font-weight: 300; color: #666; line-height: 32px;}
.vrg .nwsBtm h5 { background: none; border-radius: 0; color: #3176fb; text-transform: uppercase; padding: 0; margin-top: 5px;}
.vrg { margin: 15px 0;}
.heading p { font-size: 18px; margin-top: 10px; font-weight: 300; color: #666;}
.heading a { color: #3176fb;}
.vrgmBox { float: left; width: 100%; margin-top: 25px;}
.vrgmBox ul { margin: 0; padding: 0; list-style-type: none;}
.vrgmBox ul li { float: left; width: 14.6%; margin: 15px 1%; border-radius: 35px; overflow: hidden;}

.abRight p a { color: #3176fb;}
.aboutPop.vrr ul { margin: 0; padding: 0; list-style-type: none;}
.aboutPop.vrr ul li {float: left; width: 19%; margin: 0 0.5%;}
.aboutPop.vrr { margin-top: 15px;}
.aboutPop.vrr ul li .ap { height: 450px; line-height: 430px;}
.wdd .heading { text-align: left;}

.abRight a.wddBtn1 { font-size: 18px; color: #fff; background: #3176fb; padding: 15px 40px; border-radius: 200px; margin-right: 25px; margin-bottom: 20px; margin-top: 10px; display: inline-block;}
.abRight a.wddBtn1.wddBtn2 { background: #55f80c; color: #111;}
.abRight a.wddBtn1.wddBtn3 { background: #000000;}

.as { float: left; width: 100%; margin-bottom: 120px; }
.as .asBox { float:left; width: 100%; border: 1px solid #ccc; border-radius: 35px; margin-top: 40px; padding: 50px; height: 743px; text-align: center;}
.as .asBox h4 { font-size: 26px; font-weight: 500; color: #000; margin-top: 40px;}
.as .asBox p {font-size: 18px; margin-top: 20px; font-weight: 300; color: #666; line-height: 32px;}

.formContact { float: left; width: 100%;}
.formContact form { width: 100%; float: left; margin-top: 25px;}
.formContact form fieldset { float: left; width: 100%; margin: 25px 0 0 0;}
.formContact form fieldset input { width: 100%; font-size: 18px; height: 61px; border: 1px solid #ccc; border-radius: 200px; color: #333; padding: 0 30px;}
.formContact form fieldset input::placeholder { color: #999; }
.formContact form fieldset textarea { width: 100%; height: 150px; border: 1px solid #ccc; resize: none; border-radius: 35px; color: #333; padding: 0 30px; padding-top: 20px;}
.formContact form fieldset textarea::placeholder { color: #999; }
.formContact form fieldset input[type="button"] { background: #3176fb; color: #fff; border: none;}
.formContact form fieldset input[type="button"]:hover { background: #000;}
.registation { float: left; width: 100%; padding: 120px 0; background: #fafafc;}
.ottse { float: left; width: 100%; margin-top: 30px;}
.ottse ol { margin: 0; padding: 0;}
.ottse ol li { float: left; width: 12.6%; margin: 0 2%; padding: 15px 0; border-bottom: 1px solid #ccc; font-size: 18px; color: #666; font-weight: 300;}
.packe { float: left; width: 100%; margin: 120px 0;}
.pacBox { border: 1px solid #ccc; float: left; width: 100%; padding: 40px; border-radius: 35px;}
.pacHed { float: left; width: 100%; padding:0 0 40px 0; border-bottom: 1px solid #ccc; text-align: center;}
.pacHed h4 {background: linear-gradient(to right, #3175fd 20%, #51f80c 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: transparent; font-size: 24px; margin-bottom: 15px;}
.pacHed h2 { color: #333; font-weight: 700; font-size: 24px; font-family: Roboto, Arial, Helvetica, sans-serif; line-height: 36px; letter-spacing: 0;}
.pacHed h2 span {-webkit-text-stroke:0; color: #000; font-size: 20px; font-weight: 500; display: none;}
.pacBody { float: left; width: 100%; padding: 40px 0 0 0; border-bottom: 1px solid #ccc;}
.pacBody h6 { color: #000; font-size: 18px; font-weight: 600;}
.pacBody ul { margin: 0; padding: 0; list-style-type:none; float:left; width: 100%; padding-bottom: 40px;}
.pacBody ul li { font-weight: 300; font-size: 18px; color: #666; background: url(../../images/buled4.png) left 10px no-repeat; padding-left: 20px; margin: 10px 0;}
.pacBody:last-child { border: none;}
.pacBody:last-child ul { padding-bottom: 0;}
.pmrsRight .heading { text-align: left; margin-bottom: 15px;}
.pmrsRight p { font-weight: 300; color: #333; font-size: 18px; line-height: 32px;}
.pmrsRight p a { color: #3176fb;}
.pmrsBox { float: left; width: 100%;}
.pbx { float: left; width: 31.33%; margin: 10px 1%; border: 1px solid #ccc; padding: 35px; border-radius: 35px; min-height: 700px;}
.pbx ul { margin: 0; padding: 0; list-style-type: none;}
.pbx ul li { float: left; width: 100%; border-top: 1px solid #ccc; padding: 15px 0; font-size: 16px; font-weight: 300; color: #666; word-wrap: break-word;}
.pbx ul li h6 { font-size: 16px; font-weight: 500; color: #333;}
.pbx ul li strong { font-weight: 700; color: #666;}
.pbx h5 {font-size: 18px; font-weight: 500; color: #333;}
.pbx p { font-size: 16px; font-weight: 300; color: #666; word-wrap: break-word;}
.pbx ul li:last-child { border: none; text-align: center; padding-top: 0;}
.pbx ul li a { background: #3176fb; color: #fff; display: inline-block; padding: 12px 35px; border-radius: 300px;}
.pbx ul li h6 { text-align: left;}
.pbx ul li:last-child strong { text-align: left; float: left; width: 100%;}
.pbx ul li:last-child p { text-align: left; float: left; width: 100%;}
.pbx ul li:last-child h6 { border-top: 1px solid #ccc; padding-top: 15px;}


.sidebar {
  width: 100%;
  color: #333;
  padding: 10px 0;
}

.sidebar ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.sidebar li {
  position: relative; background: url(../../images/border.png) left bottom no-repeat;
}

.sidebar li a {
  display: block;
  padding: 18px 16px;
  text-decoration: none;
  color: #777;
  padding-left: 60px; font-size: 24px; font-weight: 300;
}

.sidebar li a:hover {
}

.sidebar li.active a { color: #111;}

.arrow {
  position: absolute;
  left: 16px;
  top: 24px;
  cursor: pointer;
  user-select: none;
  background: url(../../images/arrowTab.png) left top no-repeat; width: 22px; height: 22px; text-indent: -5000px; padding-right: 30px; border-right: 1px solid #ccc;
}

.submenu {
  display: none; padding-bottom: 20px !important;
}
.submenu li { background: none;}
.submenu li a {
  padding-left: 60px;
  font-size: 18px; padding-top: 10px;
  padding-bottom: 10px;
}

.pmrsBox br { clear: both;}
.pbx:first-child li { text-align: left !important;}

.pmrsRight table { border: 1px solid #ccc; margin: 30px 0;}
.pmrsRight table th, td {border: 1px solid #ccc; padding: 10px;}
.pmrsRight table th { padding: 15px;}
.pmrsRight h4 { font-size: 28px; font-weight: 400; color: #333; margin-bottom: 20px;}
.pmrsRight h5 { font-size: 24px; font-weight: 400; color: #333; margin-bottom: 20px;}

.rightNsection { background: #ddd; padding: 35px;}
.rightNsection2 { background: #eee; padding: 35px;}
.rightNsection h2 { font-size: 48px; line-height: 54px;}
.rightNsection2 h2 { font-size: 48px;}
.pmrsCon ul { } 
.pmrsCon ul li {font-size: 16px; font-weight: 300; color: #666; word-wrap: break-word; margin: 10px 0;}
.heading.subheading {margin-top: 40px;}

.wpcf7 form .wpcf7-response-output { padding: 15px; float: left; width: 100%; text-align: center;}

.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 { background:none; border: 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-bottom: 2px solid;
    border-image-source: linear-gradient(to left, #21d6a4, #5d3efd);
    border-image-slice: 1;
    padding-bottom: 0;
          }

.testi iframe { width: 100% !important;}

.news-cont .heading { margin-bottom: 40px;}
.news-cont .heading h2 { margin-bottom: 20px;}

.btn-pdf a { font-size: 20px; color: #fff; font-weight: 400; padding: 15px 50px; border-radius: 500px; background: #3176fb; display: inline-block; margin-top: 15px;}
.btn-pdf a:hover { background: #000;}

.sidemenu .he-so { float: left; width: 100%; border-top: 2px solid;
    border-image-source: linear-gradient(to left, #21d6a4, #5d3efd);
    border-image-slice: 1; padding-left: 0; margin-top: 20px; padding-top: 15px;}

.sidemenu ul.he-so li { float: left; margin-right: 20px; width: auto;}

.servrc-tabl table tr th {background: #3176fb; color: #fff; border:1px solid #3176fb; font-size: 18px;}
.servrc-tabl table tr td { color: #333; font-weight: 300; font-size: 16px; padding: 15px;}

.servrc-tabl { float: left; width: 100%; margin-bottom: 120px;}
.servrc-tabl table {width: 500px !important; margin: 0 auto;}

.experts { float: left; width: 100%; margin-bottom: 120px;}
.experts .links { border: 1px solid #ccc; padding: 40px; border-radius: 35px; float: left; width: 100%; height: 430px;}
.experts h2 { text-align: center; margin-bottom: 40px;}
.experts .links h5 { font-size: 24px; font-weight: 700; color: #111; border-bottom: 1px solid #ccc; padding-bottom: 25px; text-align: center;}
.experts .links ul { margin: 10px 0 0 15px; float: left; width: 100%; padding: 0;}
.experts .links ul li { float: left; width: 100%; margin: 10px 0;}
.experts .links ul li a { color: #3176fb;}

.tooltip-one {
  position: relative;
  display: inline-block;
  cursor: help;
}

.tooltip-one .tooltiptext {
  visibility: hidden;
  width: 220px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 6px; font-size: 12px;
  padding: 6px;
  position: absolute;
  z-index: 1;
  bottom: 125%; 
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip-one .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
}

.tooltip-one:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}










@media (max-width:1900px) {
#cssmenu > ul > li > a {font-size: 16px;}
.getAquote a {padding: 13px 35px; font-size: 16px;}
#cssmenu ul ul li a { font-size: 14px;}
.navMenu {margin-top: 10px;}
#hero .bannerLeft h2 {font-size: 72px; line-height: 80px;}
#hero .bannerLeft h3 {font-size: 72px;}
#hero .bannerLeft a { font-size: 18px;}
.bannerRight img { max-width: 100%;}
#hero { height: 850px;}
.heading h3 { font-size: 36px;}
.heading h1, h2 { font-size: 60px;}
.sbBtm h5 { font-size: 20px;}
.sbBtm p {font-size: 16px; line-height: 30px;}
.sbBtm ul li {font-size: 16px; margin-top: 12px;}
.sbBtm h6 {font-size: 16px; padding: 15px 35px;}
.sbBtm {height: 650px;}
.mb marquee { font-size: 110px;}
.ahLeft img { max-width: 100%; padding-right: 50px;}
.ahRight p { font-size: 16px; line-height: 30px;}
.ahRight a {font-size: 16px; padding: 15px 35px;}
.ahRight { margin-top: 0;}
.vr ul li {font-size: 18px;}
.vr a {font-size: 16px; padding: 15px 35px;}
.testi img { max-width: 100%;}
.footerMenu h4 { font-size: 20px;}
.footerMenu ul li a {font-size: 14px;}
.contactQuick h4 { font-size: 20px;}
.contactQuick ul li { font-size: 14px;}
.footerBtm p { font-size: 14px;}
.ftForm .colm2 input, select { font-size: 15px;}
.ftForm .colm2.colm1 fieldset textarea { font-size: 15px;}
.ftForm .colm2.colm1.submitBtnFt fieldset input {font-size: 16px;}
#hero.innerBanner h1 { font-size: 64px;}
#hero.innerBanner { height: 510px;}
.bannerLeft {margin-top: 55px;}
.aboutHome { padding-bottom: 100px;}
.testimonial { padding: 100px 0;}
.partnerLogo { margin: 100px 0;}
.footerTop { padding: 100px 0;}
.aboutPop {margin-top: 100px;}
.andImg { margin-bottom: 100px;}
.boxs { margin-bottom: 100px;}
.sidebar li a {font-size: 20px;}
.abRight ul li {font-size: 16px;}
.heading p { font-size: 16px;}
.registation { padding: 100px 0;}
.packe { margin: 100px 0;}
.aboutPop.vrr ul li .ap { height: 350px; line-height: 335px;}
.as .asBox p {font-size: 17px;}
.as { margin-bottom: 100px;}
.rightNsection h2 { font-size: 42px;}
.rightNsection2 h2 { font-size: 42px;}

.as .asBox { padding: 50px 25px;}
.as .asBox p { font-size: 16px;}

.experts .col-3 { width: 50%;}
.experts .links { margin: 13px 0;}

}
@media (max-width:1366px) {
#cssmenu > ul > li > a {font-size: 15px; padding: 16px 15px;}
.getAquote a {padding: 10px 25px; font-size: 15px;}
#cssmenu { margin-right: 25px;}
.getAquote {margin-right: 25px;}
.tg {margin-top: 5px;}
header {padding: 0 50px;}
.cc {padding: 0 50px;}
#hero .carousel-container {top: 130px;}
.testGraphic img {margin-top: -100px;}
.bannerRight {width: 30%;}
.bannerLeft {width: 70%;}
#hero {height: 700px;}
#cssmenu {margin-top: 0;}
header {top: 10px;}
.heading h3 {font-size: 32px;}
.heading h1, h2 {font-size: 48px;}
.servicesBlock { padding: 0;}
.sbBtm p { font-size: 15px; line-height: 28px; min-height: 190px;}
.sbBtm h6 { font-size: 15px; margin-top: 10px;}
.sbBtm ul { height: 220px;}
.sbBtm ul li {font-size: 15px;}
.sbBtm {height: 620px;}
.sbTop span { width: 200px; height: 200px; line-height: 200px; }
.sbTop span em { line-height: 178px; width: 178px; height: 178px; float: left;}
.sbTop span em img { max-width: 100px; max-height: 100px;}
.ahRight p {font-size: 15px; line-height: 28px;}
.ahRight a {font-size: 15px;}
.vr ul li {font-size: 16px;}
.vr a {font-size: 15px;}
.cr {margin-top: 30px;}
.cr .owl-dots {margin-top: 30px;}
.footerMenu h4 {font-size: 18px;}
.footerBtm p {font-size: 13px;}
.contactQuick h4 {font-size: 18px;}
.bannerLeft {margin-top: 40px;}
#cssmenu > ul > li.has-sub > a::after {top: 25px; right: 16px;}

#hero.innerBanner h1 { font-size: 52px;}
#hero .bannerLeft a { font-size: 16px;}
#hero.innerBanner ul li {margin: 0 5px; line-height: 16px;}
#hero.innerBanner {height: 415px;}

.fw {margin-top: 30px;}
.abRight {padding: 0 50px;}
.abRight p {font-size: 16px; line-height: 30px;}
.ap {height: 250px; line-height: 250px;}

.services {margin:80px 0 60px;}
.aboutHome { margin-top: 60px;}
.aboutHome { padding-bottom: 80px;}
.testimonial { padding: 80px 0; background-size: 100% 100% !important;}
.partnerLogo { margin: 80px 0;}
.footerTop { padding: 80px 0;}
.footerCenter { padding-top: 70px;}
.aboutPop {margin-top: 80px;}
.cb ul li p {font-size: 18px;}
.cb ul li a {font-size: 14px;}
.abRight p b { font-size: 20px;}
.formContact form fieldset input { font-size: 16px;}
.formContact form fieldset textarea { font-size: 16px;}
.andImg img { max-width: 100%;}
.andImg { margin-bottom: 80px;}

.cides { margin: 80px 0; padding: 80px 0;}
.cides ul li p {font-size: 18px;}
.boxs .bx h4 {font-size: 20px;}
.boxs .bx {padding: 25px;}
.boxs .bx ul li { font-size: 15px;}
.boxs { margin-bottom: 80px;}
.nwsBtm h4 {font-size: 20px;}
.nwsBtm h5 { font-size: 16px;}
.nd h3 { font-size: 28px;}
.nd p { font-size: 16px;}
.pmrsRight p { font-size: 16px; line-height: 30px;}
.pbx h5 {font-size: 16px;}
.pbx {padding: 25px;}
.sidebar li a { font-size: 18px;}
.ottse ol li {font-size: 15px;}

.registation { padding: 80px 0;}
.pacHed h4 {font-size: 20px;}
.pacHed h2 {font-size: 20px; line-height: 30px;}
.pacHed h2 span {font-size: 16px;}
.pacBody h6 { font-size: 16px;}
.pacBody ul li {font-size: 16px;}
.packe { margin: 80px 0;}
.vrg .nwsBtm h4 {font-size: 28px;}
.vrg .nwsBtm h6 { font-size: 16px;}
.vrg .nwsBtm p {font-size: 16px; line-height: 28px; margin-top: 15px;}
.vrg .nwsBtm h5 { font-size: 15px;}
.vrg .nwsTop iframe { height: 350px !important;}
.nwsBtm {margin-top: 10px;}
.heading a {font-size: 15px;}
.aboutPop.vrr ul li .ap {height: 300px; line-height:280px;}
.abLeft iframe { height: 300px !important;}
.abRight a.wddBtn1 { font-size: 16px;}

.as .asBox p {font-size: 16px;}
.as .asBox h4 { font-size: 24px;}
.as .asBox { padding: 25px;}
.as { margin-bottom: 80px;}
.pmrsCon ul li { font-size: 15px;}
.pmrsRight h4 { font-size: 26px;}
.pmrsRight h5 { font-size: 22px;}

.rightNsection h2 { font-size: 36px; line-height: 48px;}
.rightNsection2 h2 { font-size: 36px; line-height: 48px;}

}
@media (max-width:1300px) {
.logo { width: 25%;}
.logo img { max-width: 100%;}
header {padding: 0 25px;}
.cc {padding: 0 25px;}

}
@media (max-width:1200px) {
  nav{width:100%;}
  #cssmenu{width:100%; position: absolute;}
  #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:0;top:0;cursor:pointer;z-index: 12399994; background: url(../../images/dToggle.png) center center no-repeat; top: 0px;}
  .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 #444;height:46px;width:46px;cursor:pointer}
  #cssmenu .submenu-button.submenu-opened{background:none;}
  #cssmenu ul ul .submenu-button{height:46px;width:100%;}
  #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;
    background: #003e6a;
    width: 100%;
    left: 0;
    z-index: 9999999;
    padding: 0;
  }
  #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; top: 0; }
  #cssmenu ul.open ul.open ul.open li {background: #ccc !important;}

#cssmenu .button { background: url(../../images/toggle.png) center center no-repeat; width: 41px; height: 21px; top: 12px; right: 25px;}
.tg { display: none;}
#cssmenu #head-mobile { display: none;}
.getAquote {margin-right: 90px;}
.navMenu {width: 100%; position: absolute; top: 0; left: 0;}
#cssmenu ul.open {top: 60px;}
.logo {width: 250px; margin-top: 0; position: relative; z-index: 9;}
.getAquote {position: relative;z-index: 9;}
#hero {height: 625px;}
#hero .bannerLeft h2 {font-size: 60px; line-height: 66px;}
#hero .bannerLeft h3 { font-size: 60px;}
#hero .bannerLeft a {padding: 15px 50px; font-size: 16px; margin-top: 15px;}
.vr {padding: 70px 0; background-position: center;}

.abRight p {font-size: 15px; line-height: 28px;}
.services {margin:60px 0 40px;}
.aboutHome { margin-top: 50px;}
.aboutHome { padding-bottom: 60px;}
.testimonial { padding: 60px 0;}
.partnerLogo { margin: 60px 0;}
.footerTop { padding: 60px 0;}
.footerCenter { padding-top: 50px;}
.aboutPop {margin-top: 60px;}
.cb ul li {width: 32%;}
.cb ul li p {font-size: 16px; margin-bottom: 5px;}
.formContact form {margin-top: 0;}
.andImg { margin-bottom: 60px;}
.cides { margin: 60px 0; padding: 60px 0;}
.cides ul li p { font-size: 16px;}

.boxs .col-3 { width: 33.33%;}
.boxs { margin-bottom: 60px;}

.nwsBtm h4 { font-size: 18px;}
.nd h3 { font-size: 24px;}

.pbx {width: 48%;}
.pmrsRight p {font-size: 15px; line-height: 28px;}
.pbx ul li h6 { font-size: 15px;}
.pbx ul li h6 strong { font-size: 15px;}
.abRight ul li {font-size: 15px; line-height: 28px;}

.heading p {font-size: 15px;}
.heading h5 { font-size: 18px;}
.ottse ol li {width: 16%;}

.registation { padding: 60px 0;}
.packe { margin: 60px 0;}

.vrg .nwsBtm h4 {font-size: 24px;}
.vrg .nwsBtm h6 { font-size: 15px;}
.vrg .nwsBtm p {font-size: 15px; line-height: 26px; margin-top:5px;}
.vrg .nwsBtm h5 { font-size: 14px;}
.vrg .nwsTop iframe { height: 250px !important;}
.nwsBtm {margin-top: 0px;}
.heading a {font-size: 14px;}

.vrgmBox ul li {width: 18%;}
.abRight a.wddBtn1 { font-size: 15px; margin-right: 10px; margin-top: 0;}

.as .asBox p {font-size: 15px; line-height: 28px;}
.as .asBox h4 { font-size: 20px;}
.as { margin-bottom: 60px;}
.pmrsRight h4 { font-size: 24px;}
.pmrsRight h5 { font-size: 20px;}

.rightNsection h2 { font-size: 32px; line-height: 44px;}
.rightNsection2 h2 { font-size: 32px; line-height: 44px;}

.testimonial .col-4 { width: 100%;}
.testi iframe { margin: 0 auto;}

}
@media (max-width:1100px) {
.footerLogo { width: 100%; text-align: center; margin-bottom: 40px;}
.footerMenu { width: 70%; padding-left: 0;}
.contactQuick { width: 30%;}
.abLeft { width: 100%; padding: 0 15px;}
.abRight { width: 100%; padding: 0 15px; margin-top: 20px;}
.videos iframe { width: 100% !important; height: 500px;}
.cides ul li {width: 31.33%;}
.services.about.newsPage .col-4 { width: 50%;}
.nws {margin: 15px 0;}

.pacHed h4 {font-size: 18px;}
.pacHed h2 {font-size: 18px;}
.pacHed h2 span {font-size: 15px;}
.pacBody h6 { font-size: 15px;}
.pacBody ul li {font-size: 15px;}
.pacBody { padding-top: 20px;}
.pacBody ul { padding-bottom: 20px;}

.aboutPop.vrr ul li .ap {height: 230px; line-height:215px;}
.abLeft iframe { height: 500px !important;}

}
@media (max-width:1024px) {
#hero {height: 550px;}
.bannerLeft {margin-top: 20px;}
#hero .bannerLeft h2 {font-size: 48px; line-height: 54px;}
#hero .bannerLeft h3 {font-size: 48px;}
#hero .bannerLeft a {font-size: 15px;}
.sbBtm {height: 680px; padding: 20px;}
.sbBtm p {margin-top: 10px;}
.heading h1, h2 {font-size: 36px; line-height: 48px;}
.mb marquee { font-size: 72px;}
.aboutHome .col-6 { width: 100%;}
.ahLeft { text-align: center;}
.ahLeft img { padding-right: 0;}
.ahRight a { margin-top: 5px;}
.ahRight .heading { margin-bottom: 0;}
.vr {padding: 50px 0;}
.testimonial { background-size: 100%;}
.ftForm .col-2 { display: none;}
.ftForm .col-8 { width: 100%;}
.ftForm form {margin-top: 10px;}

#hero.innerBanner h1 {font-size: 40px;}
#hero.innerBanner {height: 365px;}

.aboutPop .col-3 { width: 33.33%;}

.services {margin:50px 0 30px;}
.aboutHome { margin-top: 40px;}
.aboutHome { padding-bottom: 50px;}
.testimonial { padding: 50px 0;}
.partnerLogo { margin: 50px 0;}
.owl-theme .owl-dots .owl-dot span {width: 10px !important; height: 10px !important; margin: 5px 3px;}
.footerTop { padding: 50px 0;}
.footerCenter { padding-top: 40px;}
.fw {margin-top: 15px;}
.aboutPop {margin-top: 50px;}
.cb ul li p {font-size: 15px; margin-bottom: 5px;}
.services.ps .heading { margin-bottom: 15px;}
.abRight p b { font-size: 18px;}
.andImg { margin-bottom: 50px;}
.cides { margin: 50px 0; padding: 50px 0;}

.boxs .bx h4 {font-size: 18px;}
.boxs { margin-bottom: 50px;}
.nwsBtm h4 {font-size: 16px;}
.nd h3 { font-size: 22px;}
.nd img {margin-top: 20px;}
.nd p { font-size: 15px; line-height: 28px;}
.sidebar li a {font-size: 16px;}
.sidebar .submenu li a { font-size: 14px;}

.videos .heading {margin-bottom: 20px;}
.registation { padding: 50px 0;}

.ottse ol {margin: 0 0 0 20px;}
.pacBox {padding: 20px;}
.pacHed { padding-bottom: 20px;}
.packe { margin: 50px 0;}
.vrg .nwsBtm h4 { font-size: 22px;}

.vrgmBox ul li {width: 23%;}
.aboutPop.vrr ul li {width: 32.33%;}
.ap {margin: 5px 0;}
.abLeft iframe { height: 400px !important;}
.as { margin-bottom: 50px;}
.pmrsRight h4 { font-size: 22px;}
.pmrsRight h5 { font-size: 18px;}

.rightNsection h2 { font-size: 30px; line-height: 42px;}
.rightNsection2 h2 { font-size:30px; line-height: 42px;}

.experts .links h5 { font-size: 20px;}
.experts h2 { margin-bottom: 20px;}

}
@media (max-width:1023px) {}
@media (max-width:991px) {
.bannerLeft { text-align: left;}
}
@media (max-width:960px) {
#hero {height: 500px;}
.contactPage .col-3 { display: none;}
.contactPage .col-6 { width: 100%;}
.ottse ol li {width: 21%;}
.abLeft iframe { height: 350px !important;}
.as .col-4 { width: 100%;}
.as .asBox { height: auto; margin-top: 15px;}
}
@media (max-width:900px) {
.services .col-4 { width: 100%;}
.sbBtm { height: auto;}
.sbTop span { float: left;}
.boxs .col-3 { width: 50%;}
.sidebar li {background-size: contain;}
.pmrs .col-8 { width: 100%;}
.pmrsRight { margin-top: 20px;}

.sbBtm p { min-height: 30px;}
.sbBtm ul { min-height: 30px; height: auto;}
.sbBtm h6 { margin-top: 30px;}

.packe .col-4 { width: 100%;}
.pacBox { margin: 10px 0;}

}
@media (max-width:850px) {
.fmLeft {width: 50%; margin-left: 0;}
.fmLeft.fmLast { width: 50%;}
.videos iframe { width: 100% !important; height: 400px;}
.vrgmBox ul li {width: 31.33%;}
}
@media (max-width:800px) {}
@media (max-width:768px) {
#hero .carousel-container {top: 100px;}
.bannerRight { width: 100%; text-align: center;}
#hero { height: 700px;}
.bannerRight img { max-width:250px;}
.bannerLeft { width: 100%; text-align: center;}
#hero .bannerLeft h2 br { display: none;}
#hero .bannerLeft a { float: none; display: inline-block;}
.testGraphic img { margin-top: 0;}
#hero .bannerLeft h2 { font-size: 30px; line-height: 30px;}
#hero .bannerLeft h3 { font-size: 36px;}
.carousel-item { background-position: left top !important; background-size: cover !important;}
.heading h3 {font-size: 28px;}
.heading h1, h2 {font-size: 30px; line-height: 36px;}
.vr {padding: 30px 0;}
.galLeft { width: 100%;}
.galRight { width: 100%; margin-top: 0;}
.galRight .glTop { width: 50%; padding: 0 2px;}
.galLeft .glTop {padding: 0 2px;}
.glTop { overflow: hidden; height: 212px;}
.glTop img { width: 100%; height: 100%; object-fit: cover;}
.glTop.gl1 { width: 100%;}
.fmLeft {width: 100%; margin-left: 0;}
.footerMenu { width: 100%;}
.fmLeft { width: 50%; padding-left: 3%;}
.contactQuick { width: 100%;}

#hero.innerBanner {height: 300px;}
#hero.innerBanner h1 {font-size: 32px;}
#hero .bannerLeft a {font-size: 11px;}

.aboutPop .col-3 { width: 50%;}

.services {margin:30px 0 20px;}
.aboutHome { margin-top: 30px;}
.aboutHome { padding-bottom: 30px;}
.vr a {margin-top: 5px;}
.testimonial { padding: 30px 0;}
.partnerLogo { margin: 30px 0;}
.footerTop { padding:30px 0;}
.footerCenter { padding-top: 20px;}
.fw {margin-top: 5px;}
.aboutPop {margin-top: 30px;}

.cb ul li { width: 50%; float: left; margin: 10px 0; padding: 0 15px;}
.services.ps .heading { margin-bottom: 5px;}
.abRight p b { font-size: 16px;}
.formContact form fieldset input { font-size: 15px;}
.formContact form fieldset textarea { font-size: 15px;}
.andImg { margin-bottom: 30px;}
.cides { margin: 30px 0; padding: 30px 0;}

.cides ul li {width: 48%;}
.boxs { margin-bottom: 30px;}
.nwsBtm h4 {font-size: 15px; line-height: 27px;}
.nd h3 { font-size: 20px;}
.nd img {margin-top: 10px;}

.pmrsRight .heading {margin-bottom: 5px;}
.videos .heading {margin-bottom: 10px;}
.ottse ol li {width: 29.33%;}

.registation { padding: 30px 0;}
.packe { margin: 30px 0;}

.services.about.vrg2 .col-6 { width: 100%;}
.vrg .nwsTop iframe {height: 350px !important;}

.vrg .nwsBtm h4 { font-size: 20px;}
.vrgmBox ul li {width: 48%;}
.as { margin-bottom: 30px;}
.pmrsRight h4 { font-size: 20px;}
.rightNsection h2 { font-size: 28px; line-height: 36px;}
.rightNsection2 h2 { font-size:28px; line-height: 36px;}
.news-cont .heading { margin-bottom: 10px;}
.experts .links h5 { font-size: 18px;}
.experts .col-3 { width: 100%;}
.experts .links { height: auto;}
.experts .links ul li a { font-size: 15px;}
.experts h2 { margin-bottom:5px;}

}
@media (max-width:767px) {
.videos iframe { width: 100% !important; height: 300px;}
}
@media (max-width:700px) {}
@media (max-width:640px) {
.vr .col-6 { width: 100%;}
.heading h1, h2 { font-size: 24px; line-height: 28px;}
.mb marquee {font-size: 60px;}
.ftForm .colm2 fieldset { width: 100%; margin: 10px 0;}
.ftForm .colm2.colm1 fieldset { width: 100%;}
.boxs .col-3 { width: 100%;}
.boxs .bx { height: auto;}
.boxs .bx.bx2 { height: auto;}
.services.about.newsPage .col-4 { width: 100%;}
.nd h3 { font-size: 18px;}
.pbx { width: 100%; margin: 10px 0;}
.vrg .nwsTop iframe {height: 300px !important;}
.aboutPop.vrr ul li {width: 49%;}
.abLeft iframe { height: 300px !important;}
.pbx { min-height: 50px;}
.rightNsection h2 { font-size: 24px; line-height: 32px;}
.rightNsection2 h2 { font-size:24px; line-height: 32px;}
}
@media (max-width:600px) {}
@media (max-width:570px) {
header {padding: 0 15px;}
#cssmenu .button {right: 15px;}
.getAquote {margin-right: 75px;}
.logo { width: 200px; margin-top: 10px;}
.glTop {height: 170px;}
.galLeft {margin-top: 10px;}

#hero.innerBanner {height: 270px;}
#hero.innerBanner h1 {font-size: 22px;}

.ap { height: 200px; line-height: 200px;}
.footerMenu h4 {}
.videos iframe { width: 100% !important; height: 200px;}
.boxs { margin-bottom: 20px;}
.ottse ol li {width: 46%; font-size: 13px;}
.ottse ol {margin: 0 0 0 15px;}
.vrg .nwsTop iframe {height: 250px !important;}
.abLeft iframe { height:250px !important;}

.servrc-tabl table {width: 100% !important; margin: 0 auto;}

}
@media (max-width:520px) {
.fmLeft { width: 100%; padding-left: 0;}
.contactQuick { padding-left: 0;}

}
@media (max-width:480px) {
.getAquote a {font-size: 14px; padding: 10px 20px;}
.logo { width: 160px;}
.getAquote {margin-right: 68px;}
#hero .bannerLeft h2 { font-size: 24px; line-height: 24px;}
#hero .bannerLeft h3 { font-size:30px;}
#hero { height: 640px;}
#hero .bannerLeft a { margin-top: 10px;}
.sbTop span { float:none;} 
.glTop {height: 150px;}
.aboutPop .col-3 { width: 100%;}
 .ap { height: 300px; line-height: 300px;}
 .cb ul li { width: 100%;}
.cides ul li { width: 98%;}
.vrgmBox ul li { height: 120px; margin: 5px 1%;}
}
@media (max-width:420px) {
.vrg .nwsTop iframe {height: 220px !important;}
.vrgmBox ul li { height: 100px; margin: 5px 1%;}
.abLeft iframe { height:220px !important;}
}