/* General styling */
* {
	padding: 0;
	margin: 0;
	outline: 0;
}

a {
	color: #0F84C6;
	text-decoration: none;
}

a:hover, 
a:focus,
a.current,
a.section {
	color: #000000;
	text-decoration: none;
}

img {
	display: block;
	height: auto;
	max-width: 100%;
	width: auto;
}

.alpha {
	margin-left: 0 !important;
}

.omega {
	margin-right: 0 !important;
}

form .field, 
form .control-group {
	display: block;
	float: left;
	width: 100%;
	margin-bottom: 25px;
}

input,
select,
textarea {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-ms-box-sizing: content-box;
	box-sizing: content-box;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	margin: 0;
	padding: 5px 10px;
	-webkit-transition: border-color 0.3s linear 0s, background-color 0.3s linear 0s;
	-moz-transition: border-color 0.3s linear 0s, background-color 0.3s linear 0s;
	-o-transition: border-color 0.3s linear 0s, background-color 0.3s linear 0s;
	-ms-transition: border-color 0.3s linear 0s, background-color 0.3s linear 0s;
	transition: border-color 0.3s linear 0s, background-color 0.3s linear 0s;
	width: 80%;
}

input:focus,
textarea:hover,
textarea:focus {
	border-color: #999999;
}

textarea {
	-webkit-resize: none;
	-moz-resize: none;
	resize: none;
}

.Actions input.action {
	width: auto;
	background-color: #222222;
	color: #FFFFFF;
	text-transform: uppercase;
	border: 1px solid #222222;
}

.Actions input.action:hover,
.Actions input.action:focus {
	background-color: #555555;
	border-color: #555555;
}

form input.checkbox {
	margin-top: 1px;
	width: auto;
}

.trans-col,
.breadcrumbs a {
	-webkit-transition: color 0.4s ease 0s;
	-moz-transition: color 0.4s ease 0s;
	-o-transition: color 0.4s ease 0s;
	-ms-transition: color 0.4s ease 0s;
	transition: color 0.4s ease 0s;
}

.trans-bg {
	-webkit-transition: background-color 0.3s ease-in-out 0s;
	-moz-transition: background-color 0.3s ease-in-out 0s;
	-o-transition: background-color 0.3s ease-in-out 0s;
	-ms-transition: background-color 0.3s ease-in-out 0s;
	transition: background-color 0.3s ease-in-out 0s;
}

.trans-op {
	-webkit-transition: opacity 0.3s ease-in-out 0s;
	-moz-transition: opacity 0.3s ease-in-out 0s;
	-o-transition: opacity 0.3s ease-in-out 0s;
	-ms-transition: opacity 0.3s ease-in-out 0s;
	transition: opacity 0.3s ease-in-out 0s;
}

.visible-xxs {
	display: none !important;
}

#ForgotPassword {
	margin-bottom: 0;
	margin-top: 20px;
}

.wrapper {}

	.header {
		background-color: #F8F8F8;
	}

		.navbar {
			border: 0 none;
			border-radius: 0;
			margin: 0;
		}

			.navbar-default .main-menu .navbar-nav {
				/*border-left: 1px solid #DDDDDD;
				border-right: 1px solid #FFFFFF;*/
			}

				.navbar-default .main-menu .navbar-nav > li > a {
					/*border-left: 1px solid #FFFFFF;
					border-right: 1px solid #DDDDDD;*/
				}

				.navbar-default .main-menu .navbar-nav > li.current > a,
				.navbar-default .main-menu .navbar-nav > li.section > a,
				.navbar-default .main-menu .navbar-nav > li > a:hover,
				.navbar-default .main-menu .navbar-nav > li > a:focus {
					background-color: #F0F0F0;
					color: #333333;
				}

		.navbar-brand {
			/* logo */
			padding-left: 0;
		}

	.middle {}

		.page-header {
			margin-bottom: 40px;
		}

		.breadcrumbs {
			font-style: italic;
			color: #999999;
		}

		.page-title {
			margin-top: 10px;
			font-size: 32px;
			margin-bottom: 0;
		}

		.img {
			float: left;
			display: block;
			overflow: hidden;
			margin-right: 15px;
		}

		.img a:hover img,
		.image a:hover img,
		.lead-img a:hover img,
		.single-img a:hover img {
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
			filter: alpha(opacity=80);
			opacity: 0.80;
		}

	.footer {
		float: left;
		width: 100%;
		padding: 25px 0;
		background-color: #FFFFFF;
	}

		.copyright p,
		.footer-menu ul {
			margin: 0;
		}

		.footer-menu {
			text-align: right;
		}

		.footer-menu .navbar-nav > li {
			margin-left: 20px;
		}

		.footer-menu .navbar-nav > .first {
			margin-left: 0;
		}

			.footer-menu .navbar-nav > li > a {
				padding: 0;
			}


