body{
padding:0;
margin:0;
overflow-x:hidden;
line-height:1.5em;
font-family: 'Roboto', sans-serif;
color:#000;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
::-moz-placeholder { /* Firefox 19+ */
   color: #fff;
}
:-ms-input-placeholder { /* IE 10+ */
   color: #fff;
}
:-moz-placeholder { /* Firefox 18- */
   color: #fff;
}

img, a, a:hover, a:active, a:focus, object, embed{
	outline:0;
	border: 0; 
	text-decoration:none;
}

.dis-none{
	display:none;
}
.dis-inline-b{
display:inline-block;
}
.dis-block{
	display:block;
}
.font-18{
	font-size:18px;
}

ul, ol, p{
	list-style:none;
	padding:0;
	margin:0;
}

a:hover, a:active, a:focus{
	text-decoration:none;
}

cite, i, a{
	display:inline-block;
	font-style:normal;
}

.fluid-img{
width:100%;
}

.fluid-img2, .fluid-img3{
max-width:100%;
}
.fluid-img3{
	margin:0 auto;
}

.pos-relative{
position:relative;
}

.pd-0{
padding:0px !important;
}
.mg-0{
margin:0px !important;
}

.clr{
clear:both;
padding:0;
margin:0;
height:0;
line-height:1;
font:0;
}

.common-hd{
	margin:0;
	padding:0;
}

.main:before, .main:after, ._cStory:before, ._cStory:after, ._digiSERV:before, ._digiSERV:after, ._cStory02:before, ._cStory02:after, ._gridBox:before, ._gridBox:after{
content: ".";
display: block;
overflow: hidden;
visibility: hidden;
font-size: 0;
line-height: 0;
width: 0;
height: 0;
clear:both;
}

.main{
width:100%;
padding:0px;
margin:0px;
}


/*Video Container*/
._videoBx{
}

.homepage-hero-module {
    border-right: none;
    border-left: none;
    position: relative;
}
.no-video .video-container video,
.touch .video-container video {
    display: none;
}
.no-video .video-container .poster,
.touch .video-container .poster {
    display: block !important;
}
.video-container {
    position: relative;
    bottom: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    overflow: hidden;
   /* background: #000;*/
}
.video-container .poster img {
    width: 100%;
    bottom: 0;
    position: absolute;
}
.video-container .filter {
    z-index: 100;
    position: absolute;
    /*background: rgba(0, 0, 0, .2);*/
    width: 100%;
	height:100%;
	left:0;
	top:0;
}
.video-container video {
    position: absolute;
    z-index: 0;
    top: 0;
}
.video-container video.fillWidth {
    width: 100%;
}

.video-container:after{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background: -moz-linear-gradient(left, rgba(111,65,174,0.6) 0%, rgba(50,178,205,0.6) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(111,65,174,0.6) 0%,rgba(50,178,205,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(111,65,174,0.6) 0%,rgba(50,178,205,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b36f41ae', endColorstr='#b332b2cd',GradientType=1 ); /* IE6-9 */
	content:'';
}

._cover4Mob{
	display:none;
}

/*Video Container End*/


._tpCapT{
	position:absolute;
	left:0;
	top:0;
	z-index:111;
	width:100%;
	color:#fff;
}
._tpCapT .insbx, ._head, .insbx{
	padding:40px;
}
._cStory{
}
._cStory.fixed, ._cStory02.fixed{
	position:fixed;
	left:0;
	top:0;
	background:#fff;
	width:100%;
	padding:2px 3%;
	z-index:110;
	box-shadow: 0 0 10px 0 rgba(0,0,0,.15);
}
._cStory.fixed ._nav ul li a{
	color:#000;
}
/*._cStory.fixed ._nav ul li:first-child a{
	border-bottom:solid 2px #000;
}*/
._cStory.fixed ._nav ul li a:after{
	background:#000;
}
/*._cStory ._logo, ._cStory ._logo2{
	display:inline-block;
}
._cStory ._logo img, ._cStory ._logo2 img{
	max-width:100%;
}
._cStory ._logo2{
	display:none;
}
._cStory.fixed ._logo{
	display:none;
}
._cStory.fixed ._logo2{
	display:inline-block !important;
}*/
._cStory ._logo, ._cStory02 ._logo2{
	width: 250px;
    height: 95px;
    background-position: left center;
	-moz-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;	
}
._cStory ._logo{
	background-image: url(../images/logo1.png);
}
._cStory.fixed ._logo, ._cStory02 ._logo2{
	background-image: url(../images/logo1.png);
}
._nav{
	text-align:right;
}
._nav ul{
	display:block;
	width:100%;
	padding:20px 0;
}
._nav ul li{
	display:inline-block;
}
._nav ul li a{
	display:block;
	text-transform:uppercase;
	color:#fff;
	font-size:15px;
	padding:10px 0;
	margin:0 12px;
	letter-spacing:.2px;
	position:relative;
}
._nav ul li a:after{
	position:absolute;
	width:0%;
	height:2px;
	background:#fff;
	bottom:0;
	content:'';
	margin:0 auto;
	left:0;
	right:0;
	opacity:0;
	visibility:hidden;
	transition:.3s ease-in-out;
}
._nav ul li a:hover:after{
	opacity:100;
	visibility:visible;
	width:100%;
}
._nav ul li:first-child a:after, ._nav ul li a._blog:after{
	display:none;
}
._nav ul li a.active{
	border-bottom:solid 2px #fff;
}
/*._nav ul li:first-child a{
	border-bottom:solid 2px #fff;
}*/
._nav ul li:last-child a{
	padding-right:0;
	margin-right:0;
}
._nav ul li a._blog{
	border:solid 1px #fff;
	-webkit-border-radius:100px;
	border-radius:100px;
	padding:8px 15px;
}
._cStory02 ._nav ul li a{
	color:#212121;
}
._cStory02 ._nav ul li a:after{
	background:#212121;
}
._cStory02 ._nav ul li a.active, ._cStory.fixed ._nav ul li a.active{
	border-bottom:solid 2px #212121;
}
/*._cStory02 ._nav ul li:first-child a{
	border-bottom:solid 2px #212121;
}*/
._cStory02 ._togNav, ._cStory02 ._togNav:focus, ._cStory02 ._togNav:active{
	color:#212121;
}
._togNav{
	color:#fff;
	display:none;
}
._togNav:focus, ._togNav:active{
	color:#fff;
}
._togNav i{
	font-size:21px;
	padding:10px;
	padding-right:0;
}
._cStory.fixed ._togNav, ._cStory.fixed ._togNav:active{
	color:#000;
}
._capT-grid{
	max-width:525px;
	width:100%;
	margin-top:10%;
	padding-bottom:10%;
}
._largeHD{
	font-size:55px;
	line-height:75px;
	font-family: 'Roboto Thin';
	font-weight:600;
}
._robotoLight{
	font-family: 'RobotoLight';
}
.font01{
	font-size:45px;
}
.mdTxt, .mdTxt0{
	font-size:16px;
	line-height:30px;
	padding:10px 0;
}
.mdTxt0{
	line-height:27px;
	/*text-align:justify;*/
	padding:15px 0;
}
._overlay, ._overlay0, ._overlay01{
	position:relative;
}
._overlay0, ._overlay01{
	padding-bottom:20px;
	margin-bottom:10px;
}
	
._overlay:after, ._overlay0:after, ._keyF:before, ._overlay01:after{
	position:absolute;
	left:0;
	bottom:-15px;
	background:#000;
	width:50px;
	height:2px;
	content:'';
}
._overlay0:after, ._overlay01:after{
	margin:0 auto;
	right:0;
	width:100px;
	bottom:0;
}
._overlay01:after{
	width:50px;
}
._goArw{
	color:#fff;
	display:inline-block;
	transition:.3s ease-in-out;
}
._goArw:hover{
	background:#fff;
	color:#000;
}
._goArw i{
	font-size:32px;
	border:solid 1px #fff;
	-webkit-border-radius:3px;
	border-radius:3px;
	padding:10px 20px;
}
._tPos{
	display:block;
}
._largeHD0, ._largeHD01{    
    font-family: 'RobotoLight' !important;
    font-weight: 500 !important;
}
._largeHD0{
	font-size:65px !important;
    line-height:80px !important;
}
._largeHD0 span{
	/*font-size:50px;*/
}
._largeHD01{
	font-size:50px;
	line-height:65px;
}
._largeHD01 span{
	/*font-size:40px;*/
}

#cursor{
	animation:blink-caret .75s step-end infinite;
}
@keyframes blink-caret {
  from, to { opacity:0; }
  50% { opacity:100; }
}


._animtion{
    display: inline-block;
    border: solid 2px #fff;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    padding: 12px 0;
    height: 50px;
    position: absolute;
    left: 0;
    right: 0;
    bottom:50px;
    z-index: 11;
    width: 30px;
    margin: 0 auto;
    text-align: center;
}

._animtion .anim-box{
	width:3px;
	background:#fff;
	display:inline-block;
	-webkit-border-radius: 100px;
	border-radius: 100px;
	-webkit-animation: load-M 3s infinite;
	animation: load-M 3s infinite;
	position:relative;
	top:0;
}

@keyframes load-M {
  0% {
    height:0%;
  }
 25% {
    height:25%;
  }
  50% {
    height:50%;
  }
  75% {
    height:75%;
  }
  100% {
    height:100%;
  }
}


._welcomeBx{
	background:#dedede;
	padding:5% 15px;
}
._welcomeBx .story{
	max-width:1060px;
	width:100%;
	margin:0 auto;
	padding:0 15px;
}

._img0{
	width:100%;
	background:#fff;
	padding:20px;
	box-shadow:0 0 50px 0 rgba(0,0,0,.1);
}
._whoAre{
	padding-top:5%;
	padding-left:3%;
}
._btn{
	background:#ecb331;
	color:#fff;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:0;
	outline:0;
	padding:10px 30px;
	transition:.3s ease-in-out;
	text-transform:uppercase;
}
._btn:hover, ._btn:focus, ._btn:active{
	opacity:.7;
	color:#fff;
}

._solutionBx, ._featureBx{
	padding:5% 40px;
	padding-bottom:0;
	text-align:center;
}

.mxWD{
	max-width:800px;
	width:100%;
	margin:0 auto;
}

._digiSERV{
	padding-top:1%;
}
._digiSERV li{
	width:33.33%;
	float: left;
}
._digiSERV li ._imgPOS{
	height: 700px;
    background-size: cover;
    background-position: 55% 50%;
    transition: background .4s ease-in;
    position: relative;	
}
._imgPOS0{
	background-image:url(../images/cPIC.jpg);
}
._imgPOS01{
	background-image:url(../images/cPIC01.jpg);
}
._imgPOS02{
	background-image:url(../images/cPIC02.jpg);
}
._digiSERV li ._imgPOS:after{
	background:rgba(0,0,0,.0);
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	content:'';
	transition:.4s ease-in-out;
}
._digiSERV li ._imgPOS:hover:after{
	background:rgba(0,0,0,.7);
}
._digiSERV li ._imgPOS:hover{
	background-position: 0% 50%;
}
._digiSERV li a{
	display: block;
	width:100%;
	height:100%;
	position:relative;
	z-index:10;
	padding:5%;
	padding-bottom:70px;
	padding-left:50px;
	overflow: hidden;
	color:#fff;
}	
._digiSERV li a ._disCapT{
	display: flex;
    align-items: flex-end;
    height: 100%;
	}
._digiSERV li a ._disCapT .insBx{
	height: 120px;
    width: 100%;
    position: relative;
    overflow: hidden;
}
._digiSERV li a ._disCapT .insBx-inner {
    position: relative;
    height: 100%;
    transform: translateY(100%);
    transition: transform .5s ease;
	text-align:left;
}
._digiSERV li a:hover ._disCapT .insBx-inner{
	transform: translateY(0%);
}
._comName{
	font-size:21px;
}
._servName{
	padding-top:10px;
	font-size:14px;
}

._keyF{
	background:#f5f5f5;
	margin:30px 0;
	margin-bottom:0;
	position:relative;
}
._keyF:before{
	margin:0 auto;
	right:0;
	width:100px;
	height:5px;
	top:0;
	background:none;
	z-index:1;
}
._keyF li{
	padding:40px 25px;
	border-right:solid 1px #e9e9e9;
	transition:.3s ease-in-out;
}
._keyF li:hover{
	background:#C7ECB3;
}
._keyF li:nth-of-type(2):hover{
	background:#F4B2E7;
}
._keyF li:nth-of-type(3):hover{
	background:#ECD2A7;
}
._keyF li:nth-of-type(4):hover{
	background:#f3c2b3;
}
._keyF li:last-child{
	border:none;
}

._keyF li ._icons{
	width: 100%;
    height: 150px;
    background-position: center center;
}

._keyF li .icon02, ._keyF li .icon03, ._keyF li .icon04, ._keyF li .icon05{
    -moz-background-size: 150px;
    background-size: 150px;
    background-repeat: no-repeat;
}
._keyF li .icon02{
	background-image: url(../images/_anim-pencil.png);
}
._keyF li:hover .icon02{
	background-image: url(../images/_anim-pencil-HVR.gif);
}
._keyF li .icon03{
	background-image: url(../images/_webDev.png);
}
._keyF li:hover .icon03{
	background-image: url(../images/_webDev-HVR.gif);
}
._keyF li .icon04{
	background-image: url(../images/_branding.png);
}
._keyF li:hover .icon04{
	background-image: url(../images/_branding-HVR.gif);
}
._keyF li .icon05{
	background-image: url(../images/_digitalM.png);
}
._keyF li:hover .icon05{
	background-image: url(../images/_digitalM-HVR.gif);
}
._keyF li h4{
	text-transform:uppercase;
	font-size:15px;
}
._keyF li h4 span{
	display:block;
	font-size:21px;
	font-weight:600;
	padding:10px 0 5px 0;
}
._keyF li a{
	margin-top:25px;
}
.Tx-story{
	padding:0 15px;
	line-height:25px;
	min-height: 100px;
}
.w100{
	width:100%;
}

._bList{
	text-align:center;
	padding:10px 0;
}
._bList li{
	display:inline-block;
	max-width:450px;
	width:100%;
	padding:15px;
}
._bList li a{
	display:block;
	text-align:center;
	color:#000;
}
._bList li a ._thumb{
	display:block;
	overflow:hidden;
	position:relative;
}
._bList li a ._thumb:after{
    background: rgba(13,33,231,.8);
    width: 350px;
    height: 350px;
    position: absolute;
    left: -400px;
    top: 0;
    content: '';
    -webkit-border-radius: 25px;
    border-radius: 25px;
    transform: rotate(65deg);
	transition:.3s ease-in-out;
}
._bList li a:hover ._thumb:after{
	left: -140px;
}
._bList li a ._thumb img{
	width:100%;
}

._bList li a ._blgStory{
	background:#fff;
	margin:25px;
	padding:5%;
	margin-top:-75px;
	position:relative;
	border-bottom:solid 5px #0d21e7;
	-webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,.2);
	box-shadow: 0 10px 20px 0 rgba(0,0,0,.2);
}
._bList li a ._blgStory h4{
	font-family: 'RobotoLight';
	line-height:27px;
}
._bList li a:hover ._blgStory h4{
	color:#E88026;
}
._calendar{
	font-size:12px;
	color:#999;
	padding-top:5px;
}

footer{
	background:#000;
	text-align:center;
	padding:40px 15px;
	color:#868686;
	position:relative;
}
footer:before{	
	margin:0 auto;
	content:'';
	top:0;
	position:absolute;
	left:0;
	right:0;
}
footer:before{
	background:#19a7d6;
	width:250px;
	height:5px;
}
._moreLarge{
	color:#fff;
	font-size:6em;
}
._moreLarge02{
	font-size:4em;
}
._fooCName{
	font-size:14px;
	text-transform:uppercase;
}
footer ._fooList{
	text-align:center;
	padding:40px 0;
}
footer a{
	color:#666;
}
footer a:hover, ._close:active, ._close:focus{
	color:#fff;
}
footer ._fooList li{
	display:inline-block;
	padding:15px;
	width:45%;
}
footer ._fooList li p{
	position:relative;
	line-height:30px;
}
footer ._fooList li:first-child{
	border-right:solid 1px #666;
}
footer ._fooList li:first-child p i{
	position:absolute;
	right:0;
	top:5px;
	font-size:17px;
}

footer ._fooList li:first-child{
	text-align:right;
}
footer ._fooList li:first-child p{
	padding-right:15px;
}

footer ._fooList li:last-child{
	text-align:left;
}

footer ._fooList li:last-child p a{
	padding-right:8px;
}

._close{
	position: absolute;
    right: 7px;
    top: 30px;
    color: #fff;
    font-size: 45px;
    display: inline-block;
    padding: 10px;
	display:none;
}
.social-ico a, .social-ico1 a{
	padding:5px;
	display:inline-block;
}
.social-ico a i{
	font-size:21px;
}
.social-ico1 a{
	color:#666;
}
.social-ico1 a:hover{
	color:#000;
}
._gBox{
	position:relative;
	padding:5em 2em 2em 2em;
}
._gBox ._serCapT{
	width:40%;
	float: left;
	padding-right:5%;
}

._gBox .iThumb{
	width:60%;
	position:absolute;
	right:15px;
	background-position: 50% 50%;
	background-size:cover;
	height:400px;
	box-shadow:0 0 20px 0 rgba(0,0,0,.15);
}
.tPIC{
	background-image:url(../images/webbeing-strategy.jpg);
}
.tPIC0{
	background-image:url(../images/webbeing-design.jpg);
}
.tPIC01{
	background-image:url(../images/webbeing-web-developent.jpg);
}
.tPIC02{
	background-image:url(../images/webbeing-digital-marketing.jpg);
}

._gBox ._serCapT h2{
	margin-top:0px;
}
._fRight{
	float:right !important;
	padding-right:0 !important;
	padding-left:5%;
}
._posLft{
	left:15px;
	right:inherit;
}

@media only screen and (max-width:1200px){
.homepage-hero-module{
	max-height:560px;
}

._capT-grid{
	margin-top:12%;
}

}

@media only screen and (max-width:1024px){	
._digiSERV li a{
	padding:20px;
}
.Tx-story{
	display:none;
}
._gBox ._serCapT, ._gBox .iThumb{
	width:50%;
}

}
@media only screen and (max-width:960px){	
._bList li{
	max-width:340px;
}
._bList li a ._blgStory h4 {
    height: 80px;
    font-size: 17px;
    overflow: hidden;
}
}


@media only screen and (max-width:800px){
._cStory ._logo, ._cStory02 ._logo2 {
    width: 175px;
    height: 60px;    
    -moz-background-size: 175px;
    background-size: 175px;   
}
._close{
	display:inline-block;
}
._nav ul{
	display:none;
	position:fixed;
	left:0;
	top:0;
	background:rgba(0,0,0,.97);
	width:100%;
	height:100%;
	z-index:111;
	padding-top:20px;
}
._nav ul li{
	display:block;
	text-align:center ;
}
._nav ul li a{
	display:inline-block;
	min-width:150px;
	text-align:center;
	border:none !important;
	padding:10px !important;
	margin:5px !important;
	font-size:19px;
	line-height:25px;
}

._nav ul li a:after{
	display:none;
}
._cStory02 ._nav ul li a {
    color: #fff;
}

._nav {
    margin: 1% 0;
}
._togNav{
	display:inline-block;
}
._cover4Mob{
	display:block;
	width:100%;
	height: 100%;
    background-image: url(../video/_webbeing.jpg);
    position: relative;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
._hMob {
    display: none;
}
._img0, ._whoAre{
	padding:0px;
	box-shadow:none;
}
._digiSERV li ._imgPOS{
	height:400px;
}
._digiSERV li ._imgPOS:after {
    background: rgba(0,0,0,.3);
}
._digiSERV li a ._disCapT .insBx{
	height:100%;
}
._digiSERV li a ._disCapT .insBx-inner {
    transform: translateY(70%);
}
._keyF{
	background:transparent;
}
._keyF li{
	border:none;
}

}

@media only screen and (max-width:767px){
._tpCapT .insbx, ._head, .insbx {
    padding: 20px;
}
._nav {
    margin:2% 0;
}

._largeHD, .font01 {
    font-size: 35px;
    line-height: 45px;
}
._welcomeBx .story{
	padding:0;
}
._solutionBx, ._featureBx{
	padding:15px;
	text-align:left;
}
._featureBx, .text-center{
	text-align:center;
}
._overlay0 {
    padding-bottom: 15px;
	margin-bottom:0;
}
._overlay0:after{
	right:inherit;
	width:50px;
}
._digiSERV li{
	width:100%;
	padding-bottom:15px;
}
._digiSERV li ._imgPOS {
    height: 250px;
}
._keyF:before {  
    width: 50px;
	height: 2px;
    top: -20px;
}
._keyF li, footer ._fooList{
	padding:5px;
}
._keyF li:hover, ._keyF li:nth-of-type(2):hover, ._keyF li:nth-of-type(3):hover, ._keyF li:nth-of-type(4):hover{
	background:none;
}

._bList li {
    max-width: 295px;
    padding: 0px;
}
._moreLarge {
    font-size: 4em;
}
footer ._fooList li{
	display:block;
	text-align:center !important;
	width:100%;
	border:none !important;
	padding:5px;
}

footer ._fooList li:first-child p i{
	position:static;
}

._btn{
	padding:12px 20px;
}

}


@media only screen and (max-width:480px){
._cStory ._logo, ._cStory02 ._logo2 {
    width: 150px;
    height: 55px;    
    -moz-background-size: 150px;
    background-size: 150px;   
}
._capT-grid {
    margin-top: 20%;
}
._tpCapT{
	text-align:center;
}
._whoAre{
	padding:0;
}
._keyF li{
	padding:2px;
	margin-bottom:15px;
}
._keyF li h4{
	font-size:12px;
}
._keyF li h4 span{
	font-size:15px;
}
._keyF li a{
	padding:10px;
	margin-top:2px;
}
._keyF li .icon02, ._keyF li .icon03, ._keyF li .icon04, ._keyF li .icon05{
	-moz-background-size: 100px;
    background-size: 100px;
}
._keyF li ._icons{
	height: 100px;
}

._bList li {
    max-width: 320px;
    padding: 0px;
    margin-bottom: 15px;
}
._bList li a ._blgStory h4 {
    height: auto;
}
._moreLarge {
    font-size: 2.5em;
}

._nav ul{
	padding-top:35px;
}

}


/*/////////////////////////// Inner Page Styles////////////////////////////*/

._tpCaption{
	padding:10% 0%;
	padding-bottom:5%;
	font-family: 'RobotoLight';
}
._tpCaption h1, ._tpCaption h2{
	font-size:65px;	
	font-weight:500;
	line-height:80px;
}

._tpCaption h2{
	font-size:4em;
}
._tpCaption h4{
	padding-top:25px;
	line-height:32px;
}
._iStory{
   /* min-height: 450px;    
    position: relative;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	padding:3%;
	text-align:center;*/
	
	background-image: url(../images/ideate-create-grow.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	-moz-background-size:1400px;
	background-size:1400px;
	height:550px;
}
._breadC{
	padding:20px 0;
	/*font-family:"roboto";*/
	font-size:17px;
}
._breadC, ._breadC li a{
	color:#fff;
}
._breadC li{
	display:inline-block;
	color:#fff;
}
._breadC li a{
	display:block;
	font-weight:600;
}
._font21{
	font-size:21px;
	line-height:35px;
}
.pdT-25{
	padding-top:25px;
}
.hd02, ._largeICON i{
	font-size:55px;
}
.hd002{
	font-size:32px;
	font-weight:600;
}

._paraIMG{
	min-height:650px;
    background-image: url(../images/_servicesB0.jpg);
    position: relative;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

._gridBox{
	min-height:500px;    
    position: relative;
   /* background-attachment: fixed;*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	padding:40px;
}
._bg0{
	background-image: url(../images/_webbeing-strategy-consulting.jpg);
}
._bg01{
	background-image: url(../images/_webbeing-webDev.jpg);
}
._bg02{
	background-image: url(../images/_webbeing-ContentS.jpg);
}
._bg03{
	background-image: url(../images/_webbeing-EmailMkt.jpg);
}
._bg04{
	background-image: url(../images/_webbeingSEM.jpg);
}
._bg05{
	background-image: url(../images/_webbeing-smoMKT.jpg);
}
._wd01{
	max-width:600px;
	width:100%;
}
._wd02{
	max-width:700px;
	width:100%;
}


._contForm{
	padding:17% 0 5% 0;
}
._contForm li{
	display:block;
	padding-bottom:10px;
	border-bottom:solid 1px #ddd;
	margin-left:40px;
	position:relative;
	margin-bottom:50px;
}
._contForm0{
	padding:0;
	padding-top:30px;
}
._contForm0 li{
	margin-bottom:25px;
}
._contForm0 li:last-child{
	padding-bottom:0;
}
._contForm li:last-child{
	border:none;
	margin:0;
	text-align:right;
}
._contForm li i{
	position: absolute;
    left: -30px;
    font-size: 21px;
    color: #fff;
    top:3px;
}

.inputF{
	width:100%;
	outline:0;
	font-family: 'Roboto Thin';
	border:none;
	font-weight:600;
	letter-spacing:.3px;
	background: transparent;
	text-transform:uppercase;
}
.inputF:focus{
	background: transparent;
}
.TextArea{
	min-height:100px;
}
._bg{
	background:#607D8B;
}
.gm-style .gm-style-iw{
	color:#000 !important;
}
#gmap_canvas{
	opacity:.4;
	transition:.5s ease-in-out;
}
#gmap_canvas:hover{
	opacity:100;
}
._contactL{
	color:#fff;
}
._contactL li{
	padding:25px;
}
._contactL li:first-child{
	padding:0px;
}
._contactL li:first-child > div{
	margin-bottom:-21px;
}
._ShortNM p{
	padding:10px 0;
}
._ShortNM p cite{
	color:#fff;
	padding-right:10px;
}
._map{
	margin-bottom:-61px;
}

._reqConsult{
	display:none;
}
#modal-pop{
	background:rgba(0,0,0,.9);
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:111;
	overflow: auto;
}
#modal-pop ._mBody{
	padding:0 15px;
	max-width:500px;
	width:100%;
	margin:50px auto;
	position:relative;
}
#modal-pop ._mBody ._mBodyTP{
	/*padding-bottom:25px;*/
}
#modal-pop ._mBody ._mBodyTP h3{
	padding:0;
	margin:0;
}
.pd-20{
	padding:20px;
}
._whiteBG{
	background:#fff;
}
._popClose{
	display: inline-block;
    background: #D93F41;
    color: #fff !important;
    padding: 6px 8px;
    position: absolute;
    right: 35px;
    top: 20px;
    font-size: 35px;
}


@media only screen and (max-width:800px){
._tpCapT .insbx, .insbx{
	padding:15px;
}
._mBx{
	padding:0px;
}
._tpCaption h1{
	font-size:4em;
}
._tpCaption h2 {
    font-size: 2em;
}
.hd02{
	font-size:32px;
}
._paraIMG {
    min-height: 500px;
}
._gridBox{
	padding:20px;
}
._gBox{
	padding:25px 15px;
}
._gBox ._serCapT, ._fRight{
	float:none;
	width:100%;
	padding:0px;
}
._gBox .iThumb{
	position:static;
	width:100%;
	margin-bottom:25px;
	height:250px;
	box-shadow:none;
}
.sp01{
	margin-bottom:15px !important;
}

}

@media only screen and (max-width:480px){
._iStory{
	-moz-background-size:600px;
	background-size:600px;
	height:235px;
}
#modal-pop ._mBody {
    margin: 15px auto;
}
._popClose{
	right: 25px;
    top: 10px;
}
._largeHD0 span, ._largeHD01 span{
	 display:inline-block;
 }
 ._paraIMG {
    min-height:400px;
}
._gBox{
	padding:15px;
}
._gBox .iThumb{
	height:150px;
}
._mBx div{
	padding:0px;
}
._tpCaption{
	padding-top:20%;
}

._tpCaption h1{
	font-size:32px;
	line-height:45px;
}

}

._tHEAD{
	font-weight:600;
	line-height:35px;
}
._tCONTENT{
	font-size:17px;
	line-height:27px;
}
.pTB{
	padding:15px 0;
}

.sp01{
	margin-bottom:75px;
}
.boldT{
	font-weight:bold;
	font-style:italic
}


@media only screen and (max-width:767px){
._largeHD0, ._largeHD01{
	font-size: 2.5em !important;
	line-height:1.3em !important;
}
 ._largeHD0 span,  ._largeHD01 span{
	 font-size:inherit !important;
	 line-height:inherit !important;
 }
}


/*---------------------------------------------------*/

._tpHead, ._tpHead02{
	height: 100%;
    background-image: url(../images/header-bg.jpg);
    position: relative;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
}
._tpHead02{
	background-image: url(../images/header-bg02.jpg);
}

.page-HD{
	text-align:center;
	padding:3% 0 5% 0;
}

.bCrumb{
	position:relative;
}
.bCrumb li{
	padding:10px 3px;
}
.bCrumb li, .bCrumb li a{
	color:#fff;
	display:inline-block;
	text-transform:uppercase;
	font-size:17px;
}
.bCrumb li a:hover{
	color:yellow;
}

.bodyMD{
	padding:5% 0;
}
.mxWD{
	max-width:850px;
	width:100%;
	margin:0 auto;
}
._Lhd{
	line-height:27px;
}
._contactBG{
	background:#051c98;
}
.whtTx{
	color:#fff;
}
._BG01{
	background:#e1eeef;
}
._BG02{
	background:#fff;
}
._BG03{
	background:#e8e1ef;
}
._BG04{
	background:#efefef;
}

._sol{
	padding-bottom:25px;
}
._sol li{
	padding:15px;
}
._sol li div{
	background:#fff;
	padding:20px;
	text-align:center;
	border-radius:10px;
}
._sol li div .icons{
}
._sol li div h5{
	line-height:22px;
}

@media only screen and (max-width:480px){
._tpCaption h2 {
    line-height: 30px;
}

}