/* Fonts */



	/* Great Vibes */

	@import url(http://fonts.googleapis.com/css?family=Great+Vibes);

	

	/* Alegreya Sans */

	@import url(http://fonts.googleapis.com/css?family=Alegreya+Sans:400,300);

	

	/* Open Sans */

	@import url(http://fonts.googleapis.com/css?family=Open+Sans:600italic,400,300,600,700,800);



	/* Open Sans Condensed */

	@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);

	



/* Main Styles */



	::selection {

		background-color: #ececec;

	}

	html, body {

		background: #fff;

		width:100%;

		height:100%;

		padding:0;

		margin-left:0;

		margin-right:0;

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

		-webkit-font-smoothing: antialiased;

	}



	body{

		overflow-x: hidden; 

	}



	img {

	    -moz-user-select: none; 

	    -webkit-user-select: none;

	    -ms-user-select: none; 

	    user-select: none; 

	    -webkit-user-drag: none;

	    user-drag: none;

	}



	a,

	a:hover,

	a:active,

	a:focus

	{

		text-decoration:none;

		outline:none;

	

	}



	h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{

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

		font-weight:100;

	}



	p{

		margin:0 0 5px;

	}



	.clear{

		clear:both;

	}



	ol, ul{

		list-style:none;

		padding:0;

	}



	b.caret{

		margin:-3px 0 auto 5px;

	}



	.btn{

		outline:none;

		-webkit-transition: all 0.4s;

		-moz-transition: all 0.4s;

		transition: all 0.4s;

	}



	.btn:focus{

		outline:none;

	}



	.btn:active{

		outline:none;

	}



/* Font Classes */	



	.condensed{

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

	}



	.fancy{

		font-family: 'Great Vibes', cursive;

	}



/* Page Animated item Styles */



	.animated{

		visibility:hidden;

	}



	.visible{

		visibility:visible;

	}



/* Background Animation */



	@-webkit-keyframes BackgroundAnimation {

	    from {background-position: 0px 0px;}

	    to {background-position: 9600px 0px;}

	}



	@-moz-keyframes  BackgroundAnimation {

	    from {background-position: 0px 0px;}

	    to {background-position: 9600px 0px;}

	}



	@-ms-keyframes  BackgroundAnimation {

	    from {background-position: 0px 0px;}

	    to {background-position: 9600px 0px;}

	}



/* Page Loading */



	#pageloader {

		width: 100%;

		height: 100%;

		position: fixed;

		top:0;

		background-color: #f1f1f1;

		z-index: 9999;

	}



	.loader-item {

	  position: absolute;

	  top:47%;

	  left:49%;

	  text-align:center;

	  color:#dddddd;

	}

	

	.loader-item:before{

  	  content: "\f013";

      font-size:3em;

    }



	.loader-item h2{

		color:#ccc;

		margin:0 auto;

		font-size:20px;

	}



/* Portola First Styles */



/* Containers */



	.container {

		width: 100%;

		height: auto;

		padding:0;

		margin:0;

	}



	.inner{

		width:100%;

		height: auto;

		max-width: 1170px;

		position: relative;

		margin: 0 auto;

		padding: 75px 0;

		text-align: center;

	}



	.inner:after{

		clear: both;

	}



	.fullwidth{

		width:100%;

		max-width: 100%;

	}



	.transparent{

		background: transparent !important;

	}



	.no-padding{

		padding:0 !important;

	}



	.no-margin{

		margin:0 !important;

	}



/* Positions */



	.relative{

		position: relative;

	}



	.absolute{

		position: absolute;

	}



	.fixed{

		position:fixed;

	}



/* Patterns */



	.pattern-white:after{

		background: url(../images/pattern-white.png) repeat;

		content:'';

		width: 100%;

		height: 100%;

		top:0;

		left:0;

		position: absolute;

		opacity:0.25;

	}



	.pattern-black:after{

		background: url(../images/pattern-black.png) repeat;

		content:'';

		width: 100%;

		height: 100%;

		top:0;

		left:0;

		position: absolute;

		opacity:0.25;

	}



	.transparent{

		background:transparent !important;

	}



/* Fonts */



	.header{

		width:100%;

		height: auto;

		font-size:3.5em;

		font-weight: 400;

		text-align: center;

		margin:0 auto;

	}



	.t-left{

		text-align:left !important;

	}



	.t-center{

		text-align:center !important;

	}



	.t-right{

		text-align:right !important;

	}

	

	.p-right{

		padding-right:15px !important;

	}

	

	.p-left{

		padding-left:15px !important;

	}



	.h-desc{

		font-size:16px;

		font-weight: 100;

		text-align: center;

		margin:20px auto;

		max-width: 900px;

		line-height: 24px;

	}



	.extrabold{

		font-weight: 800;

	}



	.bold{

		font-weight: 700;

	}



	.semibold{

		font-weight: 600;

	}



	.normal{

		font-weight: 400;

	}



	.light{

		font-weight: 100;

	}



	.italic{

		font-style: italic;

	}



	.uppercase{

		text-transform: uppercase;

	}



/* Colors */



	.white{

		color:white;

	}

	

	.black{

		color:black;

	}



	.gray1{

		color:#eeeeee;

	}



	.gray2{

		color:#999999;

	}

	

	.gray3{

		color:#111;

	}



	.gray4{

		color:#333;

	}



	.colored{

		color: #35cc75;

	}



	.colored-bg{

		background-color: #35cc75;

	}



	.gray-border{

		border-color:#eeeeee;

	}



	.colored-border{

		border-color: #35cc75;

	}



	.colored-border-left{

		border-left-color: #35cc75;

	}



	.colored-border-right{

		border-right-color: #35cc75;

	}



	.white-bg{

		background-color:white !important;

	}



	.gray-bg{

		background-color:#f5f5f5 !important;

	}

	

	.semidarkgray-bg{

		background-color:#4d4d4d !important;

	}

	

	.darkgray-bg{

		background-color:#333333 !important;

	}



	.black-bg{

		background-color:222222 !important;

	}

	

	.texture-bg{

		background:#333 url(../images/bgd/background5.jpg) repeat;

	}



/* Home Section */



	#home{

		position: relative;

		width: 100%;

		height: auto;

		top:0;

	}



	.home{

		background:url(../images/1.jpg) center center fixed;

		position: relative;

	}



	.home:after{

		clear: both;

	}


/* Home Section Animated Version */



	.home-animated{

		background-image:url(../images/2.jpg);

		background-size: cover;

		background-position: 50% 50%;

		background-attachment: fixed !important;

		background-repeat: repeat;

		-webkit-animation: BackgroundAnimation 300s linear infinite;

		-moz-animation: BackgroundAnimation 300s linear infinite;

   		 -ms-animation: BackgroundAnimation 300s linear infinite;

	}



	.hometexts-1{

		font-size:75px;

		height:auto;

		color:white;

		line-height: 85px;

	}



	.hometexts-1 .slide-text-1{

		margin-bottom:0;

		margin-top:0.5em;

		width:auto;

		padding:0;

	}



	.home-button{

		display:inline-block;

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

		border:1px solid rgba(0,0,0, 0.3);

		padding:9px 22px;

		margin:0 5px;

		font-size:12px;

		-webkit-transition: all 0.5s;

		-moz-transition: all 0.5s;

		transition: all 0.5s;

		color:#dadada;

	}



	.home-button:hover{

		border:1px solid rgba(255,255,255, 0.8);

		background:rgba(255,255,255, 0.8);

		color:black;

	}



