/*
Theme Name:Fitness Passion
Theme URI:http://themeWagon.com/demo/fitness
Author:ThemeWagon
Author URI:http://themeWagon.com/
Description:Fitness Passion is a single page html template based on bootstrap 3
Version:1.0.0
License:GNU General Public License v2 or later
License URI:http://www.gnu.org/licenses/gpl-2.0.html
*/

/* 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 */
	.pro-bars{
		 font-family: "Lato";
		font-weight: bold;
		font-size: 20px;

	}

	::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;*/
		font-family: 'Crimson Text', serif;
		font-size: 14px;
		line-height: 1.42857143;
		font-weight: bold;
		-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;

	}
	.lead{
	/*	font-family: 'Open Sans', sans-serif;*/
	}

	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;
	}

	.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;
	}
	h2.condensed{
		font-size: 97px;
	}

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


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

/* Fonts */

	.header{
		width:100%;
		height: auto;
		font-size:3.5em;
		font-weight: 400;
		text-align: center;
		margin:0 auto;
	}

	.h-desc{
		font-size:18px;
		color: white;
		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: #CFCFCF;
	}

	.gray2{
		color:#999999;
	}

	.gray3{
		color:#111;
	}

	.gray4{
		color:#333;
	}

	.colored{
		color: #8BC3A3;
	}

	.colored-bg{
		background-color: #8BC3A3;
	}

	.gray-border{
		border-color:#eeeeee;
	}

	.colored-border{
		border-color: #8BC3A3;
	}

	.colored-border-left{
		border-left-color: #8BC3A3;
	}

	.colored-border-right{
		border-right-color: #8BC3A3;
	}

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

/* Home Section */

	.arrow-down {
		margin-top: 50px;
		color: #8BC3A3;
		font-size: 55px !important;
	}

	#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 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:600px;
		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;
	}

/* 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/slides/education_img1.png);
		background-repeat: no-repeat;
	}

	#slides .slides-container .image2{
		background-image:url(../images/slides/education_img2.png);
		background-repeat: no-repeat;
	}

	#slides .slides-container .image3{
		background-image:url(../images/slides/education_img3.png);
		background-repeat: no-repeat;
	}

	#slides .slides-container .image4{
		background-image:url(../images/slides/education_img2.png);
		background-repeat: no-repeat;
	}

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

/* Navigation */

	#navigation{
		position: absolute;/*fixed*/
		width: 100%;
		/*height: 75px;*/
		z-index: 1031;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	.visible-nav{
		top:0;
	}

	.dark-nav, .dropdown-menu{
		background:rgba(254,254,254,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);
	}

	.nav-inner{
		width:100%;
		max-width: 1170px;
		height: 100%;
		margin:0 auto;
	}

	.nav-inner:after{
		clear: both;
	}

/* Logo Style */

	.site-logo{
		font-size:1.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:#8BC3A3;
		-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 { margin-bottom: 0; }
	.nav .dropdown { position: static; }
	.nav .dropdown-menu { width: 100%; text-align: center; }
	.nav .dropdown-menu>li { display: inline-table; }

/* Nav Menu Rollovers */

	.dark-nav .nav li a, .nav .dropdown-menu>li{
		/*color:#ccc;*/
		color: #000;
	}

	.dark-nav .nav li a:hover, .nav .dropdown-menu>li a:hover{
		background:#60c6e7;/*#09c;/*#222;*/
		color:#fff;/*#8BC3A3;*/
	}

	.dark-nav .nav li.active a, .nav .dropdown-menu>li a{
		color:#000;/*4cad4c;#8BC3A3;*/

	}

	.dark-nav .nav li a:focus, .nav .dropdown-menu>li a:focus{
		background:#60c6e7;/*#09c;#8BC3A3;*/
		color:#fff !important;
	}

/* About */
   @media (min-width:600px) and (max-width:1020px){
	p.lead.lead-text {
		margin-top: 20px;
		}
	}
	#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: #8BC3A3;
		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: 14px;
	}


/* Services */

	#services{
		background:url(../images/parallax/1.jpg) top center fixed;
		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:#8BC3A3;
		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:#8BC3A3;
		-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:15px;
		color:white;
		line-height:22px;
		font-weight: bold;
	}

	.f-box:hover .f-icon i {
		background: rgba(255, 255, 255, 0.25);
	}

	#features{
		background:#333 url(../images/parallax/3.jpg) repeat;
	}


/* Testimonials */

	.carousel-indicators {
		position: absolute;
		bottom: 0px !important;
		}

	.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: 50px auto;
		font-size: 18px;
		color: #FFF;
		text-align: center;
}

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

	#blockquote{
		background:#518768;
		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;
	}


/* 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:#60c6e7;
		-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:#8BC3A3;
		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 */
	.left{
		float: left;
	}

	.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:#8BC3A3;
		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;
	}

