@font-face {
    font-family: Quicksand-Regular;
    src: url(Quicksand-Regular.ttf);
}
@font-face {
    font-family: PoiretOne-Regular;
    src: url(PoiretOne-Regular.ttf);
}

@font-face {
    font-family: Raleway-Regular;
    src: url(Raleway-Regular.ttf);
}


/* ------------------owl carousel CSS -------------------------------*/
/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
.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;-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;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.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{-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 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 CSS ----------------*/
/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;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:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
/*-----------------------------custom CSS -----------------------*/

body{
  margin:0;
 font-family: Quicksand-Regular;
line-height:1.7em;
overflow-x:hidden;
/*text-shadow:0 0 0 5px #ccc */

}
.ui-hidden-accessible {
    position: absolute!important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px);
}
/*--------------------left menu -----------------*/

#menu-left .wrapper {

  padding: 10px;

  margin-top: -135px;

  position: relative;

  margin-left: 30px

}

 

#menu-left .wrapper .top-line {

  background-color: transparent;

  display: block;

  height: 50px;

  position: relative;

  width: 1px;

  box-shadow: 0 0 20px  #2fd9ef;

}

#menu-left .wrapper .top-line:after {

  background-color: transparent;

  bottom: -6px;

  content: '';

  display: block;

  height: 1px;

  position: absolute;

  transform: rotate(25deg);

  width: 30px;

   box-shadow: 0 0 20px  #2fd9ef;

}

 

#menu-left .wrapper .middle-line {

  background-color: transparent;

  bottom: -10px;

  display: block;

  height: 1px;

  left: -20px;

  position: relative;

  width: 50px;

   box-shadow: 0 0 20px  #2fd9ef;

}

 

#menu-left .wrapper .bottom-line {

  background-color: transparent;

  display: block;

  height: 50px;

  margin-top: 20px;

  position: relative;

  width: 1px;

   box-shadow: 0 0 20px  #2fd9ef;

}

#menu-left .wrapper .bottom-line:before {

  background-color: transparent;

  content: '';

  display: block;

  height: 1px;

  left: -21px;

  position: absolute;

  top: -7px;

  transform: rotate(25deg);

  width: 25px;

   box-shadow: 0 0 20px  #2fd9ef;

}

#menu-left .wrapper .txt{

                right: -14px;

    position: relative;

    display: inline-block;

    top: -45px;

    text-decoration: none;

    border: 1px solid #aaa;

    border-radius: 350px 50px 350px 50px;

    padding: 3px 20px;

    /*box-shadow: 0 0 150px #777;*/

    background-color: #e7eeef;

    cursor: pointer;

    z-index: 10;

    transition: 1s;

    transform: rotate(-35deg);
    width: 150px

}

#menu-left .wrapper .txt span{display: inline-block;
  height: 100%;top:0px;position: relative;
  font-size: .8rem;color:#000;
  font-weight: bold;
}

#menu-left.nav-container{opacity:0;z-index:99;margin-left: -65px;
  position: fixed;
  
  top:50%;

}

#menu-left .wrapper .txt .img{width:20px;margin-top:2px;}

#menu-left .wrapper .txt.active,

#menu-left .wrapper .txt:hover{

                background-color: #fff;
                border: 1px solid #039be5;
                 
}


/*------------------- loader-------------------- */

.loader{
top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    position: fixed;
    z-index: 9999;
    background-color: #d7dadc;
    border: 1px solid transparent;
    box-shadow: 0 0 205px #00BCD4 inset;
}
.s2 {
  position: absolute;
  height: 100px;
  width: 100px;
  background-color: transparent;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -70%);
}

.s1 {
  position: absolute;
  height: 100px;
  width: 100px;
  top: 50%;
  left: 50%;
  transform-origin: center;
  transform: translate(-50%, -70%) rotate(45deg);
  background-color: transparent;
}

.bigcon {
  position: absolute;
  height: 95px;
  width: 95px;
  top: 50%;
  left: 50%;
  transform-origin: center;
  transform: translate(-50%, -70%) rotate(-45deg);
  background-color: transparent;
  animation: bigcon 2s infinite linear;
  animation-delay: 0.25s;
}

.b-load {
  border-radius: 50%;
  position: absolute;
}