/* Details */



	.home-details{

		width:90%;

		margin:0 auto;

		height: auto;

		max-width: 1170px;

		top:50%;

		position: relative;

		text-align:center;

		z-index: 10;

		-webkit-transform: translateY(-50%);

		-moz-transform: translateY(-50%);

		transform: translateY(-50%);

	}



	.slide-text{

		margin:3px auto 0;

	}



	.slide-text li:last-child{

		clear: both;

	}



	.hometext{

		width:100%;

		height: auto;

		color:white;

		font-size:125px;

		line-height: 110px;	

	}



/* Fixed Text */



	.fixed-text{

		font-size: 66px;

		color:#ffffff;

		margin:0;

	}



/* Cetagories */

	

	.home-categories .h-item:last-child{

		background:none;

	}



	.h-item{

		color:#eeeeee;

		padding:5px 20px 5px 13px;

		width: auto;

		font-size: 13px;

		background:url(../images/li-item.png) right center no-repeat;

		display: inline-block;

	}



	.home-arrow{

		display: block;

		color:#b8b7b7;

		width:150px;

		margin:10px auto;

		-webkit-transition: all 0.5s;

		-moz-transition: all 0.5s;

		transition: all 0.5s;

	}



	.home-arrow span{

		display: block;

		margin:5px auto;

	}



	.home-arrow:hover{

		color:white;

	}



/* Home Parallax Slider Version  */



	#home .v2{

		width:100%;

		height: 100%;

		top:0;

		z-index: 4;

		text-align: center;

	}



	#home .v2 .typographic{

		height: auto;

		width:100%;

		max-width:700px;

		margin:0 auto;

		position: relative;

		top:50%;

		padding:0 25px;

		-webkit-transform: translateY(-50%);

		-moz-transform: translateY(-50%);

		transform: translateY(-50%);

	}

	

	#home .v2 .typographic .logo{

		padding:25px 0;

	}



/* Typographic Text Options  */



	#home .v2 .typographic h1{

		text-shadow:2px 2px 2px rgba(0, 0, 0, 0.15);

		line-height:0.8;

		font-size:70%;

		margin:10px 0;

	}



	#home .v2 .typographic h2{

		text-shadow:2px 2px 2px rgba(0, 0, 0, 0.15);

		line-height: 0.9;

		font-size:80%;

		margin:10px 0;

	}



/* Home V5  */



	#home .v5{

		width:100%;

		height: 100%;

		top:0;

		z-index: 4;

		text-align: center;

	}



	#home .v5 .typographic{

		height: auto;

		width:100%;

		max-width:970px;

		margin:0 auto;

		position: relative;

		top:50%;

		padding:0 25px;

		color:#dfdfdf;

		-webkit-transform: translateY(-50%);

		-moz-transform: translateY(-50%);

		transform: translateY(-50%);

	}



	#home .v5 .typographic .hometexts-5{

		height: 115px;

	}



	#home .v5 .typographic .hometexts-5 ul li{

		font-size:55px;

	}



	#home .v5 .typographic .hometexts-5 .flex-direction-nav li{

		width:44px;

		height: 37px;

		position: relative;

		display: inline-block;

		opacity: 1;

	}



	#home .v5 .typographic .hometexts-5 .flex-direction-nav li a{

		width:44px;

		height: 37px;

		position: absolute;

		display: block;

		opacity:1;

		top:5px;

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

		-webkit-transition: all 0.2s;

		-moz-transition: all 0.2s;

		transition: all 0.2s;

	}



	#home .v5 .typographic .hometexts-5 .flex-direction-nav li a.flex-prev{

		left:0;

		background-position: left top;

	}



	#home .v5 .typographic .hometexts-5 .flex-direction-nav li a.flex-prev:hover{

		background-position: left bottom;

	}



	#home .v5 .typographic .hometexts-5 .flex-direction-nav li a.flex-next{

		left:5px;

		background-position: right top;

	}



	#home .v5 .typographic .hometexts-5 .flex-direction-nav li a.flex-next:hover{

		background-position: right bottom;

	}



/* V5 Typographic Text Options  */



	#home .v5 .typographic h1{

		text-shadow:2px 2px 2px rgba(0, 0, 0, 0.15);

		line-height:0.75;

		font-size:70%;

		margin:10px 0;

	}



	#home .v5 .typographic h2{

		text-shadow:2px 2px 2px rgba(0, 0, 0, 0.15);

		line-height: 0.85;

		font-size:90%;

		margin:10px 0;

	}



/* TextSlider & Background Slider Version */



	.home-details-tb{

		width:100%;

		margin:0 auto;

		height: auto;

		top:50%;

		text-align:center;

		z-index: 10;

		-webkit-transform: translateY(-50%);

		-moz-transform: translateY(-50%);

		transform: translateY(-50%);

	}



	.home-details-tb .home-details-inner{

		max-width: 90%;

		margin:0 auto;

	}



/* Background Slider Images  */



	.slides-container div,

	.home{

		background-size:100%;

	}



	#slides .slides-container div{

		background-position:center center;

		background-attachment: fixed;

	}



	#slides .slides-container .image1{

		background-image:url(../images/5.jpg);

	}



	#slides .slides-container .image2{

		background-image:url(../images/4.jpg);

	}

	



	.v2 .home-arrow{

		margin:0 auto;

		left:50%;

		bottom:12%;

		position: absolute;

		-webkit-transform: translateX(-50%);

		-moz-transform: translateX(-50%);

		transform: translateX(-50%);

	}



	.v2 .home-arrow:hover{

		color:white;

	}



/* Super Slides Navigation */



	.slides-navigation {

		margin: 0 auto;

		position: absolute;

		z-index: 3;

		top: 45%;

		width: 100%;

		z-index: 20;

	}

	.slides-navigation a{

		position: absolute;

		display: block;

		width:36px;

		height:81px;

		background:url(../images/slider-arrows.png);

		opacity:0;

		-webkit-transition: all 0.5s;

		-moz-transition: all 0.5s;

		transition: all 0.5s;

	}



	.slides-navigation a.prev {

		left: 2%;

		background-position:left;

	}

	.slides-navigation a.next {

		right: 2%;

		background-position:right;

	}



	#home:hover .slides-navigation a{

		opacity:0.3;

	}



	.slides-navigation a:hover{

		opacity:1 !important;

	}



/* Home Fixed Video Version */



	#fixed_video{

		min-width: 100%;

		min-height: 100%;

		top:0;

		left:0;

		position: fixed;

		background-color:black;

		z-index: -1 !important;

	}





/* Navigation */

	

	#navigation{

		position: fixed;

		width: 100%;

		height: 75px;

		z-index: 1031;

		-webkit-transition: all 0.5s;

		-moz-transition: all 0.5s;

		transition: all 0.5s;

	}



	.not-visible-nav{

		

	}



	.visible-nav{

		top:0;

	}



	.white-nav{

		background:rgba(255, 255, 255, 0.9);

		box-shadow: 0px 1px 4px rgba(0,0,0, 0.5);

		-moz-box-shadow: 0px 1px 4px rgba(0,0,0, 0.5);

		-webkit-box-shadow: 0px 1px 4px rgba(0,0,0, 0.5);

	}



	.dark-nav{

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

		box-shadow: 0px 1px 4px rgba(0,0,0, 0.5);

		-moz-box-shadow: 0px 1px 4px rgba(0,0,0, 0.5);

		-webkit-box-shadow: 0px 1px 4px rgba(0,0,0, 0.5);

	}



	.soft-nav{

		background:rgba(255, 255, 255, 0.05);

	}



	.nav-inner{

		width:100%;

		max-width: 1170px;

		height: 100%;

		margin:0 auto;

	}



	.nav-inner:after{

		clear: both;

	}



