@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
@import url(colorbox.css);
@import url(flat-ui.css);
@import url(noJS.css);

/* ========================================================== */
/* 				  		      Font Style                      */
/* ========================================================== */
@font-face {
  font-family: 'BebasNeue';
  src: url('font/BebasNeue-webfont.eot');
  src: url('font/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
	   url('font/BebasNeue-webfont.woff') format('woff'), 
	   url('font/BebasNeue-webfont.ttf') format('truetype'), 
	   url('font/BebasNeue-webfont.svg#BebasNeue') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*@font-face {
  font-family: 'Open Sans';
  src: url('font/Open Sans.eot');
  src: url('font/Open Sans.eot?#iefix') format('embedded-opentype'),
	   url('font/Open Sans.woff') format('woff'), 
	   url('font/Open Sans.ttf') format('truetype'), 
	   url('font/Open Sans.svg#Open Sans') format('svg');
  font-weight: normal;
  font-style: normal;
}*/

/* Entypo Icon Font */
@font-face {
  font-family: 'entypo-selected';
  src: url("../font/entypo-selected.eot");
  src: 
	  url("../font/entypo-selected.eot?#iefix") format('embedded-opentype'), 
	  url("../font/entypo-selected.woff") format('woff'), 
	  url("../font/entypo-selected.ttf") format('truetype'), 
	  url("../font/entypo-selected.svg#entypo-selected") 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%;
}

.center {
    float: none;
    text-align: center;
    margin: 0 auto;
}

/* ========================================================== */
/* 				  		      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 */
	}
	
	#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;
		
	}
	



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: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: #232323;
	}
	.default {
		background: #313131;
	}
	.bdark{
		background:#F9F9F9;
	}
	.white {
		background: #fff;
	}
	.grey {
		background: #E3E2DC;
	}
	.subtitle.colWhite{
		color:#fff;
	}
	.colWhite{
		color:#fff;
	}
	.colBlack {
		color: #232323;
	}
	.colDefault {
		color: #232323;
	}

	.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: #232323;
		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 #232323;
		content: "";
		height: 6px;
		left: 50%;
		margin-left: -50px;
		position: absolute;
		top: -1px;
		width: 100px;
	}
	h2.main-title {
		border-top: 1px solid #E0E0E0;
		color: #232323;
		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: #232323;
	}
	.highBlack{
		color:#232323;
	}
	
	.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: #232323;
		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: #232323;
		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;
	}
    .mail-top a {
        color: #fff;
    }
    .mail-top a:hover {
        color: #000;
    }
	.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:#232323;
		-webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease;
		
	}

    .banner {
        padding: 90px;
        width: auto;
        margin: auto;
        line-height: 70px;
    }

    header{
        /*background-image: url("../img/bg/city-of-tucson.jpg");*/
        background-image: url("../img/bg/tucson-parallax.jpg");
        /*background-image: url("../img/bg/desert-landscape-bw.jpg");*/
        background-image: url("../img/bg/desert-blurred.jpg");
        background-image: url("../img/bg/desert-cropped-blurred.jpg");
        background-position: center top;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
        min-height:auto;
        height: 350px;
        position: relative;
        text-align: center;
        
    }
    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%;
    }
    header h1 {
        text-align: center;
        font-size: 64px;
        font-family: bebasneue;
        color: #fff;
        margin-top: 0px;
        display: inline;
        padding: 0 20px;
        /*text-shadow: 1px 1px 1px #000;*/
    }
    .banner .lead {
        font-size: 40px;
        color: #fff;
        font-family: bebasneue;
        margin: 0;
        line-height: 38px;
    }
    header h1 span {
        color: #676767;
    }
    .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; 
        
    }
	
	
/* ========================================================== */
/* 				  		      Logo                            */
/* ========================================================== */

	.logo_top {
		display: inline-block;
		float:left;
	}
	.logo_top a{
		font-family:bebasneue;
		color:#232323;
	}
	.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;
		-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:#232323;
	}
	.logo a:hover{
		color:#313131;
		text-decoration:none;
	}
	.logo h1 {
		font-size: 50px;
		line-height:80px;
	}
    .logo h1 span {
        color: #676767;
    }



/* ==========================================================================
   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: #232323; 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: #232323 }
	.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:#232323;
		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: #232323;
}

.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                         */
/* ========================================================== */

	#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:#232323;
		border:1px solid #232323;
		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:#232323;
		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%;
	}

	
/*	==================================================
	# 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: #232323;
	}

	.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 #232323;
		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;
	}


/* ================================================================
                        Portfolio
================================================================== */

    .portfolio h4 {
        font-weight: bold;
        margin: 15px auto 0;
        padding: 0;
    }

    .portfolio .portfolio-items {
        margin-bottom: 30px;
    }

    .portfolio-list.desc {
        text-align: center;
        margin-bottom: 0;
    }

    .portfolio-list li {
        list-style: none;
        display: inline-block;
        margin-left: 8px;
        text-align: center;
    }

    .portfolio-list li:not(:last-child):after {
        content: '\2022';
        margin-left: 8px;
    }



/* ================================================================
						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-form h3, .features-list h3 {
		border-bottom: 1px solid #E0E0E0;
		font-size: 24px;
		font-weight: 600;
		line-height: 24px;
		margin-bottom: 20px;
		padding-bottom: 15px;
	}
	.feature-text > h4 {
		padding: 10px 0;
		font-weight:bold
	}
	
	.features-list h3 span, .experience h3 span, .contact-form h3 span {
		border-bottom: 4px solid #232323;
		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:#232323;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:#232323;
		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;
	}


/* ================================================================
				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 {
        padding: 120px 0 0;
    }
	.contact .contact-form form textarea {
		-moz-box-sizing: border-box;
		max-width: 100%;
		width: 100%;
	}
	.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 {
		margin-bottom: 20px;	
		margin-top: 30px;
	}
    .contact-info {
        margin: 20px 0;
        text-align: center;
    }

    .submit-success {
        font-weight: bold;
        margin: 120px 0;
        font-size: 22px;
    }
	#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-form > 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:#232323;
		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: 500px;
	  		-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:#232323;
		-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:850px;
		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%;
	}

@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; }
    .banner {
        padding: 50px;
    }
	.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;  }
	.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; }
	li.team-s { width:290px!important; margin:0 auto 60px!important; }
	.team { height:1350px; }
	.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) {
    .banner .lead {
        line-height: 40px;
        margin-top: 14px;
    }

	.wrapper { width:300px; margin:0 auto; }
	.flex-caption, .flex-caption2 {  width:250px; top:20%; left:12%; right:12%;  }
	.navi { display:none; }
	.navi2 { display:block; }

	.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; }
	.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) {
    .banner {
        padding: 20px 20px;
        line-height: 44px;
    }
	.profPeople{
		margin:0 auto 30px;
	}
	#contact, #service, #about, #team,#portfolio,.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,#portfolio,.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;
	}
    .logo h1 {
        line-height: 40px;
    }
	.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%;
		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;
	}
}