.s {
  width: 25px;
  height: 25px;
  animation: small 2s infinite ease;
  box-shadow: 0px 2px rgba(0,0,0,0.3);
   background-color: #46b9ff;
}

.s:nth-child(1) {
  top: 0%;
  left: 0%;
}

.s:nth-child(2) {
  top: 0%;
  right: 0%;
}

.s:nth-child(3) {
  right: 0%;
  bottom: 0%;
}

.s:nth-child(4) {
  bottom: 0%;
  left: 0%;
}

.big {
  width: 20px;
  height: 20px;
  border-radius: 15px;
  box-shadow:0px 0px 10px #54f7f8, 0px 0px 20px #54f7f8, 0px 0px 30px #54f7f8, 0px 0px 50px #54f7f8, 0px 0px 60px #54f7f8 ;
  z-index: 1;
  background-color: #54f7f8;
  animation: bigball 1s infinite linear;
}

.sb1{
  animation-delay: -1.75s;
}
.sb6{
  animation-delay: -1.5s;
}
.sb2{
  animation-delay: -1.25s;
}
.sb7{
  animation-delay: -1s;
}
.sb3{
  animation-delay: -0.75s;
}
.sb8{
  animation-delay: -0.5s;
}
.sb4{
  animation-delay: -0.25s;
}
.sb5{
  animation-delay: -0s;
}

@keyframes bigcon {
  0% {
    transform-origin: center;
    transform: translate(-50%, -50%) rotate(45deg);
  }
  100% {
    transform-origin: center;
    transform: translate(-50%, -50%) rotate(405deg);
  }
}

