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



	Theme Name: GoBlack - SynergyWaterproofing

	Theme URI: http://cloudrepublic.com.au/

	Description: Single Page Theme for Synergy Waterproofing

	Author: Cloud Republic

	Author URI: http://cloudrepublic.com.au/

	License: GNU General Public License version 3.0

	License URI: http://www.gnu.org/licenses/gpl-3.0.html

	Version: 1.0

	All PHP code is released under the GNU General Public Licence version 3.0



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









@import url("css/colorbox.css");

@import url("css/flat-ui.css");

@import url("css/noJS.css");



/*jquery.fancybox-1.3.1.css  - Lightbox*/

@import url("plugin/showbizpro/fancybox/jquery.fancybox.css");



/* ========================================================== */

/* 				  		      Font Style                      */

/* ========================================================== */

@font-face {

  font-family: 'BebasNeue';

  src: url('css/font/BebasNeue-webfont.eot');

  src: url('css/font/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),

	   url('css/font/BebasNeue-webfont.woff') format('woff'), 

	   url('css/font/BebasNeue-webfont.ttf') format('truetype'), 

	   url('css/font/BebasNeue-webfont.svg#BebasNeue') format('svg');

  font-weight: normal;

  font-style: normal;

}





* {

    -moz-box-sizing: border-box;

    margin: 0;

    padding: 0;

}

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body, html { font-size: 100%; padding: 0; margin: 0; height: 100%;}



html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, img, small, strong, ol, ul, li, form, label, table, caption, tr, td, footer, header {

    border: 0 none;

    font: inherit;

    margin: 0;

    padding: 0;

    vertical-align: baseline;

}



/* ========================================================== */

/* 				  		      Main                            */

/* ========================================================== */



body{

	background:#ecf0f1;

	font-size:14px;

	font-family:"Open Sans",Helvetica,Arial,sans-serif;

	line-height:1.4;

}

p{

	margin:0 0 15px;

}

.mainWrapper{

	position:relative;

	margin:0 auto;

	max-width:100%;

}



/* ========================================================== */

/* 				  		      Preloader                       */

/* ========================================================== */

	#preloader {

		position:fixed;

		top:0;

		left:0;

		right:0;

		bottom:0;

		background-color:#fff; /* change if the mask should have another color then white */

		z-index:999999; /* makes sure it stays on top */

		display:none;

	}

	

	#status {

		width:200px;

		height:200px;

		color:#fff;

		position:absolute;

		left:50%; /* centers the loading animation horizontally one the screen */

		top:50%; /* centers the loading animation vertically one the screen */

		background-image:url(images/atoms.gif); /* path to your loading animation */

		background-repeat:no-repeat;

		background-position:center;

		margin:-100px 0 0 -100px; /* is width and height divided by two */

	}

	#status p{text-align:center;}



/* ========================================================== */

/* 				  		      Section                         */

/* ========================================================== */

	.secContent{

		background: none repeat scroll 0 0 #F4F6F6;

		width:100%;

		position: relative;

		

	}

	.grey-bg.light-bg.bottom-arrow:after {

		border-top-color: #ECF0F1;

	}

	.grey-bg.bottom-arrow:after {

		border-top-color: #ECF0F1;

	}

	.bottom-arrow:after {

		border-left: 27px solid transparent;

		border-right: 28px solid transparent;

		border-top: 28px solid #FFFFFF;

		bottom: -28px;

		content: "";

		display: block;

		height: 0;

		left: 50%;

		margin-left: -28px;

		position: absolute;

		width: 0;

		z-index: 15;

	}

	.bottom-arrow {

		position: relative;

	}

	.grey-bg {

		background-color: #D2D1CF;

	}

	.white-bg {

		background-color: #fff;

	}

	.def-bg {

		background-color: #1abc9c;

	}

	.dark-bg {

		background-color: #2c3e50 !important;

		

	}

	







.sb-search {

	position: relative;

	width: 0%;

	margin-left:2px;

	min-width: 40px;

	height: 40px;

	float: right;

	overflow: hidden;

	-webkit-transition: width 0.3s;

	-moz-transition: width 0.3s;

	transition: width 0.3s;

	-webkit-backface-visibility: hidden;

}



.sb-search-input {

	position: absolute;

	top: 0;

	right: 0;

	border: none;

	outline: none;

	background: #fff;

	width: auto;

	height: 40px;

	margin: 0;

	z-index: 10;

	padding: 20px;

	font-family: inherit;

	font-size: 20px;

	color: #2c3e50;

}



.sb-search-input::-webkit-input-placeholder {

	color: #42a2c8;

}



.sb-search-input:-moz-placeholder {

	color: #42a2c8;

}



.sb-search-input::-moz-placeholder {

	color: #42a2c8;

}



.sb-search-input:-ms-input-placeholder {

	color: #42a2c8;

}



.sb-icon-search,

.sb-search-submit  {

	width: 40px;

	height: 40px;

	display: block;

	position: absolute;

	right: 0;

	top: 0;

	padding: 0;

	margin: 0;

	line-height: 40px;

	text-align: center;

	cursor: pointer;

}



.sb-search-submit {

	background: #fff; /* IE needs this */

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */

    filter: alpha(opacity=0); /* IE 5-7 */

    opacity: 0;

	color: transparent;

	border: none;

	outline: none;

	z-index: -1;

}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{

	height: 40px;

	padding: 0;

	text-indent: 15px;

}

.sb-icon-search {

	color: #42a2c8;

	background: #fff;

	z-index: 90;

	font-size: 22px;

	font-family: 'FontAwesome';

	speak: none;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	-webkit-font-smoothing: antialiased;

}



.sb-icon-search:before {

	content: "\e000";

}



/* Open state */

.sb-search.sb-search-open,

.no-js .sb-search {

	width: 30%;

}



.sb-search.sb-search-open .sb-icon-search,

.no-js .sb-search .sb-icon-search {

	background: #1ABC9C;

	color: #fff;

	z-index: 11;

}



.sb-search.sb-search-open .sb-search-submit,

.no-js .sb-search .sb-search-submit {

	z-index: 90;

}



/* ========================================================== */

/* 				  		 To Top                               */

/* ========================================================== */



	#toTop {

		display:none;

		text-decoration:none;

		position:fixed;

		bottom:10px;

		right:10px;

		overflow:hidden;

		width:51px;

		height:51px;

		border:none;

		text-indent:100%;

		background:url("img/ui.totop.png") no-repeat left top;

		z-index: 999;

	}

	#toTopHover {

		background:url("img/ui.totop.png") no-repeat left -51px;

		width:51px;

		height:51px;

		display:block;

		overflow:hidden;

		float:left;

		opacity: 0;

		-moz-opacity: 0;	

	}

	#toTop:active, #toTop:focus {

		outline:none;

	}





/* ========================================================== */

/* 				  		      Color                           */

/* ========================================================== */



	.dark{

		background: #42a2c8;

	}

	.default {

		background: #313131;

	}

	.bdark{

		background:#F9F9F9;

	}

	.white {

		background: #fff;

	}

	.grey {

		background: #E3E2DC;

	}

	.subtitle.colWhite{

		color:#fff;

	}

	.colWhite{

		color:#fff;

	}

	.colBlack {

		color: #42a2c8;

	}

	.colDefault {

		color: #42a2c8;

	}



	.italic {

		font-style: italic;

	}





/* ================================================================

						Toggle

================================================================== */

	#toggle-view {

		list-style:none;	

		font-size:12px;

		margin-bottom:0;

		width:100%;

	}



	#toggle-view li {

		position:relative;

		cursor:pointer;

	}

		

	#toggle-view h3 {

		font-family: open sans,sans-serif;

		font-size:14px;

		color:#313131;

		font-weight:500;

		padding-left:15px;

		margin-bottom:8px;

		line-height:normal;

	}



	#toggle-view span {

		position:absolute;

		color:#555;

		font-size:13px;

		font-weight:bold;

		line-height:normal;

		*margin-top:17px; /* ------- for IE7 only ------- */

	}



	#toggle-view p {

		margin-bottom:20px;

		padding:0px 10px 0 15px;

		display:none;

		font-family: 'Open Sans', Arial, Helvetica, sans-serif;

	}



/* ==================================================================

	Progress Bar

================================================================== */

	.progress {

		height: 40px;

		-webkit-border-radius: 0px;

		-moz-border-radius: 0px;

		border-radius: 0px;

		margin-bottom: 10px;

	}



	.progress .bar {

		background: #313131 !important;

		line-height: 40px;

		text-align: left;

		text-indent: 15px;

		-webkit-box-shadow: none;

		-moz-box-shadow: none;

		box-shadow: none;

		-webkit-text-shadow: none;

		-moz-text-shadow: none;

		text-shadow: none;

	}



	.progress:hover .bar {

	-webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; 

		background: #1abc9c !important;

		color:#fff;

	}





/* ========================================================== */

/* 				  		      Other features                  */

/* ========================================================== */

	.resalt{ }

	.image_resalt,.video_resalt{

		overflow: hidden;

	}

	.resalte{

		position: relative;

		right: -1000px;

	}



