@charset "utf-8";
/* CSS Document */

@font-face {
    font-family:'hum521l';
    src: url('../fonts/hum521l.eot');
    src: url('../fonts/hum521l.eot') format('embedded-opentype'),
         url('../fonts/hum521l.woff2') format('woff2'),
         url('../fonts/hum521l.woff') format('woff'),
         url('../fonts/hum521l.ttf') format('truetype'),
         url('../fonts/hum521l.svg#hum521l') format('svg');
}
@font-face {
    font-family:'Hum521n';
    src: url('../fonts/Hum521n.eot');
    src: url('../fonts/Hum521n.eot') format('embedded-opentype'),
         url('../fonts/Hum521n.woff2') format('woff2'),
         url('../fonts/Hum521n.woff') format('woff'),
         url('../fonts/Hum521n.ttf') format('truetype'),
         url('../fonts/Hum521n.svg#Hum521n') format('svg');
}

@font-face {
    font-family:'Hum521b';
    src: url('../fonts/Hum521b.eot');
    src: url('../fonts/Hum521b.eot') format('embedded-opentype'),
         url('../fonts/Hum521b.woff2') format('woff2'),
         url('../fonts/Hum521b.woff') format('woff'),
         url('../fonts/Hum521b.ttf') format('truetype'),
         url('../fonts/Hum521b.svg#Hum521b') format('svg');
}

/*Reset */
*{ -webkit-box-sizing: border-box;   -moz-box-sizing: border-box;  box-sizing: border-box;}
h1, h2, h3, h4, h5, h6, p, div, ul { margin:0; padding:0; font-weight:normal; line-height:100%;}
h1{ font-family:'Hum521b', Arial, Helvetica, sans-serif; font-size:30px; color:#1f497d; text-align:center; line-height:36px; padding-bottom:40px;}
a{ text-decoration:none; outline:none; /*-moz-transition-duration: .2s; -o-transition-duration: .2s; -webkit-transition-duration: .2s; transition-duration: .2s;*/}
*:focus{outline:none;}
ul{list-style:none;}
img { border:0; vertical-align:middle;}
body { margin:0; padding:0; font-family:'hum521l', Arial, Helvetica, sans-serif; color:#ffffff; width:100%;  }
.clear { clear:both; margin:0; padding:0; }
input[type="button"]{cursor:pointer;}
.f-left{float:left;}
.f-right{float:right;}
.Text-align-left{ text-align:left;}
.Text-align-right{ text-align:right;}
.clearfix:after {content: " "; /* Older browser do not support empty content */ visibility: hidden; display: block; height: 0; clear: both;}
.overFlow{ overflow-x:hidden;}
p{ font-size:14px; line-height:27px; color:#393939;}
.f-left{ float: left;}
.f-right{ float: right;}
svg, canvas{ pointer-events: none;}

.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

/*Reset*/

#wrapper{ width:100%; margin:0; padding:0; display:none;} 
.container{ position:relative; width:100%; max-width:1140px; margin:0 auto;}




#mainPreloader .tempFontLoad{
    position: absolute;
    top: -10000px;
}
#mainPreloader .tempFontLoad .font_hum521l{
    color:red;
    font-family:'hum521l', Arial, Helvetica, sans-serif;
}
#mainPreloader .tempFontLoad .font_Hum521n{
    color:red;
    font-family:'Hum521n', Arial, Helvetica, sans-serif;
}
#mainPreloader .tempFontLoad .font_Hum521b{
    color:red;
    font-family:'Hum521b', Arial, Helvetica, sans-serif;
}
#mainPreloader{
    position: fixed;
    left:50%;
    top:50%;
    margin-left: -120px;
    margin-top: -50px;
    z-index: 1000;
}
#mainPreloader svg{ display: none; }
#mainPreloader .loadingTx{
    font-family:'Hum521n', Arial, Helvetica, sans-serif;
    font-size:20px; 
    color:#deded4; 
    text-align:center;
    margin-top: 30px;
}
#mainPreloader .lHolder{
    /*border:solid 1px red;*/
    overflow: hidden;
    width: 250px;
    height: 100px;
}
#mainPreloader .loaderSvgFish{
    width: 50px;
    height: 50px;
    -webkit-animation: loaderFishMove 2s infinite; 
    -moz-animation: loaderFishMove 2s infinite; 
    -ms-animation: loaderFishMove 2s infinite; 
    -o-animation: loaderFishMove 2s infinite; 
    animation: loaderFishMove 2s infinite; 
    transform-origin: 25px 120px;
    margin-left: 95px;
    margin-top: 0px;
}
#mainPreloader .loaderSvgCircleLeft{    
    position: absolute;
    -webkit-animation: loaderCircleMoveLeft 2s infinite;
    -moz-animation: loaderCircleMoveLeft 2s infinite; 
    -ms-animation: loaderCircleMoveLeft 2s infinite; 
    -o-animation: loaderCircleMoveLeft 2s infinite; 
    animation: loaderCircleMoveLeft 2s infinite;  
    left:0px;
    top: 70px;
}
#mainPreloader .loaderSvgCircleRight{       
    position: absolute;
    -webkit-animation: loaderCircleMoveRight 2s infinite; 
    -moz-animation: loaderCircleMoveRight 2s infinite; 
    -ms-animation: loaderCircleMoveRight 2s infinite; 
    -o-animation: loaderCircleMoveRight 2s infinite; 
    animation: loaderCircleMoveRight 2s infinite; 
    left:180px;
    top: 70px;

}

@-webkit-keyframes loaderFishMove {
    0%   {transform: rotate(-90deg); opacity: 0; animation-timing-function: linear; }
    19%   {transform: rotate(-90deg); opacity: 0; animation-timing-function: linear; }
    20%   {transform: rotate(-90deg); opacity: 1; animation-timing-function: linear; }
    65%  {transform: rotate(90deg); opacity: 1; animation-timing-function: linear; }
    66%  {transform: rotate(90deg); opacity: 0; animation-timing-function: linear; }
    100%  {transform: rotate(90deg); opacity: 0; animation-timing-function: linear; }
}
@-moz-keyframes loaderFishMove {
    0%   {transform: rotate(-90deg); opacity: 0; animation-timing-function: linear; }
    19%   {transform: rotate(-90deg); opacity: 0; animation-timing-function: linear; }
    20%   {transform: rotate(-90deg); opacity: 1; animation-timing-function: linear; }
    65%  {transform: rotate(90deg); opacity: 1; animation-timing-function: linear; }
    66%  {transform: rotate(90deg); opacity: 0; animation-timing-function: linear; }
    100%  {transform: rotate(90deg); opacity: 0; animation-timing-function: linear; }
}
@-ms-keyframes loaderFishMove {
    0%   {transform: rotate(-90deg); opacity: 0; animation-timing-function: linear; }
    19%   {transform: rotate(-90deg); opacity: 0; animation-timing-function: linear; }
    20%   {transform: rotate(-90deg); opacity: 1; animation-timing-function: linear; }
    65%  {transform: rotate(90deg); opacity: 1; animation-timing-function: linear; }
    66%  {transform: rotate(90deg); opacity: 0; animation-timing-function: linear; }
    100%  {transform: rotate(90deg); opacity: 0; animation-timing-function: linear; }
}
@-o-keyframes loaderFishMove {
    0%   {transform: rotate(-90deg); opacity: 0; animation-timing-function: linear; }
    19%   {transform: rotate(-90deg); opacity: 0; animation-timing-function: linear; }
    20%   {transform: rotate(-90deg); opacity: 1; animation-timing-function: linear; }
    65%  {transform: rotate(90deg); opacity: 1; animation-timing-function: linear; }
    66%  {transform: rotate(90deg); opacity: 0; animation-timing-function: linear; }
    100%  {transform: rotate(90deg); opacity: 0; animation-timing-function: linear; }
}
@keyframes loaderFishMove {
    0%   {transform: rotate(-90deg); opacity: 0; animation-timing-function: linear; }
    19%   {transform: rotate(-90deg); opacity: 0; animation-timing-function: linear; }
    20%   {transform: rotate(-90deg); opacity: 1; animation-timing-function: linear; }
    65%  {transform: rotate(90deg); opacity: 1; animation-timing-function: linear; }
    66%  {transform: rotate(90deg); opacity: 0; animation-timing-function: linear; }
    100%  {transform: rotate(90deg); opacity: 0; animation-timing-function: linear; }
}