@keyframes small {
  0% {
    transform: scale(1);
     background-color: #46b9ff;
  }
  10% {
    transform: scale(1.3);
    background-color: #54f7f8;
  }
  15% {
    transform: scale(1);
  }
  25%{
transform: scale(1);
     background-color: #46b9ff;
  }
  100%{
    transform: scale(1);
     background-color: #46b9ff;
  }
}
.load-txt{animation-duration:6s;
  font-size: 2rem;
  position: absolute;
  bottom:25%;left: 50%;
  transform: translateX(-50%);
  animation-iteration-count:infinite;
  animation-fill-mode: both

}
.br{display: none}
img.hide{display: none !important}
section{position: relative}
h2{margin:0;}
ul{padding: 0}
:link, :visited {
    color: #039be5;
    outline: 0;
    text-decoration: none;
}
.header{background-color: #fff}
.header img{width:130px;height:auto;margin-left: -40px;}
.header .h1-span {
    margin-left: -40px;
}
.header h1{
  width:100%;
  text-align: center;
  font-size:1.9rem;
  font-family: Raleway-Regular;
  color:#000;
  padding: 25px 0 10px;
  margin: 0;
  font-weight: 500;
  letter-spacing: 3px;
text-shadow: 1px 1px 2px #aaa;
}

.header p{
  /*text-shadow: 1px 1px 1px #aaa*/;
  letter-spacing: 1.5px;
  text-align: center;
  margin: 0 0 10px 0;
  padding-bottom: 10px
  }
.center{text-align: center}
section .row {
  
  margin: 0 auto;
  padding: 50px 0;
  max-width: 1100px;
  display:block;

  }
.effect3
{
  position: relative;
}
.effect3:before
{
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 23px;
    left: 6px;
    width: 50%;
    top: 80%;
    max-width: 300px;
    background: #fff;
    -webkit-box-shadow: 0 15px 10px #757474;
    -moz-box-shadow: 0 15px 10px #757474;
    box-shadow: 0 27px 19px #757474;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-5deg);

}

.team-container.right.effect3:before{
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    right: 6px;
    left: auto;
}
.team-container{background-color:#fff;
    width:100%;height:auto;/*border-bottom: 1px solid #e2e2e2;*/margin-bottom:135px;

}


  .team-container .inner-div .profile{width:20%;
    z-index: 3;border: 2px solid #aababb;
    position: relative;
    /*border-radius: 100%;*/float:right;margin: 45px 25px 25px 25px;border-radius:30px 50px 0px 0px;}
  
  .main1 .team-container:last-child{
  margin-bottom: 0px;
}
div.media-div{margin:auto;text-align: center}
div.media-div iframe{margin:30px;display: inline-block;
  box-shadow: 0 0 80px #000;border:3px solid #000;}
div.media-div iframe.odd{border-radius:30px 0 30px 0;}
div.media-div iframe.even{border-radius:0 30px 0 30px;}
.team-container .inner-div{margin:25px 0px 0px 25px}
.team-container.right .inner-div{margin-right:25px;}
.team-container.right .icon ul{text-align: left}
.team-container p{font-size: 1em;line-height: 1.5em;
  box-shadow: 0 0 80px #777;
background: #fff;border-radius: 30px;
padding: 70px 20px 20px 20px;
    margin-top: -40px;border: 2px solid #aababb; min-height: 130px}
section.main{background-color: #3F88C5;    box-shadow: 0px 0px 100px #fff inset;}
section.main1{}
.icon ul{list-style-type: none;text-align: right;
  animation-duration: 1.5s!important}
.icon ul li{display: inline-block;margin:-5px;}
.icon ul li img{width:80%;}
.custom p a{letter-spacing: 3px}
.custom h2{
  font-size:1.5rem;
  font-family: PoiretOne-Regular;
  text-shadow: 0 1px 2px #777;
  color:#000;
  letter-spacing: 3px;
  font-weight: 600;
  margin-bottom:30px;
}
.gmap{
  width: 40px;
  }
.custom h3,.custom h4,.custom h5{
  margin:0 0 8px 0;
  letter-spacing: 1px;
  text-shadow: 0px 0px 1px #fff
}

.team-container.right h3,
.team-container.right h4,
.team-container.right h5/*,
.team-container.right p*/{
  text-align: right
}
.custom h5{
  font-size: .90em;
}
.custom .item{
  
  padding:0px 15px 15px 15px;
 }

.custom .item div.para{
  background-color: #fff;
  /*background-image: linear-gradient(-225deg, #ececec 0%, #ffffff 48%, #e4e3e3f2 100%);*/
  padding:30px;
  
  margin: 0 auto;
  display: block;
  animation-duration: 1s;
  float: left
  }
  .no-bg{
  background-color: transparent!important;
  background-image: none !important;  
  }
.clear-all{clear:both;}
.team-header{
  box-shadow: 0 0 80px #aaa inset;
      padding: 15px;
    border: 2px solid #aababb;
    width: 55%;
    display: block;
    margin: -50px auto 0;
    color: #000;
    background-color: #bcf3e8;
    text-align: center;
    z-index: 1;
    position: relative;
    border-radius: 30px;
    font-family: Raleway-Regular;
   
  /*  font-family:PoiretOne-Regular*/
}
/*.nav-right li:nth-child(1) a{
 transform: translateX(25px);

}
.nav-right li:nth-child(2) a{
  transform: translateX(9px);
}
.nav-right li:nth-child(3) a{
 transform: translateX(18px);
 }
.nav-right li:nth-child(4) a{
  transform: translateX(6px);
}
.nav-right li:nth-child(5) a{
 transform: translateX(19px);
}
.nav-right li:nth-child(6) a{
  transform: translateX(31px);
}*/
#faq .col.left p{border-radius: 50px 90px 0 90px;}
#faq .col.right p{border-radius: 90px 50px 90px 0;}
.inset-gray{box-shadow: 0px 0px 150px #777 inset !important;}
.nav-right{top:auto !important;
  transform:none!important;
  /*opacity:.60!important;*/
  box-shadow: 0px 0px 10px #000;
  width:135px;overflow: hidden;
  background-color: #2ea298; 
  border-radius: 26px 0px 0px 159px;
  height: 300px;
  animation-duration: 1.5s;
  animation-name: bounceInRight;
  
}

.nav-right li{overflow: hidden; margin-top: 2px;border-bottom: 1px solid #ccc;text-indent: 20px;}
.nav-links{
  
  top: 50%;
  right:0px;
    position: fixed;
    width: 130px;
    z-index: 999;
    transform: translateY(-50%);
    list-style-type: none;
    padding: 0;
    margin:0;

}

.pagination-link{
  position: absolute;
  bottom:20px;
  right:30px;
}
.hide{display: none}
.owl-dots{display: none}
.nav-links li a{
  display:block !important;
  width:150px;
  border-bottom: 1px solid #fff;
  box-shadow: 0 0px 10px #aaa;
  background-color: #e0ebeb;
  transition: .5s;
  padding: 2px 0px 2px 0px;
  vertical-align: middle;
    display: table-cell;
    text-align: center;
    font-weight: 600;
    margin-bottom: 0px;
    color:#000;
    font-family: Raleway-Regular;
    letter-spacing: 1px

}
.nav-links.left{left:-2% !important;}
.nav-links.left li{}
.nav-links.left li a{
  border-radius: 0px 5px 5px 0px;
font-size: .90em;
text-shadow: 1px 1px 1px #aaa;
width:175px;
margin-bottom: 0;
text-align: right;
opacity: 0;
transition: 3s;
    padding: 8px 8px 8px 0px;
}

.nav-display{
  animation-name: fadeInLeft;
  animation-duration:1.5s;
}
.nav-right li a{text-align:left;border:0;box-shadow: none;
  background-color: transparent;opacity:.90;color: #fff;}

div.icon{margin:0}
.team-container div.icon ul{margin-right: 25px}
.icon li a{display: inline-block;opacity:.80;transition: 1.5s}
.icon li a:hover{opacity:1;transform: scale(1.2);transition: 1.5s}
.nav-links li{animation-duration: 1.5s;}
.nav-links.left li a.active,
.nav-links.left li a:hover {
   
  box-shadow: 0 0px 30px #039be5 inset;
  background-color: #fff;

  
}
.nav-links li a:hover{
  transition: .5s;
  text-transform: none;
}
.nav-right li a:hover,.nav-right li a.active{
   /*background-color: #117d74;*/
   color:#fff;
   font-weight: 600;
   box-shadow: 0 0 25px #fff inset;
}
.nav-right li a:hover{
  /*transform: scaleX(1.1);*/
}
.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
 
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.bg-white{background-color: #fff}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}
.effect6
{
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect6:before, .effect6:after
{
  content:"";
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.effect6:after
{
  right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}
.shadow{
  z-index:9998;
  width: 105%;
    height: 110vh;
    opacity: .20;
    background-color: #000;
    margin-top: -30px;
    position: fixed;
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
}

.blur{
  z-index: 9997;
    width: 105%;
    height: 110vh;
    margin-top: -30px;
    position: fixed;
    background-color: #000;
    opacity: .99;
    filter: blur(3px);
    background-image: url(../img/4.jpg);
    background-size: cover;
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
}
 .bg-green{background-color: }
  /* Background Gradient for Monochromatic Colors */


.bg-white{background-color: #fff!important;background-image:none !important }
.col{width:49%;display: inline-block;vertical-align:top;}

.block{padding:15px;animation-duration: 4s}
.block h3{background: #4ca5bf;
    color: #fff;
    padding: 10px 15px;text-shadow: none;

  }
    .big-letter{font-size: 3.5rem !important}
    .medium-letter{font-size: 2rem !important
    }

.gradient5{background: rgba(179,220,237,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 50%, rgba(188,224,238,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(179,220,237,1)), color-stop(50%, rgba(41,184,229,1)), color-stop(100%, rgba(188,224,238,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 50%, rgba(188,224,238,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 50%, rgba(188,224,238,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 50%, rgba(188,224,238,1) 100%);
background: radial-gradient(ellipse at center, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 50%, rgba(188,224,238,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#bce0ee', GradientType=1 );}
.main1 h2{margin-bottom: 45px}

.sexy_line{ 
    display: block;
    border: none;
    color: white;
    height: 2px;
    background: black;
    background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 450, from(#000), to(#ccc));
}
.sexy_line_white{ 
    display: block;
    border: none;
    color: white;
    height: 2px;
    background: black;
    background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 450, from(#000), to(#fff));
}
.green-gradient{
background: #56ab2f;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #a8e063, #56ab2f);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #a8e063, #56ab2f); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
#faq .col p{margin-left:40px;margin-bottom:40px;
  padding: 35px;box-shadow: 0 0 60px #fff;
  background-color: #fff;animation-duration: 1s}
#faq .col p span{font-weight: 600;display: block;font-size: 1.2rem;margin-bottom: 15px}
#faq .custom h2 {
    font-size: 2rem;
   
    color: #fff;
    letter-spacing: 3px;
    
}
#gallery,#contactus{height: 100vh}

#contactus .item{
      display: block;
    vertical-align: middle;
   
    text-align: center;
    width: 60%;
    left: 50%;
    transform: translate(-50%,-50%);
    position: absolute;
    top: 50%;
}
#gallery .stage,#gallery .gallery-stage .item{width: 100vw;}
#contactus .item h2{line-height: 3.5rem}
#gallery .stage{height: 100vh;background-color: #000;}
#gallery .gallery-stage .item{background-color: #000;
    height: 100vh;}
#gallery .gallery-stage .item{
  background-repeat: no-repeat;
  background-size: cover; 

}
#gallery .gallery-stage .item.pica{
background-image: url('../img/041.JPG');

}
#gallery .gallery-stage .item.picb{
background-image: url('../img/015.JPG');
}
#gallery .gallery-stage .item.picc{
background-image: url('../img/020.JPG');
}
#gallery .gallery-stage .item.picd{
background-image: url('../img/019.JPG');
}
#gallery .gallery-stage .item.pice{
background-image: url('../img/023.JPG');
}
#gallery .gallery-stage .item.picf{
background-image: url('../img/029.JPG');
}
#gallery .gallery-stage .item.picg{
background-image: url('../img/046.JPG');
}
#gallery .gallery-stage .item.pich{
background-image: url('../img/058.JPG');
}
#gallery .gallery-stage .item.pici{
background-image: url('../img/060.JPG');
}
#gallery .gallery-stage .item.picj{
background-image: url('../img/067.JPG');
}
#gallery .row{margin:0;padding: 0}
.owl-carousel .animated {
  animation-duration: 3s;
  animation-fill-mode: both; }
.shadow-in{ box-shadow: 0px 0px 15px #fff inset;}


.owl-nav{position: absolute;
    text-align: center;
    display: block;
    width: 100%;
    margin: auto;
    bottom: 3%;}
.owl-theme .owl-nav [class*=owl-] {
    margin: 5px;
    background:transparent !important;
 
}
.owl-nav img{border-radius: 50%;box-shadow: 0 0 0 5px #e2e2e2;opacity:.50;}
.owl-nav img:hover{opacity:1;}
.text-display{
  z-index:9999;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  /*color: #aaa;*/
  background-color: transparent;
  animation-duration: 8s;

}
.text-display h1{
  font-weight: normal;
  font-size:3rem;
  text-shadow: 2px 8px 6px rgba(0,0,0,0.2),
                 0px -5px 35px rgba(255,255,255,0.3);
  }
.text-display h2{
  font-size: 2em;
  line-height: 1.7em;
  font-weight: normal;
  margin:20px 0 60px;
  text-shadow: 2px 8px 6px rgba(0,0,0,0.2),
                 0px -5px 35px rgba(255,255,255,0.3);

  }
  .text-display img{
    margin-bottom:30px;border-radius:100%;margin:auto !important;text-align:center;
  width:120px !important;
  box-shadow: 0 0 50px #fff
  }
  .text-display a{
    font-size:1.5rem;    
    background-color: #000;
    padding: 10px 20px;
    border-radius: 30px;
    opacity: 0.7;
    color: #fff;
    border: 1px solid #fff;
    box-shadow: 0 0 5px #fff;
    display: block;
    margin: 20px auto;
    width: 210px;

  }
.text-display a:hover{
  box-shadow: 0 0 20px #fff;
  color: #13ffeb;
}
  .slogan section{
    background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  width: 100%;
  }

section.a{
  background-image: url('../img/4a.jpg');
  
}
section.b{
  background-image: url('../img/extramile.jpg');
  
}
section.c{
  background-image: url('../img/withu.jpg');
 }
section.d{
  background-image: url('../img/together.jpg');
  
}

.slogan section{
  color:#fff ;
  
}
.slogan section.d .text-display h1,
.slogan section.d .text-display h2,
.slogan section.b .text-display h1,
.slogan section.b .text-display h2{
  color:#182b3a ;
  font-weight: bold !important;
  text-shadow: none;
}
.slogan section.c .text-display h1,
.slogan section.c .text-display h2{
  font-weight: bold !important;
}
.contact-top{display: inline-block;
    width: auto;
    font-size: .90rem;
    position: absolute;
    top: 0;
    right: 0;
    padding: 20px;
    text-align: center;
    border-radius: 50% 0 50% 0px;
    border: 1px solid #d8d5d5;
    box-shadow: 0 0 118px #46d6e8;
}
.email-top{
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px;
    border-radius: 50% 0 50% 0px;
    width: 177px;
    height: 155px;
    border: 1px solid #d8d5d5;
    box-shadow: 0 0 118px #46d6e8;
}
.map-btn{
  position: absolute;
  bottom:0px;
  display:block;
  width: 100%;
  }
  .map-top:hover{
    background-color: #fff;
  }
  .img-arrow{width:30px;margin:0 auto;display:block;animation-iteration-count: infinite;animation-duration: 2s}
.map-top{
font-size: 1.2em;
font-weight: bold;
  position: relative;
    color: #000;
    border-radius: 10px;
    border: 1px solid #a5a5a5;
    display: block;
    padding: 6px 15px 0 15px;
    box-shadow: 0 0 39px #aaa;
    margin: 0 auto;
    width: 188px;
    text-align: center;
    border-radius: 50% 50% 0 0

}
.map-top span{position: relative;
    top: -13px;
    display: inline-block;}
.email-top-in{position:relative;margin-top: 70px}
.email-top img{margin-left:0px;width: 45px !important;position:relative;display: block}
.contact-top img{width:50px;height: 44px;display:block;margin: 0 auto;}
.menu-button{display: none}
/* ------------------- Mobile Media Query ----------------------- */

@media only screen and (max-width: 767px) {
  .owl-nav {
       bottom: 11%;
}
.slogan section h1{font-size:2rem;    line-height: 2.5rem;}
.slogan section h2{font-size:1.5rem;line-height: 2rem;margin: 20px 0 35px;}
.text-display{
    padding: 0 10px;
    width: 88%;
    margin: 0 auto;
    position: relative;
}
.mobile-hide{display: none !important;}
#gallery .stage,#gallery .gallery-stage .item{width: 100vw;}
section.a{
  background-image: url('../img/g2.jpg');
  
}
section.b{
  background-image: url('../img/g1.jpg');
  
}
section.c{
  background-image: url('../img/g5.jpg');
  
}
section.d{
  background-image: url('../img/g4.jpg');
  
}
.contact-top,.email-top{display: none}
.header img {
    width: 100px;
    height: auto;
    display: block;
    margin: 0 auto 8px auto;
    border-radius: 50%;
    box-shadow: 0 0 125px #03A9F4;
    border: 1px solid #636e73;
}
.header span {
    margin-left: auto;
    line-height: 2.2rem;
}
.header h1 { font-size: 1.7rem;padding: 20px 0 10px;}
.header p {
text-shadow: 1px 1px 1px #aaa;
font-size: 1rem;
}
.text-display img{width: 117px !important}
.br{display:block;}
.team-header {width:auto;padding: 8px;margin: 0;border: 2px solid #aababb;border-radius: 0}
.big-letter{font-size: 2.2rem !important}
section .row{padding:20px 0;}
.main1 h2 {
    margin-bottom: 20px;
}
.custom .item div.para{padding:10px;float:none;}
.custom.team-mobile .item div.para{padding:0px}
.team-container .inner-div{margin: 0;overflow: hidden;}
.custom .item{padding: 0 10px}
.team-container .inner-div .profile {
    width: 100%;
    z-index: 3;
    border-top: 2px solid #aababb;
    border-bottom: 2px solid #aababb;
    border-left: 0px;
    border-right: 0px;
    position: relative;
     border-radius: 0; 
     float: none;
     margin: 0; 
   
}
.team-container .inner-div .profile.odd
{
  border-radius: 100px 0 0 0;
}
.team-container .inner-div .profile.even
{
  border-radius: 0 100px 0 0 ;
}
.team-container p {
    border-radius: 0;
    padding: 25px 10px 20px 10px;
    margin-top: -10px;
    border: 2px solid #aababb;
   /* border-radius: 50%;*/
  }
  .icon ul li img {
    width: 70%;
}
.icon ul li {
     margin: -10px;
}
div.icon {
    margin: 25px 0;
}
 .team-container{margin-bottom: 30px;}   
 #services div.col{width:100%;display:block;}
 #services div.block{padding:0;}
 #contactus .item{
  width: 100%;padding:0;transform: translate(-50%,-55%);
 }
 #contactus .custom h2{
  margin-bottom: 8px;
 }
 #contactus .row{padding:0;}
 #faq .custom h2 {
    font-size: 2rem;
    line-height: 2.5rem;
  }
  #faq .col p{
    margin-left: 25px;
  }
  #faq .col {
    width: auto;
    display: block;
    vertical-align: top;
  }
  #faq .col.right p.odd,#faq .col.left p.odd{
    border-radius: 50px 90px 0 90px !important;
    margin-left: 25px !important;
  }
  #faq .col.right p.even,#faq .col.left p.even{
    border-radius: 90px 50px 90px 0 !important;
    margin-left: 0px !important;
    margin-right: 25px;
  }
  div.media-div iframe{
   margin: 0 0 60px 0; 
   width: 100%;
   height: auto;
  }
  #media{height: 100vh;}
  #media .custom h2{padding: 15px 0;}
  header.header{border-radius: 0 130px 0 104px;
    border: 1px solid #d6d0d0;
    box-shadow: 0 0 44px #000000;
}
#intro{    border: 1px solid #fff;
    border-radius: 35px 0px 0px 0;}
#intro .row{padding-top:15px;}
#intro .custom .item div.para{border-radius:26px 0 0 0;}
.team-container div.icon ul{text-align: center;margin-right: 0}
#home.header {
    background-color: #dee4e8;
}
.nav-links {
    width: 100%;
    height:  45vh;
    background-color: #000;
    opacity: .90;
    bottom: 0 !important;
    left: 0 !important;
    border-radius: 90px 0px 0 0;
    padding: 6% 0;

}
.nav-right li{
 height:20%;
 width: 45%;
 display: inline-block;
 border: 0;
}
.nav-right li a{
  
  width: 100%;
  display:block;
  text-align: center;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.2rem;
  font-weight: normal;
  color: #000
}
.nav-right li a:hover, .nav-right li a.active{
  box-shadow: none;
font-weight: bold;
color: #000;

}
.menu-button{
  display: inline-block;
    position: fixed;
    z-index: 1200;
    right: 0;
    bottom: 0;
    width: 75px;
 }    
 .nav-right{
  opacity: 1;
    border: 9px solid #b1a9a9;
    box-shadow: 0 0 239px #00BCD4 inset;
    background-color: #ccc; 
 }
}
@media only screen and (max-width: 767px) and (orientation : portrait)  
{
  .text-display h2{
    font-weight: bold
  }
.slogan section.b .text-display h1, .slogan section.b .text-display h2{
  color: #fff !important;
 }
 .slogan section .text-display h1{
  margin: 20px 0 0 0;
 }
 .slogan section .text-display{transform: translateY(-60%);}
 .text-display img{width: 90px !important}
#gallery .gallery-stage .item{background-position: 50%}
#gallery .gallery-stage .item.picd {
    background-position: 43%
}
#gallery .gallery-stage .item.pice {
    background-position: 34%
}
#gallery .gallery-stage .item.picg {
    background-position: 31%
}
#gallery .gallery-stage .item.pich {
    background-position: 75%
}
#gallery .gallery-stage .item.pici {
    background-position: 31%
}
div.media-div iframe.odd{border-radius:30px 0 30px 0;}
div.media-div iframe.even{border-radius:0 30px 0 30px;}
}