/* ==========================================================================

   Title

============================================================================= */



	.title {

		text-align: center;

		margin-bottom:30px;

		z-index:99;

		position:relative;

	}

	.title h2 {

		color:#6f6f6f;

		display: block;

		font-family: 'Bebasneue',sans-serif;

		font-size: 50px;

		line-height: 1;

		font-weight: 500;

		padding: 35px 0 15px;

	}

	.title h3 {

		color: #42a2c8;

		font-family: open sans;

		font-size: 22px;

		line-height: 1.6;

	}

	.title h2 small{

		display:block;

		color:#6f6f6f;

		bottom:15px;

		margin-top:15px;

	}

	h2.main-title:before {

		background: none repeat scroll 0 0 #42a2c8;

		content: "";

		height: 6px;

		left: 50%;

		margin-left: -50px;

		position: absolute;

		top: -1px;

		width: 100px;

	}

	h2.main-title {

		border-top: 1px solid #E0E0E0;

		color: #42a2c8;

		margin-bottom: 35px !important;

		margin-top: 15px;

		position: relative;

		text-align: center;

		text-transform: uppercase;

	}

	.main-title i {

		color: #E0E0E0;

		font-size: 150px;

		left: 0;

		position: absolute;

		top: 0;

	}

	.title span {

		color:#676767

	}

	.subtitle {

		font-family: 'bebasneue',"Times New Roman",Times,serif;

		font-size: 44px;

		font-weight: 100;

		line-height: 1;

		margin-bottom: 15px;

		padding: 0;

		position: relative;

		text-transform: uppercase;

		z-index: 1;

	}

	.desc {

		display: inline-block;

		font-family: Open Sans,sans-serif;

		font-size: 18px;

		font-weight: 300;

		line-height: 1.8;

		margin-bottom: 30px;

		padding: 0;

		position: relative;

		text-align: left;

		z-index: 1;

	}



	.desc-2 {

		font-family: Helvetica,sans-serif;

		font-size: 16px;

		font-weight: 400;

	}



	.title.colWhite {

		text-align: center;

		margin-bottom:30px;

	}

	.title.colWhite h1 {

		color: #fff;

		display: block;

		line-height: 0.8;

		margin-bottom: 30px;

		font-size:80px;

		font-family:'BebasNeue',sans-serif;

	}

	.title.colWhite h1 small{

		display:block;

		color:#5f5f5f;

	}

	.title.colWhite.subtitle {

		font-family: 'Open Sans',"Times New Roman",Times,serif;

		font-size: 25px;

		font-weight: 700;

		line-height: 1.2;

		margin-bottom: 40px;

		padding: 0;

		position: relative;

		text-transform: uppercase;

		z-index: 1;

		color:#313131

	}





	



	/* ==========================================================================

	   Margin 

	============================================================================= */



	.marg-25{

		margin-bottom:25px !important

	}

	.marg-35{

		margin-bottom:35px !important

	}



	/* ==========================================================================

	   Highlight 

	============================================================================= */



	.highlight {

		color: #42a2c8;

	}

	.highBlack{

		color:#42a2c8;

	}

	

	.highlight.color {

		background: none repeat scroll 0 0 #1abc9c;

	}

	.highlight.gray {

		background: none repeat scroll 0 0 #AAAAAA;

	}

	.highlight.black {

		background: none repeat scroll 0 0 #313131;

	}

	.highlight.color, .highlight.gray, .highlight.light, .highlight.black {

		box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;

		color: #FFFFFF;

		padding: 2px 6px;

	}



	.highlight.light {

		background: none repeat scroll 0 0 #F2F2F2;

		box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.05) inset;

		color: #888888;

	}











	/* ==========================================================================

	   Alerts

	============================================================================= */

	.alert {

		border:none;

		border-radius: 0;

		background-position:15px 11px;

		background-repeat:no-repeat;

		color:#f2f2f2;

		font-size:16px;

		line-height:20px;

		margin:0 0 20px;

		padding:10px 30px 10px 45px;

		position:relative;

		text-shadow:none;

	}

	.alert p { margin:10px 0 0; }

	.alert p:first-child { margin:0; }	

	/* alert - info */

	[class*="alert-info"] { background-image:url(images/alert_icons/icon_alert_info.png); }

	.alert-info1 { 

		background-color:#ebbe2a;

		color:#fff;

	}

	.alert-info2 { background-color:#4ab17f; }

	/* alert - error */

	.alert-error { background-color:#e05c50; }

	[class*="alert-error"] { background-image:url(images/alert_icons/icon_alert_error.png); }

	

	/* alert - success */

	[class*="alert-success"] { background-image:url(images/alert_icons/icon_alert_success.png); }

	.alert-success1 { background-color:#1abc9c; }

	.alert-success2 { background-color:#9c9c9c; }

	

	.close {

		opacity:1 !important;

		position:absolute !important;

		right:12px !important;

		top:8px !important;	

	}

	.alert-icon-close {

		background:url(images/alert_icons/icon_close.png) 0 0;

		display:inline-block;

		height:9px;

		left:5px;	

		margin:8px;

		position:relative;

		vertical-align:top;

		width:9px;	

	}

	.close:hover .alert-icon-close,

	.close:focus .alert-icon-close { background-position:0 -9px; }

	



	/* ========================================================== */

	/* 				  		    Separator                         */

	/* ========================================================== */

	.separator {

		position: relative;

		width: 100%;

		overflow:hidden;

	}

	.separator > h3 {

		font-family: bebasneue;

		font-size: 35px;

	}

	.separator > p {

		font-family: open sans;

		font-size: 18px;

		line-height: 28px;

	}

	

	.inSeparator {

		background: url("img/bg/4.jpg") repeat fixed 100% 100%  transparent;

		bottom: 0;

		height: 100%;

		margin: 0;

		position: absolute;

		right: 0;

		width: 100%;

		z-index:-9

	}



	.inSeparator-2 {

		background: url("img/bg/3.jpg") repeat fixed 100% 100%  transparent;

		bottom: 0;

		height: 100%;

		margin: 0;

		position: absolute;

		right: 0;

		width: 100%;

		z-index:-9

	}



	.inSeparator-3 {

		background: url("img/bg/6.jpg") repeat fixed 100% 100% /cover transparent;

		bottom: 0;

		height: 100%;

		margin: 0;

		position: absolute;

		right: 0;

		width: 100%;

		z-index:-9

	}

	.inSeparator-4 {

		background: #42a2c8;

		bottom: 0;

		height: 100%;

		margin: 0;

		position: absolute;

		right: 0;

		width: 100%;

		z-index:-9

	}

	.inSeparator-5 {

		background: url("img/bg/7.jpg") repeat fixed 100% 100% /cover transparent;

		bottom: 0;

		height: 100%;

		margin: 0;

		position: absolute;

		right: 0;

		width: 100%;

		z-index:-9

	}

	.inSeparator-6 {

		background: url("img/bg/10.jpg") repeat fixed 100% 100% /cover transparent;

		bottom: 0;

		height: 100%;

		margin: 0;

		position: absolute;

		right: 0;

		width: 100%;

		z-index:-9

	}



	.inSeparator:after,.inSeparator-2:after,.inSeparator-3:after, .inSeparator-5:after, .inSeparator-6:after{

		background: rgba(0,0,0,.3);

		position:absolute;

		content: '-';

		top:0;

		bottom:0;

		height:auto;

		width:100%;

		z-index:0;

		left:0;

	}



	.separatorTitle{

		position:relative;

		text-align:center;

	}



	.separatorTitle h1, .separatorTitle h2, .separatorTitle h3, .separatorTitle h4{

		color: #FFFFFF !important;

		font-family: Open Sans,sans-serif;

		font-size: 40px;

		line-height: 1.7em;

		text-align: center;

		text-shadow: 0 1px 0 #000000;

		vertical-align: middle;

		text-transform: uppercase;

	}

	.separatorTitle h5, .separatorTitle h6 {

		color: #FFFFFF !important;

		font-family: Open Sans,sans-serif;

		font-size: 30px;

		line-height: 1.8em;

		text-align: center;

		text-shadow: 0 1px 0 #000000;

		vertical-align: middle;

	}

	.separatorTitle span {

		background: rgba(0,0,0,.8);

		font-family: Open Sans,sans-serif;

		font-weight: bold;

		padding: 5px 10px;

	}

	#scroll-h-1, #scroll-h-2, #scroll-h-3{

		

		position: relative;

		left: 0;

	}

	#scroll-b-1, #scroll-b-2, #scroll-b-3{

		

		position: relative;

		right: 0;

	}



/* ========================================================== */

/* 				  		      General Button                  */

/* ========================================================== */

	.btn-small {

		border:1px solid #313131;

		color: #313131;

		display: inline-block;

		height: 35px;

		line-height: 35px;

		padding: 0 15px;

		font-weight:500;

		text-transform: Uppercase;

		margin-top:15px;

		font-family: Open sans, san-serif;

		text-align: center;

		border-radius:0;

		-webkit-transition: all 0.3s ease 0s;

		   -moz-transition: all 0.3s ease 0s;

			-ms-transition: all 0.3s ease 0s;

			 -o-transition: all 0.3s ease 0s;

				transition: all 0.3s ease 0s;

	}



	.btn-small:hover {

		background:#313131;

		border:1px solid #313131;

		color:#fff;

		opacity:1;

		text-decoration:none;

	}

	.linkButton{

		display: inline-block;

		margin:20px auto;

		

	}

	.linkButton > span {

		font-family: bebasneue;

		font-size: 24px;

		font-weight: bold;

		line-height: normal;

		padding: 0 15px;

	}

	.linkButton a{

		text-transform:uppercase;

	}

	.buttonLink.def{

		padding:15px 55px;

		font-size:14px;

		font-weight:600;

		border:1px solid transparent;

		font-family:open Sans;

		color:#fff;

		margin:15px auto;

		display:inline-block;

		background:#1abc9c;

		opacity: 0.8;

	}

	.buttonLink.def:hover{

		text-decoration:none; 

		-webkit-transition: all 0.3s ease; 

		-moz-transition: all 0.3s ease; 

		-o-transition: all 0.3s ease; 

		transition: all 0.3s ease;

		border:1px solid transparent;

		opacity: 1;

	}

	.buttonLink.dark{

		padding:15px 55px;

		font-size:14px;

		font-weight:600;

		border:1px solid #313131;

		font-family:open Sans;

		color:#4e5257;

		margin:15px auto;

		display:inline-block;

		background:transparent;

	}

	.buttonLink.dark:hover{

		text-decoration:underline; 

		-webkit-transition: all 0.3s ease; 

		-moz-transition: all 0.3s ease; 

		-o-transition: all 0.3s ease; 

		transition: all 0.3s ease;

		color:#111;

		border:1px solid #313131;

		

	}



	.service .service-icon:after {

		content: '';

		position: absolute;

		z-index: -1;

		-webkit-transition: all 0.3s;

		-moz-transition: all 0.3s;

		transition: all 0.3s;

	}



	.buttonLink.reverse:hover{

		text-decoration:none; 

		-webkit-transition: all 0.35s ease; 

		-moz-transition: all 0.35s ease; 

		-o-transition: all 0.35s ease; 

		transition: all 0.35s ease;

		color:#fff;

		background:#313131;

	}





/* ========================================================== */

/* 				  		      Padding                         */

/* ========================================================== */

	.noPadd{

		padding: 0;

	}

	.minPadd{

		padding:5px 0;

	}

	.smallerPadd{

		padding: 15px 0;

	}

	.smallPadd{

		padding: 30px 0;

	}

	.mediumPadd{

		padding: 60px 0;

	}

	.bigPadd{

		padding: 90px 0;

	}

	.superbigPadd{

		padding:120px 0;

	}

	.paddLR{

		padding:0 60px;

	}





/* ========================================================== */

/* 				  		      Header                          */

/* ========================================================== */

	.main-top {

		background: #42a2c8;

		color: #FFFFFF;

		min-height: 40px;

	}

	.top_head{

		background:#fff;

		min-height: 80px;

	}

	

	.top-contact {

		text-align: center;

		margin:0;

	}

	.top-contact li {

		display: inline-block;

		font-size: 13px;

		line-height: 40px;

		margin-right: 10px;

		padding:0 5px;

		cursor:pointer;

		font-family: 'Open Sans',sans-serif;

	}

	.top-contact span {

		padding: 0 15px;

		position: relative;

	}

	.addres-top .contact-icon {

		background: url("images/map-top.png") no-repeat scroll center center transparent;

	}



	.mail-top .mail {

		background: url("images/mail-top.png") no-repeat scroll center center transparent;

	}

	.phone-top .iphone {

		background: url("images/phone-top.png") no-repeat scroll center center transparent;

	}

	.addres-top:hover,.mail-top:hover,.phone-top:hover {

		background:#fff;

		color:#42a2c8;

		-webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease;

		

	}

	

	header{

		background-image: url("img/bg/1a.jpg");

		background-position:center top;

		background-repeat:  no-repeat;

		background-attachment:fixed;

		background-size:cover;

		min-height:auto;

		position:relative;

		

	}

	header:after{

		background-color:rgba(0, 0, 0,.1);

		position:absolute;

		content: '-';

		top:0;

		bottom:0;

		height:auto;

		width:100%;

		z-index:0;

		left:0;

	}

	header.is-sticky{

		position:relative;

		width:100%;

		background:#fff;

		border-bottom:3px solid #1abc9c;

	}

	header .mainTop {

		background: rgba(0,0,0.5);

		height: 100%;

		width: 100%;

	}

	.sticky-wrapper.is-sticky .top_head {

		width: 100%;

		z-index: 999;

		box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);

	}

	

	.sticky-wrapper.is-sticky .upHead{

		border-bottom:4px solid #D5D5D5;

		min-height:60px;

		z-index:999;

	}

	.sticky-wrapper.is-sticky .upHead .logos{

		display: inline-block;

		-webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; 

		

	}

/*

	.sticky-wrapper.is-sticky .upHead .menu{

		float:right;

		margin-right:90px;

		

	}

*/

	.sticky-wrapper.is-sticky .menu, .sticky-wrapper.is-sticky .logos{

		padding-top:0;

	}

	.upHead {

		background: none repeat scroll 0 0 #f9f9f9;

		border-bottom:4px solid #D5D5D5;

		display: block;

		min-height: 70px;

		position: relative;

		z-index: 999;

		width:100%;

	}

	

	

	

	

	

/* ========================================================== */

/* 				  		      Logo                            */

/* ========================================================== */



	.logo_top {

		display: inline-block;

		float:left;

	}

	.logo_top a{

		font-family:bebasneue;

		color:#42a2c8;

	}

	.logo_top a:hover{

		color:#fff;

		text-decoration:none;

	}

	.logo_top h1 {

		font-size: 45px;

		line-height:62px;

	}



	/* Second Logo */

	.logo {

		display: inline-block;

		float:left;

		padding-top: 5px;

		-webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; 

	}

	.logo a{

		font-family:bebasneue;

		color:#42a2c8;

	}

	.logo a:hover{

		color:#313131;

		text-decoration:none;

	}

	.logo h1 {

		font-family:bebasneue;

		font-size: 50px;

		line-height:80px;

		

	}







/* ==========================================================================

   Menu

============================================================================= */

	#navigator{

		background:none

	}

	.menu {

		float:right;

		height:auto;

		margin:0 auto;

		position: relative;

	}



	nav select { display: none; }

	nav { line-height: 1; position: relative; z-index: 9; margin:0 auto; list-style-type:none;}

	.sf-menu { clear: both; list-style: none; padding:0; margin:0 auto; }

	.sf-menu > li {

		display: inline-block;

		margin: 0 auto;

		padding: 0;

	}

	.sf-menu li { position: relative;margin-right: -3px;}

	.sf-menu > li:last-child { background: none repeat scroll 0 0 transparent;padding-right:0;border-right:0; }



	.sf-menu > li:first-child a{

		background: none repeat scroll 0 0 transparent;

	}

	.sf-menu > li > a { color: #42a2c8; text-transform:uppercase; float: left; font-weight:500; font-size:22px; padding:0 15px; text-decoration:none; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; font-family:bebasneue;line-height: 78px;}

	.sf-menu > li.current > a, .sf-menu > li > a:hover, .sf-menu > li.sfHover > a { color: #FFF; text-decoration:none; }

	.sf-menu > li.current > a { color: #FFF; }



	.sf-menu > li.current > a, .sf-menu > li > a:hover, .sf-menu > li.sfHover > a, .sf-menu > li.current > a { color: #fff;background: #42a2c8 }

	.sf-menu ul { font-size: 12px; list-style: none; text-align: left; margin: 0; padding: 0; position: absolute; left: 2px; display:none; top: 59px; z-index: 999; background:#FFF; ; }.sf-menu ul li { background:none; }



	/*.sf-menu li:first-child ul {

		left: 0;

	}*/

	.sf-menu ul ul { left: 175px; top: 0px; }

	.sf-menu ul li { width: 170px; border-bottom: 1px solid #e3e3e3;/*margin-bottom: 1px;*/

	}

	.sf-menu ul li:last-child { border-bottom: 0 none; }

	.sf-menu ul a { color: #333; display: block; margin:0; font-weight:600; padding: 8px 0; text-transform:none; text-decoration:none; }

	.sf-menu ul li { margin-bottom:0; }

	.sf-menu ul li a:hover, .sf-menu ul li.sfHover > a { color: #FFF; text-shadow:0 1px 0 #333; background:#29292a; font-weight:600; padding:8px 10px 8px 14px; text-shadow:0 1px 0 rgba(0, 0, 0, 0.3); }

	.sf-menu ul li.sfHover > a.arrow-bg:after { position:absolute; content:'\f105'; font-family:'FontAwesome'; right:8px; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; }











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

	[10.1] LAVALAMP PLUGIN

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



	li.backLava {

		background:#42a2c8;

		border:none !important;		

		-moz-border-radius-bottomleft:0;

		-moz-border-radius-bottomright:0;

		-webkit-border-bottom-left-radius:0;

		-webkit-border-bottom-right-radius:0;

		border-bottom-left-radius:0;

		border-bottom-right-radius:0;

		cursor:pointer;

		height:5px !important;

		position:absolute;

		top:100% !important;

		transition:none !important;

	}

	li.backLava:before { display:none; }







/* ==========================================================================

   Main Slide

	============================================================================= */

	.main-slide{

		height:100%;

		z-index:9;

		width:100%;

		position:absolute

	}



	.main-slide > img {

		display: block;

		height: 90px;

		margin: 60px auto;

		text-align: center;

	}

	.main-slide .flexslider{

		text-align:center;

		color:#fff;

	}





	.slides h1 {

		font-family: bebasneue;

		font-size: 65px;

		line-height: 1.07;

	}

	.slides h2 {

		font-family: bebasneue;

		font-size: 45px;

		line-height: 1;

	}





/* ======================================================================== */

/* ! Slideshow

/* ======================================================================== */

	

	.fullwidthbanner-container{

		width:100% !important;

		position:relative;

		padding:0;

		height:500px;

		max-height:600px !important;

		overflow:hidden;

		z-index:9;

	}

	

	.tp-caption.sprta_white{

		color:#1abc9c;

	}

	.tp-rightarrow:hover,

	.tp-caption.sprta_inverse, .btn.btn-primary{

		background-color: #1abc9c;

	}

	

	/* toggles */

	.toggles {

		list-style:none;	

		margin:0 0 20px;

		padding:0;

	}

	.toggle-title a { 

		color:#313131;

		display:block;

		font-weight:700;

		line-height:20px;

		padding:20px;

		padding-left:50px;

		text-transform:uppercase;

	}

	.toggles > li {

		background:none;	

		border:solid 1px #bbb;

		margin:0;

		margin-top:-1px;

		padding:0;

		position:relative;

	}

	.toggles > li:fist-child { margin-top:0; }

	.toggles > li.current a,

	.toggles > li:hover a { color:#1eb0bc; }

	.toggle-title a span {

		background:url(images/misc/icon_open_close.png) 0 0 no-repeat;		

		display:block;

		float:left;

		height:20px;

		margin-left:-30px;	

		margin-right:10px;

		width:20px;

	}

	.toggles li.current .toggle-title a span { background-position:-20px -20px; }

	.toggle-content {

		display:none;

		padding:0 20px 0 50px;

	}

	.toggles li.current .toggle-content { display:block; }

	.toggle-content > ul { margin-bottom:20px; }











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

/*	TABS

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



.etabs { 

	margin: 0; 

	padding: 0; 

	text-align: center;

	overflow: inherit;

}



.etabs.left { 

	text-align: left;

}



.tab { 

	margin:0; 

	padding: 0;

	background: none;

	display: inline-block; 

	zoom:1; 

	*display:inline; 

	border-left: 1px solid #e5e5e5;

	text-transform: uppercase;

	font-family: 'Open Sans', sans-serif;

	font-weight: bold;

	font-size: 13px;

}



.tab a { 

	display: block; 

	color: #a1a1a1;

	padding:13px 34px 13px 38px; 

}



.tab:first-child { 

	border: none;

}



.tab a.active,

.tab a:hover { 

	color: #42a2c8;

}



.tab-container .panel-container { 

	border-top: 1px solid #e5e5e5; 

	padding: 15px 0 0 0; 

}



.panel-container { 

	

}



.etabs.left .tab { 

	font-size: 13px;

}



.etabs.left .tab a { 

	padding:10px 29px 10px 35px; 

}

.etabs.left .tab:first-child { 

	border-left: 1px solid #e5e5e5;

}



/* tabs */

	

	.tabs > li.current a,

	.tabs > li:hover a,

	.tabs-content > li.current .tab-title a,

	.tabs-content > li .tab-title a:hover { color:#1eb0bc; }

	.tabs-content {

		list-style:none;	

		margin:0 0 20px 0;	

		padding:0;

	}

	.tabs-content > li {

		background:none;

		margin:0;

		padding:0;	

	}

	.tab-content h4 {

		font-weight: bold;

		margin: 15px auto;

		padding: 0;

	}

	.tab-title a { border-bottom:solid 1px #bbb; }

	.tab-title { display:none; }

	.tab-content > ul { margin-bottom:20px; }

	.tab-content { display:none; }

	.tabs-content > li.current .tab-content { display:block; }

	ul.list-plus > li {

		background: url("images/list_icons/i_plus_grey.png") no-repeat scroll 0 2px transparent;

		padding-left:20px;

	}

	ul.list-arrow3 > li {

		background: url("images/list_icons/i_arrow_3_grey.png") no-repeat scroll 0 2px transparent;

		padding-left:20px;

	}

	/* tabs - centered */

	.tabs-centered .tabs {

		float:left;

		left:50%;	

		position:relative;

	}

	.tabs-centered .tabs > li {

		float:left;

		position:relative;	

		right:50%;

	}

	

	/* tabs - right */

	.tabs-right .tabs { float:right; }







/* ========================================================== */

/* 				  		      Portfolio                         */

/* ========================================================== */



	#portfolio{

		width:100%;

		padding-bottom:120px;

		position:relative;

		z-index:1000;

	}



	#filter{

		width:100%;

		padding:15px 0 40px 0;

		margin:0 auto;

		overflow:hidden;

		text-align:center;

		position:relative;

		z-index:10;

	}



	#filter li{

		display: inline-block;

		margin:0 0 10px 0;

	}



	#filter li a{

		color:#333;

		border:1px solid #c1c1c1;

		-webkit-border-radius: 0;

		-moz-border-radius: 0;

		border-radius:0;

		padding:10px 20px;

		font-size:12px;

		line-height: 12px;

		font-family: 'open_sansitalic', Arial, Helvetica, sans-serif;

		transition: all .50s ease-in-out;

		-moz-transition: all .50s ease-in-out;

		-webkit-transition: all .50s ease-in-out;

	}



	#filter li.selected a, #filter li a:hover{

		color:#fff;

		background-color:#42a2c8;

		border:1px solid #42a2c8;

		transition: all .50s ease-in-out;

		-moz-transition: all .50s ease-in-out;

		-webkit-transition: all .50s ease-in-out;

	}



	#list{

		margin-bottom:30px;

	}



	.portfolio_list{

		position:relative;

		padding: 0;

	}



	.list_item{

		margin-right:0.5%;

		margin-left:0.5%;

		margin-bottom:1%;

		overflow: hidden

	}



	.portfolio_details{

		display:block;

		clear:both;

		width:100%;

		background-color:#f2f2f2;

		border-bottom:1px solid #e5e5e5;

		padding:30px 0;

		text-align:center;

	}



	.list_item:hover .portfolio_details{

		background-color:#42a2c8;

		transition: background-color .25s ease-in-out;

		-moz-transition: background-color .25s ease-in-out;

		-webkit-transition: background-color .25s ease-in-out;

	}



	.portfolio_details h2{

		font-size:16px;

		line-height:24px;

		text-transform:uppercase;

		font-family: 'Open Sans', Arial, Helvetica, sans-serif;

		color:#111!important;

		margin:0;

	}



	.list_item:hover .portfolio_details h2{

		color:#fff!important;

		transition: color .25s ease-in-out;

		-moz-transition: color .25s ease-in-out;

		-webkit-transition: color .25s ease-in-out;

	}



	.portfolio_details span{

		font-size:14px;

		font-family: 'Open Sans', Arial, Helvetica, sans-serif;

		color:#333;

	}



	.list_item:hover .portfolio_details span{

		color:#eee;

		transition: color .25s ease-in-out;

		-moz-transition: color .25s ease-in-out;

		-webkit-transition: color .25s ease-in-out;

	}



	.view {

		width:100%;

		padding:0;

		border:none;

		float: left;

		overflow: hidden;

		position: relative;

		text-align: center;

		cursor: default;

	}



	.view .mask,.view .content {

	   

	   position: absolute;

	   overflow: hidden;

	   top: 0;

	   left: 0;

	}



	.view img {

	   display: block;

	   position: relative;

	}



	.view span.zoom {

		position:absolute;

		display:block;

		width:100%;

		height:100%;

		cursor:pointer;

		background-image: url(images/link.png);

		background-repeat:no-repeat;

		background-position:center;

	}



	.view-first img {

	   -webkit-transition: all 0.2s linear;

	   -moz-transition: all 0.2s linear;

	   -o-transition: all 0.2s linear;

	   -ms-transition: all 0.2s linear;

	   transition: all 0.2s linear;

	}



	.view-first .mask {

	   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

	   filter: alpha(opacity=0);

	   opacity: 0;

	   background-color: rgba(0,0,0, 0.7);

	   -webkit-transition: all 0.4s ease-in-out;

	   -moz-transition: all 0.4s ease-in-out;

	   -o-transition: all 0.4s ease-in-out;

	   -ms-transition: all 0.4s ease-in-out;

	   transition: all 0.4s ease-in-out;

	   height:100%;

	   width:100%;

	}



	.list_item:hover .view-first img {

	   -webkit-transform: scale(1.1,1.1);

	   -moz-transform: scale(1.1,1.1);

	   -o-transform: scale(1.1,1.1);

	   -ms-transform: scale(1.1,1.1);

	   transform: scale(1.1,1.1);

	}



	.list_item:hover .view-first .mask {

	   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";

	   filter: alpha(opacity=100);

	   opacity: 1;

	}



	.list_item:hover .view-first a.zoom {

	   -webkit-transition-delay: 0.2s;

	   -moz-transition-delay: 0.2s;

	   -o-transition-delay: 0.2s;

	   -ms-transition-delay: 0.2s;

	   transition-delay: 0.2s;

	}

	#easing {

		top:10%;

		width:50%;

		z-index:101;

	}



	

	.gallery-caption {

	font-style: italic;

	font-size: 12px;

	font-size: 0.857142857rem;

	line-height: 2;

	color: #757575;

    }

	.goblack404 {

	text-align: center;

	}

	

	

/*	==================================================

	# Client Setting

	================================================== */

	.client{

		background-color:#ecf0f1;

		background-position:center center;

		background-repeat:no-repeat;

		height:101px;

		text-indent:-9999999px;

		margin-bottom:20px;

		color:transparent;

		-webkit-transition:all 0.2s ease-in-out;

		-moz-transition:all 0.2s ease-in-out;

		transition:all 0.2s ease-in-out;

	}

	.client:hover{background-color:#1abc9c;}

	.client a{display:block;height:100%; width:100%; overflow:auto;}

	.client_intro{ width:70%; text-align:center; margin:10px auto 35px; line-height:30px;}



	/* ADD YOUR CLIENT IMAGES HERE */

	.client1 {background-image:url(images/clients/client1.png)!important;}

	.client2 {background-image:url(images/clients/client2.png)!important;}

	.client3 {background-image:url(images/clients/client3.png)!important;}

	.client4 {background-image:url(images/clients/client4.png)!important;}

	.client5 {background-image:url(images/clients/client5.png)!important;}

	.client6 {background-image:url(images/clients/client6.png)!important;}



	.cleint_desc {

		color: #FFFFFF;

		font-family: open sans,sans-serif;

		font-size: 24px;

		line-height: normal;

		margin: 15px auto 30px;

		text-align: center;

	}



/*	==================================================

	# Price Package

	================================================== */

	.price-package {

		border-radius:0;

		background: #fefefe;

		margin-bottom: 30px;

		border:none;

	}

	.special .package-header{

		background: #16a085;

	}

	.special .package-price{

		background:#1ABC9C;

	}

	.price-package:hover {

		margin-bottom: auto;

		position: relative;

		z-index: 99;

	}

	

	.price-package.tile{

		padding:0;

	}

	.package-header,

	.package-price,

	.package-features {

		padding: 20px;

	}

	.package-header {

		background: #2c3e50;

		-webkit-transition: all 0.4s ease-in-out;

	   -moz-transition: all 0.4s ease-in-out;

	   -o-transition: all 0.4s ease-in-out;

	   -ms-transition: all 0.4s ease-in-out;

		

	}

	

	.price-package .name {

		font-family: 'Open Sans', sans-serif;

		color: #313131;

	}

	.price-package .price {

		font-family: 'Lato', sans-serif;

		color:#fff;

	}

	.price-package .name {

		text-transform: uppercase;

		font-size: 16px;

		color:#fff;

	}

	.package-price {

		background: #34495E;

		font-size: 30px;

		line-height: 36px; 

		-webkit-transition: all 0.4s ease-in-out;

	   -moz-transition: all 0.4s ease-in-out;

	   -o-transition: all 0.4s ease-in-out;

	   -ms-transition: all 0.4s ease-in-out;

	}

	

	.package-price small {

		font-size: 13px;

		line-height: 13px;

		text-transform: uppercase;

	}

	.price-package ul {

		list-style: none;

		margin: 0px;

	}

	.price-package ul li {

		border-bottom: 1px solid #EEEEEE;

		color: #858585;

		font-family: Open Sans,sans-serif;

		margin-bottom: 10px;

		padding-bottom: 10px;

	}

	.price-package ul li:hover {

		color: #313131;

	}

	.price-package .btn {

		margin: 0px 25px 20px;

		display: block;

	}



/* ==========================================================================

   Service

============================================================================= */



	.service {

		-moz-box-sizing:inherit !important;

		background-color: #fff;

		margin-bottom: 60px;

		padding: 15px;

		text-align: center;

		font-size: 14px;

		border-radius: 0;

		line-height: 1.8;

	}

	.service:hover {

		-moz-box-sizing:inherit !important;

		-webkit-transition: all 0.35s ease; 

		-moz-transition: all 0.35s ease; 

		-o-transition: all 0.35s ease; 

		transition: all 0.35s ease;

		cursor: pointer;

	}

	.services-block{

		margin-top:30px;

		display:inline-block;

		z-index:999;

		position:relative

	}

	.service a{

		line-height: 1;

		font-size:14px;

		margin:15px auto;

		text-transform:uppercase;

	}

	.service .service-icon {

		margin: 30px auto;

		text-align: center;

		color: #333;

	}

	.service .service-icon{

		display:inline-block

	}

	.service .service-icon:hover:before{

		cursor:pointer !important;

	}

	.service .service-icon:hover{

		color:#1abc9c;

		cursor:pointer !important;

		-webkit-transition: all 0.35s ease; 

		-moz-transition: all 0.35s ease; 

		-o-transition: all 0.35s ease; 

		transition: all 0.35s ease;

	}



	.service .service-icon [class*="icon-"]{

		line-height: 80px;

		font-size: 80px;

	}



	.services li img:hover {

		-webkit-transition: 0.3s all ease;

		-moz-transition: 0.3s all ease;

		-o-transition: 0.3s all ease;

		-ms-transition: 0.3s all ease;

		transition: 0.3s all ease;

		opacity:0.7;

	}

	.service .title {

		font-family: 'nexa_boldregular', Arial, Helvetica, sans-serif;

		font-size: 18px;

		padding-bottom: 20px;

		margin-bottom: 30px;

		color: #333;

		text-transform: uppercase;

		position: relative;

	}

	.service:hover .title {

		cursor: pointer;

		-webkit-transition: all 0.35s ease; 

		-moz-transition: all 0.35s ease; 

		-o-transition: all 0.35s ease; 

		transition: all 0.35s ease;

	}



	.service .title:after {

		content: '';

		position: absolute;

		width: 50%;

		height: 1px;

		background-color: #ccc;

		top: 100%; left: 25%;

	}





	.service-features {

		text-align: center;

		margin-bottom:60px;

	}

	.service-features h3 {

		margin-bottom: 30px;

		padding-top: 15px;

		font-size:30px;

		font-family:'BebasNeue',sans-serif;

	}



	.service-box .service-icon:hover {

		box-shadow:0px 0px 0px 2px #1abc9c;

		

	}

		

	.service-box:hover .service-icon {

		color:#1abc9c;

	}



	.service-features .img-container {

		border-radius: 3px 3px 3px 3px;

		margin: 0 auto;

		opacity:.8;

		position: relative;

		width: 120px;

	}

	.service-features .img-container:hover{

		opacity:1;

		-webkit-transition: all 0.35s ease; 

		-moz-transition: all 0.35s ease; 

		-o-transition: all 0.35s ease; 

		transition: all 0.35s ease;

	}

	

	



/* ==================================================

   Faetures

================================================== */



	.features-list h2 {

		font-size: 24px;

		font-weight: 600;

		line-height: 34px;

		margin-bottom: 20px;

		border-bottom: 1px solid #cfcfcf;

		padding-bottom:20px;

	}



	.features .feature-box .box-content {

		background: white;

		padding: 30px;

		text-align: center;

	}



	.features .feature-box .box-content .feature-icon {

		font-size: 50px;

		color: #d00355;

		margin-bottom: 10px;

		display: inline-block;

	}



	.features .feature-box .box-content h4 {

		margin-bottom: 10px;

		color: #313131;

	}



	.features .feature-box .box-content p {

		color: #313131;

	}



	.features-list .feature-box .feature-icon {

		float: left;

		margin-top: 10px;

	}



	.features-list .feature-box .feature-icon i {

		color: #42a2c8;

	}



	.features-list .feature-box .feature-text {

		padding-left: 60px;

	}



	.features-list .feature-box .feature-text h3 {

		color: #34495e;

		font-weight:600;

		font-family:Open Sans;

		font-size: 18px;

		line-height: 30px;

	}

	.feature-text > p {

		line-height: 24px;

	}



	.accordion-toggle {

		background: none repeat scroll 0 0 #42a2c8;

		color: #FFFFFF;

		font-family: open sans;

		font-size: 13px;

		font-weight: bold;

			-webkit-transition: all 0.3s ease 0s;

		   -moz-transition: all 0.3s ease 0s;

			-ms-transition: all 0.3s ease 0s;

			 -o-transition: all 0.3s ease 0s;

				transition: all 0.3s ease 0s;

	}

	.accordion-toggle:hover {

		color: #fff;

		text-decoration:none;

	}



	.accordion-toggle i {

		color: #fff;

		padding-right: 10px;

			-webkit-transition: all 0.3s ease 0s;

		   -moz-transition: all 0.3s ease 0s;

			-ms-transition: all 0.3s ease 0s;

			 -o-transition: all 0.3s ease 0s;

				transition: all 0.3s ease 0s;

	}

	.accordion-toggle:hover i {

		color: #fff;

	}



	.accordion-body {

		background: #f9f9f9;

	}





/* ================================================================

						Experience

================================================================== */

	.experience{

		color:#313131;

		z-index:99;

		position:relative;

		text-align:left;

		line-height:1.8;

		font-family:Open Sans;

		font-size:14px;

		margin-bottom:15px;

		display:inline-block

	}



	.experience h3, .contact_info h3, .features-list h3 {

		border-bottom: 1px solid #E0E0E0;

		font-size: 24px;

		font-weight: 600;

		line-height: 24px;

		margin-bottom: 20px;

		padding-bottom: 13px;

	}

	.feature-text > h4 {

		padding: 10px 0;

		font-weight:bold

	}

	

	.features-list h3 span, .experience h3 span, .contact_info h3 span {

		border-bottom: 4px solid #42a2c8;

		padding-bottom: 7px;

	}

	

	.skill h3{

		margin-bottom:25px;

	}

	.experience .span4{

		margin:0 !important;

	}

	.experience .span2{

		margin-left:0;

	}



	p.line2nd {

		color: #7f7f7f;

		font-size: 13px;

		font-family:Open Sans;

		line-height: normal;

		margin-bottom: 15px;

	}

	.fancy-header2 {

		margin-bottom: 30px;

		text-align: center;

	}

	.fancy-header2 h4, .fancy-header2 h3 {

		line-height: 0.8;

		margin-bottom: 0;

	}







/* ================================================================

						Our Team

================================================================== */

	.aboutPage{ background:#F4F6F6;	}

	.profileTeam {}

	.profPeople{border-bottom:1px solid transparent;z-index:99;position:relative;}

	.profPeople:hover{

		-webkit-transition: all 0.35s ease; 

		-moz-transition: all 0.35s ease; 

		-o-transition: all 0.35s ease; 

		transition: all 0.35s ease; 

		-moz-transform: scale(1.1,1.1);

	   -o-transform: scale(1.1,1.1);

	   -ms-transform: scale(1.1,1.1);

	   transform: scale(1.1,1.1);}

	.myTeam .imagesPeople{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0);}

	.myTeam .imagesPeople .overlay,.myTeam .imagesPeople .media-overlay{left:0;top:0;width:100%;height:100%;position:absolute;z-index:2}

	.myTeam .imagesPeople .overlay{

		background: rgba(0,0,0,.5);

		-webkit-transition:opacity 600ms ease-in-out;-moz-transition:opacity 600ms ease-in-out;transition:opacity 600ms ease-in-out

	}

	.myTeam .imagesPeople .media-overlay{

		text-align:center;

		margin-top:100%;

		-webkit-transition:400ms ease-in-out;-webkit-transition-property:opacity,top;-moz-transition:400ms ease-in-out;-moz-transition-property:opacity,top;transition:400ms ease-in-out;transition-property:opacity,top

	}

	.myTeam .imagesPeople .media-overlay,.myTeam .imagesPeople:hover .overlay{opacity:0;}

	.myTeam .imagesPeople:hover .media-overlay{top:-50%;opacity:1;}

	.myTeam .imagesPeople .media-overlay ul{text-align:center;background-color:#fff;}

	.myTeam .imagesPeople .media-overlay ul,.myTeam .imagesPeople .media-overlay ul li{margin:0;padding:0;list-style:none;display:inline-block;}

	.myTeam .imagesPeople .media-overlay ul li{display:inline-block;*zoom:1;*display:inline-block}

	.myTeam .imagesPeople .media-overlay ul li a{color:#42a2c8;display:block;width:40px;height:40px;text-align:center;-webkit-transition:color .1s ease-in-out;-moz-transition:color .1s ease-in-out;transition:color .1s ease-in-out;line-height: 40px;font-size: 16px;}

	.myTeam .imagesPeople .media-overlay ul li a:hover{color:#313131;}

	.myTeam .imagesPeople img{min-width:100%;vertical-align:top}

	.myTeam .imagesPeople:hover img{-webkit-filter:none;-moz-filter:none}

	.myTeam .profile{padding:15px 0;text-align:center;border-bottom:2px solid transparent;line-height:1.6;background:#fff;}

	.mask-loaded .myTeam .span4:nth-child(2n) .profile,.mask-loaded .myTeam .span4:nth-child(2n) .profile{-webkit-mask-position:center top}

	.mask-loaded .myTeam .span4:nth-child(3n) .profile,.mask-loaded .myTeam .span4:nth-child(3n) .profile{-webkit-mask-position:right bottom}

	.myTeam .profile .name,.myTeam .profile .job{display:block}.myTeam .profile .name{text-transform:uppercase;font-size:28px;font-family:'BebasNeue',Arial,Helvetica,sans-serif}

	.myTeam .profPeople:hover .profile{

		background:#42a2c8;

		color:#fff;

		-webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; 

	}

	.profile .job {

		font-family: Open Sans,sans-serif;

		font-weight: 500;

	}

	.profile > p {

		display: block;

		font-size: 13px;

		margin-top: 10px;

		padding: 0 10px;

	}





/* ================================================================

						Testimonials

================================================================== */

	.testimonial-box {

		overflow: hidden;

		padding-bottom: 10px;

	}



	.testimonial-post {

		position: relative;

		padding: 20px;

		border: 1px solid #828fac;

		border-radius: 5px;

		-webkit-border-radius: 5px;

		-moz-border-radius: 5px;

		-o-border-radius: 5px;

		margin: 15px 10px;

		width: 521px;

	}



	.testimonial-post:after {

		content: '';

		position: absolute;

		width: 20px;

		height: 20px;

		left: 55px;

		bottom: -20px;

		background: url('images/testimonial-arrow.png') center center no-repeat;

	}



	.testimonial-post p {

		color: #fff;

		font-size: 14px;

		font-family: 'Open Sans',sans-serif;

		line-height: 24px;

		margin-bottom: 6px;

	}



	span.date-post {

		display: block;

		color: #fff;

		font-size: 13px;

		font-family: 'Open Sans',sans-serif;

		margin-bottom: 20px;

		font-weight: 700;

	}



	.tesimonial-autor {

		overflow: hidden;

	}



	.tesimonial-autor img {

		float: left;

		border-radius: 50%;

		-webkit-border-radius: 50%;

		-moz-border-radius: 50%;

		-o-border-radius: 50%;

		margin-right: 5px;

	}



	.tesimonial-autor h4 {

		color: #fff;

		font-size: 14px;

		font-family: 'Open Sans',sans-serif;

		margin-bottom: 3px;

		margin-top: 10px;

		line-height: 18px;	

	}



	.tesimonial-autor h4 a {

		color: #313131;

	}



	.tesimonial-autor > a {

		color: #FFFFFF;

		font-family: 'Open Sans',sans-serif;

		font-size: 16px;

		font-weight: 900;

		margin-top: 5px;

		position: relative;

	}

	.tesimonial-autor > a:hover {

		color: #313131;

			-webkit-transition: all 0.35s ease; 

		-moz-transition: all 0.35s ease; 

		-o-transition: all 0.35s ease; 

		transition: all 0.35s ease;

		text-decoration:none;

	}

		

	.bxslider blockquote {

		position: relative;

		padding: 0 200px;

		font-size: 18px;

		color: #fff;

		font-family: 'Open Sans', sans-serif;

		line-height: 24px;

		margin-bottom: 8px;

	}



	.bxslider blockquote:before {

		content: '';

		position: absolute;

		width: 34px;

		height: 24px;

		background: url('images/quote-left.png') center center no-repeat;

		left: 90px;

		top: 10px;

	}



	.bxslider blockquote:after {

		content: '';

		position: absolute;

		width: 34px;

		height: 24px;

		background: url('images/quote-right.png') center center no-repeat;

		right: 90px;

		top: 10px;

	}



	.bxslider span.date-post {

		margin-bottom: 15px;

	}

	.bxslider li{

		overflow:hidden;

	}







/* ================================================================

						Twitter List

================================================================== */

	.in_twitter{

		margin-bottom:15px;

	}

	.tweet_list {

		list-style: none inside none;

		margin: 0;

		padding: 0;

	}



	.tweet_list li {

		margin-bottom: 30px;

	}



	span.tweet_time a{

		display: block;

		margin:15px auto;

		color:#ffffff;

	}

	span.tweet_time a:hover{

	        color:#eee;

	}

	

	.tweet_join {

            color: #AAAAAA;

            font-size: 20px;

            font-weight: bold;

        }

	

	span.tweet_text {

	margin-top:15px;

		font-size: 24px;

		font-family:Open Sans;

		color:#ffffff;

	}

	span.tweet_text a{

		color:#eee;

		font-weight: bold;

	}

	span.tweet_text a:hover{

		text-decoration: underline;

		color: #999;

	}

	.awesome32 {

		font-size: 32px;

		color:#ffffff;

	}





/* ================================================================

				Content Common Setting

================================================================== */

	/* comment list */

	#comment-list { margin:0; }

	#comment-list li {

		background:none;	

		margin:0;

		padding:0;

		overflow:hidden;

	}

	/* comment depth */

	#comment-list ul.children { margin-left:94px;  }

	.comment-container {

		border:solid 1px #bbb;		

		margin-bottom:30px;

		margin-left:94px;		

		padding:20px 20px 0;

		position:relative;

		-moz-transition:all 0.2s ease-in-out;

		-ms-transition:all 0.2s ease-in-out;

		-o-transition:all 0.2s ease-in-out;

		-webkit-transition:all 0.2s ease-in-out;

		transition:all 0.2s ease-in-out;

	}

	.comment-container:hover {

		background:#fff;

		border-color:#1abc9c;

	}

	.comment-body { margin-bottom:20px; }

	/* comment avatar */

	.avatar {

		float:left;

		width:74px;	

	}

	.avatar img {

		display:block;

		margin-right:20px;

		position: relative;

		z-index: 0;

		border:2px solid #fff;

		padding:2px;

	}

	

	/* comment datas (author, meta & date)*/

	h4.comment-author {

		font-size:16px;

		line-height:20px;

		margin:0;

	

	}

	h4.comment-author a{

		color:#1abc9c

	}

	#comment-list .comment-meta { margin-bottom:10px; }

	#comment-list .comment-date { font-size:12px; }



	/* comment hover effect */	

	#comment-list li .comment-container:hover h4 { color:#1abc9c; }

	

	.comment-reply-link { 

		position:absolute;

		right:20px;

		top:20px;

	}

	a.link-style3 {

		color: inherit !important;

		font-size: 12px;

		font-weight: 700;

		text-decoration: none !important;

		text-transform: uppercase;

	}

	.comment-reply-link {

		position: absolute;

		right: 20px;

		top: 20px;

	}





/* ==================================================

   Contact Section

================================================== */

	.contact .contact-form form textarea {

		-moz-box-sizing: border-box;

		max-width: 100%;

		width: 100%;

	}

	.contact_info.span3 > p {

		line-height: 1.8em;

	}



	.contact .info address [class*="icon"] {

		left: 5px;

		position: absolute;

		top: 1px;

	}

	.contact .info .adr, .contact .info .phone, .contact .info .mail {

		padding-left: 30px;

		position: relative;

	}



	.contact-details h3 {

		color: #FFFFFF;

		font-size: 24px;

		font-weight: 300;

		margin-bottom: 30px;

		line-height: 1em;

		text-transform: uppercase;

	}



	.contact-details ul {

		margin: 0;

		padding: 0;

		list-style: none;	

	}



	.contact-details ul li {

		margin: 0 0 20px;

		line-height: 28px;

		padding: 0;	

	}

	label {

		color: red;

		font-size: 12px;

		font-weight: 100;

		margin: 0 auto;

		padding: 2px 0 7px;

	}



	#contact-form, .contact_info {

		margin-bottom: 0;	

		margin-top:30px;

	}



	#contact-form p {

		margin-bottom: 1px;	

	}



	#contact-form input,

	#contact-form textarea {

		color: #5f5f5f;

		font-size: 14px;

		height: auto;

		padding: 15px;

		resize: none;

	}



	#contact-form input {

		font-family:Open Sans;

		width: 100%;

		-webkit-box-sizing: border-box;

		-moz-box-sizing: border-box;

		box-sizing: border-box;

	}



	#contact-form textarea {

		width: 100%;

		resize: vertical;

		font-family:Open Sans;

		-webkit-box-sizing: border-box;

		-moz-box-sizing: border-box;

		box-sizing: border-box;

	}



	#contact-submit {

		margin: 0;

	}



	#response {

		margin-top: 20px;

		color: #FFFFFF;

	}

	.contact_info > p, .adr{

		color: #888;

		font-family:Open Sans;

		font-size:14px;

		text-align:justify;

		line-height: 24px;

	}

	.adr em{

		color:#313131;

		padding-right:10px;

	}

	.mail > a, .web > a, .follow > a{

		color:#42a2c8;

		font-family:Open Sans;

		text-decoration:none;

	}

	.mail > a:hover, .web > a:hover, .follow > a:hover{

		color:#313131;

		-webkit-transition: all 0.4s ease-in-out;

		-moz-transition: all 0.4s ease-in-out;

		-o-transition: all 0.4s ease-in-out;

		-ms-transition: all 0.4s ease-in-out;

		transition: all 0.4s ease-in-out;

		text-decoration:none;

	}

	

	#map{

	  display: block;

	  height: 350px;

	  margin-bottom:15px;

	  		-webkit-transition: all 0.4s ease-in-out;

		-moz-transition: all 0.4s ease-in-out;

		-o-transition: all 0.4s ease-in-out;

		-ms-transition: all 0.4s ease-in-out;

		transition: all 0.4s ease-in-out;

	}







	/* ==================================================

	   Social icon

	================================================== */

	.social-icons {text-align:center;float:right;}

	.social-icons li {display: inline-block;cursor:pointer}

	.social-icons li a {display: block;width: 40px;height: 40px;color: #fff;font-size: 20px;text-align: center;line-height: 1.9;-webkit-font-smoothing: antialiased;}

	.social-icons li a:hover {

		background:#fff;

		color:#42a2c8;

		-webkit-transition: all 0.5s;

		-moz-transition: all 0.5s;

		transition: all 0.5s;

		text-decoration:none;

	}

	.social-icons li a i, .social-icons li a i:before,.social-icons li a i:hover{ cursor:pointer !important; }





	/*==================================================

	# Buttons Social

	================================================== */

	.border-btn {

		font-family: 'Montserrat', sans-serif;

		border: 1px solid #00bba6;

		text-transform: uppercase;

		font-size: 16px;

		padding: 10px 30px;

		color: #00bba6;

	}

	.border-btn.btn-medium {

		font-size: 13px;

		padding: 8px 15px;

	}

	.border-btn.btn-small {

		font-size: 11px;

		padding: 8px 15px;

	}

	.border-btn.btn-mini {

		font-size: 9px;

		padding: 5px 13px;

	}

	.border-btn,

	.social-btn {

		border-radius: 0px;

		background: none;

		text-shadow: none;

		box-shadow: none;

	}

	.social-btn {

		border: 1px solid #fff;

		color: #fff;

		font-size: 35px;

		line-height: 35px;

		padding: 20px 25px;

		margin: 15px;

	}

	.border-btn:hover, 

	.border-btn:focus,

	.social-btn:hover,

	.social-btn:focus {

		background: #2C3E50;

		border: 1px solid #2C3E50;

		color: #fff;

		text-shadow: none;

		box-shadow: none;

		-webkit-transition: all 0.3s ease;

		-moz-transition: all 0.3s ease;

        -ms-transition: all 0.3s ease;

        -o-transition: all 0.3s ease;

		transition: all 0.3s ease;

	}

	.border-btn.white {

		color: #fff;

		border-color: #fff;

	}

	.border-btn.white:hover, 

	.border-btn:focus {

		background: #fff;

		color: #1abc9c;

	}

	.border-btn.black {

		color: #2c3e50;

		border-color: #2c3e50;

	}

	.border-btn.black:hover, 

	.border-btn:focus {

		background: #2c3e50;

		color: #fff;

	}



	/*==================================================

	# Icons

	================================================== */

	[class^="icon-"].big,

	[class*=" icon-"].big {

		font-size: 90px;

		line-height: 90px;

		margin: 0px;

	}

	[class^="icon-"].huge,

	[class*=" icon-"].huge {

		font-size: 110px;

		line-height: 110px;

		margin: 0px;

	}

	a[class^="icon-"]:hover,

	a[class*=" icon-"]:hover,

	a[class^="icon-"]:focus,

	a[class*=" icon-"]:focus {

		text-decoration: none;

	}





/* ==================================================

   Blog

================================================== */

	.list_carousel {

		width: 100%;

		height:auto;		

	}

	

	.list_carousel ul {

		margin: 0;

		padding: 0;

		height:100%;

		list-style: none;

		display: block;

	}

	

	.list_carousel li {

		background-color: #f2f2f2;

		margin: 20px 10px;

		display: inline-block;

	}

	

	.list_carousel li:hover {

				-webkit-transition: all 0.3s ease 0s;

		-moz-transition: all 0.3s ease 0s;

		-ms-transition: all 0.3s ease 0s;

		-o-transition: all 0.3s ease 0s;

		transition: all 0.3s ease 0s;

	}

	.list_carousel li h5 {

		color: #313131;

		font-family: Open Sans;

		font-size: 20px;

		font-weight: 600;

		margin-bottom: 5px;

		-webkit-transition: all 0.3s ease 0s;

		   -moz-transition: all 0.3s ease 0s;

			-ms-transition: all 0.3s ease 0s;

			 -o-transition: all 0.3s ease 0s;

				transition: all 0.3s ease 0s;

				text-decoration:none;

	}

	.list_carousel li h5:hover{

		color: #1abc9c;

		text-decoration:none;

		

	}

	news-intro a:hover {

		text-decoration:none;

	}

	

	.news_content h2 {

		border-bottom: 1px solid #CFCFCF;

		font-family: bebasneue;

		font-size: 30px;

		font-weight: 600;

		line-height: 1.8;

		margin-bottom: 15px;

	}

	

	p.news-date {

		font-style:italic;

		margin-bottom:15px;

		font-family:Open Sans, Times, serif;

		color:#a1a1a1;

	}

	

	.list_carousel.responsive {

		width: auto;

		margin-left: 0;

	}

	

	#news-navigation {

		width:100%;

		height:70px;

		margin:0 auto;

	}

	.news-intro > p {

		line-height: 1.8;

	}

	

	.prev {

		float: left;

		background: url("images/left.png") no-repeat scroll 12px 10px #f2f2f2;

		height: 30px;

		margin-left: 25px;

		padding: 20px;

		width: 30px;

		-webkit-transition: all 0.3s ease 0s;

           -moz-transition: all 0.3s ease 0s;

            -ms-transition: all 0.3s ease 0s;

             -o-transition: all 0.3s ease 0s;

                transition: all 0.3s ease 0s;

	}

	

	.prev:hover {

		background: url("images/left_hover.png") no-repeat scroll 12px 10px #1abc9c;

	}

	

	.next {

		background: url("images/right.png") no-repeat scroll 14px 10px #f2f2f2;

		float: left;

		height: 30px;

		margin-left: 15px;

		padding: 20px;

		width: 30px;

		-webkit-transition: all 0.3s ease 0s;

           -moz-transition: all 0.3s ease 0s;

            -ms-transition: all 0.3s ease 0s;

             -o-transition: all 0.3s ease 0s;

                transition: all 0.3s ease 0s;

	}

	

	.next:hover {

		background: url("images/right_hover.png") no-repeat scroll 14px 10px #1abc9c;

	}

	

	/* ==================================================

	   Post Share Article

	================================================== */

	.shares { background: #f7f7f7; list-style: none; overflow: hidden; }

	.shares li { float: left; display: inline-block; border-right: 1px solid #fff; }

	.shares li.shareslabel h3 {

		padding: 13px 20px 12px 20px; font-weight: 600; text-transform: uppercase; background: #eee;

	}

	.shares li a { display: block; width: 45px; height: 46px; background-repeat: no-repeat; background-position: 7px 5px; }

	.shares li a:hover { background-position: 7px -60px; background-color: #1abc9c; }

	.shares li a:active { background-color: #999; }

	.shares li a.twitter { background-image: url(images/icons/social/twitter.png); }

	.shares li a.facebook { background-image: url(images/icons/social/facebook.png); }

	.shares li a.gplus { background-image: url(images/icons/social/gplus.png); }

	.shares li a.pinterest { background-image: url(images/icons/social/pinterest.png); }

	.shares li a.yahoo { background-image: url(images/icons/social/yahoo.png); }

	.shares li a.linkedin { background-image: url(images/icons/social/linkedin.png); }



	/* ==================================================

	   Post Author

	================================================== */

	.post-author {

		margin-left:94px;

		position:relative;

		margin-top:15px;

	}

	.post-author .avatar {

		left:-47px;

		position:absolute;

	}

	.post-author h6 {

		font-family: lato;

		font-size: 20px;

		font-weight: 600;

		line-height: 1.6;

		margin-bottom: auto;

	}



	

/* ==================================================

   News Section Mask Hover

================================================== */

	.news img {	   

	   display: block;

	   width: 100%;

	   height:auto;	   

	}

	

	.news .mask {

		opacity: 0;

		-webkit-transition: all 0.3s ease 0s;

           -moz-transition: all 0.3s ease 0s;

            -ms-transition: all 0.3s ease 0s;

             -o-transition: all 0.3s ease 0s;

                transition: all 0.3s ease 0s;

	}	

	

	.news:hover .mask {

	   opacity:1;

	}

	.news {

		width:100%;	   

	    height: auto;

	    float: left;

	    overflow: hidden;

	    position: relative;

	    text-align: left;	    

	}

	.news .mask {

	   width: 100%;

	   height:100%;

	   position: absolute;

	   overflow: hidden;

	   top: 0;

	   left: 0;

	   background: rgba(0, 0, 0, 0.5);

	}

	

	.news a.icon {

		-moz-border-radius: 50px;

		-webkit-border-radius: 50px;

		-o-border-radius: 50px;

		border-radius:50px;

		height: 50px;

		left: 50%;

		margin-left: -35px;

		margin-top: -35px;

		padding: 40px;

		position: absolute;

		top: 50%;

		width: 50px;

	}

	

	.news  a.icon.zoom {

		background:url(images/link_blog.png) 16px 16px no-repeat #1abc9c;

		-webkit-transition: all 0.3s ease 0s;

           -moz-transition: all 0.3s ease 0s;

            -ms-transition: all 0.3s ease 0s;

             -o-transition: all 0.3s ease 0s;

                transition: all 0.3s ease 0s;

	}

	

	.news a.icon.zoom:hover {

		background:url(images/link_blog.png) 16px 16px no-repeat #FFF;

		transform: rotate(-90deg);

		-webkit-transform: rotate(-90deg);

           -moz-transform: rotate(-90deg);

            -ms-transform: rotate(-90deg);

             -o-transform: rotate(-90deg);		

	}

	.news-intro {

		background:#f2f2f2;

		padding:20px 20px 0;

	}

	.news-intro a {

		display: block;

		margin-top: 15px;

		position: relative;

	}

	

	.news-data a {

		display: block;

		float: left;

		font-size: 16px;

		line-height: 16px;

		padding: 10px 0;

		position: relative;

		text-align: center;

		width: 33.3%;

		color:#313131;

	}

	.news-data a:hover {

		color: #fff;

		background: #1abc9c;

	}

	



/* ==================================================

   News / Blog Post page

================================================== */

	.news_page {

		background-color:#fff;

		width:100%;

		height:100%;

		overflow:hidden;

	}



	.news_content{

		padding:30px;

		width:100%;

	}



	.news_content p{

		line-height:1.8;

		color: ##575757;

	}

	.news_content h4 {

		font-family: Open Sans;

		font-size: 30px;

		line-height: 1;

		margin: 15px auto;

		padding-bottom: 15px;

	}

	.news-details {

		width:100%;

		height:auto;

		margin-bottom:15px;

	}



	p.post-admin {

		background: url("images/post-admin.png") no-repeat scroll left center transparent;

		font-size: 12px;

		margin-bottom: 15px;

		color:#ABABAB;

		padding-left:25px;

		float:left;

		font-family:open sans, sans-serif;

	}

	.black.mt.mb, .black.mb {

		font-family: 'Open Sans';

		font-size: 26px;

		font-weight: 600;

		line-height: 1;

		margin-bottom: 15px;

		text-transform: uppercase;

	}



	p.post-calendar {

		background: url("images/post-calendar.png") no-repeat scroll left center transparent;

		font-size: 12px;

		margin-bottom: 15px;

		color:#ABABAB;

		margin-left: 25px;

		padding-left:25px;

		float:left;

		font-family:open sans, sans-serif;

	}

	p.post-tagss {

		background: url("images/post-tag.png") no-repeat scroll left center transparent;

		font-size: 12px;

		margin-bottom: 15px;

		color:#ABABAB;

		margin-left: 25px;

		padding-left:25px;

		float:left;

		font-family:open sans, sans-serif;

	}



	p.post-commentss {

		background: url("images/post-comment.png") no-repeat scroll left center transparent;

		font-size: 12px;

		margin-bottom: 15px;

		color:#ABABAB;

		margin-left: 25px;

		padding-left:25px;

		float:left;

		font-family:open sans, sans-serif;

	}

	p.post-admin:hover, p.post-commentss:hover, p.post-tagss:hover, p.post-calendar:hover{

		color:#313131;

	}

	.news_comments {

		padding:40px;

		background-color:#ECECEC;

		border-top: #dddddd solid 1px;

	}



	.user_comment {

		background: url("images/user.png") no-repeat;

		padding-left:60px;

		margin-top:40px;

	}



	.user_comment_reply {

		background: url("images/user.png") no-repeat scroll 0 0 transparent;

		margin-top: 40px;

		padding-left: 60px;

	}



	.comment-date {

		font-style:italic;

		margin-bottom:10px;

		font-family:Georgia, "Times New Roman", Times, serif;

		color:#a1a1a1;

	}

	comment-meta a:hover{

		color:313131;

	}



	.comment-text {

		color:#555555;

	}



	a.reply {

		float:right;

		font-weight:bold;

		margin-top:10px;		

	}



	a.reply:hover {

		text-decoration:underline;

		-webkit-transition: all 0.3s ease 0s;

		-moz-transition: all 0.3s ease 0s;

		-ms-transition: all 0.3s ease 0s;

		-o-transition: all 0.3s ease 0s;

		transition: all 0.3s ease 0s;

	}

	.dropcap {

		float: left;

		font-size: 58px;

		line-height: 54px;

		margin-top: -2px;

		padding-right: 10px;

		padding-top: 4px;

	}



	/* ==================================================

	   Footer

	================================================== */

	footer{

		box-shadow:0 0 1px 0 rgba(0, 0, 0, 0.2)

	}

	.copyright p {

		margin: 15px auto;

		color:#fff;

		text-align:center;

		

	}

	.khas {

		border: medium none;

		height: 388px;

		margin: 0;

		padding: 0;

		width: 100%;

	}





.tweetomatic {

color: #FFFFFF !important;

font-family: Open Sans !important;

font-size: 24px !important;

margin-top: 5px !important;

}



.tweetomatic a {

  color: #EEEEEE !important;

  font-weight: bold !important;

}





.showbiz-container				{	max-width:1210px; min-width:300px; overflow:hidden;

									padding:0px 20px;margin:0px auto 50px;

									box-sizing:border-box;

									-moz-box-sizing:border-box;

									-webkit-box-sizing:border-box;

								}



.showbiz-container.darkbg		{	padding:20px;

									background:#d5d5d5;

									max-width:1170px;

								}



.showbiz-container.whitebg		{	padding:20px; padding-top:0px;

									background:#fff;

									max-width:1170px;

									-webkit-box-shadow: 0px 0px 5px 1px rgba(100,100,100,0.1);

									-moz-box-shadow: 0px 0px 5px 1px rgba(100,100,100,0.1);

									box-shadow: 0px 0px 5px 1px rgba(100,100,100,0.1);

									overflow:visible

								}





.showbiz-container.retrodarkbg	{	padding:20px;padding-top:0px;

									background:#222;

									border:1px solid #1e1e1e;

									max-width:1170px;

									overflow:visible

								}



.showbiz-container.fullwidth			{	max-width:100%;}

.showbiz-container.fullwidth.nopaddings	{	padding:0px;}

.sameheight								{	height:400px;}















/***** SOME STYLE FOR PREVIEW, CAN BE REMOVED !! ******/





.showbiz-container	{	z-index:10; position: relative;}



.divide5			{	width:100%;height:5px;}

.divide10			{	width:100%;height:10px;}

.divide15			{	width:100%;height:15px;}

.divide20			{	width:100%;height:20px;}

.divide30			{	width:100%;height:30px;}



.halfcontainer		{	width:50%; float:left; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; }

.leftfloat			{	float:left}

.clear				{	clear:both}

.rm10				{	margin-right:10px;}





p.small				{	font-family: 'Open Sans', sans-serif; font-size:12px; color:#777; line-height:25px; text-align: left}



p.small a,

p.small a:visited,

p.small a:hover		{	color:#000; text-decoration:none; font-size:13px; font-weight:700;}





/* THE DEMO */



.style-title		{	font-size:30px; font-weight: 800; font-family: 'Open Sans', sans-serif; color:#555; line-height:30px;text-align: center; position: relative; z-index:5;}

.style-title p		{	font-size:14px;}



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

		.halfcontainer	{	float:none; width:100%}

}







/* ==================================================

   Mobile / Responsive

================================================== */

@media (max-width: 960px) {

	nav ul     { display: none; }

	nav select { display: block; border-radius:0;}

	.is-sticky{display:block;max-width:100%;}

	.menu{display:inline;text-align: center;}

	

	.sticky-wrapper.is-sticky .upHead {

		min-height: 90px;

		padding-bottom: 0;

		padding-top: 0;

		width: 100%;

	}

}

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



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



@media(min-width: 768px) and (max-width: 979px) {   

	.wrapper { width:725px; margin:0 auto; }

	.navi ul li {  width:70px; }

	.flex-caption, .flex-caption2 { width:420px; top:25%;  }

	.flex-caption h3, .flex-caption2 h3 { font-size:18px; }

	.flex-caption p.subtitle, .flex-caption2 p.subtitle { font-size:14px; }

	.slide-form input.email { width:320px; }

	.title h3 { font-size:22px; }

	.about-txt-div { width:45%; }

	.about-txt-wrap { padding: 25px 30px; } 

	.about-txt { height:278px; }

	.about-txt p.about-subtitle { display:none; }

	#overlay_form iframe { width:600px; height:350px; }

	#overlay_form  { width:600px; }

	.icon3 { height:168px; }

	.team { padding:70px 0 0px; }

	.testi p { font-size:22px; padding:0 100px;  }

	.portfolio { height:720px; }

	.portfolio li { min-height:160px; } 

	.form-contact input { width:42%; padding:5px 23px; }

	.data-txt { font-size:13px; }

}



@media(min-width: 480px) and (max-width: 767px) { 

	.wrapper { width:460px; margin:0 auto; }

	.navi { display:none; }

	.navi2 { display:block; }

	.flex-next , .flex-prev { top:40%; }

	.flex-caption, .flex-caption2 { width:320px; top:10%;  }

	.flex-caption h3, .flex-caption2 h3 { font-size:16px; }

	.flex-caption p.subtitle, .flex-caption2 p.subtitle { font-size:11px; }

	.flex-caption a  { width:80px; height:30px; padding: 8px 50px 10px 15px; font-size:16px; }

	.flex-caption a.fc1  { width:80px; height:30px; padding: 8px 50px 10px 15px; font-size:16px; }

	.flex-caption2 a.fc1  { width:80px; height:30px; padding: 8px 50px 10px 15px; font-size:16px; }

	.flex-caption a.fc2  { width:80px; height:30px; padding: 8px 50px 10px 15px; font-size:16px; }

	.slide-form input.email { height:30px; width:240px; }

	.slide-form input.button { width:40px; height:40px; background-position:50% 1px;}

	.flex-prev, .flex-next { background-size:60px; width:60px; height:60px; }

	p.title-spc { font-size:14px; margin:5px 0 0;  }

	.title h3 { font-size:26px; line-height:2; }

	.about-img { clear:both; width:100%; }

	.about-img img {  width:100%; }

	.about-txt {  clear:both; width:100%; margin:0 ; height:360px; }

	.featu { width:100%; margin:0px 0 40px; }

	.featu-div { display:none; }

	.services {  height:900px; }

	.services .title { padding:0 0 60px; }

	#overlay_form iframe { width:420px; height:250px; }

	#overlay_form  { width:420px; }

	.portfolio li { min-height:100px; } 

	li.team-s { width:290px!important; margin:0 auto 60px!important; }

	.team { height:1350px; }

	.portfolio { height:660px; }

	.form-contact input { padding: 5px 20px;  width: 38%; }

	.form-contact textarea {  max-width: 91%;  min-width: 91%;   width: 91%; }

	.contact { height:680px; }

	.data { height:460px; }

	.data .span4 { height:180px; }

 }



 

@media(max-width:480px) {  

	.wrapper { width:300px; margin:0 auto; }

	.flex-caption, .flex-caption2 {  width:250px; top:20%; left:12%; right:12%;  }

	.navi { display:none; }

	.navi2 { display:block; }

	.portfolio li { min-height:80px; } 



	.flex-caption p.subtitle, .flex-caption2 p.subtitle { display:none; }

	.flex-caption h3, .flex-caption2 h3 { background-color:#383E44; font-size:12px; }

	.flex-prev, .flex-next { background-size:30px; width:30px; height:30px; }

	.flex-caption a  { width:70px; height:20px; padding: 8px 50px 15px 15px; font-size:14px; }

	.flex-caption a.fc1  { width:70px; height:20px; padding: 8px 50px 15px 15px; font-size:14px; }

	.flex-caption2 a.fc1  { width:70px; height:20px; padding: 8px 50px 15px 15px; font-size:14px; }

	.flex-caption a.fc2  {  display:none; }

	.slide-form input.email { height:30px; width:120px; }

	.slide-form input.button { width:40px; height:40px; background-position:50% 1px;}

	p.title-spc { font-size:14px; margin:5px 0 0;  }

	.title h3 { font-size:22px; line-height:2; }

	.about-img { clear:both; width:100%; }

	.about-img img {  width:100%; }

	.about-txt {  clear:both; width:100%; margin:0 ; height:500px; }

	.about-txt-div2 { width:45%; }

	.about-txt-div { width:35%; }

	.featu { width:100%; margin:0px 0 40px; }

	.featu-div { display:none; }

	.services {  height:900px; }

	.services .title { padding:0 0 60px; }



	li.team-s { width:290px!important; margin:0 auto 60px!important; }

	.team { height:1390px; }

	#overlay_form iframe { width:280px; height:250px; }

	#overlay_form  { width:280px; }

	.testi p { font-size:17px; padding: 0 60px; }

	.portfolio { height:560px; }

	.form-contact input { padding: 5px 20px;  width: 32%; }

	.form-contact textarea {  max-width: 86%;  min-width: 86%;   width: 86%; }

	.contact { height:680px; }

	.form-contact input.input-submit { width:160px; }

	.data { height:460px; }

	.data .span4 { height:180px; }

}



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

	.profPeople{

		margin:0 auto 30px;

	}

	#contact, #service, #about, #team,#work,.separator, #blog, #pricing{

		padding-left:20px;

		padding-right:20px;

	}

}



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

	.sticky-wrapper{

		height:auto !important;

	}

	.logo_top {

		display: inline-block;

		margin-top: 14px;

		text-align: center;

		margin-left:0;

		float:none;

	}

	.logos {

		display: inline-block;

		margin-top: 14px;

		text-align: center;

		margin-left:0;

		float:none;

	}

	.menu{

		margin-right:0;

	}

	.upHead{

		padding:10px 45px;

	}

	.slides h1 {

		font-size: 40px;

	}

	.slides h2 {

		font-size: 30px;

	}

	.title h1{

		font-size:50px;

	}

	.separatorTitle h5, .separatorTitle h6{

		font-size: 20px;

		line-height: 2em;

	}

	.separatorTitle h1, .separatorTitle h2, .separatorTitle h3, .separatorTitle h4{

		font-size: 30px;

		line-height: 1.8em

	}

	.profPeople{

		margin:0 auto 30px;

	}

	#contact, #service, #about, #team,#work,.separator, #blog, #pricing{

		padding-left:20px;

		padding-right:20px;

	}

	.experience h3,.skill h3{

		margin-top: 30px;

	}

	#toggle-view h3{

		margin-top:0;

	}

	.main-slide > img{

		height:60px;

		width:260px;

	}



}







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

/*	1680 Version

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

@media handheld, only screen and (max-width: 1680px) {	

	#datalog .comments{

	  padding:83px 60px 82px 60px;

	}	

	#datalog .comments.face{

		padding: 45px 30px;

	}

	.blog iframe{

		height: 290px;

	}

}

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

/*	1600px Version

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

@media handheld, only screen and (max-width: 1600px) {	

	#datalog .comments{

	  padding:75px 40px;

	}	

	.blog iframe{

		height: 265px;

	}

}

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

/*	1366 Version

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

@media handheld, only screen and (max-width: 1366px) {	

	#datalog .comments{

	  padding:47px 45px 55px 45px;

	}	

	#datalog .comments.face{

		padding: 35px 30px;

	}

	.blog iframe{

		height: 211px;

	}

}

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

/*	10280 Version

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

@media handheld, only screen and (max-width: 1280px) {	

	.blog iframe{

		width: 100%;

		height: 196px;

	}

	#datalog .comments{

	  padding: 42px 25px;

	}

	#datalog .comments.face{

		padding: 29px 20px;

	}

}

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

/*	1024 Version

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

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

	

	

	.home_title h1{

		padding-top: 200px;

	}

	#datalog .comments{

	  padding:16px 11px 17px 11px;

	}

	#datalog .col4{

		width: 65%;

	}

	#datalog .col5{

		width: 20%;

	}

	#datalog .col3{

		width: 100%;

	}

	#datalog .responsive.col4{

		width: 60%;

	}

	.sticky-wrapper.is-sticky .menu, .sticky-wrapper.is-sticky .logos{

		margin-top:10px;

	}

	.news_page {

		max-width: 1024px;

	}

	

}







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

/*	Mobile Version

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

@media handheld, only screen and (max-width: 800px){

.menu {

		display: inline-block;

		margin-top: 30px;

		position: relative;

	}

	.news_page {

		max-width:768px;

	}

	.sticky-wrapper.is-sticky .upHead {

		min-height: 70px;

		padding-bottom: 0;

		padding-top: 0;

		width: 100%;

	}

	.sticky-wrapper.is-sticky .upHead .menu {

		float: right;

		margin-right: 30px;

		margin-top: 30px;

	}

	.sticky-wrapper.is-sticky .menu{

		margin-left: 30px;

		margin-top: 30px;

	}

}

@media handheld, only screen and (max-width: 768px){

	.menu {

		display: inline-block;

		margin-top: 30px;

		position: relative;

	}

	.news_page {

		max-width:768px;

	}

	.sticky-wrapper.is-sticky .menu{

		margin-left: 30px;

		margin-top: 30px;

	}

	.logo_top, .social-icons{

		margin-left: 0;

	}

}

@media handheld, only screen and (max-width: 640px){

	.news_page {

		max-width:640px;

	}

	.menu {

		display: inline-block;

		margin-top: 12px;

		margin-right: 15px;

		position: relative;

	}

	.sticky-wrapper.is-sticky .menu{

		margin-top: 15px;

	}

	.social-icons{

		text-align: center;

		float: none;

	}

	.top-contact{

		display: none;

	}

	.logo{

		margin-left: 15px;

	}

}

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

	body{

		padding: 0;

	}

	.home_title h1{

		font-size: 70px;

		line-height: 80px;

		padding-top: 120px;

	}

	.home_title p{		

		font-size:40px;

		line-height: 50px;

	}

	.services{

		text-align: center;

	}

	.services .icon{

		margin-left: 0;

	}

	.portfolio{

		text-align: center;

	}

	.info_hover{

		left: -1000px;

		width: 52%;

		margin-left: 24%;

		height: 94%;

	}

	.text_hover{	

		text-align: left;

		padding: 25% 10% 5% 10%;

	}

	.contact .form_contact{

		width: 60%;

	}

	#datalog .colb,#datalog .col5,#datalog .col1,#datalog .col2,#datalog .col4,#datalog .col3{

	 width: 100%;

	}

	#datalog .story {

	  float: none;

	}

	#datalog .comment_tweet .col2.border{

		width: 100%;

	}

	#datalog .responsive.col4 {

	width: 100%;

	}

	.contact .form_contact{

		margin-left: -40px;

		width: 75%;

	}



	/* Blog Posts */

	.blog-posts .blog-post { margin: 0 0 1px 0 !important; }

	.blog-post img { height: 300px; max-width: 2000px; width: auto; min-width: 100%; }

	.blog-post .blog-post-icon { display: none; }

	.blog-post .blog-post-content { margin: 0px; }

	.blog-post .blog-post-content h2 { line-height: 26px; font-size: 22px; }

	.blog-post .blog-post-content p { display: none; }

	.bxslider blockquote{

		padding:0 140px;

		font-size:14px;

	}

	.in_twitter {

		padding: 0 20px;

		margin-bottom:15px;

	}

	.sticky-wrapper.is-sticky .menu{

		margin-left: 30px;

		margin-top: 30px;

	}

	

	.menu {

		display: inline-block;

		padding-top: 15px;

		position: relative;

	}

	.news_page {

		max-width: 640px;

	}

}

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

/*	568px Version

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

@media handheld, only screen and (max-width: 568px) {

	nav{

		padding-top: 0;

	}

	.home_title h1{

		font-size: 50px;

		line-height: 60px;

		padding-top: 50px;

	}

	.home_title p{		

		font-size:35px;

		line-height: 45px;

	}

	.services h2, .portfolio h2, .contact h2,.blog h4{

		font-size:50px;

		line-height: 60px;

	}

	#filter li a {

		margin: 5px auto;

	}

	.info_hover{

		width: 72%;

		margin-left: 14%;

	}

	.portfolio p,.contact p,.blog h5 {

		font-size: 30px;

		line-height: 40px;

	}

	.social ul li{

		width: 30px;

	}	

	.about,.services{

		padding: 50px 0;

	}

	.about .container,.services .container{

		padding: 25px 25px 25px 10px;

	}

	.news_page {

		max-width: 568px;

	}



}



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

/*	480px Version

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





@media handheld, only screen and (max-width: 480px) {

	.logo {

		display: block;

		margin-top: 10px;

		text-align: center;

		margin-left:0;

		float:none;

	}

	.social-icons {

		float: none;

		text-align: center;

	}

	.upHead {

		min-height: 60px;

		padding: 30px 45px 20px;

	}

	.menu {

		display: inline-block;

		float: none;

		text-align: center;

		left: 25%;

		margin: 0 auto 15px;

		position: relative;

	}

	

	header .mainTop, .fullwidthbanner-container{

		height:auto;

	}

	.info_hover{

		width: 88%;

		margin-left: 6%;

	}

	.blog .info_hover{

		width: 100%;

	}

	.info_hover p{

		font-size: 14px;

		text-transform: none;

	}	

	.blog .buttom_more{

		margin: 80px auto;

		margin-left: 35%;

	}

	.single_post .contact .form_contact{

		width: 70%;

	}

	.single_post{

		padding-top: 20px;

	}

	.single_post .contact .comments_blog p{

		padding-left: 20px;

	}

	.blog .text_hover{	

		padding: 10% 10% 5% 5%;

	}

	.blog .info_hover{

		width: 100%;

		margin-left: 0;

	}

	.blog .info_hover h3{

		font-size: 25px;

	}

	.blog .info_hover p{

		font-size: 17px;

		line-height: 27px;

	}

	.blog .text_hover.image{	

		padding: 3% 10% 5% 5%;

	}

	.blog .info_hover .line{

		margin: 10px 0;

	}



	/* Blog Posts */

	.blog-post img { height: 200px; }

	.bxslider blockquote{

		padding:0;

	}

	.bxslider blockquote:after, .bxslider blockquote:before{

		background:none;

	}

	.bx-wrapper .bx-controls-direction a{

		display:none;

	}

	#box-img_testimonial a{

		margin:5px;

	}

	.list_carousel li{

		max-width:420px;

		min-height:580px;

	}

	.sticky-wrapper.is-sticky .menu, .sticky-wrapper.is-sticky .logos{

		margin-top:10px;

		margin-left:0;

	}

	nav{

		padding-top:10px;

		margin-left:15px;

	}

	.news_page {

		max-width: 480px;

	}

	#cboxTitle{

		z-index:9;

	}

	#comment-list .avatar {

		margin-left:10px;

		margin-top:10px;

		width:auto;

		z-index:1;

	}

	#comment-list ul.children, .comment-container { margin-left:0; }

	textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{

		text-indent: 35px;

	}

	.top-contact{

		display: none;

	}

}



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