@-webkit-keyframes loaderCircleMoveLeft {
    0%   {transform: scaleX(0.2) scaleY(0.1);  opacity: 0; animation-timing-function: linear; }
    19%   {transform: scaleX(0.2) scaleY(0.1); opacity: 0; animation-timing-function: linear; }
    20%   {transform: scaleX(0.2) scaleY(0.1);opacity: 1; animation-timing-function: linear; }
    60%   {transform: scaleX(2) scaleY(0.5); opacity: 0; animation-timing-function: linear; }
    100%  {transform: scaleX(0.2) scaleY(0.1);  opacity: 0; animation-timing-function: linear; }
}
@-moz-keyframes loaderCircleMoveLeft {
    0%   {transform: scaleX(0.2) scaleY(0.1);  opacity: 0; animation-timing-function: linear; }
    19%   {transform: scaleX(0.2) scaleY(0.1); opacity: 0; animation-timing-function: linear; }
    20%   {transform: scaleX(0.2) scaleY(0.1);opacity: 1; animation-timing-function: linear; }
    60%   {transform: scaleX(2) scaleY(0.5); opacity: 0; animation-timing-function: linear; }
    100%  {transform: scaleX(0.2) scaleY(0.1);  opacity: 0; animation-timing-function: linear; }
}
@-ms-keyframes loaderCircleMoveLeft {
    0%   {transform: scaleX(0.2) scaleY(0.1);  opacity: 0; animation-timing-function: linear; }
    19%   {transform: scaleX(0.2) scaleY(0.1); opacity: 0; animation-timing-function: linear; }
    20%   {transform: scaleX(0.2) scaleY(0.1);opacity: 1; animation-timing-function: linear; }
    60%   {transform: scaleX(2) scaleY(0.5); opacity: 0; animation-timing-function: linear; }
    100%  {transform: scaleX(0.2) scaleY(0.1);  opacity: 0; animation-timing-function: linear; }
}
@-o-keyframes loaderCircleMoveLeft {
    0%   {transform: scaleX(0.2) scaleY(0.1);  opacity: 0; animation-timing-function: linear; }
    19%   {transform: scaleX(0.2) scaleY(0.1); opacity: 0; animation-timing-function: linear; }
    20%   {transform: scaleX(0.2) scaleY(0.1);opacity: 1; animation-timing-function: linear; }
    60%   {transform: scaleX(2) scaleY(0.5); opacity: 0; animation-timing-function: linear; }
    100%  {transform: scaleX(0.2) scaleY(0.1);  opacity: 0; animation-timing-function: linear; }
}
@keyframes loaderCircleMoveLeft {
    0%   {transform: scaleX(0.2) scaleY(0.1);  opacity: 0; animation-timing-function: linear; }
    19%   {transform: scaleX(0.2) scaleY(0.1); opacity: 0; animation-timing-function: linear; }
    20%   {transform: scaleX(0.2) scaleY(0.1);opacity: 1; animation-timing-function: linear; }
    60%   {transform: scaleX(2) scaleY(0.5); opacity: 0; animation-timing-function: linear; }
    100%  {transform: scaleX(0.2) scaleY(0.1);  opacity: 0; animation-timing-function: linear; }
}



@-webkit-keyframes loaderCircleMoveRight {
    0%   {transform: scaleX(0.2) scaleY(0.1);  opacity: 0; animation-timing-function: linear; }
    59%   {transform: scaleX(0.2) scaleY(0.1); opacity: 0; animation-timing-function: linear; }
    60%   {transform: scaleX(0.2) scaleY(0.1);opacity: 1; animation-timing-function: linear; }
    100%   {transform: scaleX(2) scaleY(0.5); opacity: 0; animation-timing-function: linear; }
}
@-moz-keyframes loaderCircleMoveRight {
    0%   {transform: scaleX(0.2) scaleY(0.1);  opacity: 0; animation-timing-function: linear; }
    59%   {transform: scaleX(0.2) scaleY(0.1); opacity: 0; animation-timing-function: linear; }
    60%   {transform: scaleX(0.2) scaleY(0.1);opacity: 1; animation-timing-function: linear; }
    100%   {transform: scaleX(2) scaleY(0.5); opacity: 0; animation-timing-function: linear; }
}
@-ms-keyframes loaderCircleMoveRight {
    0%   {transform: scaleX(0.2) scaleY(0.1);  opacity: 0; animation-timing-function: linear; }
    59%   {transform: scaleX(0.2) scaleY(0.1); opacity: 0; animation-timing-function: linear; }
    60%   {transform: scaleX(0.2) scaleY(0.1);opacity: 1; animation-timing-function: linear; }
    100%   {transform: scaleX(2) scaleY(0.5); opacity: 0; animation-timing-function: linear; }
}
@-o-keyframes loaderCircleMoveRight {
    0%   {transform: scaleX(0.2) scaleY(0.1);  opacity: 0; animation-timing-function: linear; }
    59%   {transform: scaleX(0.2) scaleY(0.1); opacity: 0; animation-timing-function: linear; }
    60%   {transform: scaleX(0.2) scaleY(0.1);opacity: 1; animation-timing-function: linear; }
    100%   {transform: scaleX(2) scaleY(0.5); opacity: 0; animation-timing-function: linear; }
}
@keyframes loaderCircleMoveRight {
    0%   {transform: scaleX(0.2) scaleY(0.1);  opacity: 0; animation-timing-function: linear; }
    59%   {transform: scaleX(0.2) scaleY(0.1); opacity: 0; animation-timing-function: linear; }
    60%   {transform: scaleX(0.2) scaleY(0.1);opacity: 1; animation-timing-function: linear; }
    100%   {transform: scaleX(2) scaleY(0.5); opacity: 0; animation-timing-function: linear; }
}






#headerHolder{ position:fixed; left:0px; top:0px; width:100%; margin:0; padding:0 0 0px 0; z-index:99;}
#headerHolder .container{ position:relative; padding:20px 0px 0px 0px; z-index:99;} 
.logoCon{ display:none;}
.logo{ width:140px;}
.logo img{ width:100%; height:auto;}
.menuBtn{ position:absolute; right:45px; top:30px; width:47px; height:25px; cursor:pointer;}
.navPan{ position:relative;  padding:0 0 20px 0;}
#navigation{ position:relative; width:100%; left:0px; top:0px; padding:10px 0px 40px 0px; display:none; z-index:99;}
#navigation ul{ position: relative; width:160px; margin:0 auto;}
#navigation ul li{ font-family:'Hum521n', Arial, Helvetica, sans-serif; font-size:20px; padding:5px 0px 6px 0px;}
#navigation ul li a{ display:inline-block; color:#454545; padding-bottom:5px; border-bottom:transparent 1px solid;}
#navigation ul li:hover > a{ color:#ffcb08; border-bottom:#ffcb08 1px solid;}

#navigation .subNavList{ display: none; margin:0; padding: 0; position: absolute; right: -320px; top: 30px; width: 350px; }
#navigation .subNavList span{ display:block; font-family:'Hum521n', Arial, Helvetica, sans-serif; font-size:16px; padding:2px 0px 0px 0px; }
#navigation .subNavList span a{ display:inline-block; color:#454545; padding:5px 0 5px 15px; background: url(../images/dash-subnav.gif) no-repeat left 11px; border-bottom:transparent 1px solid;}
#navigation .subNavList span:hover > a{color:#ffcb08; border-bottom:transparent 1px solid;}
.serviceNav{ position: relative; }