/* Logo Style */



	.site-logo{

		font-size:3.5em;

		float: left;

		position: relative;

		padding-top:8px;

		top: 50%;

		-webkit-transform: translateY(-50%);

		-moz-transform: translateY(-50%);

		transform: translateY(-50%);

	}



	.white-nav .site-logo a.logo{

		color:#111;

		display: block;

	}	

	

	.dark-nav .site-logo a.logo{

		color:#fff;

		display: block;

	}	



	.site-logo a.logo img{

		height: auto;

		max-height: 189px;

		-webkit-transition: all 1s;

		-moz-transition: all 1s;

		transition: all 1s;

	}



/* Nav Menu */



	#navigation .mini-nav-button{

		color:#777;

		display: none;

		width: 40px;

		height: 40px;

		text-align: center;

		font-size:25px;

		position: absolute;

		right:15px;

		top:50%;

		cursor: pointer;

		-webkit-transform: translateY(-50%);

		-moz-transform: translateY(-50%);

		transform: translateY(-50%);

	}

	

	#navigation .mini-nav-button:hover{

		color:#35cc75;

		-webkit-transition: all 0.3s;

		-moz-transition: all 0.3s;

		transition: all 0.3s;

	}	



	.nav-menu{

		float: right;

		height: 100%;

	}



	.nav-menu ul.nav{

		height: 100%;

	}



	.nav li{

		display: inline-block;

		height: 100%;

	}



	.nav li a{

		display: block;

		height: 100%;

		line-height: 54px;

		color: #555555;

		font-size:1.05em;

		font-weight:600;

		padding:10px 8px;

		-webkit-transition: all 0.3s;

		-moz-transition: all 0.3s;

		transition: all 0.3s;

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

	}



/* Nav Menu Rollovers */



	.white-nav li a:hover{

		background:#ddd;		

		color:#35cc75;

	}



	.white-nav li.active a{

		color:#35cc75;

	}



	.white-nav li a:focus{

		background:#35cc75;

		color:#fff !important;

	}



	.dark-nav .nav li a{

		color:#ccc;

	}



	.dark-nav .nav li a:hover{

		background:#222;

		color:#35cc75;

	}

	

	.dark-nav .nav li.active a{

		color:#35cc75;

	}

	

	.dark-nav .nav li a:focus{

		background:#35cc75;

		color:#fff !important;

	}	



/* DropDown Menu */



	ul.nav ul.dropdown-menu{

		padding:0;

		margin:0;

		border:none;

		border-radius: 0;

		background:rgba(255, 255, 255, 0.97);

		box-shadow: 0px 1px 4px rgba(0,0,0, 0.25);

		-moz-box-shadow: 0px 1px 4px rgba(0,0,0, 0.25);

		-webkit-box-shadow: 0px 1px 4px rgba(0,0,0, 0.25);

	}



	ul.nav ul.dropdown-menu li{

		width: 100%;

		height: auto;		

	}



	ul.nav ul.dropdown-menu li a{

		height: auto;

		padding: 10px;

		margin:0;

		display: block;

		width: 100%;

		color:#111;

		line-height: 20px;

		border:none;

		font-size:1em;

	}



	ul.dropdown-menu li a:hover{

		border:none;

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

		color: #35cc75 !important;

	}

	

	.dark-nav ul.nav ul.dropdown-menu li a{

		color:#ccc;

	}	



	.dark-nav ul.dropdown-menu{

		background:rgba(0, 0, 0, 0.9) !important;

	}



	.dark-nav ul.dropdown-menu li a{

		color:white;

	}



	.dark-nav ul.dropdown-menu li a:hover{

		border:none;

		background:rgba(100, 100, 100, 0.25);

	}



/* About */

	

	#about .inner .boxes{

		overflow: hidden;

	}



	#about .inner .boxes:after{

		clear: both;

	}



	.about-box{

		text-align: center;

		margin:0px auto 0;

		cursor: pointer;

	}

/* About Icon Styles */



	.about-icon{

		display:block;

		width:120px;

		height: 120px;

		position: relative;

		border-radius:50%;

		z-index: 3;

		margin:1px auto;

		text-align: center;

	}



	.about-icon:before{

		width:120px;

		height: 120px;

		content:'';

		z-index: 1;

		position: absolute;

		background: #35cc75;		

		border: none;

		border-radius:50%;

		top:-1px;

		left:-1px;

		-webkit-transition: all 0.3s;

		-moz-transition: all 0.3s;

		transition: all 0.3s;

	}



	.about-icon i{

		font-size:4em;

		color:#fff;

		z-index: 4;

		position: relative;

		line-height: 120px;

		-webkit-transition: all 0.3s;

		-moz-transition: all 0.3s;

		transition: all 0.3s;

	}





/* About Box Hover Styles */



	.about-box:hover .about-icon:before{

		background:#252525;

	}



	.about-box:hover .about-icon:after{

		background:#252525;

	}



	.about-box:hover .about-icon i{

		color:#fff;

	}



	.about-box .about-head{

		margin:25px auto 20px;

		font-size:1.5em;

		border-top:#ddd 1px solid;

		padding-top:20px;

	}



	.about-box .about-text{

		font-size:13px;

	}





/* Services */



	#services{

		background:url(../images/services.jpg);

		padding:55px 0;

		overflow: hidden;

	}



/* Service Boxes */



	.service-box{

		text-align: center;

		margin:50px auto 0;

		cursor: context-menu;

	}



	.service-box .service-icon{

		display:block;

		position: relative;

		z-index: 3;

		margin:0 auto;

		-webkit-transition: all 0.3s;

		-moz-transition: all 0.3s;

		transition: all 0.3s;

	}



	.service-box .service-icon i{

		font-size:26px;

		color:white;

		width:70px;

		height: 70px;

		z-index: 4;

		position: relative;

		line-height: 60px;

		background-color:#35cc75;

		border-radius:50%;

		border:rgba(0,0,0,0.10) 5px solid;

		-webkit-transition: all 0.3s;

		-moz-transition: all 0.3s;

		transition: all 0.3s;

	}



	.service-box:hover .service-icon i{

		background:black;

	}



	.service-box .service-header{

		margin-top:15px;

		margin-bottom:30px;

		font-size:18px;

		text-shadow: 0px 1px #000000;

		font-weight:bold;

	}