/* Specific styles */
/** Landing page **/
.landing {}

	.landing .navbar-default {
		background-color: rgba(0, 0, 0, 0.75);
	}

	.landing .navbar-default .main-menu .navbar-nav {
		float: right;
	}

	.landing .navbar > .container .navbar-brand {
		color: #FF0000;
		margin-left: 0;
	}

	.landing .navbar > .container .navbar-brand:hover {
		color: #FF0000;
	}

	.landing .navbar-default .main-menu .navbar-nav > li > a {
		color: #FFFFFF;
	}

	.landing .navbar-default .main-menu .navbar-nav > li > a:hover,
	.landing .navbar-default .main-menu .navbar-nav > li > a:focus {
		color: #FF0000;
	}

	.landing .flexslider {
	    position: relative;
	    display: block;
	    float: left;
	    width: 100%;
	    z-index: 10;
	    margin: 0;
	}

		.landing .flexslider .flex-control-nav {
			bottom: 40px;
		}

		.landing .flexslider .img {
			background-position: center;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			background-size: cover;
			background-repeat: no-repeat;
			background-color: transparent;
			background-attachment: fixed;
			margin: 0;
			width: 100%;
			height: 700px;
		}

		.landing .flexslider .container {
	        background-color: rgba(255, 255, 255, 0.67);
		    height: 230px;
		    left: 50%;
		    margin-left: -300px;
		    margin-top: -115px;
		    padding: 20px;
		    position: absolute;
		    top: 50%;
		    width: 600px;
		    z-index: 100;
	    }

	        .landing .flexslider .title {
	            color: #FF0000;
	            margin-bottom: 20px;
	            margin-top: 0;
	            padding-bottom: 10px;
	            font-size: 36px;
	            font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
				font-weight: 700;
	        }

	        .landing .flexslider .content {
	            color: #000000;
	            margin-bottom: 0;
	            font-size: 18px;
	            font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	        }

	.landing .section {
		display: block;
		float: left;
		width: 100%;
		position: relative;
		padding-top: 50px;
		padding-bottom: 50px;
	}

		.landing .section h2 {
			margin-top: 0;
			margin-bottom: 30px;
			font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
			font-weight: 700;
			font-size: 32px;
		}

			.landing .section h2 a {
				color: #333333;
			}

		.landing .section h3 {
			margin-top: 0;
			font-size: 20px;
			font-family: 'Dosis', Verdana, Tahoma, sans-serif;
			font-weight: 600;
		}

		.landing .section p {
			margin-bottom: 0;
			font-family: 'Open Sans', Helvetica, Arial, sans-serif;
			font-weight: 300;
			font-size: 16px;
		}

	.landing .section.news {}

		.landing .section.news .image {
			position: relative;
			display: block;
			overflow: hidden;
		}

			.landing .section.news .image h3 {
				position: absolute;
				left: 0;
				bottom: 0;
				padding: 10px 15px;
				color: #FF0000;
				background-color: rgba(255,255,255,0.7);
			}

				.landing .section.news .image h3 a {
					color: #FF0000;
				}

			.landing .section.news p {
				font-size: 14px;
				color: #585858;
				margin-top: 10px;
			}

	.landing .section.about {
		padding-top: 60px;
		padding-bottom: 80px;
	}

	.landing .section.services {
		background-color: #F0F5F7;
    	border-top: 1px solid #E6E6E6;
    	padding-bottom: 70px;
	}

		.landing .section.services .box-feature {
			margin-top: 40px;
		}

			.landing .section.services .box-feature img {
				margin-bottom: 10px;
			}

	.landing .section.gallery {
		padding: 0;
	}

		.landing .section.gallery .image {
			display: block;
			float: left;
			width: 20%;
			position: relative;
			overflow: hidden;
		}

		.image img {
		    display: block;
		    height: auto;
		    width: 100%;
		}

		.image .image-mask {
			-webkit-transition: background-color 0.2s linear 0s, opacity 0.2s linear 0s;
			-moz-transition: background-color 0.2s linear 0s, opacity 0.2s linear 0s;
			-o-transition: background-color 0.2s linear 0s, opacity 0.2s linear 0s;
			-ms-transition: background-color 0.2s linear 0s, opacity 0.2s linear 0s;
			transition: background-color 0.2s linear 0s, opacity 0.2s linear 0s;
			display: block;
			height: 100%;
			left: 0;
			background-color: rgba(0,0,0,0);
			position: absolute;
			top: 0;
			width: 100%;
			z-index: 10;
		}

		.image:hover .image-mask {
			background-image: url("../img/zoom-plus.png");
			background-repeat: no-repeat;
			background-position: center;
			background-color: rgba(255,0,0,0.5);		    
		}

	.landing .section.brands {
		padding-top: 75px;
	}

		.landing .section.brands h2 {
			text-align: center;
			font-size: 24px;
			margin-bottom: 40px;
		}

		.landing .section.brands img {
			float: left;
			width: 14.285714285%;
		}

	.landing .section.contact {
		padding-bottom: 0;
		padding-top: 0;
	}

	.landing .section.contactinfo {
		background-color: #333333;
		color: #FFFFFF;
		font-size: 24px;
	}

		.landing .section.contactinfo a {
			color: #FF0000;
			font-family: 'Open Sans', Helvetica, Arial, sans-serif;
			margin-bottom: 10px;
			display: block;
		}

		.landing .section.contactinfo p {
			border-bottom: 1px solid #181818;
		    border-top: 1px solid #181818;
		    font-size: 20px;
		    line-height: 1.6;
		    margin: 0 auto;
		    padding: 7px 0;
		    text-shadow: 0 0 1px #000000;
		    width: 50%;
		}

	.landing .map {
		float: left;
		display: block;
		height: 450px;
		width: 100%;
		position: relative;
		overflow: hidden;
	}