/*	380px Version

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



@media handheld, only screen and (max-width: 380px) {

	.logo {

		display: block;

		margin-top: 10px;

		text-align: center;

		margin-left:0;

		float:none;

	}

	.menu {

		display: inline-block;

		float: none;

		text-align: center;

		left: 20%;

		margin: 0 auto 15px;

		position: relative;

	}

	header .mainTop, .fullwidthbanner-container{

		height:auto;

	}

	.blog h4 {

		padding-top:10px;

	}

	.blog h5 {

		padding-bottom: 10px;

	}

	.blog h4{

		font-size:40px;

		line-height: 50px;

	}

	.bxslider blockquote{

		padding:0;

	}

	.bxslider blockquote:after, .bxslider blockquote:before{

		background:none;

	}

	.bx-wrapper .bx-controls-direction a{

		display:none;

	}

	#box-img_testimonial a{

		margin:5px;

	}

	.list_carousel li{

		max-width:280px;

		min-height:600px;

	}

	nav{

		padding-top:0;

		margin-left:0;

		width:

	}

	.news_page {

		max-width: 380px;

	}

	#cboxTitle{

		z-index:9;

	}

	#comment-list .avatar {

		margin-left:10px;

		margin-top:10px;

		width:auto;

		z-index:1;

	}

	#comment-list ul.children, .comment-container { margin-left:0; }

	.main-top{

		display: none;

	}

}



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

/*	320px Version

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



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

	.logo {

		display: block;

		margin-top: 10px;

		text-align: center;

		margin-left:0;

		float:none;

	}

	

	.social-icons {

		float: none;

		margin: 5px auto;

		text-align: center;

	}

	.sticky-wrapper.is-sticky .upHead {

		min-height: 60px;

		padding-bottom: 0;

		padding-top: 0;

		width: 100%;

	}

	.menu {

		display: inline-block;

		float: none;

		text-align: center;

		left: 15%;

		margin: 15px auto;

		position: relative;

	}

	

	.blog h4{

		font-size:35px;

		line-height: 45px;

	}

	.blog .buttom_more{

		margin-left: 30%;

	}

	#scroll-h-1, #scroll-h-2, #scroll-h-3{

		

		position: relative;

		left: 0 !important;

	}

	#scroll-b-1, #scroll-b-2, #scroll-b-3{

		

		position: relative;

		right: 0 !important;

	}

	.bxslider blockquote{

		padding:0;

	}

	.bxslider blockquote:after, .bxslider blockquote:before{

		background:none;

	}

	.bx-wrapper .bx-controls-direction a{

		display:none;

	}

	#box-img_testimonial a{

		margin:5px;

	}

	.list_carousel li{

		max-width:280px;

		min-height:600px;

	}

	.next{

		margin-left:40px;

	}

	.news_page {

		max-width: 320px;

	}

	#cboxTitle{

		z-index:9;

	}

	#comment-list .avatar {

		margin-left:10px;

		margin-top:10px;

		width:auto;

		z-index:1;

	}

	#comment-list ul.children, .comment-container { margin-left:0; }

	.main-top{

		display: none;

	}

}