@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, p, ul, li, form, fieldset, span, small {margin:0px; padding:0px; list-style:none; border:none; font-size:100%; font-weight:normal; line-height:normal;}
.clear {clear:both;}
img {border:none;}
* {margin:0; padding:0; outline:none;}
html, body {margin:0; padding:0; height:100%;}
::-webkit-input-placeholder {color: #fff;}
:-moz-placeholder {color: #fff; opacity:  1;}
::-moz-placeholder {color: #fff; opacity:  1;}
:-ms-input-placeholder {color: #fff;} 
body {background:#fff; font:16px 'ExoRegular', sans-serif;}
body.scroll-lock {overflow: hidden;}
/*Custom Css Starts Here*/
#outerWrapper {width:100%; float:left; height: 100%;}
.wrapper {max-width: 1280px; margin: 0 auto;}

/*Header Css Starts Here*/
header {float:left; width:100%; position: absolute; left: 0; top: 0; z-index: 999;}
a.logo {float: left; margin: 40px 0 0 40px; }
a.logo img {max-width: 275px; float: left; height: auto;}
ul.nav { width: auto; float: right; list-style: none; margin: 52px 120px 0 0;}
ul.nav li {width: auto; float: left; list-style: none; padding: 0 0 0 60px}
ul.nav li a {font:18px 'ExoBold', sans-serif; color: #fff; text-transform: uppercase; text-decoration: none;}
ul.nav li a:hover {color: #fcde48;}
ul.nav li a.active {color: #fcde48;}
ul.nav li a.active .underline {display: block;} 
ul.nav li a .underline{display: none; height: 2px; max-width: 0%; background: #fcde48; animation: drawBorder 10s ease forwards; margin: 2px 0 0 0;}
ul.nav li a:hover .underline {display: block;} 
@keyframes drawBorder {
  from {
    max-width: 0%;
  }
  to {
    max-width: 100%;
  }
}

#menuToggle { width: 21px; float: right; display: none; margin: 56px 40px 0 0; /*right: 0; top: 0; position: absolute;*/ cursor: pointer; -webkit-user-select: none; user-select: none;}
#menuToggle span {float: right; width: 21px; height: 2px; margin-bottom: 3px; position: relative; background: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
#menuToggle span:last-child {width:13px;}





/* Menu Css Starts Here */

.menu-overlay {transition: margin 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94); display: none; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: linear-gradient(315deg, #e6725f 0%, #24334f 100%); z-index: 1111;}
.menu {position:absolute; float: left; width: 100%; left: 0; top: 0;}
.hamburger-menu {border: 0; display: block; position: absolute; right: 40px; top: 54px; overflow: hidden; padding: 0; width: 21px; height: 16px; font-size: 0; text-indent: -9999px; z-index: 99999; cursor: pointer; background: transparent;}


.hamburger-menu:focus { outline: none; }
.hamburger-menu span {display: block;position: absolute;top: 7px;left: 0;right: 0;height: 2px;background: #fff;}
.hamburger-menu span:before, .hamburger-menu span:after {position: absolute;display: block;left: 0;width: 100%;height: 2px;background-color: #fff; content: "";}
.hamburger-menu span:before { top: -6px; }
.hamburger-menu span:after { bottom: -6px; width: 13px; left: 7px; }
.hamburger-menu span:before, .hamburger-menu span:after {transition-duration: 0.3s, 0.3s;transition-delay: 0.3s, 0s;}
.hamburger-menu span:before { transition-property: top, transform; }
.hamburger-menu span::after { transition-property: bottom, transform; }
.hamburger-menu.active span { background: none; }
.hamburger-menu.active span:before {top: 0;transform: rotate(225deg);}
.hamburger-menu.active span:after {bottom: 0; left: 0; width: 100%; transform: rotate(135deg);}
.hamburger-menu.active span:before, .hamburger-menu.active span:after { transition-delay: 0s, 0.3s; }
 @keyframes bounce {  
	 0% {
 transform: rotate(0);
}
 45% {
 transform: rotate(15deg);
}
 90% {
 transform: rotate(-7deg);
}
 100% {
 transform: rotate(0);
}
}


/* Menu Css Ends Here */

/* Navigation Css Starts Here*/
.menuCollapse {display: none; position: absolute; left: 0; top: 40px; width: 100%; float: left; z-index: 9999;}
.menuCollapse .logo { margin-top: 0; }
.menuMain {float: left; width: 100%; padding: 12% 0 0 0;}
.menuLeft {float: left; width: 100%; padding: 0 6%;    box-sizing: border-box;}
.menuLeft h5 {color: #bdbdbd; font:20px 'ExoBold', sans-serif; letter-spacing: 5px; text-transform: uppercase; padding: 0 0 40px 0; position: absolute; left: 0; top:-50px;}
.menuLeft ul {float: left; width: 100%; list-style: none; text-align: center;}
.menuLeft ul li {   list-style: none;   display: inline-block;   padding: 0 6% 17px 0; position: relative;}
.menuLeft ul li a {font:36px 'ExoBold', sans-serif; color: #fff; text-decoration: none; text-transform: capitalize;}
/*.menuLeft ul li a:hover {text-decoration: underline;}*/
.menuRight {float: right; width: 100%; margin:12% 0 0 0;}
.menuRightSec {float: right; width: auto; margin: 0 10% 0 0}
.menuRightSec h5 {font:18px/30px 'ExoBold', sans-serif; text-align: left; color: #f2f2f2;}
.menuRightSec p {color:#f2f2f2; padding: 0 0 10px 0;  text-align: right;}
.menuRightSec p a {color:#f2f2f2; font:18px/30px 'ExoRegular', sans-serif; letter-spacing: 1px; text-align: right; text-decoration: none;}
.menuRightSec p a:hover {text-decoration: underline;}
.menuRightSec p span small {margin:0 5px 0 0; display: inline-block;}
.menuRightSec p span small img {vertical-align: middle;}
.menuRightSec ul {float: left; list-style: none; margin:8px 0 0 0; width: auto;}
.menuRightSec ul li {float: left; list-style: none; margin:0 20px 0 0;}
.menuRightSec ul li a.fbIcon {width: 40px; height: 40px; float: left; background:url(../images/fbwhite-hover.svg) no-repeat left top;}
.menuRightSec ul li a.youIcon {width: 40px; height: 40px; float: left; background:url(../images/youwhite-hover.svg) no-repeat left top;}
.menuRightSec ul li a.linIcon {width: 40px; height: 40px; float: left; background:url(../images/linwhite-hover.svg) no-repeat left top;}
.menuLeftAddress { float: left; margin-left: 10%; }
.menuLeftAddress h5 {font:18px/30px 'ExoBold', sans-serif; color: #f2f2f2; letter-spacing: 1px; text-align: left; padding: 0 0 20px 0;}
.menuLeftAddress h5 small {font:18px/30px 'ExoRegular', sans-serif;}

/* Navigation Css Ends Here*/


/*Header Css Ends Here*/

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

/*Background Image Css Starts Here*/
.overlay {float: left; width: 100%; height: 100%; position: absolute; left: 0; top: 0;  z-index: 9; background:rgba(0,0,0,.4); /*background:rgba(30,37,96,.5);*/}
.backgroundContainer {float: left; width: 100%; position: relative; height: 100vh;}
.backgroundContainer img{float: left; width: 100%; height: 100vh; height: 100%; object-fit: cover; position:absolute; z-index:1}
.backgroundContainer img.active{z-index:3}
/*Background Image Css Ends Here*/

/*Slider Css Starts Here*/
.sliderContainer {float: left; width: 100%; height: 100vh; overflow: hidden; position:relative; z-index: 99;}


.sliderContainer .item img {width: 100%; height: 100vh; object-fit: cover;}
/*.sliderContainer .item .banTxt .line {content: "";display: inline-block; width: 100%;height: 100%;left: -24px; top: -12px; padding: 8px; position: absolute; border: 9px solid #fff; -webkit-clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%); display: none;}*/

.sliderContainer .item .banTxt .line {content: "";display: inline-block; width: 100%;height: 100%;left: -50px; top: -60px; padding: 50px; position: absolute; background:url("../images/tinted.png") no-repeat left top; background-size: 100% 100%; }


.sliderContainer .owl-item .banTxt {float: left; width: auto; position: absolute; left: 60px; top: 325px; z-index: 99;}
.sliderContainer .owl-item .banTxt h2 {font:44px/57px 'ExoRegular', sans-serif; color: #fff; text-shadow: 2px 2px 6px #000; /*text-shadow: 0 1px 0 #333, 0 1px 0 #333, 0 2px 0 #333, 0 3px 0 #333, 0 4px 0 #333, 0 5px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);*/ padding: 0 0 12px 0;}
.sliderContainer .owl-item .banTxt h2 span {color: #fcde48; font:44px/57px 'ExoBold', sans-serif;}
.sliderContainer .owl-item .banTxt h2 small {color: #59a8d9; font:44px/57px 'ExoBold', sans-serif;}
.sliderContainer .owl-item .banTxt h3 a {font:20px/34px 'ExoMedium', sans-serif; letter-spacing: 1.5px; color: #fff; text-decoration: none; text-shadow: 2px 2px 6px #000;}
.sliderContainer .owl-item .banTxt h3 a span {display: inline-block;}
.sliderContainer .owl-item .banTxt h3 a span img {width: auto; height: auto;display: inline-block; vertical-align: middle; text-shadow: 2px 2px 3px #333;}
.sliderContainer .owl-item .banTxt h3 a span{transition: margin-left 0.5s ease; margin-left: 8px;}
.sliderContainer .owl-item .banTxt h3 a:hover span {margin-left: 16px;}

/*
.sliderContainer .owl-item.active h2 { -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInLeft; animation-delay: 0.7s;}
.sliderContainer .owl-item.active h3 {-webkit-animation-duration: 4s;animation-duration: 4s;-webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInUp; animation-delay: 0.9s;}
*/


.sliderContainer .owl-item.active h2  {-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInDown; animation-delay: 0.3s;}
.sliderContainer .owl-item.active h3 { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInUp; animation-delay: 0.3s;}
.sliderContainer .owl-item.active .line { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInLeft; animation-delay: 0.3s;}


/*Slider Css Ends Here*/

/*Staysafe Css Starts Here*/
.staysafe {float: left; width: 326px; height: 191px; padding: 36px 0 0 24px; position: absolute; right: 40px; bottom:70px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; /*background:url("../images/stayBg.png") repeat left top;*/ background:rgba(0,0,0,.6); z-index: 99;}
.staysafe h2 {font:18px/22px 'ExoBold', sans-serif; letter-spacing: 1.5px; color: #fcde48; padding: 0 0 24px 0;}
.staysafe h2 a {font:18px/22px 'ExoBold', sans-serif; letter-spacing: 1.5px; color: #fcde48; text-decoration: none;}
.staysafe p {font:16px/24px 'ExoMedium', sans-serif; color: #fff; padding: 0 0 20px 0;}
.staysafe a.actBtn {display: inline-block; font:18px 'ExoMedium', sans-serif; color: #fff; animation: color-animation 2s infinite linear alternate; /*transition: background 0.5s ease; */text-transform: capitalize; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; text-decoration: none; padding: 8px 12px;}
/*.staysafe a.actBtn:hover {background: #ff3d66;}*/

@keyframes color-animation {
    0% {
       background: #9b3a4d;
    }
    
    100% {
       background: #ff3d66
    } 
 }
/*Staysafe Css Ends Here*/

/*Footer Css Starts Here*/
footer.homefoo {width: 100%; float: left; position: relative; left:0; bottom: 40px; z-index: 99;}
footer.homefoo .footerLeft {float: left; width: auto; margin: 0 0 0 40px;}
footer.homefoo .footerLeft p {font:18px 'ExoMedium', sans-serif; color: #fff; letter-spacing: 1px;}
footer.homefoo .footerRight {float: right; width: auto; margin: 0 40px 0 0;}
footer.homefoo .footerRight ul {width: auto; float: right; list-style: none;}
footer.homefoo .footerRight ul li {float: left; list-style: none; background:url("../images/sep.png") no-repeat right 2px; padding: 0 16px 0 0; margin: 0 16px 0 0;}
footer.homefoo .footerRight ul li:last-child {background: none; margin: 0; padding: 0;}
footer.homefoo .footerRight ul li a {font:18px 'ExoMedium', sans-serif; color: #fff;  text-transform: capitalize; text-decoration: none;}
/*Footer Css Ends Here*/

/*Cursor Movement Css Starts Here*/
.cursor {position: fixed; background:#ff3d66; width: 10px; height: 10px; border-radius: 100%; z-index: 1; transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity; user-select: none; pointer-events: none; z-index: 10000; transform: scale(1);}
 .cursor.active {opacity: 1; transform: scale(0);}
 .cursor.menu-active {opacity: 1; transform: scale(0);}
 .cursor.hovered {opacity: 1;}
 .cursor-follower {position: fixed; border: 2px solid #ff3d66; width: 30px; height: 30px; border-radius: 100%; z-index: 1; transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) background; user-select: none; pointer-events: none; z-index: 10000; transform: translate(2px, 2px);}
 .cursor-follower.active {opacity: 1; transform: scale(2);}
 .cursor-follower.menu-active {opacity: 1; transform: scale(2);}
 .cursor-follower.hovered {opacity: 1;}
/*Cursor Movement Css Ends Here*/


/*What We Do Css Starts Here*/
.overlay1 {float: left; width: 100%; height: 100%; position: absolute; left: 0; top: 0;  z-index: 9; background:rgba(0,0,0,.7);}
.whatwedo {float: left; width: 100%; position: absolute; left: 0; top: 0; z-index: 99;}
.box {float: left; width: 33.2%; height: 100vh; border-right: 1px solid hsla(0,0%,100%,.5); position: relative; cursor: pointer; transition: background 0.5s ease;}
.box:last-child {width: 33.4%; border:none;}
.box:hover {background:rgba(2,10,32,.45);}
.box:hover h2 {color: #59a8d9;}
.boxSec {float: left; width: auto; position: absolute; left: 48px; bottom: 40px; min-height: 223px;}
.boxSec h2 {font:32px 'ExoMedium', sans-serif; color: #fff; text-transform: uppercase; padding: 0 0 16px 0; letter-spacing: 1.5px;}
.boxSec p {font:20px/32px 'ExoRegular', sans-serif; color: #fff; width: 80%; padding: 0 0 24px 0; }
.boxSec a.readBtn {display: inline-block; font:18px 'ExoMedium', sans-serif; color: #fff; background: #882b47; transition: background 0.5s ease; text-transform: capitalize; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; text-decoration: none; padding: 12px 28px; }
.box a.readBtn:hover {background: #ff3d66;}
.boxSec .whatLogo {float: left; width: 100%}
.boxSec figure.hunaLogo {width: 60%; float: left; height: auto; padding: 0 0 16px 0}
.boxSec figure.hunaLogo img {width:auto; float: left;}
.boxSec figure.autoLogo {width: 80%; float: left; height: auto; padding: 0 0 16px 0}
.boxSec figure.autoLogo img {width: 100%; float: left;}

/*What We Do Css Ends Here*/


/*Huna Css Starts Here*/
.innerBanner {float: left; width: 100%; position: relative; text-align: center;}
.innerBanner figure {float: left; width: 100%;}
.innerBanner figure img {float: left; width: 100%; height: auto;}
.innerBanner.comingsoon figure img {height: 100vh;}
.innerBanner.comingsoon h1 {text-transform:inherit; padding: 0 0 16px 0;}
.innerBanner.comingsoon p {font:18px/32px 'ExoMedium', sans-serif; color: #fff;}
.innerBanner.comingsoon p a {font:18px/32px 'ExoBold', sans-serif; color: #ffd361; text-decoration: none;}
.heading {float: left; width: 100%; text-align: center; position: absolute; left: 0; top: 45%;}
.heading.who {float: left; width: 60%; text-align: center; position: absolute; left: 20%; top: 20%;}
.heading.who p{font:16px/28px 'ExoRegular', sans-serif; color: #fff; padding: 16px 0 0 0;}
.innerBanner h1 {font:50px 'ExoBold', sans-serif; color: #fff; text-transform: uppercase;}
.innerBanner h1 span {font:50px 'ExoRegular', sans-serif;}
.huna {float: left; width: 100%; }
.huna .aos-all {width: 100%; float: left; padding: 64px 0 0 0;}
.huna .hunaSec1 {float: left; width: 100%;}
.huna .hunaSec1 span.linebg {float: left; width: 100%; padding: 0 0 36px 0;}
.huna .hunaSec1 h2 {font:32px/48px 'ExoBold', sans-serif; color: #1265ad; text-transform: capitalize; padding: 0 0 43px 0;}
.huna .hunaSec1 h2 span {font:32px/48px 'ExoRegular', sans-serif;}
.huna .hunaSec1 p {font:16px/28px 'ExoRegular', sans-serif; color: #333; padding: 0 0 24px 0;}
.huna.autogenous .hunaSec1 p {padding: 0 0 36px 0;}
.huna.digitization .hunaSec1 p {padding: 0 0 36px 0;}
.huna .hunaSec1 figure {float: left; width: 100%; text-align: center; padding: 0 0 64px 0;}
.huna .hunaSec1 figure img {width:100%; max-width: 50%; height: auto;}

.huna .hunaSec1 .journeySec {float: left; width: 100%;}
.huna .hunaSec1 .videoSec {float: left; width: 100%; text-align: center;}
.huna .hunaSec1 .videoSec .videoBox {width: 30%; overflow: hidden; display: inline-block; background:url("../images/videoBoxLeft.jpg") no-repeat left top; position: relative; margin: 0 42px 0 0; padding: 8px 0 8px 8px; background-size: 50% 100%;}
.huna .hunaSec1 .videoSec .videoBox:last-child {margin: 16px 0 0 0;}
.huna .hunaSec1 .videoSec .videoBox img {width: 100%; float: left; height: auto;}
.huna .hunaSec1 .videoSec .videoBox a.queryform {width: auto; float: left; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}



.carousel {width: 100%; float:left; position: relative; min-height: 300px;}


.huna .holder_bu { cursor: pointer }


.huna .carousel .holder_bu_awayL1 {
  position: absolute;
  top: 5%;
  left: 18%;
  width: 25%;
  height: 90%;
	z-index: 8;
  background: rgba(251,243,207,0.7); -webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.2); box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.2);
  -webkit-transition: width 1s, height 1s, top 1s, left 1s;
  -moz-transition: width 1s, height 1s, top 1s, left 1s;
  -o-transition: width 1s, height 1s, top 1s, left 1s;
  -ms-transition: width 1s, height 1s, top 1s, left 1s;
  transition: width 1s, height 1s, top 1s, left 1s;
	-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
	
}
.huna .carousel .holder_bu_awayL1 h2 {font:18px 'ExoBold', sans-serif; color: #333; padding: 48px 0 16px 36px;}
.huna .carousel .holder_bu_awayL1 p {font:16px/28px 'ExoMedium', sans-serif; color: #777; padding: 0 0 0 36px; width: 70%;}
.huna .carousel .holder_bu_awayL2 {
  position: absolute;
  top: 10%;
  left: 0%;
  width: 25%;
  height: 80%;
	z-index: 7;
  background: rgba(251,243,207,0.7); -webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.2); box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.2);
  -webkit-transition: width 1s, height 1s, top 1s, left 1s;
  -moz-transition: width 1s, height 1s, top 1s, left 1s;
  -o-transition: width 1s, height 1s, top 1s, left 1s;
  -ms-transition: width 1s, height 1s, top 1s, left 1s;
  transition: width 1s, height 1s, top 1s, left 1s;
	-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
}
.huna .carousel .holder_bu_awayL2 h2 {font:18px 'ExoBold', sans-serif; color: #333; padding: 48px 0 16px 36px;}
.huna .carousel .holder_bu_awayL2 p {font:16px/28px 'ExoMedium', sans-serif; color: #777; padding: 0 0 0 36px; width: 70%;}
.huna .carousel .holder_bu_center {
  position: absolute;
  top: 0;
  left: 36%;
  width: 25%;
  height: 100%;
	z-index: 9;
 background: rgba(16,75,193,0.7); -webkit-box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.2); box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.2);
  -webkit-transition: width 1s, height 1s, top 1s, left 1s;
  -moz-transition: width 1s, height 1s, top 1s, left 1s;
  -o-transition: width 1s, height 1s, top 1s, left 1s;
  -ms-transition: width 1s, height 1s, top 1s, left 1s;
  transition: width 1s, height 1s, top 1s, left 1s;
	-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
	
}
.huna .carousel .holder_bu_center h2 {font:18px 'ExoBold', sans-serif; color: #fff; padding: 48px 0 16px 36px;}
.huna .carousel .holder_bu_center p {font:16px/28px 'ExoMedium', sans-serif; color: #fff; padding: 0 0 0 36px; width: 70%;}
.huna .carousel .holder_bu_awayR1 {
  position: absolute;
  top: 5%;
  left: 55%;
  width: 25%;
  height: 90%;
	z-index: 8;
 background: rgba(251,243,207,0.7); -webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.2); box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.2);
  -webkit-transition: width 1s, height 1s, top 1s, left 1s;
  -moz-transition: width 1s, height 1s, top 1s, left 1s;
  -o-transition: width 1s, height 1s, top 1s, left 1s;
  -ms-transition: width 1s, height 1s, top 1s, left 1s;
  transition: width 1s, height 1s, top 1s, left 1s;
	-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
}
.huna .carousel .holder_bu_awayR1 h2 {font:18px 'ExoBold', sans-serif; color: #333; padding: 48px 0 16px 36px;}
.huna .carousel .holder_bu_awayR1 p {font:16px/28px 'ExoMedium', sans-serif; color: #777; padding: 0 0 0 36px; width: 70%;}
.huna .carousel .holder_bu_awayR2 {
  position: absolute;
  top: 10%;
  left: 75%;
  width: 25%;
  height: 80%;
	z-index: 7;
  background: rgba(251,243,207,0.7); -webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.2); box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.2);
  -webkit-transition: width 1s, height 1s, top 1s, left 1s;
  -moz-transition: width 1s, height 1s, top 1s, left 1s;
  -o-transition: width 1s, height 1s, top 1s, left 1s;
  -ms-transition: width 1s, height 1s, top 1s, left 1s;
  transition: width 1s, height 1s, top 1s, left 1s;
	-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
}
.huna .carousel .holder_bu_awayR2 h2 {font:18px 'ExoBold', sans-serif; color: #333; padding: 48px 0 16px 36px;}
.huna .carousel .holder_bu_awayR2 p {font:16px/28px 'ExoMedium', sans-serif; color: #777; padding: 0 0 0 36px; width: 70%;}
.huna .hunaSec2 {float: left; width: 100%; padding: 53px 0 41px 0;}
.huna .hunaSec2 h3 {font:28px/48px 'ExoMedium', sans-serif; color: #1265ad; padding: 0 0 28px 0;}
.huna .hunaSec2 .videoSec {float: left; width: 100%; padding: 0 0 28px 0;}
.huna .hunaSec2 .videoSec .videoBox {width: 30%; overflow: hidden; float: left; background:url("../images/videoBoxLeft.jpg") no-repeat left top; position: relative; margin: 0 42px 0 0; padding: 8px 0 8px 8px; background-size: 50% 100%;}
.huna .hunaSec2 .videoSec .videoBox:last-child {margin: 0;}
.huna .hunaSec2 .videoSec .videoBox.mid {background-size: 100% 100%; padding: 8px 8px 8px 8px;}
.huna .hunaSec2 .videoSec .videoBox.right {background-position: right top; padding: 8px 8px 8px 0;}
.huna .hunaSec2 .videoSec .videoBox img {width: 100%; float: left; height: auto;}
.huna .hunaSec2 .videoSec .videoBox a.queryform {width: auto; float: left; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}

.overlayVideo {float: left; width: 100%; display: none; height: 100%; position: fixed; left: 0; top: 0;  z-index: 9999; background:rgba(0,0,0,.4);} 
.videoPop {width: 46%; float: left; background:rgba(255,255,255,1); position: absolute; z-index: 999; padding: 2% 2%; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;}
.contactForm .conLeft.videoform {width: 100%;}	
.videoPop .contactForm .conBott {text-align: center; padding: 16px 0 0 0;}
.videoPop .contactForm .conLeft .conRow .conCol {width: 47%;}
.videoPop .contactForm .conLeft .conRow .conCol:last-child {margin: 0;}
.videoPop .contactForm .conLeft .conRow {padding: 0 0 24px 0;}
.videoPop .closeForm {width: 16px; float: right;}
.videoPop .closeForm img {width: 100%; height: auto; max-width: 100%;}

.videoOverlay {float: left; width: 100%; display: none; height: 100%; position: fixed; left: 0; top: 0;  z-index: 9999; background:rgba(0,0,0,.4);}
.boxVideo {width: 25%; float: left; background:rgba(255,255,255,1); position: absolute; z-index: 999; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;}
.boxVideo.autogenousVideo {width: 72%;}
.boxVideo video {width: 100%; float: left; height: 100%;}
.boxVideo .closeVideo {width: 16px; float: right; position: absolute; right: -36px; top: 0;}
.boxVideo .closeVideo img {width: 100%; height: auto; max-width: 100%;}
#videoOverlay3 .boxVideo {width: 60%;}

/*.videogallery .gallery-item {
  position: relative;
  float: left;
  overflow: hidden;
  margin:0 1% 0 0;
  min-width: 320px;
  max-width: 580px;
  max-height: 360px;
  width: 31%;
  background: #000;
  cursor: pointer;
	border:8px solid #fcde48;
}
.videogallery .gallery-item  span {position: absolute; left:165px; top:85px;}
.videogallery .gallery-item  span img {width: auto!important; height: auto !important; transform: translate3d(0, 0, 0) !important;}
.videogallery .gallery-item img {
  position: relative;
  display: block;
  opacity: .45;
  width: 106%;
  height: 250px;
  transition: opacity 0.35s, transform 0.35s;
  transform: translate3d(-23px, 0, 0);
  backface-visibility: hidden;
}

.videogallery .gallery-item .gallery-item-caption h2 {
  font:18px 'ExoMedium', sans-serif; color: #fff;
  text-transform: uppercase;
	margin: 16px 0 0 16px;
}

.videogallery .gallery-item .gallery-item-caption,
.videogallery .gallery-item .gallery-item-caption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
	height: 100%;
}
.videogallery .gallery-item .gallery-item-caption > a span {width: auto; position:relative; left: 0; top: 40%;}
.videogallery .gallery-item .gallery-item-caption > a span img {width: auto; height: 100%;}
.videogallery .gallery-item:hover img {
  opacity: .3;
  transform: translate3d(0, 0, 0);

}

@media screen and (max-width: 50em) {
  .video-gallery .gallery-item {
    display: inline-block;
    float: none;
    margin: 10px auto;
    width: 100%;
  }
}*/


.huna .hunaSec2 p {font:18px/32px 'ExoRegular', sans-serif; color: #333;}
.huna .hunaSec2 p span {font:18px/32px 'ExoBold', sans-serif; color: #1265ad;}
.huna .hunaSec2 p.padd {padding: 0 0 48px 0;}
.huna .hunaSec2 small {float: left; width: 100%; background:url("../images/demoSep.png") no-repeat left top; background-size: 100%; text-align: center;}
.huna .hunaSec2 small a.demoBtn {display: inline-block; position: relative; top: -24px; font:18px 'ExoMedium', sans-serif; color: #fff; text-transform: uppercase; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; text-decoration: none; letter-spacing: 1px; padding: 12px 26px; background: #ff3d66;}

.huna .hunaSec3 {float: left; width: 100%; background: #f2f8ff; padding: 53px 0 0 0;}
.huna .hunaSec3 h3 {font:32px/48px 'ExoBold', sans-serif; color: #1265ad; text-transform: capitalize; padding: 0 0 9px 0;}
.huna .hunaSec3 h3 span {font:32px/48px 'ExoRegular', sans-serif;}
.huna .hunaSec3 p {font:20px/38px 'ExoRegular', sans-serif; color: #333; padding: 0 0 12px 0;}
.huna .hunaSec3 figure {float: left; width: 100%; text-align: center; padding: 24px 0 64px 0;}
.huna .hunaSec3 figure img {width:100%; max-width: 60%; height: auto;}

.huna .hunaSec4 {float: left; width: 100%; padding: 53px 0 0 0;}
.huna .hunaSec4 h3 {font:32px/48px 'ExoBold', sans-serif; color: #1265ad; text-transform: capitalize; padding: 0 0 45px 0;}
.huna .hunaSec4 h3 span {font:32px/48px 'ExoRegular', sans-serif;}
.huna .hunaSec4 figure {float: left; width: 100%; text-align: center; padding: 0 0 64px 0;}
.huna .hunaSec4 figure img {width:100%; max-width: 85%; height: auto;}
.huna .hunaSec4 .bottomboxes {float: left; width: 100%;}
.huna .hunaSec4 .bottomboxes .bottBox{width: 329px; float: left; padding: 48px; min-height: 520px; border-right: 1px solid #fff; background: #fef0bf;}
.huna .hunaSec4 .bottomboxes .bottBox.second {background: #ffd0a7;}
.huna .hunaSec4 .bottomboxes .bottBox.third {background: #acd3ec;}
.huna .hunaSec4 .bottomboxes .bottBox span {margin: 0 0 24px 0; display: inline-block;}
.huna .hunaSec4 .bottomboxes .bottBox h4 {font:24px/36px 'ExoBold', sans-serif; color: #333; padding: 0 0 24px 0;}
.huna .hunaSec4 .bottomboxes .bottBox p{font:16px/32px 'ExoRegular', sans-serif; color: #333;}

.huna .hunaSec5 {float: left; width: 100%; padding: 53px 0 60px 0; background: #fffcf1;}
.huna .hunaSec5 .visualLeft {float: left; width: 60%;}
.huna .hunaSec5 .visualLeft h4 {font:28px/48px 'ExoBold', sans-serif; color: #1265ad; text-transform: capitalize; padding: 0 0 9px 0;}
.huna .hunaSec5 .visualLeft p {font:20px/38px 'ExoRegular', sans-serif; color: #333; padding: 0 0 12px 0;}
.huna .hunaSec5 .visualLeft p span {font:20px/38px 'ExoBold', sans-serif; color: #333;}
.huna .hunaSec5 .visualRight {float: left; width: 40%;}
.huna .hunaSec5 .visualRight figure {float: left; width: 100%; text-align: center;}
.huna .hunaSec5 .visualRight figure img {width:100%; max-width: 70%; height: auto;}

.huna .solution {float: left; width: 100%; background: #f2f8ff; padding: 53px 0 0 0;}
.huna .solution h3 {font:32px/48px 'ExoBold', sans-serif; color: #1265ad; text-transform: capitalize; padding: 0 0 9px 0;}
.huna .solution h3 span {font:32px/48px 'ExoRegular', sans-serif;}
.huna .solution figure {float: left; width: 100%; text-align: center; padding: 0 0 64px 0;}
.huna .solution figure img {width:100%; max-width: 80%; height: auto;}


.huna .autogenous {float: left; width: 100%; background: #f2f8ff; padding: 53px 0 0 0; margin: 64px 0 0 0;}
.huna .autogenous h3 {font:32px/48px 'ExoBold', sans-serif; color: #1265ad; text-transform: capitalize; padding: 0 0 48px 0;}
.huna .autogenous h3 span {font:32px/48px 'ExoRegular', sans-serif;}
.huna .autogenous figure {float: left; width: 100%; text-align: center; padding: 0 0 64px 0;}
.huna .autogenous figure img {width:100%; max-width: 90%; height: auto;}


.partners {float: left; width: 100%; text-align: center; background: #f9f9f9; padding: 59px 0 90px 0;}
.partners h2 {font:20px 'ExoBold', sans-serif; color: #333; text-transform: uppercase; letter-spacing: 8px; padding: 0 0 63px 0;}
.partners ul.partnerslogo {display: inline-block; width: auto; list-style: none;}
.partners ul.partnerslogo li {float: left; list-style: none; width: auto; vertical-align: middle; padding: 0 78px;}
.partners ul.partnerslogo li a img {vertical-align: middle;}

.clients {float: left; width: 100%; text-align: center; padding: 59px 0 80px 0;}
.clients h2 {font:20px 'ExoBold', sans-serif; color: #333; text-transform: uppercase; letter-spacing: 8px; padding: 0 0 63px 0;}
.clients ul.clientlogo {display: inline-block; width: 100%; list-style: none;}
.clients ul.clientlogo li {float: left; list-style: none; width: auto; padding: 0 90px 64px 90px; vertical-align: middle; text-align: center}
.clients ul.clientlogo li a img {vertical-align: middle;}
.clients ul.clientlogo1 {display: inline-block; width: auto; list-style: none;}
.clients ul.clientlogo1 li {float: left; list-style: none; width: auto; padding: 0 70px 0 70px; vertical-align: middle; text-align: center;}
.clients ul.clientlogo1 li a img {vertical-align: middle;}

.askdemo {float: left; width: 100%; display: none;}
.askdemo1 {float: left; width: 100%; min-height: 50px; background: #0b2c6c; text-align: center; padding: 22px 0 0 0;}
.askdemo1 h2 {font:24px 'ExoBold', sans-serif; color: #f2ae2b; display: inline-block;}
.askdemo1 h2 span {font:24px 'ExoMedium', sans-serif; margin:0 0 0 20px; color: #fff;}
.askdemo1 h2 span small {font:24px 'ExoBold', sans-serif;}
.askdemo1 h2 figure {float: left; margin: 2px 12px 0 0;}
.askdemo2 {float: left; width: 100%; background: #113883; padding: 30px 0 30px 0;}
.askform {width: 612px; margin: 0 auto; }
.askform .formRow {float: left; width: 100%; padding: 0 0 12px 0;}
.askform .formRow.last {padding: 0;}
.askform .formRow.last .formCol {width: auto;}
.askform .formRow .formCol {float: left; width: 300px;}
.askform .formRow .formCol.space {margin: 0 12px 0 0;}
.askform .formRow .formCol input[type="text"] {background: #0b2c6c; border: none; font:12px/36px 'ExoRegular', sans-serif; color: #fff; width: 288px; height: 36px; padding: 0 0 0 12px; letter-spacing: 1px;}
.askform .formRow .formCol textarea {background: #0b2c6c; border: none; font:12px/16px 'ExoRegular', sans-serif; color: #fff; width: 428px; height: 52px; padding: 12px 0 0 12px; resize: none; letter-spacing: 1px;}

.askform .formRow .formCol input[type="button"] {background: #092253; border: none; font:16px 'ExoBold', sans-serif; color: #f7d491; width: 160px; height: 64px; text-align: center; text-transform: uppercase; cursor: pointer;}

.select2-selection {width: 300px;height: 36px !important; background: #0b2c6c; font:12px/36px 'ExoRegular', sans-serif; color: #fff; outline: 0; letter-spacing: 1px;}
.select2-container--bootstrap .select2-selection--single {padding: 12px 0 0 12px;}
.select2-selection--single .select2-selection__arrow {position: absolute; bottom: 0; right: 12px; top: 0; width: 12px;}
.select2-selection--single .select2-selection__arrow b {background:url("../images/arrowSelect.png") no-repeat right top; height: 7px; left: 0; position: absolute; top: 15px; width: 12px;}
.select2-results__option--highlighted[aria-selected] {background: #337ab7; color: #fff;}
.select2-results__option {padding: 12px 12px; font:14px/18px 'ExoMedium', sans-serif; letter-spacing: 1px; color: #333;}
/*Huna Css Ends Here*/

/*Footer Inner Css Starts Here*/
footer.innerfoo {width: 100%; float: left; background: #000534;}

footer.innerfoo .footerSec1 {float: left; width: 100%; padding: 42px 0 42px 0;}
footer.innerfoo .footerSec1 ul {float: left; list-style: none; width: 14%; margin: 0 65px 0 0;}
footer.innerfoo .footerSec1 ul.last {margin: 0; width:auto;}
footer.innerfoo .footerSec1 ul li { float: left; list-style: none;}
footer.innerfoo .footerSec1 ul li h2 {color: #59a8d9; font:22px 'ExoBold', sans-serif; padding: 0 0 19px 0;}
footer.innerfoo .footerSec1 ul li h2 a {color: #59a8d9; font:22px 'ExoBold', sans-serif; text-transform: capitalize; text-decoration: none;}
footer.innerfoo .footerSec1 ul li ul { float: left; width: 100%; list-style: none;}
footer.innerfoo .footerSec1 ul li ul li { float: left; width: 100%; list-style: none; font: 14px/22px 'InterRegular', sans-serif; padding: 0 0 16px 0;}
footer.innerfoo .footerSec1 ul li ul li a { font:16px/24px 'ExoRegular', sans-serif; color: #fff; text-decoration: none; text-transform: capitalize; letter-spacing: 1px}
footer.innerfoo .footerSec2 {float: left; width: 100%; border-top:1px solid #1c2347; text-align: center; padding: 36px 0 36px 0;}
footer.innerfoo .footerSec2 p {font:16px 'ExoRegular', sans-serif; color: #fff;}
footer.innerfoo .footerSec2 p a {color: #59a8d9; text-decoration: none;}
/*Footer Inner Css Ends Here*/

/*Contact Css Starts Here*/
.contact {float: left; width: 100%; }
.contact .aos-all {width: 100%; float: left; padding: 64px 0 0 0;}
.contact .contactSec1 {float: left; width: 100%; text-align: center; padding: 0 0 35px 0;}
.contact .contactSec1 h2 {color: #1265ad; font:32px 'ExoBold', sans-serif; padding: 56px 0 74px 0;}
.contact .contactSec1 h2 span {font:32px 'ExoRegular', sans-serif;}
.flagSec {float: left; width: 100%; text-align: left; background:url("../images/flagsep.png") no-repeat left top; padding: 0 0 55px 0;}
.flagSec .flag1 {float: left; margin: -20px 0 0 268px;}
.flagSec .flag2 {float: right; margin: -20px 268px 0 0;}
.conBox {float: left; width: 50%; text-align: left;}
.conBox h3 {font:22px 'ExoBold', sans-serif; color: #1265ad; padding: 0 0 12px 0;}
.conBox h4 {font:20px/30px 'ExoMedium', sans-serif; color: #333; padding: 0 0 16px 0;}
.conBox p {font:20px/24px 'ExoMedium', sans-serif; color: #1265ad; padding: 0 0 16px 0;}
.conBox p span {color: #333;}
.conBox p span a {color: #ff3d66; text-decoration: none;}
.conBox p small a {color: #333; text-decoration: none;}

.contact .contactSec2 {float: left; width: 100%; text-align: center; padding: 0 0 35px 0;}
.contact .contactSec2 h2 {color: #1265ad; font:32px 'ExoBold', sans-serif; padding: 56px 0 44px 0;}
.contact .contactSec2 h2 span {font:32px 'ExoRegular', sans-serif;}
.contactForm {float: left; width: 100%;}
.contactForm .conLeft {float: left; width: 50%;}
.contactForm .conLeft .conRow {float: left; width: 100%; text-align: left; padding: 0 0 48px 0; position: relative;}
.contactForm .conLeft .conRow .conCol {float: left; width: 256px; margin: 0 36px 0 0;  position: relative;}
.contactForm .conLeft .conRow .conCol label {float: left; width: 100%; font:20px/24px 'ExoRegular', sans-serif; color: #333; padding: 0 0 9px 0;}
 .contactForm .conLeft .conRow .conCol input[type="text"] {float: left; width: 96%; height: 34px; padding: 0 2%; border: 1px solid #d8d8d8; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font:20px/34px 'ExoRegular', sans-serif; color: #333;}
.contactForm .conLeft .conRow .conCol input[type="email"] {float: left; width: 96%; padding: 0 2%; height: 34px; border: 1px solid #d8d8d8; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font:20px/34px 'ExoRegular', sans-serif; color: #333;}
.contactForm .conRight {float: left; width: 50%;}
.contactForm .conRight .conRow {float: left; width: 100%; text-align: left; position: relative;}
.contactForm .conRight .conRow label {float: left; width: 100%; font:20px/34px 'ExoRegular', sans-serif; color: #333; padding: 0 0 9px 0;}
.contactForm .conRight .conRow textarea {float: left; width: 96%; padding: 0 2%; border: 1px solid #d8d8d8; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font:20px/34px 'ExoRegular', sans-serif; color: #333; height: 141px; resize: none;}
#div1 {position: absolute; left: 0; bottom:-25px;}
#div2 {position: absolute; left: 0; bottom:-25px;}
#div3 {position: absolute; left: 0; bottom:-25px;}
#div4 {position: absolute; left: 0; bottom:-25px;}
#div5 {position: absolute; left: 0; bottom:-25px;}
.contactForm .conBott {float: left; width: 100%;}
.contactForm .conBott input[type="button"] {cursor: pointer; display: inline-block; font: 18px 'ExoMedium', sans-serif; color: #fff; text-transform: capitalize; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; text-decoration: none; letter-spacing: 1px; padding: 12px 46px 12px 26px; background: #ff3d66 url("../images/sub-arrow.png") no-repeat right 17px; border: none; }
.contactForm .conBott input[disabled] {display: inline-block; font: 18px 'ExoMedium', sans-serif; color: #fff; text-transform: capitalize; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; text-decoration: none; letter-spacing: 1px; padding: 12px 46px 12px 26px; background: #ff3d66 url("../images/sub-arrow.png") no-repeat right 17px; border: none; cursor:default;}

/*Contact Css Ends Here*/


/*Where It Works Css Starts Here*/
.whereitworks {float: left; width: 100%;}
.whereitworks .aos-all {width: 100%; float: left; /*padding: 64px 0 0 0;*/}
.whereitworks .whereSec1 {float: left; width: 100%; display: none;}
.whereitworks .whereSec1 span.linebg {float: left; width: 100%; padding: 0 0 36px 0;}
.whereitworks .whereSec1 p {font:16px/28px 'ExoRegular', sans-serif; color: #333; padding: 0 0 24px 0;}
.whereitworks .whereSec2 {float: left; width: 100%; background: #fce46d; text-align: center; padding: 59px 0 85px 0; /*margin: 36px 0 0 0;*/}
.whereitworks .whereSec2 h2 {font:20px 'ExoBold', sans-serif; color: #333; text-transform: uppercase; letter-spacing: 8px; padding: 0 0 57px 0;}
.whereitworks .whereSec2 ul.industries {float: left; width: 100%; background: #fff;}
.whereitworks .whereSec2 ul.industries li {float: left; width: 16.66%; -webkit-box-shadow: -15px 15px 30px rgba(0,0,0,0.3); box-shadow: -15px 15px 30px rgba(0,0,0,0.3);}
.whereitworks .whereSec2 ul.industries li a {float: left; width: 100%; text-align: center; text-decoration: none; padding: 48px 0 48px 0;}
.whereitworks .whereSec2 ul.industries li a:hover {background: #fef7d3;}
.whereitworks .whereSec2 ul.industries li a h3 {font:24px 'ExoMedium', sans-serif; color: #333; padding: 13px 0 0 0;}

.whereitworks .whereSec3 {float: left; width: 100%; padding: 53px 0 62px 0;}
.whereitworks .whereSec3 .linebg {padding: 0 0 36px 0; float: left; width: 100%;} 
.whereitworks .whereSec3 h2 {font:28px/48px 'ExoBold', sans-serif; color: #1265ad; text-transform: capitalize; padding: 0 0 33px 0;}
.whereitworks .whereSec3 h2 span {font:28px/48px 'ExoRegular', sans-serif;}
.whereitworks .whereSec3 ul {float: left; width: 100%; list-style: none;}
.whereitworks .whereSec3 ul li {float: left; width: 100%; text-align: center; list-style: none; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; border:2px solid #efefef; margin: 0 0 28px 0; padding: 4% 2%; /*min-height: 250px;*/}
.whereitworks .whereSec3 ul li:last-child {margin: 0;}
.whereitworks .whereSec3 ul li:hover {border:2px solid #f8ecb5; background:#fbf3cf; }
.whereitworks .whereSec3 ul li a.viewBtn {float: right; text-decoration: none; font:16px/28px 'ExoBold', sans-serif; color: #1265ad; background:url("../images/case-arrow.png") no-repeat right 8px; padding: 0 32px 0 0;}
.whereitworks .whereSec3 ul li a.viewBtn:hover {color: #333; text-decoration: underline; background:url("../images/case-arrowhover.png") no-repeat right 8px; }
.whereitworks .whereSec3 ul li figure {display:inline-block; width: 45%; text-align: center; padding: 0 0 16px 0;}
.whereitworks .whereSec3 ul li figure img {width: 100%; float: left; height: auto;}
.whereitworks .whereSec3 ul li.csSecond figure {width: 40%;}
.whereitworks .whereSec3 ul li.csThird figure {width: 60%;}

.whereitworks .whereSec3 ul li h3 {font:18px 'ExoBold', sans-serif; color: #333; padding: 0 0 16px 0; text-align: left;}
.whereitworks .whereSec3 ul li p {font:16px/28px 'ExoRegular', sans-serif; color: #777; padding: 0 0 48px 0; text-align: left;}
/*Where It Works Css Ends Here*/

/*Testimonial Css Starts Here*/
.testimonial {float: left; width: 100%; background: #f8fbff; padding: 53px 0 62px 0; display: none;}
.testimonial h2 {font:28px/48px 'ExoBold', sans-serif; color: #1265ad; text-transform: capitalize; padding: 0 0 33px 0;}
.testimonial h2 span {font:28px/48px 'ExoRegular', sans-serif;}
.testSec {float: left; width: 48%; margin: 0 4% 0 0}
.testSec:last-child {margin: 0;}
.testLeft {width: 92px; float: left;}
.testLeft figure {float: left;}
.testLeft figure img {width: 100%; float: left; height: auto;}
.testRight {float: left; width: 75%; padding: 0 0 0 36px; position: relative;}
.testRight h3 {font:22px 'ExoBold', sans-serif; color: #333; padding: 0 0 6px 0;}
.testRight span {font:16px 'ExoRegular', sans-serif; color: #333;  padding: 0 0 15px 0; display: inline-block;}
.testRight small {float: left;}
.testRight small img {width: auto;}
.testRight figure.comaImg {position: absolute; right: 0; top: 12px;}
.testSec .text {float: left; width: 100%; font:18px/28px 'ExoRegular', sans-serif; color: #333; padding:16px 0 0 0;}
.testimonial .owl-nav {position: absolute; right: 0; top: -72px;}
.testimonial .owl-carousel .owl-stage {height: auto;}
.testimonial .owl-nav button.owl-prev {width: 40px; height: 40px; float: left; background:url("../images/owl-left.png") no-repeat left top !important;}
.testimonial .owl-nav button.owl-prev span {font-size: 0px;}
.testimonial .owl-nav button.owl-next {width: 40px; height: 40px; float: left; background:url("../images/owl-right.png") no-repeat left top !important;}
.testimonial .owl-nav button.owl-next span {font-size: 0px;}
/*Testimonial Css Ends Here*/



/*Who We Are Css Starts Here*/
.whoweare {float: left; width:100%;}
.whoweare .aos-all {width: 100%; float: left; padding: 64px 0 0 0;}
.whoweare .whoSec1 {float: left; width: 100%; text-align: center;}
.whoweare .whoSec1 span.linebg {float: left; width: 100%; padding: 0 0 36px 0;}
.whoweare .whoSec1 p.whotext {font:16px/28px 'ExoRegular', sans-serif; color: #333; padding: 0 0 64px 0; width: 60%; display: inline-block;text-align: center;}
.whoweare .whoSec1 p.whotext span {font:16px/28px 'ExoBold', sans-serif; color: #1265ad;}
.whoweare .whoSec1 figure {float: left; width: 100%; text-align: center; padding: 0 0 36px 0;}

.whoSec2 {float: left; width: 100%; background: #fcde48; padding: 59px 0 90px 0; text-align: center;}

.whoSec2 h2 {font:20px 'ExoBold', sans-serif; color: #333; text-transform: uppercase; letter-spacing: 8px; padding: 0 0 63px 0;}


ul.ourteam {
    display: inline-block;
    width: 54%;
    list-style: none;
}
ul.ourteam li {
    float: left;
    width: auto;
    list-style: none;
    padding: 0 76px 0 0;
}
ul.ourteam li span.ourLeft {
    float: left;
    width: 120px;
}
ul.ourteam li span.ourLeft img {
    width: 100%;
    height: auto;
    float: left;
}
ul.ourteam li span.ourRight {
    float: left;
    width: auto;
    padding: 0 0 0 30px;
    text-align: left;
    font:24px 'ExoBold', sans-serif; color: #333;
    letter-spacing: -1px;
    text-transform: capitalize;
}
ul.ourteam li span.ourRight small {
    padding: 6px 0 8px 0;
    float: left;
    width: 100%;
    text-align: left;
   font:16px/28px 'ExoRegular', sans-serif; 
    color: #4b4b4b;
    letter-spacing: 0px;
}
ul.ourteam li span.ourRight a.linkedinIcon {
    float: left;
    margin: 0 10px 0 0;
}
ul.ourteam li:last-child {
    padding: 0;
}

.whoSec3 {float: left; width: 100%; padding: 59px 0 65px 0; text-align: center;}

.whoSec3 h2 {font:20px 'ExoBold', sans-serif; color: #333; text-transform: uppercase; letter-spacing: 8px; padding: 0 0 34px 0;}
.whoSec3 p{font:16px/28px 'ExoRegular', sans-serif; color: #333; width:100%; display: inline-block; text-align: left; padding: 0 0 16px 0;}
.whoSec3 ul.points {display: inline-block; width:100%; list-style: none; padding: 0 0 24px 0;}
.whoSec3 ul.points li {float: left; width: 100%; list-style: none; font:16px/28px 'ExoMedium', sans-serif; color: #1265ad; background:url("../images/bullet.png") no-repeat left 7px; padding: 0 0 12px 16px; text-align: left;}
.whoSec3 .awardgallery {float: left; width:100%;}
.whoSec3 .awardgallery ul.awardList {float: left; width: 100%; list-style: none;}
.whoSec3 .awardgallery ul.awardList li {float: left; width: 31%; margin: 0 2% 0 0; list-style: none;}
.whoSec3 .awardgallery ul.awardList li.left { background: url(../images/videoBoxLeft.jpg) no-repeat left top; padding: 8px 0 8px 8px; background-size: 50% 100%;}
.whoSec3 .awardgallery ul.awardList li.mid { background: url(../images/videoBoxLeft.jpg) no-repeat left top; padding: 8px 8px 8px 8px; background-size: 100% 100%;}
.whoSec3 .awardgallery ul.awardList li.right { background: url(../images/videoBoxLeft.jpg) no-repeat right top; padding: 8px 8px 8px 0; background-size: 50% 100%;}
.whoSec3 .awardgallery ul.awardList li:last-child {margin: 0;}
.whoSec3 .awardgallery ul.awardList li a img {width: 100%; float: left; height: auto;}

.awardOverlay1 {float: left; width: 100%; display: none; height: 100%; position: fixed; left: 0; top: 0;  z-index: 9999; background:rgba(0,0,0,.4);} 
.awardPop1 {width: 46%; float: left; background:rgba(255,255,255,1); position: absolute; z-index: 999; padding: 3% 3%; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;}
.awardPop1 img {width: 100%; float: left; height: auto;}
a.closeAward1 {width: 16px; height: 16px; float: right; position: absolute; right:16px; top:16px;}
a.closeAward1 img {width: 100%; float: left; height: auto;}

.awardOverlay2 {float: left; width: 100%; display: none; height: 100%; position: fixed; left: 0; top: 0;  z-index: 9999; background:rgba(0,0,0,.4);} 
.awardPop2 {width: 46%; float: left; background:rgba(255,255,255,1); position: absolute; z-index: 999; padding: 3% 3%; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;}
.awardPop2 img {width: 100%; float: left; height: auto;}
a.closeAward2 {width: 16px; height: 16px; float: right; position: absolute; right:16px; top:16px;}
a.closeAward2 img {width: 100%; float: left; height: auto;}

.awardOverlay3 {float: left; width: 100%; display: none; height: 100%; position: fixed; left: 0; top: 0;  z-index: 9999; background:rgba(0,0,0,.4);} 
.awardPop3 {width: 46%; float: left; background:rgba(255,255,255,1); position: absolute; z-index: 999; padding: 3% 3%; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;}
.awardPop3 img {width: 100%; float: left; height: auto;}
a.closeAward3 {width: 16px; height: 16px; float: right; position: absolute; right:16px; top:16px;}
a.closeAward3 img {width: 100%; float: left; height: auto;}
/*Who We Are Css Starts Here*/



/*Chat Widget Css Starts Here*/

/*#chat-widget {display: none;}*/
#buttonBar {float: left; width: 86px; height: 86px; background:url("../images/botImg.png") no-repeat left top; margin: -54px 0 0 -80px;
background-size: 100% 100%;}
#buttonDiv img {display: none;}

/*Chat Widget Css Ends Here*/

/*Cookies Css Starts Here*/

.cookieOverlay {float: left; width: 100%; display: none; height: 100%; position: absolute; top: 0; left: 0; /*z-index: 99;*/ /*background:rgba(0,0,0,.6);*/}
.cookiepolicy {
    width: 96%;
	float: left;
	text-align: center;
	background:rgba(255,255,255,1);
  /*background: #3c3c3c;*/
    border-top: 4px solid #1265ad;
    position: absolute;
    
    z-index: 999;
    
	padding: 12px 2%;
	/*left: 50%;*/
  bottom: 0;
/*  transform: translate(-50%, -50%); */
}
.cookiepolicy figure {display: inline-block; max-width: 8%; display: none;}
.cookiepolicy figure img {width: 100%; float: none; height: auto;}
.cookiepolicy p {font:16px/28px 'ExoMedium', sans-serif; color: #333; width: 96%; /*text-align: justify; padding: 16px 0 0 0;*/}
.cookiepolicy p a {color: #c93050; text-decoration: none; font-family:'ExoBold'; }
a.close-cross {font:16px/28px 'ExoMedium', sans-serif; color: #1265ad; text-decoration: none; float: right; position: absolute; right: 12px; top: 12px;}
a.close-cross img {width: 100%; float: none; max-width: 12px; height: auto; margin: 0 6px 0 0;}
.close-cta {
  text-align: center;
	font:16px/28px 'ExoMedium', sans-serif; color: #59a8d9 !important;
	text-decoration: none;
}

.cookie {
  display: none !important;
}

.cookieBox {
  display: none !important;
}

.cookies {float: left; width: 100%; }
.cookies .aos-all {width: 100%; float: left; padding: 64px 0 0 0;}
.cookies .cookiesSec1 {float: left; width: 100%; padding: 0 0 36px 0;}
.cookies .cookiesSec1 span.linebg {float: left; width: 100%; padding: 0 0 24px 0;}
.cookies .cookiesSec1 p {font:16px/28px 'ExoRegular', sans-serif; color: #333; padding: 0 0 24px 0;}
.cookies .cookiesSec1 p span {font-family:'ExoBold'; float: left; width: 100%; color: #1265ad; padding: 0 0 12px 0;}
.cookies .cookiesSec1 span {font-family:'ExoBold'; float: left; width: 100%; color: #1265ad; padding: 0 0 12px 0;}
.cookies .cookiesSec1 small {font:16px/28px 'ExoRegular', sans-serif; color: #333;}


.cookies .cookiesSec1 ol {float: left; width: 99%; list-style: none; padding: 12px 0 24px 0; margin: 0 0 0 18px;}
.cookies .cookiesSec1 ol li {font:bold 16px/28px 'ExoRegular', sans-serif; color: #333; list-style: decimal;}
.cookies .cookiesSec1 ol li ul {list-style: none; margin: 0 0 0 24px;}
.cookies .cookiesSec1 ol li ul li {list-style:disc; font: 16px/28px 'ExoRegular', sans-serif;}

/*.cookie-banner {
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 5px 14px;
	text-align: center;
  background: #3c3c3c;
    border-top: 4px solid #76b900;
	z-index: 999;
	min-height: 50px;
	display: none;
	
}

.cookie-banner p {font:16px/28px 'ExoRegular', sans-serif; color: #fff;}
.close {
  height: 20px;
  background-color: #777;
  border: none;
  color: white;
  border-radius: 2px;
  cursor: pointer;
}*/
/*Cookies Css Ends Here*/



.blogs {float: left; width: 100%; text-align: center; position: relative;}
.blogs .aos-all {width: 100%; float: left; padding: 64px 0 64px 0;}
.blogs .blogLine {float: left; width: 100%;}
ul.blogList {float: left; width: 74%; list-style: none; padding: 64px 0 0 0;}
ul.blogList li {float: left; width: 39%; position: relative; -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.20); box-shadow: 0px 0px 6px rgba(0,0,0,0.20); text-align: left; padding: 2%; margin: 0 14% 3% 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
ul.blogList li.last {margin:0 0 2% 0; }
ul.blogList li h3 {font:22px/32px 'ExoBold', sans-serif; color: #1265ad; padding: 0 0 16px 0; float: left; width: 92%;}
ul.blogList li p {font: 16px/28px 'ExoRegular', sans-serif; color: #333; padding: 0 0 16px 0; float: left; width: 92%;}
ul.blogList li a.readmoreBtn { display: inline-block; background: #ff3d66; font: 16px 'ExoMedium', sans-serif; color: #fff; text-transform: capitalize; -webkit-border-radius: 6px;  -moz-border-radius: 6px; border-radius: 6px; text-decoration: none; padding: 8px 12px; }
ul.blogList li figure {width: 30%; float: right; -webkit-border-radius: 0px 60px 60px 60px; -moz-border-radius: 0px 60px 60px 60px; border-radius: 0px 60px 60px 60px; overflow: hidden; position: absolute; right: -86px; top: 120px; height: auto; -webkit-box-shadow: 0 4px 4px 0px rgba(0,0,0,0.30); -moz-box-shadow: 0 4px 4px 0px rgba(0,0,0,0.30); box-shadow: 0 4px 4px 0px rgba(0,0,0,0.30); background: url(../images/videoBoxLeft.jpg) no-repeat left top; padding: 6px;}
ul.blogList li figure img {width: 100%; float: left; height: 100%; -webkit-border-radius: 0px 60px 55px 55px; -moz-border-radius: 0px 60px 55px 55px; border-radius: 0px 60px 55px 55px}
ul.blogList li .socialLinks {position: absolute; right: 16px; bottom:16px; }
ul.blogList li .socialLinks a {float: left; margin: 0 0 0 8px;}
ul.blogList li .socialLinks a img {width: 36px; height: 36px; float: left;}

/*ul.caseList {float: left; width: 30%; list-style: none; padding: 64px 0 0 0;}
ul.caseList li {float: left; width: 88%; position: relative; padding: 6%; -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.20); box-shadow: 0px 0px 6px rgba(0,0,0,0.20); text-align: left; margin: 0 14% 6% 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
ul.caseList li.last {margin:0 0 2% 0; }
ul.caseList li h3 {font:22px/32px 'ExoBold', sans-serif; color: #1265ad; padding: 0 0 16px 0; float: left; width: 92%;}
ul.caseList li p {font: 16px/28px 'ExoRegular', sans-serif; color: #333; padding: 0 0 16px 0; float: left; width: 92%;}
ul.caseList li a.readmoreBtn { display: inline-block; background: #ff3d66; font: 16px 'ExoMedium', sans-serif; color: #fff; text-transform: capitalize; -webkit-border-radius: 6px;  -moz-border-radius: 6px; border-radius: 6px; text-decoration: none; padding: 8px 12px; }
ul.caseList li figure {width: 30%; float: right; -webkit-border-radius: 0px 60px 60px 60px; -moz-border-radius: 0px 60px 60px 60px; border-radius: 0px 60px 60px 60px; overflow: hidden; position: absolute; right: -86px; top: 120px; height: auto; -webkit-box-shadow: 0 4px 4px 0px rgba(0,0,0,0.30); -moz-box-shadow: 0 4px 4px 0px rgba(0,0,0,0.30); box-shadow: 0 4px 4px 0px rgba(0,0,0,0.30); background: url(../images/videoBoxLeft.jpg) no-repeat left top; padding: 6px;}
ul.caseList li figure img {width: 100%; float: left; height: 100%; -webkit-border-radius: 0px 60px 55px 55px; -moz-border-radius: 0px 60px 55px 55px; border-radius: 0px 60px 55px 55px}
ul.caseList li .socialLinks {position: absolute; right: 16px; bottom:16px; }
ul.caseList li .socialLinks a {float: left; margin: 0 0 0 8px;}
ul.caseList li .socialLinks a img {width: 36px; height: 36px; float: left;}

.infoSec {float: left; width: 65%; margin:68px 0 0 0; text-align: center;}
  span.csInfo1 {display: inline-block; min-height: 265px; margin:78px 0 0 0;}
 span.csInfo1 figure {border:none; width: 85%;}
 span.csInfo2 {display: inline-block;  min-height: 310px; margin:130px 0 0 0;}
 span.csInfo2 figure {border:none; width: 85%;}
 span.csInfo3 {display: inline-block; min-height: 298px; margin:120px 0 0 0;}
 span.csInfo3 figure {border:none; width: 85%;}



*/


.subscribeForm {float: left; width: 22%; background: #113883; min-height: 175px; position: absolute; right: 24px; top: 50%; transform: translate(0, -50%); -webkit-border-radius: 16px;  -moz-border-radius: 16px; border-radius: 16px;}
.subscribeForm h3 {float: left; width: 92%; padding: 5% 4%; background: #0b2c6c; text-align: center; -webkit-border-radius: 16px 16px 0 0;  -moz-border-radius: 16px 16px 0 0; border-radius: 16px 16px 0 0; font: 16px 'ExoBold', sans-serif; color: #f2ae2b; text-transform: uppercase;}
.subscribeSec {float: left; width: 88%; padding: 6% 6%;}
.subscribeForm .formRow {float: left; width: 100%; padding: 0 0 12px 0;}
.subscribeForm .formRow  input[type="text"] {background: #0b2c6c; border: none; font:12px/36px 'ExoRegular', sans-serif; color: #fff; width:90%; height: 36px; padding: 0 5%; letter-spacing: 1px; -webkit-border-radius: 6px;  -moz-border-radius: 6px; border-radius: 6px;}

.subscribeForm .formRow  input[type="button"] {background: #092253; border: none; font:14px 'ExoMedium', sans-serif; color: #f7d491; width: 100%; padding: 12px 0;  text-align: center; text-transform: uppercase; cursor: pointer; -webkit-border-radius: 24px;  -moz-border-radius: 24px; border-radius: 24px;}



.blogs h2 {font:32px/48px 'ExoBold', sans-serif; color: #1265ad; text-transform: capitalize; padding: 24px 0 32px 0; display: inline-block; width: 62%;}
.blogs p {font: 18px/32px 'ExoRegular', sans-serif; color: #333; text-align: left; padding: 0 0 16px 0; display: inline-block; width: 61%;}
.blogs figure {width: 60%; display: inline-block; margin: 0 0 24px 0; border:8px solid #fcde48;}
.blogs figure img {width: 100%; float: left;}
.blogs h4 {font: 18px/32px 'ExoBold', sans-serif; color: #333; text-align: left; display: inline-block; width: 62%; text-transform: capitalize; padding: 0 0 6px 0;}
.blogs h4 span {font: 18px/32px 'ExoMedium', sans-serif;}
.blogs h4 small {font: 18px/32px 'ExoMedium', sans-serif;} 
.blogs .socialDetails {display: inline-block; width: 62%;}
.blogs .socialDetails a {float: left; margin: 0 8px 0 0;}
.blogs .socialDetails a img {
    width: 36px;
    height: 36px;
    float: left;
}
/*Media Query Css Starts Here*/
@media only screen and (max-width:1366px) {
	.wrapper {max-width: 1170px;}
	a.logo img {max-width: 239px;}
	.menuMain {padding: 7% 0 0 0;}
	.menuRight {margin: 7% 0 0 0;}
	.menuLeft h5 {font:14px 'ExoBold', sans-serif;}
.menuLeft ul li a {font:32px 'ExoBold', sans-serif;}
.menuRightSec h5 {font:16px/28px 'ExoBold', sans-serif;}
.menuRightSec p a {font:16px/28px 'ExoRegular', sans-serif;}
.menuLeftAddress h5 {font:16px/28px 'ExoBold', sans-serif;}
.menuLeftAddress h5 small {font:16px/28px 'ExoRegular', sans-serif;}
	ul.nav li a {font: 14px 'ExoBold', sans-serif;}
	.sliderContainer .owl-item .banTxt {top: 225px;}
	
	.sliderContainer .owl-item .banTxt h2 {font:36px/48px 'ExoRegular', sans-serif; }
.sliderContainer .owl-item .banTxt h2 span {font:36px/48px 'ExoBold', sans-serif;}
.sliderContainer .owl-item .banTxt h2 small {font:36px/48px 'ExoBold', sans-serif;}
.sliderContainer .owl-item .banTxt h3 a {font:16px/28px 'ExoMedium', sans-serif; }
	
	.boxSec h2 {font:24px 'ExoMedium', sans-serif;}
.boxSec p {font:16px/28px 'ExoRegular', sans-serif;}
.boxSec {min-height:226px;}
.boxSec a.readBtn {font:16px 'ExoMedium', sans-serif;}
	#buttonBar {width: 76px; height: 76px;}
	.huna .hunaSec1 h2 {font:28px/48px 'ExoBold', sans-serif;}
	.huna .hunaSec1 h2 span {font:28px/48px 'ExoRegular', sans-serif;}
	.huna .hunaSec2 h3 {font: 24px/48px 'ExoMedium', sans-serif;}
	.videogallery .gallery-item {width: 30%;}
	.huna .hunaSec2 p {font: 16px/32px 'ExoRegular', sans-serif;}
	.huna .hunaSec2 p span {font: 16px/32px 'ExoBold', sans-serif;}
	.huna .hunaSec3 h3 {font:28px/48px 'ExoBold', sans-serif;}
.huna .hunaSec3 h3 span {font:28px/48px 'ExoRegular', sans-serif;}
.huna .hunaSec3 p {font:16px/32px 'ExoRegular', sans-serif;}
.huna .hunaSec3 figure img {max-width:42%;}
.huna .hunaSec4 h3 {font:28px/48px 'ExoBold', sans-serif;}
.huna .hunaSec4 h3 span {font:28px/48px 'ExoRegular', sans-serif;}
.huna .hunaSec4 figure img {width:100%; max-width: 60%; height: auto;}
	.huna .hunaSec2 small a.demoBtn {font: 16px 'ExoMedium', sans-serif;}
	
	.huna .hunaSec4 .bottomboxes .bottBox {padding: 36px; width: 317px; min-height: 550px;}
	.huna .hunaSec4 .bottomboxes .bottBox h4 {font: 22px/34px 'ExoBold', sans-serif;}
	.huna .hunaSec5 .visualLeft p {font:16px/32px 'ExoRegular', sans-serif; padding: 0;}
	.huna .hunaSec5 .visualLeft p span {font:16px/32px 'ExoBold', sans-serif;}
	.huna .autogenous h3 {font:28px/48px 'ExoBold', sans-serif;}
.huna .autogenous h3 span {font:28px/48px 'ExoRegular', sans-serif;}
	.partners h2 {font: 16px 'ExoBold', sans-serif;}
	.clients h2 {font: 16px 'ExoBold', sans-serif;}
	.partners ul.partnerslogo li {padding: 0 56px;}
	.partners ul.partnerslogo li a img {max-width: 80%;}
	.clients ul.clientlogo li a img {max-width: 80%;}
	.clients ul.clientlogo li {padding: 0 56px 64px 56px;}
	.clients ul.clientlogo1 li a img {max-width: 80%;}
	.clients ul.clientlogo li a img {max-width: 80%;}
	.clients ul.clientlogo1 li {padding: 0 56px;}
	
	.huna .autogenous figure img {max-width: 80%;}
	.huna .solution h3 {font:28px/48px 'ExoBold', sans-serif;}
.huna .solution h3 span {font:28px/48px 'ExoRegular', sans-serif;}
	.huna .solution figure img  {max-width: 60%;}
	.staysafe a.actBtn {font:16px 'ExoMedium', sans-serif;}
	footer.innerfoo .footerSec1 ul {margin: 0 58px 0 0;}
	footer.innerfoo .footerSec1 ul li h2 a {font: 20px 'ExoBold', sans-serif;}
	footer.innerfoo .footerSec1 ul li ul li a {font: 14px/22px 'ExoRegular', sans-serif;}
	footer.homefoo .footerLeft p {font:14px 'ExoMedium', sans-serif;}
	footer.homefoo .footerRight ul li a {font:14px 'ExoMedium', sans-serif;}
	.flagSec .flag2 {margin:-20px 156px 0 0;}
	.conBox h4 {font:18px/30px 'ExoMedium', sans-serif;}
.conBox p {font:16px/24px 'ExoMedium', sans-serif;}
	.contactForm .conLeft .conRow .conCol label {font: 16px/34px 'ExoRegular', sans-serif;}
 .contactForm .conLeft .conRow .conCol input[type="text"] {font: 16px/34px 'ExoRegular', sans-serif;}
 .contactForm .conRight .conRow label {font: 16px/34px 'ExoRegular', sans-serif;}
.contactForm .conBott input[type="button"] {font: 18px 'ExoMedium', sans-serif;}
.contactForm .conBott input[disabled] {font: 18px 'ExoMedium', sans-serif;}
 .contactForm .conLeft .conRow .conCol input[type="email"] {font: 16px/34px 'ExoRegular', sans-serif;}
.contactForm .conRight .conRow textarea {font: 16px/34px 'ExoRegular', sans-serif; height: 161px;}
/*	.whereitworks .whereSec3 ul li {margin: 0 25px 0 0;}*/
	ul.blogList {width: 68%;}
	ul.blogList li h3 {font: 16px/28px 'ExoBold', sans-serif;}
	ul.blogList li p {font: 14px/28px 'ExoRegular', sans-serif;}
	ul.blogList li figure {width: 32%;}

    ul.caseList {width: 30%;}
    ul.caseList li {width: 88%; margin: 0 0 6% 0; padding: 6%;}
  ul.caseList li h3 {font: 16px/28px 'ExoBold', sans-serif;}
  ul.caseList li p {font: 14px/28px 'ExoRegular', sans-serif;}
  ul.caseList li figure {width: 32%;}
  .infoSec {float: left; width: 65%; margin:68px 0 0 0; text-align: center;}
  span.csInfo1 {display: inline-block; min-height: 265px; margin:78px 0 0 0;}
 span.csInfo1 figure {border:none; width: 85%;}
 span.csInfo2 {display: inline-block;  min-height: 298px; margin:78px 0 0 0;}
 span.csInfo2 figure {border:none; width: 85%;}
 span.csInfo3 {display: inline-block; min-height: 298px; margin:78px 0 0 0;}
 span.csInfo3 figure {border:none; width: 85%;}
	ul.ourteam {width: 60%;}
	ul.blogList li a.readmoreBtn {font: 14px 'ExoMedium', sans-serif;}
	.blogs h2 {font:28px/48px 'ExoBold', sans-serif;}
	.blogs p {font: 16px/32px 'ExoRegular', sans-serif;}
}


@media only screen and (max-width:1024px) {
.sliderContainer .owl-item .banTxt {top: 280px;}
}
@media only screen and (max-width:991px) {
	a.logo {margin:40px 0 0 24px;}
	.outer-menu {right: 24px;}
	ul.nav {margin: 52px 90px 0 0;}
	ul.nav li {padding: 0 0 0 16px;}
	.cookiepolicy p {padding: 0 0 0px 24px;
    float: left;}
	.menuLeft {padding: 0;}
	.menuLeftAddress {width: 50%; margin: 0 auto; float: none;}
	.menuRightSec {width: 50%;margin: 0 auto; float: none;}
	.menuLeft ul li a {font: 20px 'ExoBold', sans-serif}
	.menuLeft ul li {padding: 0 2% 17px 0;}
	.menuMain {padding: 20% 0 0 0}
}

@media only screen and (max-width:767px) {
	ul.nav {display: none;}
	.sliderContainer .owl-item .banTxt {top: 180px;}
	
	.sliderContainer .owl-item .banTxt h2 {font:24px/32px 'ExoRegular', sans-serif; }
.sliderContainer .owl-item .banTxt h2 span {font:24px/32px 'ExoBold', sans-serif;}
.sliderContainer .owl-item .banTxt h2 small {font:24px/32px 'ExoBold', sans-serif;}
.sliderContainer .owl-item .banTxt h3 a {font:14px/24px 'ExoMedium', sans-serif; }
	.menuRight {display: none;}
	.menuMain {padding: 25% 0 0 0;}
	.menuLeft ul li {width: 100%; padding: 0 0 17px 0;}
	.menuLeft ul {text-align: left; width: auto; margin: 0 0 0 20%;}
}
@media only screen and (max-width:479px) {
	a.logo {margin:40px 0 0 24px;}
	a.logo img {max-width:209px;}
	.outer-menu {top: 46px;}
	.staysafe {width: 270px; padding: 24px 12px 24px 12px; height: auto;}
	.staysafe h2 a {font: 16px/24px 'ExoBold', sans-serif; letter-spacing: 1px;}
	.sliderContainer .owl-item .banTxt {left:30px;}
	.sliderContainer .owl-item .banTxt h3 a {font: 12px/24px 'ExoMedium', sans-serif;}
	footer.homefoo {bottom:54px;}
	.cookiepolicy p {padding: 0 0 16px 0;}
	footer.homefoo .footerLeft {float: left; width: 100%; margin: 0; padding: 0 0 8px 0; text-align: center;}
	footer.homefoo .footerRight {float: left; width: 100%; margin: 0; text-align: center;}
	footer.homefoo .footerRight ul {display: inline-block; float: none;}
	.buttonContainer {right: 8px !important; bottom: 30px !important;}
}

/*Media Query Css Ends Here*/








/*


@media only screen and (max-width:1024px) {

}
@media only screen and (max-width:991px) {

}

@media only screen and (max-width:767px) {

}

@media only screen and (max-width:479px) {



}

@media only screen and (max-width:414px) {

}

@media only screen and (max-width:360px) {


}	

@media only screen and (max-width:320px) {


}*/