/** Home page **/
.home {}

	.home .flexslider .slides .caption {
		position: absolute;
		bottom: 0;
		padding: 10px 20px;
		background: rgba(0,0,0,0.5);
	}

		.home .flexslider .slides .caption p {
			color: #fff;
			margin: 0;
		}

	.home .featured-articles {}

		.home .featured-articles .article {
			margin-bottom: 30px;
		}

			.home .featured-articles .article .image,
			.article-holder .featured .image {
				position: relative;
				overflow: hidden;
				z-index: 1000;
				margin-bottom: 10px;
			}

				.home .featured-articles .article .image h4,
				.article-holder .featured .image h4 {
					background-color: rgba(0, 0, 0, 0.6);
					bottom: 0;
					display: block;
					margin: 0;
					padding: 13px;
					position: absolute;
					width: 100%;
				}

					.home .featured-articles .article .image h4 a:hover,
					.article-holder .featured .image h4 a:hover {
						color: #FFFFFF;
					}

			.home .featured-articles .article p,
			.article-holder .featured p {
				color: #999999;
				margin-bottom: 0;
			}

	.home .latest-articles {}

		.home .latest-articles .article {
			overflow: hidden;
			margin-bottom: 20px;
			border-bottom: 1px solid #CCCCCC;
			padding-bottom: 20px;
		}

		.home .latest-articles .article.last {
			margin-bottom: 0;
			border-bottom: 0 none;
			padding-bottom: 0;
		}

			.home .latest-articles .article h5 {
				margin-top: 0;
			}

			.home .latest-articles .article p {
				margin-bottom: 0;
				font-size: 13px;
				color: #999999;
			}


/** Article holder **/
.article-holder {}

	.article-holder .featured .image h4 a {
		color: #FFFFFF;
	}

	.article-holder .article-list {
		margin-top: 40px;
	}

		.article-holder .article-list .article {
			margin-bottom: 30px;
		}