.subNavDownArrow{ position: absolute; right: 65px; top: 13px; cursor: pointer; }
.subNavUpArrow{ position: absolute; right: 65px; top: 13px; cursor: pointer; }
.backArrow{ position: absolute; right:0px; top: -15px; color:#303030; display: none; cursor: pointer; }
#navigation .navBdrActive{color:#ffcb08; border-bottom:#ffcb08 1px solid;}

#animBannerHolder{ position:absolute; left:0px; top:0px; width:100%;  height:180px; overflow: hidden; color:#fff; z-index:98;}
 

#waveSVG{ position:absolute; top:0; left:0px; pointer-events: none; z-index:-10; }
#waveSVGPath{ fill:#ffffff; }

.homeCon{ text-align:center;}
.svgFish{ position: absolute; width: 60px; height: 60px; top:0px; left:0px; margin-top: -30px; margin-left: -30px; display:none; }
.fishPool{ position: fixed; left:0px; bottom:0px; width: 100%; overflow:hidden;}
.bar{ display:block; position:absolute; width:100%; height:100px; font-size:100px;  top:200px; color:#ffcb08;}

.innerCon .container{ width:100%; max-width:980px; margin:0 auto; padding-top:45px;}
.innerCon h1{ font-family:'Hum521b', Arial, Helvetica, sans-serif; font-size:170px; color:#deded4; text-align:center;}
#breadcrumb { font-family:'Hum521n', Arial, Helvetica, sans-serif; font-size: 14px; color: #ffcb08; line-height: 18px; padding: 30px 0px 40px 0px;}
#breadcrumb a { color: #999999; padding-right: 12px; margin-right: 7px; background: url(../images/breadcrumb-arrow.gif) no-repeat right center; -moz-transition-duration: .2s;
    -o-transition-duration: .2s; -webkit-transition-duration: .2s; transition-duration: .2s;}
#breadcrumb a:hover{ color: #ffcb08; -moz-transition-duration: .2s; -o-transition-duration: .2s; -webkit-transition-duration: .2s; transition-duration: .2s;}


#headerHolder .st0{fill:#ffcb08;}
.fishPool .st0{fill:#ffcb08; }
.lHolder .st0{fill:#ffcb08; }

.digitalText{ width:100%; max-width:800px; font-family:'Hum521b', Arial, Helvetica, sans-serif; text-align:left; margin:0 auto; padding:0px 0px 0px 0px;}
.digitalText h1{ text-align:left; line-height:100%; padding:0;}
.theWord{ font-size:72px; color:#aaaaaa;}
.worldWord{font-size:145px; color:#aaaaaa; line-height:40px;}
.digi_market_con{}
.digi_market_con>span{ display:block; width:54%; float:left; font-size:72px; color:#ffae00; line-height:45px; padding:65px 0px 0px 0px;}
.digi_market_con .marketingWord{ width:46%;}
.digi_market_con>span:first-child{ font-size:153px; line-height:200px; padding:0;}
.withFishSense{ position:relative; width:100%; font-family:'Hum521n', Arial, Helvetica, sans-serif; font-size: 30px; color: #000000; text-align:right; padding-right:170px; margin-top:-10px;}
.spanWaveTx{display: block; float: left;}
.withFishSense span{ position:relative;}
.withFishSense sup{ position:absolute; right:-25px; top:-3px; font-size:15px;}
.homeLinksCon{ font-family:'Hum521n', Arial, Helvetica, sans-serif; font-size: 18px; color: #000000; text-align:center; padding-top:100px;}
.homeLinksCon a{ color:#000000; border-bottom:#000000 2px solid; -moz-transition-duration: .2s; -o-transition-duration: .2s; -webkit-transition-duration: .2s; transition-duration: .2s;}
.homeLinksCon a:hover{ color:#ffcb08; border-bottom:#ffcb08 2px solid; -moz-transition-duration: .2s; -o-transition-duration: .2s; -webkit-transition-duration: .2s; transition-duration: .2s;}
.homeLinksCon span{ display:inline-block; padding:0 5px 10px 4px;}
/*.homeLinksCon span:first-child{ background:url(../images/link-line.jpg) no-repeat right 4px; padding:0 12px 6px 10px;}*/

.innerBanner{ width:100%; padding-top:0px; margin-bottom:20px;}
.ban_lt{ width:56%; float:left;}
.containerOurWorkInner .ban_lt{ width:65%; float:left;}
.ban_lt h2{ font-family:'Hum521n', Arial, Helvetica, sans-serif; font-size: 50px; color: #ffcb08;}
.ban_lt h2 span{ display:block; font-family:'Hum521b', Arial, Helvetica, sans-serif; color:#000000;}
.ban_rt{ position:relative; width:23%; float:left; margin:-11% 0 0 -5%; z-index:9;}
.ban_rt img{ width:100%; height:auto;}

.containerOurWorkInner #breadcrumb{
    padding: 0px 0 25px 0;
}
.containerOurWorkInner .CaseStudies_title{
    padding-bottom: 30px;
}
.innerCon .containerOurWorkInner  h1{
    font-size: 46px;
    color: #deded4;
    text-align: left;
}


.sectDetails{ padding:0px 0px 50px 0px;}
.cs_tab_con{ width:100%;}
.cs_tab_con ul{ margin:0; padding:0;}
.cs_tab_con ul li{ display:inline-block; width:24.50%; font-family:'Hum521n', Arial, Helvetica, sans-serif; font-size:18px; color:#000000; text-align:center; text-transform:uppercase; background:#ffffff; cursor:pointer;}
.cs_tab_con ul li:first-child{ margin:0;}



.cs_tab_con .cs_tab_detCon{  padding:25px 0px 0px 0px; display:none;}

.cs_tab_con .cs_tab_detCon p{ font-family:'Hum521n', Arial, Helvetica, sans-serif; font-size:16px; color:#363636; line-height:27px; padding-bottom:15px;}
.cs_tab_con .cs_tab_detCon p span{ font-weight:bold;}
.cs_tab_con .cs_tab_detCon p a{ color: #363636}
.cs_tab_con .cs_tab_detCon p a:hover{ color: #ffcb08}
.cs_tab_con .cs_tab_detCon ul{ margin:0; padding:0;}
.cs_tab_con .cs_tab_detCon ul li{ display:block; width:100%; float:none; font-family: 'Hum521n', Arial, Helvetica, sans-serif; font-size: 16px; color: #363636; text-align:left; line-height: 100%; text-transform:none; margin:0; padding:7px 0px 8px 17px; background:url(../images/bullet.png) no-repeat left 11px;}


.cs_slider_con {width: 100%; overflow:hidden;}
.cs_slider_con .item{display: none;}
.cs_slider_con .item img{width: 100%;}
.cs_slider_con, .cs_video_con{ width:100%; padding:20px 10px 0 10px;}

.cs_slider_con .owl-prev { position: absolute; left: 10px!important; top: 50%; background: url(../images/prev.png) center no-repeat; display: block!important; height: 73px; width: 36px; margin-top:-36px; color:transparent;}
.cs_slider_con .owl-next { position: absolute; right: 10px!important; top: 50%; background: url(../images/next.png) center no-repeat; display: block!important; height:73px; width: 36px; margin-top:-36px; color:transparent;}

.cs_slider_con .owl-dots{ position: relative; margin: 10px auto 0 auto; text-align: center; display: none!important;  }
.cs_slider_con .owl-dot{ display: inline-block; width: 10px; height: 10px; background: #deded4; margin: 0 5px; border-radius: 200px 200px 200px 200px; -moz-border-radius: 200px 200px 200px 200px; -webkit-border-radius: 200px 200px 200px 200px; }
.cs_slider_con .owl-dot.active{ background: #ffcb08; }

.video-container { height: 0; padding-bottom: 56.25%; position: relative;}
.video-container iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;}

.our_work{ width:100%;}
.ourWork_blurb_con{ width:100%; padding:30px 0px 0px 0px;}
.ourWork_blurb{ width:22%; min-height: 310px; float:left; font-family:'Hum521n', Arial, Helvetica, sans-serif; text-align:center; margin:0 1.5% 4% 1.5%; display:none;}
.ourWork_blurb img{ width:100%; height:auto;}
.ourWork_blurb h2{ font-family:'Hum521n', Arial, Helvetica, sans-serif; font-size:18px; color:#363636; text-transform:uppercase; padding:20px 0 15px 0; }
.ourWork_blurb p{ font-size:15px; color:#999999; line-height:100%;}
.ourWork_btn_con{ width:100%; max-width:225px; margin:20px auto 50px auto;}

.bubbleImgHolder{
    position: relative;
    width:100%;
    /*border: solid 1px blue;*/
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%; 
    overflow: hidden;
	z-index:9;
  }

  .bubbleImgHolder .maskDiv{
    position: relative;
    width:100%;
    height: auto;
  }
  .bubbleImgHolder .bubbleOrgImg{
    /*margin-top: -100px;*/
    width:100%;
    height: auto;
  }




#wrapper .ourWork_btn_con .mdl-button{ line-height:100%; padding:12px 0 9px 0; margin-bottom:10px; }
#wrapper .ourWork_btn_con .mdl-button.viewMore{ background:#ffcb08; /*display:none;*/} 
#wrapper .ourWork_btn_con .mdl-button.cta{ background:#ffffff;} 
#wrapper .ourWork_btn_con .mdl-button.viewMore .mdl-ripple{ background:#f4f4f4;}
#wrapper .ourWork_btn_con .mdl-button.cta .mdl-ripple{ background:#ffcb08;}


#wrapper .mdl-button{ width:100%; height:auto; font-family:'Hum521n', Arial, Helvetica, sans-serif; font-size:18px; color:#000000; line-height:100%; background:none; padding:10px; box-shadow:none; border-radius:0; margin:0;}
#wrapper .mdl-button:hover{ background:#ffcb08;}
#wrapper .mdl-button .mdl-ripple{ background:#ffcb08;}
#wrapper .cs_tab_active{ background:#ffcb08;}
#wrapper .cs_tab_con .mdl-button{ min-height:55px; padding:0;}

.testimonials{ width:100%;}
.tst_blurb_con{ padding:0 0 65px 0;}
.tst_profile_pic{ width:23%; text-align:center; }
/*.tst_profile_pic{ width:30%; text-align:center; transform-origin: center top; transform: translate3d(0,0,-300px) rotateZ(-3deg) rotateY(30deg) rotateX(-15deg); transition-property: transform,opacity; transition-duration: 3s,.3s; transition-timing-function: cubic-bezier(.755,.05,.855,.06),ease; opacity: 0!important;}
.tst_profile_pic.current{transform: translate3d(0,0,0) rotateZ(0deg) rotateY(0deg) rotateX(0deg); transition: transform 2s cubic-bezier(.23,1,.32,1) .2s,opacity .6s ease .2s; opacity: 1!important;}*/
.tst_words{ width:70%; font-family:'Hum521n', Arial, Helvetica, sans-serif; color:#363636; }
.tst_blurb_con .f-left{ /**/margin-left:3%;}
.tst_blurb_con .f-right{ margin-right:3%;}
.tst_words h2{ font-size:18px; text-transform:uppercase; padding:10px 0;}
.designation{ font-size:15px; color:#999999;}
.tst_words p{ font-size:16px; line-height:27px; padding-top:35px;}
.tst_words  a{ display:block; color:#ffcb08;}


.clientHolder .container{ width: 100%; max-width: 880px; margin:0 auto; padding-top: 45px; }
.clientsCon{ width:100%;}
.clientsCon ul{ margin:0; padding:30px 0 150px 0;}
.clientsCon ul li{ display:inline-block; width:100%; max-width: 180px; text-align:center; margin:0 2% 5% 2%; padding:0;}
.clientsCon ul li img{ width:100%; height:auto;}

.contactUs{ width:100%;}
.contactUs ul{ margin:0; padding:0;}
.contactUs ul li{ display:inline-block; width:24.33%; font-family:'Hum521n', Arial, Helvetica, sans-serif; font-size:18px; color:#000000; text-align:center; text-transform:uppercase; /*background:#f4f4f4;*/ cursor:pointer;}
.contactUs ul li:first-child{ margin:0;}
.contactUs p{ font-family:'Hum521n', Arial, Helvetica, sans-serif; font-size:16px; padding-bottom:25px; line-height:100%;}

.formCon{ position:relative; width:100%; max-width:470px; padding:20px 0px 0px 0px; z-index:9;}
.formCon p{ position:relative; line-height:100%; padding:0;}
/*.formCon label{ position:relative; }*/
.textBox{ position:relative; width:100%; font-family:'Hum521n', Arial, Helvetica, sans-serif; font-size:16px; color:#363636; padding:10px; margin:5px 0; border:none; background:#ffffff; outline:none; border:transparent 1px solid;}
.formCon label span{ display:none;}
.selectBox{ width:100%; font-family:'Hum521n', Arial, Helvetica, sans-serif; font-size:16px; color:#363636; padding:10px; margin:5px 0; border:none; background:#ffffff url(../images/select-arrow.png) no-repeat 98% center ; outline:none; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor:pointer; border:transparent 1px solid;}
.selectBox option span{ color:#ffcb08;}
.textArea{ width:100%; font-family:'Hum521n', Arial, Helvetica, sans-serif; font-size:16px; color:#363636; padding:10px; margin:5px 0; border:none; background:#ffffff; outline:none; resize: none; border:transparent 1px solid; resize: none;}
.title { font-family:'Hum521n', Arial, Helvetica, sans-serif; font-size:16px; color:#363636; position: absolute; left: 10px; top: 1px; z-index: 1;}
.symbol { color: #363636;}
input[type="text"]:focus, input[type="text"]:active, input[type="text"].active {
    z-index: 2;
}

.inputfile { opacity: 0; overflow: hidden; /* position: absolute; */ z-index: -1; float: right; width: 100%; position: relative;}
.inputfileT { opacity: 0; overflow: hidden; position: absolute; z-index: -1; }
.inputfile-2 + label { font-family:'Hum521n', Arial, Helvetica, sans-serif; font-size:16px; color:#363636; max-width:145px; font-size:16px; color: #ffffff; font-weight:500; padding:5px 25px; background-color: #363636; cursor:pointer; overflow:hidden;}
.inputfile-2 + label:hover { background-color: #ffcb08;}
.leftfileup {display:inline-block;font-family:'Hum521n', Arial, Helvetica, sans-serif; font-size:16px; color:#363636;  text-align:left; font-weight:400; padding:5px 0; }
.formCon label span{ display: block; }
/*.inputfile-2 + label {     max-width: 118px;    font-size: 16px;    color: #ffffff;    font-weight: 500;    padding: 5px 15px;    background-color: #0f305b;    cursor: pointer;    overflow: hidden; margin-left:10px;}*/



.mdl-layout { align-items: center; justify-content: center;}
.mdl-layout__content { padding: 24px; flex: none;}
.mdl-button { margin-top: 10px; margin-bottom: 10px; margin-right: 10px;}
#wrapper .mdl-textfield__input{ font-family:'Hum521n', Arial, Helvetica, sans-serif; border-bottom:#363636 1px solid;}
#wrapper .mdl-textfield__label:after{ color:#ffffff!important; background-color:#ffcb08;}
#wrapper .mdl-textfield, #wrapper .mdl-textfield__label{ width:100%; font-family:'Hum521n', Arial, Helvetica, sans-serif; font-size:16px; color:#363636;}
#wrapper .mdl-textfield--floating-label.is-focused .mdl-textfield__label{ font-size:14px; color:#cfcfcf;}
#wrapper .mdl-textfield--floating-label.is-dirty .mdl-textfield__label{ font-size:14px; color:#cfcfcf;}
#wrapper .mdl-textfield__label{ color:#363636;}
#wrapper .mdl-textfield--floating-label .mdl-textfield__label{ color:#363636;}
#wrapper .mdl-selectfield, #wrapper .mdl-textfield{ margin-top:-3px; }
#wrapper .mdl-selectfield{ width:100%!important; margin-top:-10px; }
#wrapper .mdl-selectfield__box>.mdl-selectfield__arrow-down__container .mdl-selectfield__arrow-down{ border:none;}
#wrapper .mdl-selectfield__box>.mdl-selectfield__arrow-down__container{ width:16px; height:8px; right:4px; background:url(../images/select-arrow.png) no-repeat right center;}
#wrapper .mdl-selectfield__list-option-box ul li:first-child{ display:none;}
#wrapper .mdl-selectfield__list-option-box ul{ padding:10px 0;}
#wrapper .mdl-selectfield__list-option-box ul li{ display:block; width:100%; font-family:'Hum521n', Arial, Helvetica, sans-serif; font-size:16px; color:#363636; margin:0; text-align:left; padding:5px 10px;}
#wrapper .mdl-selectfield__box{ font-family:'Hum521n', Arial, Helvetica, sans-serif; top:30px; border-bottom:#363636 1px solid;}
#wrapper .mdl-selectfield__select{ padding: 2px 0 4px 0; /*z-index: 5!important*/}
#wrapper .mdl-selectfield__box .mdl-selectfield__box-value, .mdl-selectfield__label, #wrapper .mdl-selectfield__label{ font-family:'Hum521n', Arial, Helvetica, sans-serif; font-size:16px; color:#363636;}
#wrapper .mdl-selectfield--floating-label.is-focused .mdl-selectfield__label{ font-size:14px; color:#cfcfcf;}
#wrapper .mdl-selectfield--floating-label.is-dirty .mdl-selectfield__label{ font-size:14px; color:#cfcfcf;}

#wrapper .mdl-textfield__error{ padding-bottom: 5px; }


.textBox:focus, .selectBox:focus, .textArea:focus{border:#ffcb08 1px solid; }
.formCon .errMsg{ border-bottom:#ff0000 1px solid!important;}

.formCon ::-webkit-input-placeholder { color:#363636;}
.formCon ::-moz-placeholder { color:#363636;}
.formCon :-ms-input-placeholder { color:#363636;}
.formCon :-moz-placeholder{ color:#363636;}

#wrapper .formCon .mdl-button{ font-size:18px; color:#ffffff; line-height:100%; padding:10px 0 8px 0; margin:10px 0; background:#363636; }
#wrapper .formCon .mdl-button.activeForm{ background:#ffcb08;}
#wrapper .formCon .mdl-button .mdl-ripple{ background:#ffffff;}

#wrapper .contactForTab .mdl-button{ font-size:18px; color:#363636; line-height:100%; padding:10px 0 10px 0; background:#ffffff; border:#f4f4f4 1px solid; }
#wrapper .contactForTab .mdl-button:hover{background:#ffcb08; }
#wrapper .contactForTab .mdl-button.activeForm{ background:#ffcb08; border:#ffcb08 1px solid;}
#wrapper .contactForTab .mdl-button .mdl-ripple{ background:#ffffff;}

.addressCon{ width:100%; padding:45px 0px 100px 0px;}
.cityCon{ width:25%; float:left; min-width:245px; padding:10px 15px 0px 0px;}
.add50{ width:30%; float:left;}
.add50 h2{ font-family:'Hum521n', Arial, Helvetica, sans-serif; font-size:18px; color:#000000; line-height:27px; text-transform:uppercase;}
.get_in_touch h2{ visibility:hidden; padding-bottom:10px;}
.add50 p{ font-family:'Hum521n', Arial, Helvetica, sans-serif; font-size:16px; color:#000000; line-height:27px; padding-top:20px;}
.add50 p a{ color:#000000; -moz-transition-duration: .2s; -o-transition-duration: .2s; -webkit-transition-duration: .2s; transition-duration: .2s;}
.add50 p a:hover{ color:#ffcb08; -moz-transition-duration: .2s; -o-transition-duration: .2s; -webkit-transition-duration: .2s; transition-duration: .2s;}
.cities p{ display:block;}
.cities{ width:100%;}

#wrapper .add50 .mdl-button{ display:block; width:50%; font-size:18px; color:#000000; line-height:100%; text-transform:none; padding:10px 0 8px 0; margin:0px 0; cursor:default; }
#wrapper .add50 .mdl-button.activeCity{ background:#ffcb08;}
#wrapper .add50 .mdl-button .mdl-ripple{ background:#ffcb08;}


.fishSense p{ font-family:'Hum521n', Arial, Helvetica, sans-serif; font-size:16px; color:#363636; line-height:27px; padding:0 0 25px 0;}
.fishSense p span{ font-family:'Hum521b', Arial, Helvetica, sans-serif;}
.fishSense h2{ font-family:'Hum521n', Arial, Helvetica, sans-serif; font-size:22px; color:#363636; padding:0 0 10px 0;}
.fishSense ul{ margin:0; padding:0 0 25px 20px;}
.fishSense ul li{ font-family:'Hum521n', Arial, Helvetica, sans-serif; font-size:16px; color:#363636; text-align: left; line-height: 100%; text-transform: none; margin: 0; padding: 7px 0px 8px 17px; background: url(../images/bullet.png) no-repeat left 12px;}



.bcwebwise{ width:100%; max-width:720px; padding-bottom:50px;}
.bcwebwise p{ font-family:'Hum521n', Arial, Helvetica, sans-serif; font-size:16px; color:#363636; line-height:27px; padding:0 0 20px 0;}
#wrapper .bcwebwise .mdl-button{ display:block; width:235px; font-size:16px; color:#000000; line-height:100%; text-transform:uppercase; padding:10px 0 8px 0; margin:0px 0 25px 0; border:#f4f4f4 2px solid; background:#ffffff; }
#wrapper .bcwebwise .mdl-button .mdl-ripple{ background:#ffcb08;}
.empower{ font-family:'Hum521n', Arial, Helvetica, sans-serif; font-size:16px; font-weight: bold; color:#363636; padding:0 0 20px 0;}

#wrapper .hm_page .mdl-button:hover{ background:#ffcb08; }


.about_us p{ font-family:'Hum521n', Arial, Helvetica, sans-serif; font-size:16px; color:#363636; line-height:27px; padding:0 0 20px 0;}
.about_us p a{ color:#363636; text-decoration:underline;}
.about_us p b a{ color:#363636; text-decoration:none; font-weight:bold; -moz-transition-duration: .2s; -o-transition-duration: .2s; -webkit-transition-duration: .2s; transition-duration: .2s;}
.about_us p a:hover{ color:#ffcb08; -moz-transition-duration: .2s; -o-transition-duration: .2s; -webkit-transition-duration: .2s; transition-duration: .2s;}
.about_us p sup{ font-size:12px; }
#wrapper .about_us .mdl-button{ display:block; width:235px; font-size:16px; color:#000000; line-height:100%; text-transform:uppercase; padding:10px 0 8px 0; margin:0px 0 25px 0; border:#f4f4f4 2px solid; background:#ffffff; }
#wrapper .about_us .mdl-button .mdl-ripple{ background:#ffcb08;}
.about_us h2{ font-size:24px; color:#363636; padding:10px 0 20px 0;}
#wrapper .about_us .mdl-button:hover{ background:#ffcb08; }

.solutions{ padding-bottom:300px;}
.solutions p{ font-family:'Hum521n', Arial, Helvetica, sans-serif; font-size:16px; color:#363636; line-height:27px; padding:0 0 20px 0;}
.solutions p a{ color:#363636; text-decoration:underline; }
.solutions h2{ font-family:'Hum521n', Arial, Helvetica, sans-serif; font-size:24px; color:#363636; padding:0 0 25px 0;}
.solutions_type{ width:100%;}
.solutions_type ul{ margin:0; padding:0;}
.solutions_type ul li{ display:inline-block; width:49%; margin:0 0 7px 0; padding:0; border:#f4f4f4 2px solid; background:#ffffff;}
.solutions_type ul li:last-child{/* margin-top:-7px;*/}
#wrapper .solutions_type .mdl-button{ width:100%; min-height:50px; font-size:15px; color:#363636; line-height:100%; text-transform:uppercase; padding:10px 0 8px 0; margin:0px 0; }
#wrapper .solutions_type .mdl-button .mdl-ripple{ background:#ffcb08;}
.innerCon .sol_con{ width:100%; max-width:720px; margin:0 auto;}

.solutionBullets{ margin:0; padding:0 0 30px 0;}
.solutionBullets li{ display:block; width:100%; float:none; font-family: 'Hum521n', Arial, Helvetica, sans-serif; font-size: 16px; color: #363636; text-align:left; line-height: 20px; text-transform:none; margin:0; padding:0px 0px 15px 17px; background:url(../images/bullet.png) no-repeat left 8px;}
.solutionBullets li span{ font-weight:bold;}

.cs_tab_con .cs_tab_detCon ul{ margin:0; padding:0;}
.cs_tab_con .cs_tab_detCon ol{ margin: 0; padding:0; }
.cs_tab_con .cs_tab_detCon ul li, .cs_tab_con .cs_tab_detCon ol li{ display:block; width:100%; float:none; font-family: 'Hum521n', Arial, Helvetica, sans-serif; font-size: 16px; color: #363636; text-align:left; line-height: 100%; text-transform:none; margin:0; padding:7px 0px 8px 17px; background:url(../images/bullet.png) no-repeat left 11px;}

.ventures { width:100%; text-align:center; padding-bottom:100px;}
.ventures p{ text-align:left; padding-bottom:30px;}
.ventures .ven_blurb{ display:block; width:22%; float: left; font-family:'Hum521n', Arial, Helvetica, sans-serif; text-align:center; margin:0 1.5% 4% 1.5%;}
.ventures .ven_blurb img{ width:100%; height:auto;}
.ventures .ven_blurb h2{ font-family:'Hum521n', Arial, Helvetica, sans-serif; font-size:18px; color:#363636; text-transform:uppercase; padding:20px 0 15px 0; }

.awards { width:100%; text-align:left; padding-bottom:100px;}
.awards p{ text-align:left; padding-bottom:30px;}
.awards .awards_blurb{ display:inline-block; width:29%; font-family:'Hum521n', Arial, Helvetica, sans-serif; text-align:center; margin:0 1.5% 4% 1.5%; vertical-align: top;}
.awards .awards_blurb .bubbleImgHolder {width:80%; margin:0 auto;}
.awards .awards_blurb img{ width:100%; height:auto;}
.awards .awards_blurb .awardLogoImg{/*width:50%;*/ width:auto; /*height:auto;*/}
.awards .awards_blurb h2{ font-family:'Hum521n', Arial, Helvetica, sans-serif; font-size:18px; color:#363636; text-transform:uppercase; padding:10px 0 5px 0; }
.awards .awards_blurb p{ font-family:'Hum521n', Arial, Helvetica, sans-serif; font-size:15px; color:#b1b1af; line-height: 18px; text-align: center; padding:0 0 10px 0; }
.awd_type_icon{ text-align: center; padding-top: 15px; }
.awards .awd_type_icon img{ width: 32px; height: 32px; }

.ourTeamHolder{ overflow-x: hidden; }
.ourTeam h2{ font-size:24px; color:#363636; line-height: 40px;}
.ourTeam h2 span{ font-size:36px; color:#000000;}
.ourTeam .ban_rt{ width:45%;}
.ourTeam .ban_lt{ padding-top: 50px;}
.ourTeam p{font-family:'Hum521n', Arial, Helvetica, sans-serif; font-size:16px; color:#363636;}
.ourTeam p a{ font-family:'Hum521b', Arial, Helvetica, sans-serif; color:#363636; text-decoration:underline; }
.ourTeam .ourWork_btn_con{ margin:40px auto 200px auto;}

.teamTabCon{ width:100%; padding:60px 0 115px 0; z-index:999; }
.teamTabCon ul{ margin:0; padding:0;}
.teamTabCon ul li{ display:inline-block; width:24%;   margin:0 0.3% 0.9% 0.3%; padding:0;}
.teamTabCon ul li:first-child{ width:100%; text-align:center;}
.teamDescription{ display:none;}
#wrapper .teamTabCon .mdl-button{ width:100%; min-height:55px; font-family:'Hum521n', Arial, Helvetica, sans-serif; font-size:18px; color:#363636; line-height:100%; font-weight:bold; text-transform:none; padding:10px 0 8px 0; margin:0px 0; background-color:#ffffff; }
#wrapper .teamTabCon .mdl-button:hover, #wrapper .teamTabCon .mdl-button.activeTeam{ background-color:#ffcb08;}
#wrapper .teamTabCon .mdl-button .mdl-ripple{ background:#ffffff;}
.teamTabCon ul li:first-child .mdl-button{ width:24%!important; margin:0 auto!important;}

.innerTeam{ text-align:center;}
.innerTeam h2{ font-family:'Hum521b', Arial, Helvetica, sans-serif; font-size:36px; color:#000000;}
.innerTeam .teamBlurbCon{ margin:0; padding:25px 0px 0px 0px;}
.teamBlurbCon .teamList{ position:relative; display:inline-block; width:22%; margin:0 1%; text-align:center; cursor:pointer; vertical-align: top;}
.teamBlurbCon .teamList:nth-child(even) { padding-top: 25px; }
.teamBlurbCon .teamList h3{ font-family:'Hum521n', Arial, Helvetica, sans-serif; font-size:18px; color:#000000; padding:15px 0px 0px 0px; visibility: visible;}

.teamBlurbCon .teamList .tm_active_arrow{ position: absolute; left: 50%; bottom: -47px; margin:0 0 0 -15px; display: none; }
.teamBlurbCon .teamList:nth-child(even) .tm_active_arrow{bottom: -22px; }
.teamBlurbCon .teamList .tm_act_arrow_show{ display: block; }

.teamBlurbCon .teamList .murtArrow{ bottom: -22px; }
.teamBlurbCon .teamList .newMemArrow{ bottom: -22px; }

.innerTeam h3 span{ display:block; min-height: 41px; font-size:15px; color:#636363; padding:5px 0px 0px 0px;}
.aboutPerson{ margin-top: 20px; margin-bottom: 20px; padding:20px 35px 20px 35px; background-color: #ffffff; border:#e1e1d9 2px solid; border-radius: 40px 40px 40px 40px; -moz-border-radius: 40px 40px 40px 40px; -webkit-border-radius: 40px 40px 40px 40px; display:none;}
.mainPplDesc{ padding:20px 35px 20px 35px; background-color: #ffffff; border:#e1e1d9 2px solid; border-radius: 40px 40px 40px 40px; -moz-border-radius: 40px 40px 40px 40px; -webkit-border-radius: 40px 40px 40px 40px;}

.aboutPerson p{font-family:'Hum521n', Arial, Helvetica, sans-serif; font-size:16px; color:#363636; line-height:27px; text-align:left; padding:0 0 30px 0;}

#mangesh, #monica, #leeladhar, #siddharth, #manoj, #anthony, #murtaza, #monica{ display:block;}
.teamBlurbCon .teamList .activeDesignation{ visibility: visible;}
/*Navigation*/
#nav-icon1 {
	display:block;
  width: 47px;
  height: 30px;
  /*position: absolute; right:15px; top:11px;*/
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon1 span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #000000;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
  border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
}

#nav-icon1 span:nth-child(1) {
  top: 0px;
}

#nav-icon1 span:nth-child(2) {
  top: 10px;
}

#nav-icon1 span:nth-child(3) {
  top: 20px;
}

#nav-icon1.open span:nth-child(1) {
  top: 8px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

#nav-icon1.open span:nth-child(3) {
  top: 8px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
/*Navigation*/

#footerHolder{ padding:10px; background-color:#ffffff; display:block; padding:35px 0;}
#footerHolder ul{ margin:0; padding:0px;}
#footerHolder ul li{ display:block; width:23%; height:215px; float:left; margin:0; padding:20px 25px; border-left:#cfcfcd 1px solid;}
#footerHolder ul li.third_div{ display:block; width:30%;}
#footerHolder ul li:first-child{ border:none;}
#footerHolder .links{ width:50%; float:left; font-family:'hum521n', Arial, Helvetica, sans-serif; font-size:14px; color:#000000; padding:0 0 12px 0;}
#footerHolder a{ color:#000000;}
#footerHolder a:hover{ color:#ffcb08;}
#footerHolder h3{ font-family:'Hum521l', Arial, Helvetica, sans-serif; font-size:14px; color:#000000; font-weight:bold; padding-bottom:10px;}
#footerHolder .getInTouch ul li{ width:80%; height:auto; font-size:13px; color:#000000; padding:10px 0px 10px 11px; background:url(../images/ft-bullet.png) no-repeat left 15px; border:none;}
#footerHolder .getInTouch p{font-family:'hum521n', Arial, Helvetica, sans-serif;}
#footerHolder .social{ margin:5px 0 0-6px;}
#footerHolder span{ display:block; width:36px; height:36px; float:left; margin:0 5px; overflow:hidden;}
.sc_fb{ background:url(../images/social.gif) no-repeat -9px top;}
.sc_yt{ background:url(../images/social.gif) no-repeat -52px top;}
.sc_tw{ background:url(../images/social.gif) no-repeat -96px top;}
.sc_insta{ background:url(../images/social.gif) no-repeat -141px top;}
.sc_linked{ background:url(../images/social.gif) no-repeat -185px top;}
.sc_gplus{ background:url(../images/social.gif) no-repeat -229px top;}

.sc_fb:hover{ background:url(../images/social-hover.jpg) no-repeat -9px top;}
.sc_yt:hover{ background:url(../images/social-hover.jpg) no-repeat -52px top;}
.sc_tw:hover{ background:url(../images/social-hover.jpg) no-repeat -96px top;}
.sc_insta:hover{ background:url(../images/social-hover.jpg) no-repeat -141px top;}
.sc_linked:hover{ background:url(../images/social-hover.jpg) no-repeat -185px top;}
.sc_gplus:hover{ background:url(../images/social-hover.jpg) no-repeat -229px top;}


.partner{ margin:0px 0px 24px 0px;}

.mdl-selectfield{position:relative;display:inline-block;box-sizing:border-box;width:300px;max-width:100%;margin:0;vertical-align:middle;line-height:20px;font-size:16px;padding:20px 0;/*z-index:inherit*/}
.mdl-selectfield__select{visibility:hidden;font-size:16px;margin:2px 0 3px 0;padding:0;width:100%; z-index: auto!important;}
.mdl-selectfield__label{color:rgba(0,0,0, 0.26);vertical-align:middle;bottom:0;font-size:16px;left:0;right:0;pointer-events:none;position:absolute;display:block;top:24px;width:100%;overflow:hidden;white-space:nowrap;text-align:left}
.mdl-selectfield.is-dirty .mdl-selectfield__label,.mdl-selectfield.is-focused .mdl-selectfield__label{visibility:hidden}
.mdl-selectfield--floating-label .mdl-selectfield__label{transition-duration:.2s;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}
.mdl-selectfield--floating-label.is-dirty .mdl-selectfield__label,.mdl-selectfield--floating-label.is-focused .mdl-selectfield__label{color:rgb(63,81,181);font-size:12px;top:4px;visibility:visible}
.mdl-selectfield.is-disabled.is-disabled .mdl-selectfield__label{color:rgba(0,0,0, 0.26)}
.mdl-selectfield.is-invalid .mdl-selectfield__label{color:rgb(213,0,0)}
.mdl-selectfield__error{color:rgb(213,0,0);position:absolute;font-size:12px;margin-top:3px;visibility:hidden;display:block;white-space:nowrap}
.mdl-selectfield.is-invalid .mdl-selectfield__error{visibility:visible}
.mdl-selectfield.is-focused .mdl-selectfield__error,.mdl-selectfield--floating-label.is-focused .mdl-selectfield__error{visibility:hidden}
.mdl-selectfield__box{position:absolute;top:24px;left:0;right:0;bottom:19px;border-bottom:1px solid rgba(0,0,0, 0.12);outline:none;overflow:hidden;cursor:pointer}.mdl-selectfield__box>.mdl-selectfield__arrow-down__container{position:absolute;top:50%;margin-top:-4px;right:0;height:5px;width:10px;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;padding-left:7px;padding-right:7px}
.mdl-selectfield__box>.mdl-selectfield__arrow-down__container .mdl-selectfield__arrow-down{display:block;width:0;height:0;outline:none;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid rgba(0,0,0, 0.26)}
.mdl-selectfield.is-invalid .mdl-selectfield__box>.mdl-selectfield__arrow-down__container .mdl-selectfield__arrow-down{border-top-color:rgb(213,0,0)}
.mdl-selectfield.is-focused .mdl-selectfield__box>.mdl-selectfield__arrow-down__container{visibility:hidden}
.mdl-selectfield__box .mdl-selectfield__box-value{position:absolute;left:0;top:0;font-size:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;outline:none;white-space:nowrap;width:92%;overflow:hidden}
.mdl-selectfield.is-focused .mdl-selectfield__box{outline:none;visibility:hidden}
.mdl-selectfield.is-invalid .mdl-selectfield__box{border-color:rgb(213,0,0)}
.mdl-selectfield.is-disabled .mdl-selectfield__box{border-bottom:1px dotted rgba(0,0,0, 0.12);color:rgba(0,0,0, 0.26)}
.mdl-selectfield__list-option-box{position:absolute;left:0;top:24px;right:0;display:none;background:rgb(255,255,255);margin:0;padding:0;border:none;border-radius:2px;opacity:0;box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.12);transition:opacity .2s cubic-bezier(0.4, 0, 0.2, 1);z-index:-1;min-width:124px;max-height:300px;overflow-x:hidden;overflow-y:auto}
.mdl-selectfield__list-option-box ul{margin:0;padding:5px 0;list-style:none}
.mdl-selectfield__list-option-box ul>li{font-size:16px;color:rgba(33,33,33,0.87);line-height:19px;min-height:19px;padding:10px 14px 8px 14px;transition:background-color cubic-bezier(0.4, 0, 0.2, 1);cursor:pointer;outline:none;box-sizing:content-box}
.mdl-selectfield__list-option-box ul>li:hover,.mdl-selectfield__list-option-box ul>li.is-selected{background-color:#f8f8f8}
.mdl-selectfield__list-option-box ul>li.is-disabled{color:rgba(0,0,0, 0.26);background-color:rgb(255,255,255);cursor:default}
.mdl-selectfield.is-focused .mdl-selectfield__list-option-box{display:block;opacity:1;z-index:999}


/*Mobile screen rotation*/
#autoRotateDiv{
   display: none;
   position: fixed;
   width: 100%;
   height: 100%;
   z-index: 10000;
   top:0px;
   left: 0px;
   background: #f2f2ed;    
}
#rotateSvg{
   position: absolute;
   left:50%;
   top:50%;
   margin-top: -50px;
   margin-left: -50px;
   -webkit-transform: rotate(-90deg);
   -moz-transform: rotate(-90deg);
   -o-transform: rotate(-90deg);
   transform: rotate(-90deg);
   color:#4a4a4a;

}


/*Careers*/
.careerCon{ font-family:'Hum521n', Arial, Helvetica, sans-serif; color:#363636; padding-bottom: 200px;}
.careerCon p{ font-size:16px; line-height:27px; padding:0 0 20px 0;}
.careerCon p a{ color:#363636; text-decoration:underline; }
.careerCon h2{font-size:24px; color:#363636; padding:25px 0px 15px 0px; }

.careerCon .acc_tl{ position: relative; width: 100%; font-size: 16px; text-align: left; text-transform: none; background-color: #ffffff; padding:20px 20px; cursor: pointer; }
.acc_tl .mdl-ripple{ background:#ffcb08;}

#wrapper .careerCon .mdl-button{ line-height:100%; padding:20px 20px;  background-color: #ffffff; margin-top: 5px; }
#wrapper .careerCon .mdl-button.acc_tl .mdl-ripple{ background:#ffcb08;}

.circle_plus{ position: absolute; right: 20px; top: 17px; width: 22px; height: 22px;}
.closed .hor_Line{ display:block; position: absolute; top: 10px; left: 0px;  width: 100%; height: 3px; background-color: #363636; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);  transition: all 0.5s ease-in-out; opacity: 1; }
.closed .ver_Line{ display:block; position: absolute; top: 10px; left: 0px; width: 100%; height: 3px; background-color: #363636; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);  transition: all 0.5s ease-in-out;}

.opened .hor_Line{ display:block; position: absolute; top: 10px; left: 0px; width: 100%; height: 3px; background-color: #363636; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);  transition: all 0.5s ease-in-out; opacity: 0; }
.opened .ver_Line{ display:block; position: absolute; top: 10px; left: 0px; width: 100%; height: 3px; background-color: #363636; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);  transition: all 0.5s ease-in-out;}

.acc_det_con{ font-family:'Hum521n', Arial, Helvetica, sans-serif; padding:20px; background-color: #ffffff; display: none; }
.acc_sect_tl{ font-size: 16px; color: #363636; font-weight: bold; padding-bottom: 6px; }
.acc_det_con ul{ margin:0; padding: 0 0 30px 0; }
.acc_det_con ul li{ font-size: 16px; color: #363636; background: url(../images/ft-bullet.png) no-repeat left 11px; margin:0; padding: 6px 0px 6px 20px; }
.acc_det_con p{ font-size: 16px; color: #363636; padding: 0 0 30px 0;}

#wrapper .acc_det_con .mdl-button{ width:100%; max-width:230px; font-size: 20px; line-height:100%; text-transform: none; padding:13px 15px 17px 15px;  background-color: #ffcb08; }
#wrapper .acc_det_con .mdl-button.applied .mdl-ripple{ background:#f4f4f4;}
/*Careers*/

/*News*/
.newSection{ padding-bottom: 100px; }
.newsCon{ padding-bottom: 15px; display: none; }
.news_lt{ width: 28%; float: left; }
.news_lt img{ width: 100%; height: auto; }

.news_rt{ width: 70%; float: left; font-family:'Hum521n', Arial, Helvetica, sans-serif; color: #363636; padding:60px 0px 0px 50px;}
.news_rt .date{ font-size: 16px; color: #ffcb08; padding-bottom: 10px; }
.news_rt .emlAddress{ font-size: 16px; line-height: 27px; }
.news_rt .newsDet{ font-size: 24px; }
/*News*/

.errorPage img{ width: 100%; height: auto; }

.thank-you-hi p a{ color: #ffcb08; font-weight: bold; }

.terms_conditions h1 { font-size:84px;}

h1.campignhadPages  { font-size:70px;}
h1.campignhadPages2 {font-size:60px; line-height:50px;}





/*---- inline CSS Added -------*/

#animation_container{width:100%; height:300px; border:solid 0px red; display:none;}
#animation_container canvas{position:absolute;}
#animCanvas{position: absolute;}
.intro{font-size:18px!important;}



/*---------      -----------------------*/
/*body{  cursor: url(../images/my-cursor.png), auto;}*/
/*#nav-icon1, .menuBtn, a,  a:hover {  cursor: url(../images/glove.png), auto!important;}
a {display:inline-block;}*/






.ourWorkFilterHolder{ 
    margin-bottom: 10px;
    margin-top: -30px; 
    height: 28px;
}
.ourWorkFilterHolder .filter{
    clear: none;
    z-index: 98;
    margin-left: 5px;
    border-radius: 5px;
    outline:none;
    height: 30px;
    line-height: 30px;
}

.ourWorkFilterHolder .filter .current{    
    color: #8d8d8d;
}
.nice-select .option {
    color: #000000;
}
/*.nice-select.right {
    float: none;
}*/
.nice-select ul{
    height:240px;
    overflow:auto!important;
}
#allDropDown + .nice-select:after {
    display: none!important;
}

#mobileAlertScreen{
    display: none;
    width: 250px;
    text-align: center;
    position: absolute;
    top:50%;
    left:50%;
    margin-left: -125px;
    margin-top: -75px;
}

#mobileAlertScreen span{
    margin-top: 10px;
    display: block;
    color: #000000;
    font-family:'hum521l', Arial, Helvetica, sans-serif;
}
.mobileFilterBtn{
    display: none;
}
.ourworkMobileFilterClockBtn{
    display: none;
}



.iframeHolderWorks{
    position: fixed;
    top: 0px; 
    left: 0px;            
    width: 100%;
    width: 100vw;
    height: 100%;
    background: #ffffff; 
    z-index: 1000;
    overflow-x: hidden;
}
.iframeHolderWorks iframe {  
    width: 100%;
    width: 100vw;
    height: 100%;
    z-index: 1001;
}
.iframeCloseBtn {
    position: fixed;
    top:0px;
    right:0px;
    cursor:pointer;
    z-index: 1002;
}

#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-md .onesignal-bell-launcher-button{
    width: 35px !important;
    height: 35px !important;
}
#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-bottom-right.onesignal-bell-launcher-md{
    bottom:5px !important;
    right:5px !important;
}

@media handheld, only screen and (max-width: 1023px){   
    .owl-carousel .owl-stage-outer{
        width: 100%;
        width: 100vw;
    } 
    .iframeHolderWorks iframe { 
        height: 800px;
        -webkit-overflow-scrolling: touch;
        overflow-y: scroll;
        width: 100%;
        width: 100vw;
    }      
    .iframeHolderWorks{
        -webkit-overflow-scrolling: touch;
        overflow-y: scroll;
        width: 100%;
        width: 100vw;
    }


    .ourworkHolder .ourwork_inst{
        padding-top: 15px;
    }
    .mobileFilterCon{
        text-align: right;
        padding: 0px 10px 0 0;
        margin: -18px 0px 10px 0px;
    }    
    .ourworkMobileFilterClockBtn{
        display: block;        
        text-align: right;
        padding: 17px 5px 17px;        
    }
    .ourworkMobileFilterClockBtn img{
        width: 30px;
        height: auto;
    }

    .mobileFilterBtn{
        display: inline-block;
        color: #929288;
        font-size: 14px;
        padding: 6px 11px 6px 25px;
        background: #ffffff url(../images/filter-icon.png) no-repeat left 5px center;
        -moz-border-radius: 5px; 
        -webkit-border-radius: 5px;  
        border-radius: 5px;   
        background-size: 14px auto;
        cursor:pointer;


    }
    .ourWorkFilterHolder{
        display: none;
        position: fixed;
        left: 0;
        top:0;
        width: 100%;
        height: 100%;
        background: #8d8d8de6;
        z-index: 101;
        margin:0;
        padding: 20px 10px;
    }
    .ourWorkFilterHolder .nice-select.right{
        float: none!important;
    }
    .ourWorkFilterHolder  .nice-select.right .list{
        width: 100%;
        left:0;
        right:0;
        display: block;
        position: relative;
    }
    .ourWorkFilterHolder .filter{
        width: 100%;
        margin:0 0 2px 0;
        /*height: auto;*/
        padding:0;
    }
    .ourWorkFilterHolder .nice-select.open:after, .ourWorkFilterHolder .nice-select:after{
        top:15px;
    }
    .ourWorkFilterHolder .filter .current{
        padding-left: 20px;
    }
}

/*as start here */

.whyBcWeb {padding-bottom:80px;}
.whybcheadingSec h2 { background:#ffcb08; display:inline-block; color:#000000; font-size:30px; padding:10px 5px 10px 15px;}
.marketIentyfication { padding:0; margin-top:20px; list-style-type:none; font-size:0;}
.marketIentyfication li { display:inline-block; width:50%;  margin-top:20px; margin-bottom:20px; }
.imgsecT { display:inline-block; width:99px; vertical-align:top; }
.imgsecT img { width:100%; height:auto;}

.parasecT { display:inline-block; width:345px; padding-left:25px;}
.parasecT p { font-size:16px; padding:5px 0 0 0; line-height:27px;}
.marketIentyfication h3 { font-size:24px; color:#000;}

.digitalCampignH { }
.digitalCampignH h2 { font-size:30px; color:#000; line-height:27px; padding-top:80px;}
.largefontH { font-size:30px;}
.digitalCampignH p {    font-family: Hum521n,Arial,Helvetica,sans-serif; font-size: 16px;  color: #363636; line-height: 27px;     padding: 0 0 20px 0;}

.gooanimgLeft { display:inline-block; vertical-align:text-bottom}

.analiticsSec { padding:0 0 10px 30px; margin:0; display:inline-block;}
.analiticsSec li {  font-family: Hum521n,Arial,Helvetica,sans-serif; font-size: 16px;  color: #363636; line-height: 27px; list-style-type: disc; }

.ToolsOther { margin:0; padding:0;}
.ToolsOther li { display:inline-block;}


.digitalTextInner{ visibility:hidden;}
.agency_25{position:absolute; left:0; top:0; width:100%; height:100%;}
.agency_25 img{ display:block; width:auto; height:100%; margin:0 auto;}
/*as end here  */

.gptw_certificate{ position: absolute; right: 115px; top: 0; width: 70px;}
.gptw_certificate img{ width: 100%; height: auto;}

.hm_latest_work { width: 100%; text-align: center; padding: 50px 0px 0px 0px;}
.hm_latest_work h2{ font-family: 'Hum521n',Arial,Helvetica,sans-serif; font-size: 30px; color: #363636; text-align: center; font-weight: 600; text-transform: uppercase; padding: 0px 0px 50px 0px;}
.hm_latest_work .hm_lw_blurb { display: block; width: 22%; float: left; font-family: 'Hum521n',Arial,Helvetica,sans-serif; text-align: center; margin: 0 1.5% 2% 1.5%;}
.hm_latest_work .hm_lw_blurb h3 { font-family: 'Hum521n',Arial,Helvetica,sans-serif; font-size: 18px; color: #363636; text-transform: uppercase; padding: 20px 0 15px 0;}
.hm_latest_work .hm_lw_blurb p { font-size: 15px; color: #999; text-align: center; line-height: 100%;}
.hm_latest_work .mdl-button{ margin: 0 auto!important;}


/*BCWW Culture*/
.innerCon .bcw_culture{ width: 100%; max-width: 1150px; padding: 35px 10px 0px;}
.innerCon .bcw_culture #breadcrumb{ padding: 0px 0px 20px 0px;}
.bcw_culture h2{ font-size: 44px; color: #aaaaaa; text-align: center;}
.bcw_culture h2 span{ color: #faae1a;}

.culture_det{ position: relative; width: 100%; padding: 30px 0px 0px 0px;/* margin-top: -60px;*/ display: none;}
.culture_det .cult_img{ visibility: hidden; width:75%; float: right; margin-right:0;}
.culture_det .cult_img img{ width: 100%; height: auto;}
.culture_det .cult_data{ position: absolute; top:50px; width: 100%; max-width: 880px;} 
#animCultureHolder{ /*background: #f2f2ed;*/}

.cul_loader{ position: absolute; right: -10%; top: 50%; width: 60px; /*margin: -30px 0px 0px -30px;*/}
.cul_loader img{ width: 100%; height: auto;}


.bcw_culture h3{ font-size: 90px; color: #faae1a;}
.culture_det .cult_data p{ font-size: 20px; color: #000000; line-height: 28px; font-weight: 400; padding: 25px 0px 0px 0px;}
.culture_det .cult_data ul{ font-size: 0; padding: 30px 0px 0px 0px;}
.culture_det .cult_data li{ display: inline-block; font-size: 20px; color: #000000; }
.culture_det .cult_data li a{ color: #000000; padding: 0 20px;  border-left: #aaaaaa 1px solid; cursor: default;}
/*.culture_det .cult_data li a:hover{ color: #ffcb08;}*/
.culture_det .cult_data li:first-child a{ padding-left: 0; border-left:none;}

.culture_tab_con{ width: 100%; font-size: 0; text-align: center; padding: 20px 0px 50px 0px;}
.culture_tab_con div{ display: inline-block; font-size: 20px; color: #aaaaaa; padding: 0 20px;}
.culture_tab_con div span{ display: block; padding: 7px 20px; line-height: 100%; cursor: pointer; border-radius: 200px 200px 200px 200px; -moz-border-radius: 200px 200px 200px 200px; -webkit-border-radius: 200px 200px 200px 200px;}
.culture_tab_con div span:hover, .culture_tab_con div span.activeCulTab{ color: #ffffff; background: #faae1a;}

.cult_img_mob{ visibility: visible!important; position: absolute; top: 0; right: -400px; pointer-events: none;}

#wrapper .hm_page .hm_tl_seo{ font-family: Hum521b,Arial,Helvetica,sans-serif; font-size: 37px; color: #aaaaaa;  text-align: left; padding: 0 0 60px 0;}
#wrapper .hm_page .hm_tl_seo span{ color: #ffae00;}
#wrapper .hm_page .hm_tl_seo .withFishSense{ text-align: right; padding-right: 0;padding-top: 20px;}
#wrapper .hm_page .hm_tl_seo .withFishSense sup{ position: relative; left: auto; right: auto; top: auto; font-size: 15px;   }


@media handheld, only screen and (max-width: 1440px){
    .bcw_culture h2{ font-size: 40px;}
    .bcw_culture h3{ font-size: 65px;}
    .culture_det .cult_data p{ font-size: 18px; line-height: 24px;}
    .innerCon .bcw_culture{ max-width: 1000px;}
    .culture_tab_con{padding: 0px 0 50px 0; }
    .culture_det{ padding: 0px 0 0 0;}
    .culture_tab_con > div{ padding: 0 10px;}
    .culture_det .cult_img{ width: 68%;}
    .culture_det .cult_data li{ font-size: 18px;}
    .cult_img_mob{ right: -200px;}
}

@media handheld, only screen and (max-width: 980px){
    .culture_det .cult_img{ float: none; margin: 0 auto; display: none;}
    .cult_img_mob{display: block!important; position: relative; top: auto; right: auto; margin: 0 auto;}
    .culture_det .cult_data{ position: relative; left: auto; top: auto; margin: 0 auto;}
    .bcw_culture h2{ font-size: 36px; line-height: 42px;}
    .bcw_culture h2 span{ display: block;}
    .culture_det{ padding: 10px 0px 0px 0px ;}
    .culture_det .cult_data{ text-align: center;}
    .culture_tab_con{padding: 15px 0 50px 0;}
    .culture_tab_con div{ display: block; padding:0;}
    .culture_tab_con div span.activeCulTab, .culture_tab_con div span:hover{ background: none;}
    .culture_tab_con .slick-slide{ height: auto!important;}
    .culture_tab_con .slick-current span{ color: #ffffff; background: #faae1a!important;}
    /*.culture_tab_con div span:hover{ color: #aaaaaa; background: none;}*/
    .culture_det .cult_data li{ font-size: 18px; line-height: 100%; padding-bottom: 20px;}
    .cul_loader{ right: 44%; top: 23%;}

}

@media handheld, only screen and (max-width: 767px){
    .bcw_culture h2 { font-size: 28px; line-height: 32px;}
    .bcw_culture h3{ font-size: 54px;}
    .culture_det .cult_data p br{ display: none;}

    #wrapper .hm_page .hm_tl_seo{ font-size: 30px; text-align: center; padding-bottom: 40px;}
    #wrapper .hm_page .hm_tl_seo span{ display: block;}

    #wrapper .hm_page .hm_tl_seo .withFishSense { text-align: center; padding-top: 10px; margin-top: 0;}
}

@media handheld, only screen and (max-width: 600px){
    .innerCon .bcw_culture{ padding: 35px 0px 0;}
    .bcw_culture h2 { font-size: 20px; line-height: 24px;}
    .bcw_culture h3{ font-size: 38px; padding-bottom: 0px;}
    .culture_det .cult_data p { font-size: 18px; line-height: 24px; padding: 10px 0 0 0;}
    .culture_det .cult_img{ width: 100%;}
    .culture_tab_con div{ font-size: 18px;}
    .culture_det .cult_data ul{padding: 15px 0 0 0;}
    .culture_det .cult_data li a{padding: 0 10px;}
    .culture_tab_con{  position: sticky!important; bottom: 0;padding: 10px 0 10px 0; background: #363636;}
    .cul_info_hld{ padding: 0 20px;}
    .culture_tab_con div{ color: #fff;}
    
}