*, body { margin:0; padding:0; }
a { text-decoration:none; cursor:pointer; }
img { width:100%; border:0; display:block; }
ul { list-style:none; }

/* common */
body { font-family:'InaiMathi','arial', sans-serif; font-size:1em; letter-spacing:0.03em; position:relative; transition:0.3s; }
#pgWork { overflow:hidden; }
.hide {display:none;}
.row { width:100%; margin-bottom:2.4%; overflow:hidden; }
.col-12, .col-7, .col-6, .col-5, .col-3 { float:left; }
.col-12 { width:100%; position:relative; }
.col-7 { width:55%; margin-left:5%; }
.col-6 { width:50%; }
.col-5 { width:40%; }
.col-3 { width:25%; }

.video-icon { position:absolute; right:10px; top:10px; background-repeat:no-repeat; background-position:0 0; background-size:100% 100%; width:25px!important; height:25px!important; cursor:pointer; }

.overlay { width:100%; height:100%; left:0; right:0; top:0; bottom:0; z-index:1000; opacity:0.8; background-color:#fff; position:fixed; }
.show-hide { display:none; }
.loading { position:fixed; width:100%; height:100%; left:0; right:0; top:0; bottom:0; background-color:#fff; z-index:1000; }
.status { background-image:url(../images/common/loading.gif); background-repeat:no-repeat; background-position:0 0; background-size:100%; position:fixed; width:100px; height:100px; left:0; right:0; top:0; bottom:0; margin:auto; }

.headerWrapper { background-color:#fff; z-index:1; position:relative; }
.headerWrapper .container { padding:2% 3.6458% 7% 3.6458%; position:relative; }
.workPages .headerWrapper .container { padding-bottom:9.5%; }


.logo, nav { float:left; }
.logo { margin-right:8%; width:27.8125%; max-width:534px; }
nav ul { z-index:2; position:relative; }
nav ul li { float:left; background-color:#3ec2cf; text-align:center; transition:ease-in-out 0.2s; }
nav ul li:hover, #pgWork .mnuWork, #pgClients .mnuClients, #pgMore .mnuMore, #pgUs .mnuUs { background-color:#2ea6b1; }
nav ul li a { color:#fff; display:block; font-family:'vrinda','arial', sans-serif; }

/* MenuToggle */
.openMenu, .closeMenu { position:absolute; right:20px; width:30px; height:24px; display:none; }
.openMenu span, .openMenu span:before, .openMenu span:after, .closeMenu span:before, .closeMenu span:after { height:5px; background-color:#3ec2cf; display:block; }
.openMenu span, .openMenu span:before, .openMenu span:after { background-color:#3ec2cf; }
.closeMenu span:before, .closeMenu span:after { background-color:#fff; }
.openMenu span:before, .openMenu span:after, .closeMenu span:before, .closeMenu span:after { content:""; position:absolute; width:100%; }
.openMenu span { position:relative; }
.openMenu span:before { top:-9px; }
.openMenu span:after { top:9px; }
.closeMenu span { background-color:transparent; }
.closeMenu span:before { top:0px; transform:rotate(45deg) translate(5px,5px); }
.closeMenu span:after { bottom:0; transform:rotate(-45deg) translate(8px,-8px); }

/* social */
.social-top { display:block; float:right; }
.social-bottom { display:none; }
.social li { float:left; margin-left:10px; }
.social li a { display:block; }

/* footerWrapper */
.footerWrapper { text-align:center; }

/*************************************** Home Page *********************************************/
.homeHeader { position:absolute; bottom:11%; z-index:3; width:100%; margin:0 auto; background-color:transparent; }
.homeHeader .container { padding:1.8229% 0 2.0833% 0; overflow:hidden; text-align:center; }
.headerOverlay { background-color:#3ec2cf; opacity:0.5; width:100%; height:100%; position:absolute; }
.homeHeader .logo, .homeHeader nav { float:none; }
.homeHeader nav { position:relative; display:inline-block; }
.homeHeader .logo { margin:0 auto 1.8229% auto; max-width:504px; width:26.25%; }

.slides-navigation a { font-size:0; background-repeat:no-repeat; background-position:center center; background-size:100% 100%; width:1.7709%; padding-top:1.9375%; }
.next { background-image:url(../images/common/next.png); margin-right:1.8269%; }
.prev { background-image:url(../images/common/previous.png); margin-left:1.8269%; }
.slides-pagination { display:none; }

/*************************************** Us Page ***********************************************/
/* contactWrapper */
.contactWrapper { background-image:url(../images/us/background.jpg); background-repeat:no-repeat; background-position:0 0; background-size:100% 100%; overflow:hidden; }
.contactWrapper .container { padding:5.4688% 0 5.2083% 0; margin:0 auto; }

.formWrapper { margin-bottom:4%; }
input[type="text"], textarea { border:2px solid #dde2e4; width:100%; box-sizing:border-box; color:#000; }
input[type="text"] { font-size:90%; }
.col-5 input[type="text"] { padding:0 5%; }
.col-7 input[type="text"] { padding:0 3.5%; }
textarea { padding:15px 2%; font-family:'InaiMathi','arial', sans-serif; }
#sendMessage { display:inline-block; position:absolute; right:10px; bottom:10px; width:4.7927%; max-width:52px; }

.contactInfo .column { display:table; }
.contactInfo .icon, .contactInfo p { display:table-cell; vertical-align:middle; }
.contactInfo p { color:#3a3a3a; }
.contactInfo p a { cursor:pointer; color: #3a3a3a; text-decoration: underline;}

/************************************** Clients Page ********************************************/
.clientsWrapper .container { padding:0 5.7292% 50px 5.7292%; overflow:hidden; }

.clients li { width:25%; float:left; }
.client { border:1px solid #e9e9e9; border-left:0px; border-bottom:0px; }

/*************************************** Work Page ***********************************************/
/* workCategoryWrapper */
.workCategoryWrapper { background-image:url(../images/work/background.jpg); background-repeat:no-repeat; background-position:0 0; background-size:100% 100%; overflow:hidden; height:0; padding-bottom:56.25%; position:absolute; border-top:1px solid #a9a09b; top:0; width:100%; z-index:0; }

.workOverlay { background-color:#f1f1f1; opacity:0.5; width:100%; height:100%; position:absolute; top:0; }
.categoryNavigation { width:100%; position:absolute; padding:4% 0; top:35%; text-align:center; }
.categoryNavigation ul { display:inline-block; margin:0 auto; }

/************************************** Work Category Pages **********************************************/
/* workTabs */
.workTabs { position:absolute; bottom:0px; margin-left:0.8%; margin-bottom:0.8%; }
.workTabs li { display:inline-block; }
/*.workTabs li:hover, #pgTvc .mnuTvc, #pgPrint .mnuPrint, #pgRadio .mnuRadio, #pgDigital .mnuDigital, #pgDirection .mnuDirection { font-weight:bold; }*/
.workTabs li a { color:#46c2cc; font-family:'vrinda','arial', sans-serif; }

/* tabContent */
.tabContent { width:99%; margin:auto; overflow:hidden; /*display:none;*/ }
.grid-item { opacity:0; float:left; box-sizing:border-box; position:relative; }
.grid-item img { width:100%; height:100%; }
.grid-item.loaded { opacity:1; transition:opacity .5s; }

.tos-wrapper img { width:auto!important; }

/************************************* More Page *******************************************************/
.moreWrapper .container { margin:2% 7.8125%; }
.name { color:#00a3b1; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }
.profile { text-align:center; margin:7.8125% 0 4.6875% 0;; }
.profile img { display:inline-block; width:24.2188%; max-width:465px; }
.bio h1 { color:#3ec2cf; font-family:'MyriadProBold', 'arial', sans-serif; }
.bio h6 { color:#231f20; font-family:'MyriadProBold', 'arial', sans-serif; line-height:1.2em; }
.profileWrapper h5 { color:#231f20; font-family:'MyriadProBold', 'arial', sans-serif; line-height:1.2em; text-align:center; }

.profileSummary { margin-bottom:4%; }
.profileWrapper p { color:#636162; line-height:1.1em; font-family:'MyriadProRegular', 'arial', sans-serif; text-align:justify;}

.workSlider { max-width:960px; margin:1.8229% auto 5.2875% auto; width:100%; }

.workLinks { padding:2.0833% 3.6458% 2.0833% 2.2458%; background-color:#efefef; margin:2% auto 8% auto; box-sizing:content-box; }
.workLinks .mCSB_container { padding-left:40px; }
.workLinks li { color:#000; }
.workLinks li a { font-family:'MyriadProRegular', 'arial', sans-serif; text-decoration:none; color:#000; display:block; line-height:1.2em; }
.workLinks li:hover, .workLinks li a:hover { color:#00a3b1; transition:0.2s; }

/* common media queries */

@media only screen and (min-width:1367px){
	/* Clients Page */
	.clients li { width:20%; }
	.clients li:nth-child(5n) .client { border-right:0; }
	.clients li:nth-last-of-type(-n+5) .client { border-bottom:1px solid #e9e9e9; }
}

@media (min-width:641px) and (max-width:1366px){
	/* Clients Page */
	.clients li:nth-child(4n) .client { border-right:0; }
	.clients li:nth-last-of-type(-n+4) .client { border-bottom:1px solid #e9e9e9; }
	
	@media only screen and (max-width:800px){
		/* Work Page */
		.workCategoryWrapper { position:relative; }
		.categoryNavigation { top:25%; }
		
		/* More Page */
		.profileSummary, .workSlider { margin-bottom:8%; }
		.workLinks { padding:4.0833% 3.6458% 4.0833% 0.5%; margin-bottom:10%; }
		.mCSB_scrollTools { width:20px!important; }
		.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width:12px!important; }
	}
}

@media only screen and (max-width:640px){
	body { line-height:1em; }
	p, .homeHeader nav ul li a { font-size:0.9em; }
	
	/* main navigation */
	.openMenu, .closeMenu { display:block; }
	.mainNavigation, .mainNavigation ul li { float:none; }
	.mainNavigation ul li a { display:block; }
	.mainNavigation { position:fixed; top:0; right:-50%; width:50%; height:100%; background-color:#3ec2cf; z-index:3; }
	.mainNavigation ul li { margin:0; border-bottom:1px solid #fff; }
	.mainNavigation ul li a { width:100%; height:45px; line-height:45px; text-align:left; padding:0 20px; }	
	
	/* social */
	.social-top { display:none; }
	.social-bottom { margin:0 0 20px 0; display:inline-block; position:relative; }
	
	/* Us Page */
	.contactWrapper { margin-bottom:20px; background-image:url(../images/us/background-mob.jpg); background-size:100% auto; }
	.contactWrapper .container { padding-top:24%; }
	.formWrapper { margin-bottom:10%; }
	.formWrapper .row { margin-bottom:0; }
	.contactInfo .col-6.column { width:100%; margin-bottom:3.4%; }
	.col-5, .col-7 { width:100%; margin:0 0 4% 0; }
	
	/* Client Page */
	.clientsWrapper .container { padding-bottom:20px; }
	.clients li { width:50%; }
	.clients li:nth-child(2n) .client { border-right:0; }
	.clients li:nth-last-of-type(-n+2) .client { border-bottom:1px solid #e9e9e9; }
	
	/* Work Page */
	.workWrapper { margin-bottom:20px; }
	.workCategoryWrapper { position:relative; margin-bottom:20px; }
	.categoryNavigation { top:20%; }
	
	/* More Page */
	.profileSummary, .workSlider { margin-bottom:8%; }
	.workLinks { padding:5.0833% 3.6458% 5.0833% 0.5%; margin-bottom:15%; }
	.mCSB_scrollTools { width:15px!important; }
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width:8px!important; }
}