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

/* Float Elements 
---------------------------------*/
.fl-lt {float:left;}
.fl-rt {float:right;}


/* Share
---------------------------------*/
.ft085{font-size:0.85em;}
.ft125{font-size:1.25em;font-weight:bold;}

.ftcolred{color:#CC33CC;}

.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb50{margin-bottom:50px;}

	

/* Clear Floated Elements
---------------------------------*/
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after { clear: both;}

ul{ list-style:none;}

.figure{ margin:0px;}

img{ max-width:100%;}

a, a:hover, a:active{ outline:0px !important}

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.1.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'LatoRegular';
    src: url('../fonts/lato-regular.eot');
    src: url('../fonts/lato-regular.eot') format('embedded-opentype'),
         url('../fonts/lato-regular.woff2') format('woff2'),
         url('../fonts/lato-regular.woff') format('woff'),
         url('../fonts/lato-regular.ttf') format('truetype'),
         url('../fonts/lato-regular.svg#LatoRegular') format('svg');
}
@font-face {
    font-family: 'LatoBoldBold';
    src: url('../fonts/lato-bold.eot');
    src: url('../fonts/lato-bold.eot') format('embedded-opentype'),
         url('../fonts/lato-bold.woff2') format('woff2'),
         url('../fonts/lato-bold.woff') format('woff'),
         url('../fonts/lato-bold.ttf') format('truetype'),
         url('../fonts/lato-bold.svg#LatoBoldBold') format('svg');
}
@font-face {
    font-family: 'DosisBold';
    src: url('../fonts/dosis-bold.eot');
    src: url('../fonts/dosis-bold.eot') format('embedded-opentype'),
         url('../fonts/dosis-bold.woff2') format('woff2'),
         url('../fonts/dosis-bold.woff') format('woff'),
         url('../fonts/dosis-bold.ttf') format('truetype'),
         url('../fonts/dosis-bold.svg#DosisBold') format('svg');
}

/* Primary Styles
---------------------------------*/
body {
	background:#fff;
	font-family: 'Lato', sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#888888;
	margin:0;
}
h2{
	font-size:38px;
	color:#222222;
	font-family:'Dosis';
	font-weight:700;
	margin:35px 0 25px 0;
	text-align:center;
	text-transform:uppercase;
}
h3{
	font-family: 'Dosis', sans-serif;
	font-weight: 600;
	color:#222222;
	font-size:16px;
	margin:0 0 5px 0;
	text-transform:uppercase;
}
h6{
	font-size:16px;
	color:#888888;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	text-align:center;
	margin:0 0 60px 0;
}
p{line-height:24px;margin:0;}



/* Header Styles
---------------------------------*/

#header_outer{background:#ffffff;padding:20px 0px;}

.header_section{position:relative;}
	
.logo{float:left;}
	
.res-nav_click{ display:none;}
	

/* Nav Styles
---------------------------------*/
	
.nav{float:right;padding-top:20px;}
	
.nav ul{list-style:none;padding:0px;}

.nav ul.toggle{
	display:none;
	visibility:hidden;
	height:0px;
	overflow:hidden;
	margin-bottom: 0;
	}
	
.nav ul li{display:inline-block;margin:0 23px;}
	
.nav ul li:first-child{
	/*margin:0px;*/
	}
	
.nav ul li:last-child{margin:0 0 0 23px;}
	
.nav ul li a{
	display:block;
	font-size:14px;
	color:#222222;
	font-family:'Dosis';
	text-decoration:none;
	text-transform:uppercase;
	font-weight: 600;
	transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-webkit-transition:all 0.2s ease-in-out;	
	}
	