/* Tooltip Styles */



	.tooltip{

		z-index: 999 !important;

	}



	.tooltip-inner{

		padding:15px;

		background:rgba(255,255,255,0.95);

		color:black;

		font-size:13px;

		border-radius: 3px;

		min-width: 170px;

	}



	.tooltip.top{

		margin-top:-10px;



	}



	.tooltip.bottom{

		margin-top:20px;



	}



	.tooltip.left{

		margin-right:20px;



	}



	.tooltip.right{

		margin-left:20px;

	}



	.tooltip.top .tooltip-arrow{

		border-top-color:rgba(255,255,255,0.95) !important;

	}



	.tooltip.bottom .tooltip-arrow{

		border-bottom-color:rgba(255,255,255,0.95) !important;

	}



	.tooltip.left .tooltip-arrow{

		border-left-color:rgba(255,255,255,0.95) !important;

	}



	.tooltip.right .tooltip-arrow{

		border-right-color:rgba(255,255,255,0.95) !important;

	}



/* Features */

	.f-box{

		text-align:center;

		cursor: default;

		margin:60px auto 0;

	}



	.f-icon i{

		font-size:3em;

		color:#fff;

		background:#35cc75;

		-webkit-transition: all 0.3s;

		-moz-transition: all 0.3s;

		transition: all 0.3s;

		border:rgba(0,0,0,0.2) 5px solid;

		border-radius:50%;

		padding:30px;

		width:110px;

	}



	.f-box .feature-head{

		margin:25px auto 20px;

		font-size:1.5em;

		border-top:#444 1px solid;

		padding-top:20px;

		color:#ccc;

	}



	.f-box .feature-text{

		font-size:14px;

		color:#888;

		line-height:22px;

	}



	.f-box:hover .f-icon i{

		background:#111;

	}

	

	#features{

		background:#333 url(../images/bgd/background5.jpg) repeat;

	}





/* Testimonials */	



	.testimonials{

		background: url(../images/parallax/2.jpg) center center fixed;

		padding: 70px 0 70px;

		text-align: center;

		overflow: hidden;

		position: relative;

	}



	.t-slides{

		max-width: 970px;

		margin:0 auto;

		max-height: 500px;

		overflow: hidden;

		background:none;

	}



	.t-slides li.monial{

		position: absolute;

		height: auto;

		

	}



	.t-slides li.monial:last-child:after{

		clear: both;

	}



	.monial h1{

		font-size:2em;

		line-height:1.5em;

	}



	.monial p{

		margin:20px 20px;

		font-size:18px;

		color: #666;

		text-align: right;

	}



/* Testimonial Controls */	



	.testimonials .flex-direction-nav{

		width:52px;

		height: 30px;

		margin:-35px auto 0 auto;

		position: relative;

		opacity: 1;

	}



	.testimonials .flex-direction-nav li{

		display: block;

		position: relative;

		float:left;

		width:26px;

		height: 26px;

	}



	.testimonials .flex-direction-nav li a{

		opacity: 1;

		width:26px;

		height: 26px;

		background:url(../images/testimonial-controls.png);

	}



	.testimonials .flex-direction-nav a:before{

		display: none;

	}



	.testimonials .flex-direction-nav li a.flex-prev{

		background-position: left top;

		left:-5px;

	}



	.testimonials .flex-direction-nav li a.flex-next{

		background-position: right top;

		right:-5px;

	}



	.testimonials .flex-direction-nav li a.flex-prev:hover{

		background-position: left bottom;

	}



	.testimonials .flex-direction-nav li a.flex-next:hover{

		background-position: right bottom;

	}



/* Text Area */



	#callout{

		padding:55px 0;

		background:#333 url(../images/bgd/background5.jpg) repeat;

	}

	

	#callout h1{

		color:#fff;

	}

	

	#callout p{

		color:#888;

	}



	#blockquote{

		background:#35cc75;

		padding:45px 0 35px 0;

		border-top:rgba(0,0,0,0.10) 8px solid;

		border-bottom:rgba(0,0,0,0.10) 8px solid;

	}



	#blockquote p.blockquote{

		font-size:44px;

	}

	

	#blockquote i.fa{

		padding-left:40px;

	}	



/* History */



	#history{

		background:url(../images/parallax/3.jpg) top fixed;

	}



	.history{

		padding-bottom:0;

	}



/* Timeline */



	#history ul.timeline{

		width: 100%;

		max-width:1170px;

		margin:50px auto 0;

		display: block;

		background:url(../images/history-strip.jpg) center center repeat-y;

		position: relative;

		height: auto;

		padding:0 0 150px;

	}



/* Years */



	#history ul.timeline li.time{

		width: 75px;

		height: 75px;

		position: relative;

		clear: both;

		border-radius: 50%;

		background:#222222;

		text-align: center;

		color:white;

		line-height: 75px;

		font-size: 20px;

		margin:30px auto;

		cursor: default;

	}



	#history ul.timeline li.today{

		background: #35cc75;

		color:white;

		margin:40px auto;

	}



/* Notes */



	#history ul.timeline li.note{

		width:46%;

		min-height: 100px;

		float:right;

		background:rgba(50,50,50,0.95);

		box-shadow: 0px 1px 4px rgba(0,0,0, 0.4);

		-moz-box-shadow: 0px 1px 4px rgba(0,0,0, 0.4);

		-webkit-box-shadow: 0px 1px 4px rgba(0,0,0, 0.4);

		border:none;

		margin:35px 0;

		position: relative;

		text-align:left;

		padding:24px 24px 24px;

		cursor:pointer;

		-webkit-transition: all 0.3s;

		-moz-transition: all 0.3s;

		transition: all 0.3s;

	}

	

	#history ul.timeline li.note .button{

		font-size:13px;

		font-weight:600;

		background-color:#35cc75;

		box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);

		-moz-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);

		-webkit-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);

	}

	

	#history ul.timeline li.note .button:hover{

		background-color:#333;

	}

	

	#history ul.timeline li.note .button i{

		padding:0px 0px 0px 4px;

		font-size:14px;

	}

	

	#history ul.timeline li.note img{

		width:100%;

	}



	#history ul.timeline li.note:nth-of-type(2n){

		float: left;

		clear: left;

	}



	#history ul.timeline li.time + li.note{

		margin-top:-5px;

	}



	#history ul.timeline li.note:after{

		content:'';

		position:absolute;

		left:-8.7%;

		right: auto;

		display:block;

		width:50px;

		height:1px;

		background:#222222;

		top:50%;

		z-index:20;

		-webkit-transform: translateY(-50%);

		-moz-transform: translateY(-50%);

		transform: translateY(-50%);

		-webkit-transition: all 0.3s;

		-moz-transition: all 0.3s;

		transition: all 0.3s;

	}



	#history ul.timeline li.note:nth-of-type(2n):after{

		right:-8.6%;

		left: auto;

	}



/* Note Arrows */



	.note-arrow{

		position: absolute;

		right: 100%;

		left: auto;

	   	top: 50%;

	   	display: block;

	  	border-right: 0px solid;

	   	border-right-color: rgba(0,0,0,0); 

	   	border-left: none;

	  	border-top: 0px solid transparent;

	  	border-bottom: 0px solid transparent; 

	  	-webkit-transform: translateY(-50%);

		-moz-transform: translateY(-50%);

		transform: translateY(-50%);

	}



	.note-arrow:after{

		content:'';

		position: absolute;

		left: 1px;

		right:auto;

	   	top: 0px;

	   	display: block;

	  	border-right: 0px solid;

	   	border-right-color: rgba(0,0,0,0); 

	   	border-left: none;

	  	border-top: 0px solid transparent;

	  	border-bottom: 0px solid transparent; 

	  	-webkit-transform: translateY(-50%);

		-moz-transform: translateY(-50%);

		transform: translateY(-50%);

	}



	#history ul.timeline li.note:nth-of-type(2n) .note-arrow{

		left: 100%;

		right: auto;

		border-left: 0px solid;

	   	border-left-color:rgba(0,0,0,0); 

	   	border-right: none;

	}



	#history ul.timeline li.note:nth-of-type(2n) .note-arrow:after{

		border-left: 0px solid;

	   	border-left-color: rgba(0,0,0,0); 

	  	border-top: 0px solid transparent;

	  	border-bottom: 0px solid transparent; 

	  	border-right: none;

	  	right:1px;

	  	left:auto;

	}