/** Article page **/
.article-page {}

	.article-images {
		margin-bottom: 15px;
	}

		.lead-img {
			margin-bottom: 10px;
		}

		.single-img {
			display: block;
			float: left;
			margin-right: 10px;
			width: 15.68%;
		}

		.single-img:last-child {
			margin-right: 0;
		}

	.video-holder {
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.flexible-container {
	    position: relative;
	    padding-bottom: 56.25%;
	    padding-top: 30px;
	    height: 0;
	    overflow: hidden;
	}

		.flexible-container iframe,
		.flexible-container object,
		.flexible-container embed {
		    position: absolute;
		    top: 0;
		    left: 0;
		    width: 100%;
		    height: 100%;
		}

	.sidebar {}

		.sidebar h3 {
			margin-top: 0;
			font-size: 21px;
			margin-bottom: 20px;
		}

		.sidebar ul {
			list-style: none;
			margin: 0;
		}

			.sidebar ul li {
				margin-bottom: 10px;
				padding-bottom: 10px;
				border-bottom: 1px solid #e5e5e5;
			}


/** Contact page **/
.contact-page {}

	.message.required {
		color: red;
		font-size: 12px;
		line-height: normal;
		margin-top: 0;
	}

	.contact-page .info {}

	.contact-page .map {}


/** Login page **/
form[id="MemberLoginForm_LoginForm"] input.text,
form[id="MemberLoginForm_LostPasswordForm"] input.text {
	width: 250px;
}


/** Media querys **/
@media (max-width: 320px) {
	.article-holder .article-list .article,
	.home .featured-articles .article {
		float: none;
		width: 100%;
	}

	.single-img.second,
	.single-img.fourth,
	.single-img.sixth {
		margin-right: 0 !important;
	}

	.single-img.third {
		margin-right: 10px !important; 
	} 

	.single-img {
		width: 121px !important;
	}
}

@media (min-width: 321px) and (max-width: 387px) {
	.article-holder .article-list .article,
	.home .featured-articles .article {
		float: none;
		width: 100%;
	}

	.single-img.third {
		margin-right: 10px !important; 
	}

	.single-img {
		width: 80px !important;
	}

	.landing .section.brands img {
		width: 33.3333%;
	}
}

@media (min-width: 388px) and (max-width: 480px) {
	.single-img.third {
		margin-right: 0;
	}

	.single-img {
		width: 100px !important;
	}
}

@media (max-width: 480px) {
	.visible-xxs {
		display: block !important;
	}

	.landing .flexslider .container {
		display: none !important;
	}

	.article-holder .article-list .article {
		width: 50%;
	}

	.landing .section.contactinfo p {
		width: 90%;
		font-size: 18px;
	}

	.landing .section.news .article-list .article,
	.landing .section.services .box-feature {
		width: 100%;
		float: none;
	}

	.landing .section {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media (max-width: 767px) {
	.container {
		padding-left: 20px;
		padding-right: 20px;
	}

	.page-title {
		font-size: 24px;
	}

	.landing .navbar-default .main-menu .navbar-nav {
		float: none;
	}

	.landing .navbar > .container .navbar-brand {
		margin-left: 15px;
	}

	.navbar-default .navbar-toggle {
		margin-right: 15px;
	}

	.navbar-default .main-menu .navbar-nav,
	.navbar-default .main-menu .navbar-nav > li > a {
		border: 0 none;
	}

	.copyright {
		text-align: center;
	}

	.sidebar {
		margin-top: 40px;
	}

	.home .featured-articles .article .image h4,
	.article-holder .featured .image h4 {
		position: relative;
		background-color: transparent;
		color: #333333;
		padding: 0;
		margin-top: 10px;
	}

	.article-holder .featured .image h4 a {
		color: #333333;
	}

	.single-img {
		width: 15%;
		margin-bottom: 10px;
	}

	.contact-page .info {
		margin-top: 50px;
	}

	.contact-page .info ul {
		margin-left: 30px;
	}

	.home .featured-articles .article p, 
	.article-holder .featured p {
		font-size: 13px;
	}

	/*.landing .flexslider .img {
		height: 400px;
	}*/

	.landing .section.gallery .image {
		width: 50%;
	}

	.landing .section.brands img {
		width: 25%;
		margin-bottom: 15px;
	}

	.landing .section.contactinfo p {
		width: 75%;
	}

	.landing .flexslider .container {
		width: 400px;
		margin-left: -200px;
	}

	.landing .flexslider .title {
		font-size: 26px;
	}

	.landing .flexslider .content {
		font-size: 15px;
	}

	.landing .section.news .article-list .article {
		margin-bottom: 20px;
	}

	.landing .map {
		height: auto;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.article-holder .article-list .article h4 {
		font-size: 16px;
		line-height: 1.25;
	}

	.article-holder .article-list .article p {
		font-size: 12px;
	}

	.single-img {
		width: 15.104%;
	}

	.landing .section.news .article-list .article {
		margin-bottom: 20px;
	}

	/*.landing .flexslider .img {
		height: 510px;
	}*/
}

@media (min-width: 992px) and (max-width: 1199px) {
	.article-holder .article-list .article p {
		font-size: 13px;
	}

	.single-img {
		width: 15.47%;
	}

	/*.landing .flexslider .img {
		height: 610px;
	}*/
}

@media (min-width: 1200px) {}

@media (min-width: 1600px) {}


/** Browser hacks **/
/*** saf3+, chrome1+ ***/
@media screen and (-webkit-min-device-pixel-ratio:0) {}


/*** IE8 ***/
.ie8 {}


/*** IE9 ***/
.ie9 {}