.nav ul li a:hover{color:#49b5e7;}
	
	

/* Top_content
---------------------------------*/

.top_cont_outer{background:#f9f9f9;position:relative;}
	
.top_cont_inner{background:url(../img/white_pad.png) no-repeat right center;}
	
.top_content{position:relative;padding-top: 50px;}
	
.white_pad{
	position:relative;
	right:0px;
	bottom:0px;
	}
	
.white_pad img{
	position: absolute;
	right:0px;
	bottom:0px;
	}
	
.top_left_cont{padding:110px 0;}
	
.top_left_cont h3{
	font-size:18px;
	color:#CC00CC;
	margin:0 0 20px 0;
	text-align:left;
	font-family:'Lato';
	font-weight: 700;
	}
	
.top_left_cont h2{
	font-size:30px;
	color:#111111;
	line-height: 40px;
	margin:0 0 26px 0;
	font-family:'Dosis';
	text-align:left;
	font-weight:700;
	}
	
.top_left_cont p{
	font-size:16px;
	color:#888888;
	margin:0 0 30px 0;
	line-height: 26px;
	font-family:'Lato';
	}
	
.top_left_cont p.ftcolred{color:#EA5B8A;}

a.learn_more2{
	font-family: 'Dosis';
	display:block;
	font-size:16px;
	color:#ffffff;
	background:#49b5e7;
	width:178px;
	height:46px;
	line-height:46px;
	border-radius:3px;
	text-align:center;
	font-family:''Dosis'';
	text-transform:uppercase;
	font-weight: 600;
	transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-webkit-transition:all 0.2s ease-in-out;
	}
	
a.learn_more2:hover{background:#222222;}

	
/* Services
---------------------------------*/

#service{padding:40px 0px;}

.service_area{padding:40px 0; text-align:center;}
	



/* Latest Work
---------------------------------*/
#work_outer{
	background:#f9f9f9;
	padding:40px 0px 30px;
	position:relative;
	}
	
	
.top_cont_latest{background:url(../img/dashboard_pic.png) no-repeat right 60px;}
	
.work_pic{
	position:absolute;
	right:0;
	top:25%;
	width:50%;
}

.work_section {padding:90px 0 50px;}


.service-list{
	padding:0;
	font-size:14px;
	margin-bottom:30px;
}
.service-list-col1{
	float:left;
	width:60px;
	text-align:center;
}
.service-list-col1 i{
	display:;
	color:#888;
	font-family: 'linecons';
	font-size: 19px;
    font-style: normal;
    line-height: 20px;
}

.service-list-col2{overflow:hidden;}

.main-section.alabaster{background:#fafafa;}

.work_bottom{padding:50px 0 0 40px;}


.work_bottom span{
	font-size:18px;
	color:#333333;
	display:block;
	margin:0 0 20px 0;
	}
	
a.contact_btn{
	background:#f56eab;
	text-transform:uppercase;
	display:block;
	width:176px;
	height:49px;
	text-align:center;
	line-height:49px;
	font-size:16px;
	color:#ffffff;
	border-radius:3px;
	font-family:'Dosis';
	font-weight: 600;
	transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-webkit-transition:all 0.2s ease-in-out;
	}

a.contact_btn:hover{background:#222222;}
	
	
	
/* PDF DOWNLOAD
---------------------------------*/
.c-logo-part{
	background: url(../img/poligan_bg.jpg) no-repeat left top;
	padding: 10px 0 60px;
	margin-top:0;
    filter: alpha(opacity=60);
}
.c-logo-part ul{
	padding:0;
	margin:0;
	list-style:none;
	text-align:center;
}
.c-logo-part ul li{
	display:inline;
	margin:0 25px;
}
.c-logo-part ul a{
	display:inline-block;
	margin: 0 20px;
}


/* CAST/STAFF
---------------------------------*/
.client_profile_pic{display:inline-block;padding:0 12px 0;line-height:1.3em;width:160px;height:160px;}

.client_profile_pic img{border-radius:50%;border:3px solid #f5f5f5;margin-bottom:3px;}

#Casts{text-align:center;padding:40px 0 0;}


/* Portfolio
---------------------------------*/
#Portfolio{ padding:40px 0;}
#Portfolio h2{margin-bottom:50px;}
img {max-width:100%;}



/* Happy Clients
---------------------------------*/
#client_outer{ padding:40px 0;}
	
.client_area{width:960px;margin:0px auto;}

.client_section{padding:0;}
	
.client_profile{float:left;text-align:center;}
	
.client_profile h3{font-size:18px;color:#CC00CC;margin:0;}
	
.theat_cont_inner{background:url(../img/map.png) no-repeat right center;}

.theat_content{position:relative;}
	
	


/* Team
---------------------------------*/
#team{padding:40px 0;}

#team h6{margin-bottom:40px;}

#team h4{color:#CC33CC;font-weight:bold;text-align:center;}

#team p{margin-bottom:60px;text-align:center;}

#team table{margin:0 auto 20px;}

#team table td{padding:3px 20px;text-align:left;} 

.team-leader-block{max-width:993px;margin:0 auto;}

.team-leader-box{
	width:30.66%;
	margin-right: 3.82979%;
	height: 140px;
	overflow: hidden;
	text-align: center;
	float: left;
}

.team-leader-box span{margin-bottom:24px;display:block;}

.team-leader-box:nth-of-type(3n+0){ margin:0;}

.team-leader{
	width:auto;
	height:auto;
	position:relative;
	border-radius:50%;
	box-shadow:0px 0px 0px 7px rgba(241,241,241,0.80);
	margin:7px 7px 25px 7px;
	
}
.team-leader-shadow{
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	border-radius:50%;
	position:absolute;
	width:100%;
	height:100%;
	z-index:10;
	border-radius:50%;
}

.team-leader-shadow a{display:block;width:100%;height:100%;}

.team-leader:hover .team-leader-shadow{box-shadow:inset  0px 0px 0px 148px rgba(17,17,17,0.80);}

.team-leader:hover ul{ display:block; opacity:1}

.team-leader ul{
	display:block;
	opacity:0;
	padding:0;
	margin:0;
	list-style:none;
	position:absolute;
	left:0;
	top:50%;
	width:100%;
	text-align:center;
	margin-top:-14px;
	z-index:15;
	transition:all 0.6s ease-in-out;
	-moz-transition:all 0.6s ease-in-out;
	-webkit-transition:all 0.6s ease-in-out;
}

.team-leader ul li{display:inline;margin:0 11px;}

.team-leader ul li a{
	font-family: 'FontAwesome';
	display:inline-block;
	font-size:28px;
	color:#fff;	
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}




/* Twitter Feed
---------------------------------*/

.twitter-feed{
	background:#00b8ff;
	padding:40px 0;
	text-align:center;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}

.twitter-feed:hover {background: #f56eab;}

.twitter-feed p{font-size:16px;font-weight: 700;color:#ffffff;margin:0;}

	

/* Contact
---------------------------------*/
.main-section.contact{padding:90px 0;}

.main-section.contact{background:url(../img/bg-map.png) left 190px no-repeat;}

.contact_section h2{
	font-size:40px;
	color:#ffffff;
	margin:0 0 60px 0;
	text-transform:uppercase;
	}
	
.contact_block span{
	display:block;
	font-size:16px;
	color:#ffffff;
	line-height:20px;
	}
	
.contact_block span a{
	display:block;
	font-size:16px;
	color:#ffffff;
	line-height:20px;
	}


.contact-info-box{
	font-size:15px;
	margin:0 0 14px 68px;
	padding-left:0;
	
}
.contact-info-box h3{
	font-size: 24px;
	font-weight:600;
	margin:0 0 40px;
	color:#fff;
}

.contact-info-box p{
	line-height:28px;
	display:block;
	font-size:16px;
	color:#ffffff;
	margin:0 0 40px;
}
.social-link{
	padding:35px 0 0;
	margin:0 0 0 68px;
	display:block;
	overflow:hidden;
	list-style:none;
}
.social-link li{
	float:left;
	margin-right:8px;
	
}
.social-link li a{
	display:block;
	width:55px;
	height:55px;
	border:3px solid #fff;
	border-radius:50%;
	text-align:center;
	line-height:48px;
	font-size:25px;
	color:#fff;
	background:#222222;
	border-radius:50%;
	transition:all 0.3s ease-in-out;
}
.social-link li a:hover, .social-link li a:focus{
	text-decoration:none;
}
.twitter a:hover {
	background: #55acee;
}
.facebook a:hover {
	background: #3b5998;
}
.pinterest a:hover {
	background: #cb2026;
}
.gplus a:hover {
	background: #dd4b39;
}
.dribbble a:hover {
	background: #ea4c89;
}


/* Footer
---------------------------------*/

.footer_section{ background:url(../img/pattern_bg.jpg) repeat left top;}

.footer_bottom{border-top:1px solid #333333;padding:40px 0;}
	
.footer_bottom span{
	display:block;
	font-size:14px;
	color:#cccccc;
	text-align:center;
	}
	
.footer_bottom span a{
	display:inline-block;
	color:#7cc576;
	font-size:16px;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	} 

.footer_bottom span a:hover{color: #fff;}




/* Animation Timers
---------------------------------*/
.delay-01s {animation-delay: 0.1s;-webkit-animation-delay: 0.1s;}
.delay-02s {animation-delay: 0.2s;-webkit-animation-delay: 0.2s;}
.delay-03s {animation-delay: 0.3s;-webkit-animation-delay: 0.3s;}
.delay-04s {animation-delay: 0.4s;-webkit-animation-delay: 0.4s;}
.delay-05s {animation-delay: 0.5s;-webkit-animation-delay: 0.5s;}
.delay-06s {animation-delay: 0.6s;-webkit-animation-delay: 0.6s;}
.delay-07s {animation-delay: 0.7s;-webkit-animation-delay: 0.7s;}
.delay-08s {animation-delay: 0.8s;-webkit-animation-delay: 0.8s;}
.delay-09s {animation-delay: 0.9s;-webkit-animation-delay: 0.9s;}
.delay-1s {animation-delay: 1s;-webkit-animation-delay: 1s;}
.delay-12s {animation-delay: 1.2s;-webkit-animation-delay: 1.2s;}