/* Start Icon */



	#history ul.timeline li.start{

		clear: both;

		width: 60px;

		height: 60px;

		display: block;

		position: absolute;

		left:50%;

		margin-left:-30px;

		margin-bottom:-30px;

		bottom: 0;

		background:#35cc75;

		border-radius:50%;

	}



	#history ul.timeline li.start a{

		width: 60px;

		height: 60px;

		display: block;

		color: white;

		font-size:2em;

		line-height:55px;

		text-align: center;

		border-radius:50%;

		-webkit-transition: all 0.3s;

		-moz-transition: all 0.3s;

		transition: all 0.3s;

	}

	

	#history ul.timeline li.start a:hover{

		background:black;

	}	



/* History Note Inners */

	

	li.note p,

	li.note span,

	li.note span:after{

		-webkit-transition: all 0.3s;

		-moz-transition: all 0.3s;

		transition: all 0.3s;

	}

	



	li.note p.history-date{

		font-size:1.4em;

		color:#888888;

		padding:15px;

		text-align:center;

	}



	li.note p.history-head{

		font-size:1.4em;

		margin:12px auto 3px auto;

		color:#888888;

		text-align:center;

	}



	li.note p.history-desc{

		font-size:13px;

		color:#cccccc;

		padding:10px 0;

	}



/* History Note Images */



	.timeline-images{

		width:90%;

		position: absolute;

		bottom:-35px;

		height: auto;

	}



	.timeline-images a.timeline-image{

		width:70px;

		height: 70px;

		margin-right:15px;

		margin-left:0;

		float:left;

		display: block;

		position: relative;

	}



	#history ul.timeline li.note:nth-of-type(2n) .timeline-images a.timeline-image{

		float:right;

		margin-left:15px;

		margin-right:0;

	}



	.timeline-images a.timeline-image img{

		width:70px;

		height: 70px;

		border-radius:10%;

		border:none;

		-webkit-transition: all 0.3s;

		-moz-transition: all 0.3s;

		transition: all 0.3s;

	}



/* History Rollovers */



	#history ul.timeline li.note:hover span.note-arrow,

	#history ul.timeline li.note:hover span.note-arrow:after{

		border-right-color: #35cc75; 

	}



	#history ul.timeline li.note:hover:nth-of-type(2n) span.note-arrow,

	#history ul.timeline li.note:hover:nth-of-type(2n) span.note-arrow:after{

		border-left-color: #35cc75; 

	}



	a.timeline-image img:hover{

		-webkit-transform: scale(1.2);

		-moz-transform: scale(1.2);

		-ms-transform: scale(1.2);

		transform: scale(1.2);

	}



/* Portfolio */



	.galleryup{

		float:left;

		position:relative;

		min-height:1px;

		padding-left:15px;

		padding-right:15px;

		width:33.29%;

		margin:0 auto 0px;

	}



	#portfolio{

		background:#333 url(../images/bgd/background5.jpg) repeat;

		margin:0 auto;

		padding:70px 0 80px;

		overflow: hidden;

		width: 100%;

	}	



	.portfolio{

		width:100%;

		height: auto;

		margin:0 auto;

		max-width: 1170px;

		text-align: left;

		padding:0px 0 0px;

	}



/* Portfolio Filter */



	.filter-menu{

		margin:15px 0px 10px 0px;

		text-align:right;

		padding-right:20px;

		padding-top:0px;

	}



	.filter-menu ul li{

		display: inline-block;

		margin:0 2px;

	}



	.filter-menu ul li a{

		padding:7px 16px;

		background:#222;

		border-radius:3px;

		color:#888;

		font-size:11px;

		line-height:36px;

		-webkit-transition: all 0.3s;

		-moz-transition: all 0.3s;

		transition: all 0.3s;

	}



	.filter-menu ul li a:hover{

		background:#35cc75;

		border:none;

		color:white;

	}



	#portfolio .portfolio-items{

		height: auto;

		width: 100%;

		overflow: hidden;

		position: relative;

	}



	.filter-menu ul li a.selected{

		background:#35cc75;

		border:none;

		color:white;

	}



/* Portfolio Works */



	.portfolio-items .work{

		height: auto;

		position: relative;

		padding:3px;

	}



	.portfolio-items .work .work-inner{

		width:100%;

		height:100%;

		position: relative;

		border:none;

		padding:0;

		margin:0;

	}



/* Portfolio Images */



	.work-image{

		width:100%;

		position: relative;

		height: auto;

		margin:0;

		padding:0;

		background:#35cc75;

	}



	.work-image a{

		display:block;

		width: 100%;

		height: auto;

		overflow: hidden;

	}



	.work-image a img{

		width:100%;

		height: auto;

		cursor: pointer;

		-webkit-transition: all 0.3s;

		-moz-transition: all 0.3s;

		transition: all 0.3s;

	}



	.work-image a span.positive{

		display: block;

		width:43px;

		height: 43px;

		position: absolute;

		top:50%;

		left:50%;

		margin-top:-21px;

		margin-left:-21px;

		background:url(../images/positive.png);

		opacity: 0;

		-webkit-transform: scale(0.1);

		-moz-transform: scale(0.1);

		-ms-transform: scale(0.1);

		transform: scale(0.1);

		-webkit-transition: all 0.3s;

		-moz-transition: all 0.3s;

		transition: all 0.3s;

	}



	.work-image:hover a span.positive{

		-webkit-transform: scale(1);

		-moz-transform: scale(1);

		-ms-transform: scale(1);

		transform: scale(1);

		opacity: 1;

	}



	.work-image:hover a img{

		opacity: 0.3;

		-webkit-transform: scale(1.1);

		-moz-transform: scale(1.1);

		-ms-transform: scale(1.1);

		transform: scale(1.1);

	}



/* Portfolio Work Bottom */



	.work-bottom{

		padding:16px;

		background:#333;

	}



	.work-bottom p.work-name{

		color:#ccc;

		font-size:15px;

	}



	.work-bottom p.work-category{

		color:#888;

		font-size:13px;

	}



	.work-bottom a{

		display: block;

		width: 40px;

		height:40px;

		position: absolute;

		bottom: 10px;

		right: 10px;

		text-align:center;

		line-height:40px;

		background:#555;

		border-radius:50%;

		-webkit-transition: all 0.3s;

		-moz-transition: all 0.3s;

		transition: all 0.3s;

	}

	

	.work-bottom a{

		color:#fff;

	}

	

	.work-bottom a:hover{

		background:black;

	}



	.work-bottom a span.arrow{

		display: block;

		position: relative;

		width: 12px;

		height: 17px;

		top:50%;

		margin:0 auto;

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

		-webkit-transform: translateY(-50%);

		-moz-transform: translateY(-50%);

		transform: translateY(-50%);

		-webkit-transition: all 0.3s;

		-moz-transition: all 0.3s;

		transition: all 0.3s;

	}



	.work-bottom a.work-link:hover span.arrow{

		background:url(../images/work-arrow-hover.png) center center no-repeat;

	}