/* Contact */

	#contactform {
		background: url(../images/map/education_map.png) fixed;
		padding: 10px 0 10px;
		background-size: cover;
	}

	.contact-text{
		margin:45px auto;
	}

/* Contact Form */

	#contactform .contact-form{
		width:95 %;
		max-width: 830px;
		margin: 0 auto;
		/*background:#405F51;*/
		background: url('../images/colours/bluec.jpeg') center center;
		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 #8BC3A3;
	}

	.form:focus{
		color: white;
		outline: none;
		border:1px solid #8BC3A3;
	}

	.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:#8BC3A3;
		color:white;
	}

/* Send Button Styles */

	.form-btn{
		width:180px;
		display: block;
		height: auto;
		padding:15px;
		color:#fff;
		background:#7fbfff;
		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:#8BC3A3;
	}

	#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:blue;
		color:#2EA590 !important;
		font-size: 20px;
		line-height: 38px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
		position:fixed;
		right:10px;
		bottom:10px;
		border-radius: 5px;
	}

	#site-socials .top-button:hover{
		color:#8BC3A3;
	}

/* Footer */

	.footer{
		padding:45px;
		text-align: center;
		background: #010101;
		/*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:#8BC3A3;
	}





/* my stuff*/

	.quote{
	    padding: 70px 0 70px;
	    text-align: center;
	    overflow: hidden;
	    position: relative;
	}
	blockquote {
		   border-left:none;
	}
	blockquote p{
	    font-size: 34px;
    	font-style: italic;
    	font-weight: lighter;
	}

	blockquote footer.blockquote-footer{
		font-size: 26px;
	}



	.blueflag{
		background: url('../images/colours/bluea.jpeg') center center fixed;

	}

	.greenflag{
		/*background: url('../images/colours/greena.jpeg') center center fixed;*/
		background: url('../images/colours/blueb.jpeg') center center fixed;
	}

	.colorgreen{
		color: #60c6e7;/*4cad4c;*/
	}
	.bold{
		font-weight: bold;
	}
	footer{
		color: #fff;
	}
	footer hr{
		width: 100%;
		border: 1px solid #333;
	}

footer div .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:#60c6e7;/*4cad4c;*/
	}
	#contacts .addr{
		padding-top:5%;
	}
	#contacts dl{
		text-align: left;
		font-size: 18px;

	}


.greenflag, .blueflag {

  display: block;
  position: relative;
  min-height: 80px;
}

.greenflag .inner, .blueflag .inner {
  width:100%;
  height: auto;
	padding: 0;

}
/* line 14, ../sass/style.scss */
.greenflag #overlay, .blueflag #overlay{
  background: #000;
  opacity: .4;
  height: 100%;
  width: 100%;

  top: 0;
  left: 0;
  position: absolute;
  padding: 0;

}

.blueflag .inner blockquote p{
	color: #fff;
}


.maincontent ul, .maincontent ol{
	text-align: left;
	margin-left: 20%;
}
/*
#outer-box #inner-box p {
  color: #fff;
  line-height: 150px;
  font-family: 'arial';
  text-align: center;
}
line 34, ../sass/style.scss



.nav { margin-bottom: 0; }
.dropdown { position: static; }
.dropdown-menu { width: 100%; text-align: center; }
.dropdown-menu>li { display: inline-block; }
*/

#management .port {
	list-style: none;
	text-align: left;
	padding-bottom: 40px;
}

#management .port .item {
	display: inline-block;
	text-align: left;
	position: relative;
}

#management .port figure {
	margin: 0;
	position: relative;
}

#management .port figure img {
	max-width: 100%;
	display: block;
	position: relative;
}
/*
#management .port figcaption{
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	background: #111;
	color: #e66f69;
}

#management .port figcaption h3 {
	margin: 0px 0px 8px 0px;
	padding: 0;
	color: #fff;
}

#management .port figcaption span:before {
	content: 'by ';
}

#management .port figcaption a {
	text-align: center;
	padding: 8px 15px;
	display: inline-block;
	color: #fff;
}

#management .cs-style-3 figure {
	overflow: hidden;
}

#management .cs-style-3 figure img {
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}


#management .cs-style-3 figure.cs-hover img {
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	transform: translateY(-50px);
}

#management .cs-style-3 figcaption {
	height: 100px;
	width: 100%;
	top: auto;
	bottom: 0;
	opacity: 0;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
	transition: transform 0.4s, opacity 0.1s 0.3s;
}

#management .cs-style-3 figure.cs-hover figcaption {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;
}

#management .cs-style-3 figcaption a {
	position: absolute;
	bottom: 31px;
	right: 20px;
}

#management .item-space {
    margin-bottom: 30px;
}
*/