@media only screen and (max-width: 767px) and (orientation : landscape)  
{
  #media {
    height: 100%;
}
#contactus {
    height: 170vh;
}
div.media-div iframe {
    width: 100%;
    height: 270px;
}
  .owl-nav {
       bottom: 13%;
}
  section.a{
  background-image: url('../img/4a.jpg');
  
}
section.b{
  background-image: url('../img/extramile.jpg');
  
}
section.c{
  background-image: url('../img/withu.jpg');
 }
section.d{
  background-image: url('../img/together.jpg');
  
}
.text-display img {
    width: 68px !important;
}
.slogan section h1{margin: 10px 0}
  
  .slogan section.b .text-display h1, .slogan section.b .text-display h2{
  color: #000;
 }
 /*.br{display: block;}*/
 .header .h1-span {
    margin-left: 0px;
}
.team-container .inner-div .profile.odd,
.team-container .inner-div .profile.even {
    border-radius: 30px 30px 0 0;
    width: 30%;
    /* float: left; */
    /* margin-right: 10px; */
    display: block;
    margin: auto;
    border: 3px solid #ccc;
    border-bottom: 0px;
}
.team-header {
        border-radius: 50px 50px 0 0;
}
}
/* ------------------- Tablet Media Query ----------------------- */
@media only screen 
and (min-device-width : 768px){
#services .col {
    width: 49%;
    /*display: inline-block;*/
    vertical-align: top;
    border-right: 3px solid #ccc;
    box-shadow: 0px 0px 69px #cac8c8;
    height: 100%;
    display: table-cell;
    border-spacing: 3px;
   }
   .no-border-right{border-right:0!important}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (orientation : portrait) { 
/*.header h1,.header p{transform: translateX(-13%);}
#gallery .stage,#gallery .gallery-stage .item{width: 100vw;}*/
section.d{background-position: 50% 100%;}
section.c{background-position: 43% 100%;}
section.a{background-position: 30% 100%;}
section.b{background-position: 76% 100%;}

#gallery .gallery-stage .item{background-position: 50%}
#gallery .gallery-stage .item.picd {
    background-position: 43%
}
#gallery .gallery-stage .item.pice {
    background-position: 34%
}
#gallery .gallery-stage .item.picg {
    background-position: 50%
}
#gallery .gallery-stage .item.pich {
    background-position: 42%
}
#gallery .gallery-stage .item.pici {
    background-position: 43%
}
.menu-button{
display: inline-block;
    position: fixed;
    z-index: 1200;
    right: 0;
    bottom: 0;
    width: 140px;}
 .tablet-hide{display: none}
 .nav-links {
    width: 100%;
    height:  45vh;
    background-color: #000;
    opacity: .90;
    bottom: 0 !important;
    left: 0 !important;
    border-radius: 90px 0px 0 0;
    padding: 6% 0;
}
.nav-right li{
 height:20%;
 width: 45%;
 display: inline-block;
 border: 0;
}
.nav-right li a{
  text-shadow: 0 0 40px #fff;
  width: 100%;
  display:block;
  text-align: center;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.8rem;
  font-weight: normal;
}
.nav-right li a:hover, .nav-right li a.active{
  box-shadow: none;
  }
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
{ 
  .header h1,.header p{transform: translateX(-13%);}
  .br{display: inline-block;}
  #gallery .stage,#gallery .gallery-stage .item{width: 100vw;}
.nav-links {
    width: 100%;
    height: 59vh;
    background-color: #000;
    opacity: .90;
    bottom: 0 !important;
    left: 0 !important;
    border-radius: 90px 0px 0 0;
    padding: 6% 0;
}
.nav-right li{
 height:20%;
 width: 45%;
 display: inline-block;
 border: 0;
}
.nav-right li a{
  /*text-shadow: 0 0 40px #000;*/
  width: 100%;
  display:block;
  text-align: center;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.2rem;
  font-weight: normal;
}
.nav-right li a:hover, .nav-right li a.active{
  box-shadow: none;

}
.menu-button{
  display: inline-block;
    position: fixed;
    z-index: 1200;
    right: 0;
    bottom: 0;
    width: 75px;
 } 
 .tablet-hide{display: none}
 .menu-button{width: auto}
 .nav-right li a,.nav-right li a.active{font-size: 2.3rem;color: #000}
 .nav-right li a.active{font-weight: bold}
 .nav-right{
  opacity: 1;
    border: 9px solid #b1a9a9;
    box-shadow: 0 0 239px #00BCD4 inset;
    background-color: #ccc;
    color: #000 
 }
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (orientation : landscape) {
  .header h1,.header p{transform:none;}
}