/* isotope styles */



	.isotope-item {

	  z-index: 2;

	}



	.isotope-hidden.isotope-item {

	  pointer-events: none;

	  z-index: 1;

	}



/**** Isotope CSS3 transitions ****/



	.isotope,

	.isotope .isotope-item {

	  -webkit-transition-duration: 0.8s;

		 -moz-transition-duration: 0.8s;

		  -ms-transition-duration: 0.8s;

		   -o-transition-duration: 0.8s;

			  transition-duration: 0.8s;

	}



	.isotope {

	  -webkit-transition-property: height, width;

		 -moz-transition-property: height, width;

		  -ms-transition-property: height, width;

		   -o-transition-property: height, width;

			  transition-property: height, width;

	}



	.isotope .isotope-item {

	  -webkit-transition-property: -webkit-transform, opacity;

		 -moz-transition-property:    -moz-transform, opacity;

		  -ms-transition-property:     -ms-transform, opacity;

		   -o-transition-property:      -o-transform, opacity;

			  transition-property:         transform, opacity;

	}



/**** disabling Isotope CSS3 transitions ****/



	.isotope.no-transition,

	.isotope.no-transition .isotope-item,

	.isotope .isotope-item.no-transition {

	  -webkit-transition-duration: 0s;

		 -moz-transition-duration: 0s;

		  -ms-transition-duration: 0s;

		   -o-transition-duration: 0s;

			  transition-duration: 0s;

	}



/* Expander Item Styles */	



	#item-expander{

		position: relative;

		padding:10px 0;

		width:100%;

		max-width:1170px;

		margin:0 auto;

		overflow: hidden;

	}

	

	.item-expander {

		position:relative;

		padding:0px 0 20px;

		display: none;

		margin:15px auto;

		text-align: center;

		background:#333333;

		border-top:#444444 2px solid;

		border-bottom:#444444 2px solid;

	}

	

	.extended-project h1{

		color:#eee !important;

		font-weight: 600;

	}	

	

	.extended-project p{

		color:#888;

	}

	

	.extended-project .button{

		background:#444;

	}		





/* Expander Item Controls */



	.project-controls{

		position: relative;

		width:100%;

		height: auto;

		top:15px;

		max-width: 1170px;

		margin:10px auto;

	}



	.expander-inner{

		position: relative;

		top:0;

	}



	.cls-btn{

		width:100%;

		padding: 0;

		margin: 0px auto 0;

		display: block;

		height: auto;

	}



	.item-expander .cls-btn .close {

		position:relative;

		display: inline-block;

		color:#eee;

		top:0;

		margin:0;

		width:auto;

		height:auto;

		font-size:25px;

		font-weight:700;

		text-align:center;

		cursor: pointer;

		float:none;

		-webkit-transition: all 0.3s;

		-moz-transition: all 0.3s;

		transition: all 0.3s;

	}



	.expander-close:hover {

		color:#888;

		cursor:pointer;

	}





/* Expander Project */



	.project{

		position: relative;

		text-align: left;

	}



	.project ul.project-slides li.slide img{

		width: 100%;

	}



/* Flex Slider Direction */



	.project ul.flex-direction-nav{

		display: block;

		opacity: 1;

	}



	.project ul.flex-direction-nav li a{

		opacity: 1;

		width:31px;

		height: 52px;

		top:50%;

		background:#1d1d1d center center no-repeat;

		opacity: 0.8;

		margin-top:-26px;

	}



	.project ul.flex-direction-nav li a.flex-prev{

		left:0;

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

	}



	.project ul.flex-direction-nav li a.flex-next{

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

		right:0;

		left:auto;

	}



	.project ul.flex-direction-nav li a:hover{

		opacity: 1;

	}



/* Flex Slider Control */



	ol.flex-control-nav{

		bottom:15px;

		position: absolute;

		z-index: 2;

	}



/* Project Header and Description styles */



	.project-header{

		text-align: left;

		font-size:25px;

		margin:0 0 10px;

		padding:30px 0 0;

	}



	.project-desc{

		text-align: left;

		font-size:13px;

	}



	.project-detail{

		text-align: left;

		padding:10px 0;

		font-size:16px;

		margin:0;

	}





/* Team */



	#team{

		border-bottom:none;

	}



	#team .team .team-members{

		margin:30px auto 0;

	}



	.team-members .member{

		margin:15px auto;

		cursor: default;

		overflow: hidden;

	}



	.team-members .member .member-inner{

		position: relative;

	}



	.team-members .member a.team-image{

		display: block;

		width: 100%;

		height: auto;

		z-index: 2;

	}



	.team-members .member a.team-image img{

		width: 100%;

	}



	.inner-details .member-details{

		position: absolute;

		width: 100%;

		left:0;

		height: 100%;

		padding:15px;

		bottom:100%;

		margin:0;

		z-index: 3;

		opacity:0.9;

		background:#35cc75;

		-webkit-transition: all 0.4s;

		-moz-transition: all 0.4s;

		transition: all 0.4s;

	}



	.inner-details .member-details .member-details-inner{

		position: relative;

		top:50%;

		-webkit-transform: translateY(-50%);

		-moz-transform: translateY(-50%);

		transform: translateY(-50%);

	}



/* Team Names, Descriptions */



	.team-members .member-details .member-name{

		color: white;

		margin-top:0;

		padding-top:0;

		font-size:30px;

	}



	.team-members .member-details .member-position{

		color:#35cc75;

		font-size:13px;

	}



	.team-members .member-details .member-description{

		color:#fff;

		font-size:13px;

	}



/* Team Socials */



	.member .member-details .member-details-inner .socials{

		margin:10px auto 0;

	}



	.member .member-details .member-details-inner .socials a{

		display: inline-block;

		color:white;

		font-size:1.2em;

		line-height:40px;

		width:40px;

		height:40px;

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

		-webkit-transition: all 0.3s;

		-moz-transition: all 0.3s;

		transition: all 0.3s;

		border-radius:50%;

	}



/* Team Rollover */



	.team-members .member:hover .member-details{

		bottom:0;

	}



	.member .member-details .member-details-inner .socials a:hover{

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

		border-radius:50%;

	}





/* Fun Facts */



	#fun-acts .fun-acts .imac{

		width:100%;

		max-width:1164px;

		height: auto;

		min-height: 648px;

		margin:70px auto;

		background:url(../images/mac.png) center center no-repeat;

		background-size:100%;

	}



	#fun-acts .fun-acts .facts .fact{

		height: 150px;

		padding:0;

	}

	

	#fun-acts{

		background:#333 url(../images/bgd/background5.jpg) repeat;

	}





/* Fun Facts Left Icon */



	.facts .fact a.fact-icon{

		display: block;

		float:left;

		width:50%;

		height:100%;

		position: relative;

	}



	.facts .fact a.fact-icon i{

		color: white;

		font-size:3em;

		line-height:120px;

		background:#35cc75;

		text-align: center;

		width:140px;

		height:140px;

		border-radius:50%;

		border:rgba(0,0,0,0.2) solid 10px;

	}



/* Fun Facts Right Numbers */



	.facts .fact .fact-number{

		float: left;

		width:50%;

		color:#999;

	}



	.facts .fact .fact-number h1.factor{

		font-size:65px;

		margin-top:6px;

		padding-top:0;

		margin-bottom:5px;

	}



	.facts .fact .fact-number h3{

		font-size:15px;

		margin-top:0;

		padding-top:0;

	}



/* Video */



	#video{

		width:100%;

		height: 450px;

		overflow: hidden;

		background:black;

		background-color:black;

	}



/* Video Button */



	.video-button{

		padding:18px;

		width:auto;

		height: auto;

		position: absolute;

		top:50%;

		margin:0 auto;

		left:50%;

		margin-top:-88px;

		z-index: 2;

		text-align: center;

		-webkit-transform: translateX(-50%);

		-moz-transform: translateX(-50%);

		transform: translateX(-50%);

		-webkit-transition: all 0.3s;

		-moz-transition: all 0.3s;

		transition: all 0.3s;

	}



/* Logo Area */



	.video-button span.logo-icon-m{

		display: block;

		width:auto;

		height: 98px;

	}



	.video-button span.logo-icon-m img{

		height: 100%;

	}



/* Text on Vide */



	.video-button p.video-text{

		font-size:40px;

		border-left:2px solid white;

		border-right:2px solid white;

		padding:0 17px;

		margin:15px auto 0;

		line-height: 30px;

	}



/* Video Button Rollover */



	.video-button:hover{

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

	}



/* Pricing Tables */



	ul.tables{

		margin:70px auto 0;

	}



	ul.tables li.pricing-table{

		cursor: default;

	}



	.table-inner{

		width:100%;

		padding:15px;

		position: relative;

		background:#f9f9f9;

		border:1px solid #dddddd;

		box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);

		-moz-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);

		-webkit-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);

	}



	.pricing-table .price-table-top{

		width:100%;

		padding:0;

	}



/* Pricing Table Header */



	.pricing-table .price-table-top h3{

		font-size:30px;

		text-align: center;

		width: 100%;

		margin-left:-15px;

		padding:15px 0px 10px 0px;

		box-shadow: 0px 1px 4px rgba(0,0,0, 0.4);

		-moz-box-shadow: 0px 1px 4px rgba(0,0,0, 0.4);

		-webkit-box-shadow: 0px 1px 4px rgba(0,0,0, 0.4);

	}



/* Pricing Table Image */



	.price-table-img{

		width: 100%;

		height: auto;

		background:#404040;

		overflow: hidden

	}



	.price-table-top a.price-table-img img{

		width: 100%;

	}



/* Price Plans */



	.table-inner ul.price-plans{

		margin:0px 0 0;

		padding:20px 0 0;

		color:#111111;

	}



	.table-inner ul.price-plans li.price-plan{

		padding:15px;

		border-bottom:1px solid #dddddd;

	}



	.table-inner ul.price-plans li.price-plan:first-child{

		border-top:0px solid #f3f3f3;

	}



	.table-inner a.price-buy-now{

		padding:10px 15px;

		background:#35cc75;

		display: block;

		width:120px;

		margin:20px auto;

		border-radius:3px;

		-webkit-transition: all 0.3s;

		-moz-transition: all 0.3s;

		transition: all 0.3s;

		box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);

		-moz-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);

		-webkit-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);

	}

	

	.table-inner a.price-buy-now i{

		padding-left:5px;

	}



/* Active Table */



	.prices .tables .active .price-table-top .price-circle p.price,

	.prices .tables .active .price-table-top .price-circle p.timely{

		color:#35cc75;

	}



/* Table Rollovers */



	.table-inner a.price-buy-now:hover{

		background:#222;

		color:white;

	}



/* Contact */



	#contact{

		background:url(../images/parallax/4.jpg) center fixed;

		padding:10px 0 10px;

	}



	.contact-text{

		margin:45px auto;

	}



/* Contact Form */



	#contact .contact-form{

		width:90%;

		max-width: 830px;

		margin: 0 auto;

		background:#ffffff;

		padding:25px 25px 0px 25px;

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

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

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

	}



	.mail-message-area{

		width:100%;

		padding:0 15px;

	}



	.mail-message{

		width: 100%;

		background:rgba(255,255,255, 0.8) !important;

		-webkit-transition: all 0.7s;

		-moz-transition: all 0.7s;

		transition: all 0.7s;

		margin:0 auto;

		border-radius: 0;

	}



	.not-visible-message{

		height:0px;

		opacity: 0;

	}



	.visible-message{

		height:auto;

		opacity: 1;

		margin:25px auto 0;

	}



/* Input Styles */



	.form{

		width: 100%;

		padding: 15px;

		background:#f8f8f8;

		border:1px solid rgba(0, 0, 0, 0.075);

		margin-bottom:25px;

		color:#727272 !important;

		font-size:13px;

		-webkit-transition: all 0.4s;

		-moz-transition: all 0.4s;

		transition: all 0.4s;

	}



	.form:hover{

		border:1px solid #35cc75;

	}



	.form:focus{

		color: white;

		outline: none;

		border:1px solid #35cc75;

	}



	.textarea{

		height: 200px;

		max-height: 200px;

		max-width: 100%;

	}

	

/* Generic Button Styles */



	.button{

		padding:8px 12px;

		background:#333333;

		display: block;

		width:120px;

		margin:10px 0 0px 0;

		border-radius:3px;

		-webkit-transition: all 0.3s;

		-moz-transition: all 0.3s;

		transition: all 0.3s;

		text-align:center;

		font-size:0.8em;

		box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);

		-moz-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);

		-webkit-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);

	}



	.button:hover{

		background:#35cc75;

		color:white;

	}



/* Send Button Styles */



	.form-btn{

		width:180px;

		display: block;

		height: auto;

		padding:15px;

		color:#fff;

		background:#35cc75;

		border:none;

		border-radius:3px;

		outline: none;

		-webkit-transition: all 0.3s;

		-moz-transition: all 0.3s;

		transition: all 0.3s;

		margin:auto;

		box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);

		-moz-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);

		-webkit-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);

	}



	.form-btn:hover{

		background:#111;

		color: white;

		border:none;

	}



	.form-btn:active{

		opacity: 0.9;

	}



/* Place Holder Colors */



	::-webkit-input-placeholder { /* WebKit browsers */

		color:    #727272;

	}

	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

		color:    #727272;

	}

	::-moz-placeholder { /* Mozilla Firefox 19+ */

		color:    #727272;

	}

	:-ms-input-placeholder { /* Internet Explorer 10+ */

		color:    #727272;

	}



/* Site Socials and Address */



	#site-socials .socials{

		width:100%;

		padding: 15px 10px;

	}



	#site-socials .socials a.social{

		font-size:1.5em;

		color:#fff;

		margin:15px auto;

		width:40px;

		height:40px;

		display: inline-block;

		line-height: 40px;

		-webkit-transition: all 0.3s;

		-moz-transition: all 0.3s;

		transition: all 0.3s;

		border-radius:50%;

		background:#35cc75;

	}



	#site-socials .socials a.social:hover{

		background:#222;

		color:white;

	}



/* Address */



	#site-socials .address{

		width: 100%;

		height: auto;

		margin:0px auto 25px auto;

	}



/* Back to Top Button */



	#site-socials .top-button{

		margin:30px auto 0;

		display: inline-block;

		width:40px;

		height: 40px;

		background:rgba(100,100,100,0.25);

		color:#d1d1d1;

		font-size: 20px;

		line-height: 38px;

		-webkit-transition: all 0.3s;

		-moz-transition: all 0.3s;

		transition: all 0.3s;

		position:fixed;

		right:26px;

		bottom:110px;

		border-radius: 5px;

	}



	#site-socials .top-button:hover{

		color:#35cc75;

	}



/* Footer */



	.footer{

		padding:45px;

		text-align: center;

		background: #191919;

		background:#222;

	}



	.footer h2.company-name{

		margin-top:0;

		padding-top:0;

		font-size:35px;

	}



	.footer p.copyright{

		margin-bottom:0;

		padding-bottom:0;

		padding-top:15px;

		color:#999;

		font-size:14px;

	}



	.footer p.copyright a:hover{

		color:#35cc75;

	}



/* Multiple Page Header */



	section.page_header{

		margin-top:0px;

		padding:220px 0 50px 0;

		position: relative;

		top:0px;

		background:url(../images/1.jpg) bottom center fixed;

	}



	.page_header_inner{

		width:100%;

		max-width:1170px;

		margin:0 auto;

	}



	.page_header_inner h1{

		font-size:40px;

		margin:0;

		color:#ffffff;

	}



	.page_header_inner p{

		font-size:14px;

		color:#eeeeee;

		margin:0;

	}



/* Blog */



	#the-blog{

		background:#333 url(../images/bgd/background5.jpg) repeat;

		margin:0 auto;

		min-height: 640px;

	}



	#blog .blog{

		margin:0 auto;

		padding:0;

	}



	#blog .blog .posts .post{

		margin:60px auto;

		background:#333333;

	}



	#blog .blog .posts .post ul.post-slides{

		width:100%;

		margin:0 auto;

		position: relative;

	}



	#blog .blog .posts .post ul.post-slides li.post-slide,

	#blog .blog .posts .post ul.post-slides li.post-slide img{

		width:100%;

		height: auto;

	}



	#blog .blog .posts .post ul.post-slides:after{

		left:-7px;

		top:-7px;

		bottom:-7px;

		right:-7px;

		background:transparent;

		content: '';

		position: absolute;

	

	}



	.post .post-inner{

		width:100%;

		margin:25px auto 10px;

		padding:10px;

	}

	

	.block{

		display:inline;

	}



/* Flex Slider Direction */



	.post ul.flex-direction-nav{

		display: block;

		opacity: 1;

	}



	.post ul.flex-direction-nav li a{

		opacity: 1;

		width:31px;

		height: 52px;

		top:50%;

		background:#1d1d1d center center no-repeat;

		opacity: 0.8;

		margin-top:-26px;

	}



	.post ul.flex-direction-nav li a.flex-prev{

		left:0;

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

	}



	.post ul.flex-direction-nav li a.flex-next{

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

		right:0;

		left:auto;

	}



	.post ul.flex-direction-nav li a:hover{

		opacity: 1;

	}



/* Post Dates */



	.post-dates{

		width:65px;

		height: auto;

		float: left;

		margin:0;

		text-align:left;

	}



/* Post Date */



	.post-dates .date{

		display: block;

		width:65px;

		height:auto;

		padding:10px 7px;

		text-align: center;

		background: #222222;

		border-radius:5px;

	}



	.post-dates .date h1{

		font-size:36px;

		line-height: 33px;

		margin:0;

		padding:0;

	}



	.post-dates .date p{

		font-size:13px;

		margin:0;

		padding:0;

		color:#999999;

	}



/* Post Category */



	.post-dates .category{

		display: block;

		width:64px;

		height:auto;

		padding:15px 7px;

		text-align: center;

		background:#35cc75;

		border-radius: 50%;

		border:none;

		margin:10px 0;

		color:#fff;

		font-size:25px;

	}



/* Post Details */



	.post-details{

		float:right;

		width:90%;

		text-align: left;

		padding:5px 0px 5px 15px;

	}



	.blog-s .post-details{

		width:90%;

	}



	.post-details .post-header{

		font-size:30px;

		color:#ffffff;

		margin:0;

	}



	.post-details .tags{

		font-size: 13px;

		margin:8px 0;

		line-height:20px;

	}



	.post-details .tags a{

		color:222;

	}



	.post-details .tags i{

		margin:0 7px;

		color:#5d5d5d;

	}



	.post-details p.post-read{

		color:#999999;

		font-size:13px;

		font-weight: 100;

		line-height: 24px;

		margin-bottom:12px;

	}



	.post-details a.more-button{

		-webkit-transition: all 0.3s;

		-moz-transition: all 0.3s;

		transition: all 0.3s;		

		padding:8px 12px;

		background:#35cc75;

		display: block;

		width:120px;

		margin:10px 0 0px 0;

		border-radius:3px;

		-webkit-transition: all 0.3s;

		-moz-transition: all 0.3s;

		transition: all 0.3s;

		text-align:center;

		float:right;

		box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);

		-moz-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);

		-webkit-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);

	}



	.post-details a.more-button:hover{

		background:#222222;

		color:white;

	}

	

	.post-details a.more-button i{

		font-size:14px;

		color:white;

		padding:0px 0px 0px 4px;

	}



/* Sidebar */



	#blog .blog .sidebar{

		margin:60px auto;

	}



	.sidebar .sidebar-segment{

		width:100%;

		padding-left:15px;

		margin:25px 0;

	}



	.sidebar .sidebar-segment:first-child{

		margin-top:0px;

	}



	.sidebar-header{

		font-size:23px;

	}



/* Search */



	.sidebar .sidebar-segment .search{

		width:100%;

		padding:7px;

		border:0px solid #d8d8d8;

		outline:none;

		position: relative;

		color:#333;

		font-weight: 100;

		font-size:13px;

		margin:0 auto;

	}



	.search-button{

		width:15%;

		height: 100%;

		position: absolute;

		right: 0;

		top:0;

		color:#ffffff;

		border:none;

		outline:none;

		padding:0px 7px;

		text-align:center;

		font-size:14px;

		background:#35cc75;

		-webkit-transition: all 0.3s;

		-moz-transition: all 0.3s;

		transition: all 0.3s;

	}

	

	.search-button:hover{

		background:#444;

	}



/* Sidebar Categories */



	.sidebar ul.sidebar-categories{

		width:100%;

		padding:10px 0;

	}



	.sidebar ul.sidebar-categories li{

		width:100%;

		margin-left:5px;

	}



	.sidebar ul.sidebar-categories li a{

		color:#999999;

		padding:10px 0 10px 10px;

		display: block;

		-webkit-transition: all 0.3s;

		-moz-transition: all 0.3s;

		transition: all 0.3s;

	}



	.sidebar ul.sidebar-categories li a i{

		margin-right: 10px;

	}



	.sidebar ul.sidebar-categories li a:hover{

		color:white;

		background:#35cc75;

	}



/* Sidebar Tags */



	.tags a.tag{

		display: inline-block;

		padding:6px;

		background:#444;

		color:#ccc;

		margin:2px 2px 2px 0;

		font-size:12px;

		-webkit-transition: all 0.3s;

		-moz-transition: all 0.3s;

		transition: all 0.3s;

	}



	.tags a.tag:hover{

		background:#35cc75;

		color:white;

	}