@import url('slicknav.css');
@import url('font-awesome/css/font-awesome.min.css');
@import url(https://fonts.googleapis.com/css?family=Oswald:400,700);
html {
	width:100%;
	height:100%;
}
body {
	overflow-x:hidden;
	margin:0;
	width:100%;
	height:100%;
	font-size: 18px;
	line-height: 1.5em;
	font-family: 'Oswald', sans-serif;
	color: #333;
	background:#eee;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
	position:relative;
	font-display: auto;
}
h1 {
	
}
p {
	font-size:18px;
	line-height:26px;
	margin:0 0 20px 0;
}
.clear {
	clear:both;
}
.container {
	width:1200px;
	margin:0 auto;
}
.slicknav_menu {
	display:none;
}
.menu {
	list-style-type:none;
	margin:70px 0 0 0;
	float:right;
}
.menu li {
	display:inline;
	margin:0 0 0 30px;
}
.menu li a {
	color:#222;
	text-transform:uppercase;
	text-decoration:none;
	font-size:32px;
	padding:0 0 0 0;
}
.menu li a.current{
	color:#fff;
}
.menu li a.current:hover{
	border:none;
}
.menu li a:hover{
	border-bottom: 3px dashed #222;
}
#header {
	position:relative;
	z-index:999;
	width:100%;
	height:166px;
	background:url(../images/header.jpg) no-repeat top center;
	box-shadow:0 0 15px rgba(0,0,0,0.3);
}
.logo {
	float:left;
	margin:30px 0 0 0;
}
#slider {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:200;
}
#slider div {
	width:100%;
	height:100%;
}
#slide1 {
	background-image:url(../images/slide1.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position:center center;
}
#slide2 {
	background-image:url(../images/slide2.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position:center center;
}
#slide3 {
	background-image:url(../images/slide3.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position:center center;
}
#slide4 {
	background-image:url(../images/slide4.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position:center center;
}
#slogan {
	position:absolute;
	top:45%;
	left:50%;
	width:1100px;
	padding:50px 30px; 
	background:rgba(0,0,0,0.7);
	margin:0 0 0 -600px;
	z-index:900;
	color:#fff;
	font-size:34px;
	
	text-align: center;
}
.slogan {
	position:relative;
}
.slogan .controls {
    position: absolute;
    bottom: -40px;
    right: -20px;
    z-index: 444;
    width: 45px;
    height: 20px;
}

#slogan .slogan span {
	color:#f2d249;
}
#prev {
	/*position:absolute;*/
	top:-7px;
	right:35px;
	
	top: auto;
	right:auto;
	
	
	
	background:url(../images/prev.png) no-repeat;
	background:url(../images/prev-small.png) no-repeat;
	width:28px;
	height:46px;
	
	width:20px;
	height:20px;	
		
	display: block;	
	float: left;
	cursor: pointer;
}
#next {
	/*position:absolute;*/
	top:-7px;
	right:0px;
	
	top: auto;
	right:auto;
	
	
	background:url(../images/next.png) no-repeat;
	background:url(../images/next-small.png) no-repeat;
	width:28px;
	height:46px;
	
	width:20px;
	height:20px;
	
	display: block;	
	
	float: right;
	cursor: pointer;
}

#inner-wrap {
	background:url(../images/inner-wrap.jpg) no-repeat top center;
	width:100%;
	padding:100px 0 0 0;
	height:100px;
}
#inner-wrap .container {
	position:relative;
	height:100px;
}
#inner-wrap h1 {
	padding:25px 50px;
	position:absolute;
	bottom:0;
	left:0;
	display:block;	
	background:rgba(0,0,0,0.7);
	margin:0 0 0 0;
	z-index:900;
	color:#fff;
	font-size:36px;
}
#content {
	padding:0 0 50px 0;
}
.content {
	background:#fff;
	padding:30px;
}
.img-r {
	float:right;
	margin:0 0 40px 40px;
}
.product {
	width:31.33%;
	float:left;
	margin:0 1% 30px 1%;
	position:relative;
	transition:all .5s;
}
.product img {
	width:100%;
	box-shadow:0 0 5px rgba(0,0,0,0.3);
}
.product2 {
	width:48%;
	float:left;
	margin:0 1% 30px 1%;
	position:relative;
	transition:all .5s;
}
.product2 img {
	width:100%;
	box-shadow:0 0 5px rgba(0,0,0,0.3);
}
.tab-content h2 {
	font-size:24px !important;
}
.product h3 {
	margin:5px 0 0 0 !important;
	font-size:18px !important;
	font-weight:normal !important;
}
.tabs-menu {
	list-style-type:none;
	margin:0 0 0 -40px;
	width:25%;
	float:right;
}
.tabs-menu li {
    margin: 0 0 0 0;
}
.tabs-menu li.current a {
    position: relative;
    background:rgba(242,209,72,1);
    z-index: 5;
	color: #333;
}
.tabs-menu li a {
	float: left;
	display:block;
	width:90%;
    padding: 15px 5%;
    color: #fff;
    text-decoration: none; 
	background:#222;
	margin:0 0 6px 0;
}

.tab-content {
    width:70%;
	float:left;
    display: none;
	padding:20px 0;
}
#tab-1 {
 display: block;   
}
#form {
	width:53%;
	float:left;
}
#details {
	width:45%;
	float:right;
	margin:0 0 0 0;
}
.map {
	width:100%;
	height:300px;
	margin:10px 0;
}
.contact-form {
    width: 100%;
}
.contact-form input,
.contact-form textarea {
    width: 90%;
    margin: 0 0 15px 0;
}
.contact-form select {
    width: 96%;
}
.contact-form textarea {
    height: 130px;
}
.contact-form label {
    display: block;
    margin-bottom: 5px;
    color: #333;
    font-size: 16px;
    clear: both;
    padding: 0 0 5px 0;
}
.contact-form .req {
    color: red;
}
.contact-form {
    margin: 30px 0 0 0;
}
.contact-form input,
.contact-form textarea,
.contact-form select {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #C9C9C9;
    color: #545658;
    padding: 8px;
    font-size: 14px;
    border-radius: 2px 2px 2px 2px;
}
#submit {
    display: block;
    background:#222;
    color: #fff;
    cursor: pointer;
    height: 30px;
    padding: 0;
    width: 120px;
    position: relative;
    float: left;
    left: 0px;
	transition:all .5s;
	border:none;
}
#submit:hover {
    background:#333;
}
#home-footer {
	position:fixed;
	bottom:0;
	right:0;
	width:100%;
	z-index:800;
	background:rgba(0,0,0,0.5);
	padding:15px 0;
}
#footer {
	position:relative;
	width:100%;
	z-index:800;
	background:#222;
	padding:15px 0;
}
.copy {
	font-family:arial;
	float:left;
	color:#ccc;
	font-size:12px;
	padding:0 0 0 0;
	margin:0 0 0 0;
}
.designer {
	font-family:arial;
	float:right;
	color:#ccc;
	font-size:12px;
	padding:0 0 0 0;
	margin:0 0 0 0;
}
.designer a{
	color:#ccc;
	text-decoration:none;
}
@media only screen and (max-width: 1200px) {
	.container {
		width:96%;
		padding:0 2%;
	}
	#slogan {
		position:absolute;
		top:40%;
		left:5%;
		width:83%;
		padding:40px 5.5% 40px 1.5%; 
		background:rgba(0,0,0,0.7);
		margin:0 0 0 0;
		z-index:900;
		color:#fff;
		font-size:32px;
		line-height:39px;
	}
	#next {
		top:45px;
		right:-10px;
	}
	#prev {
		top:45px;
		right:20px;
	}
	
.slogan .controls {
    bottom: -30px;
    right: -45px;
}	
	
}
@media only screen and (max-width: 1100px) {
	#header {
		margin:50px 0 0 0;
		text-align:center;
		background-image:none;
		background-color:#fff;
	}
	.logo {
		float:none;
	}
	#header .menu {
		display:none;
	}
	.slicknav_menu {
		display:block;
		position:fixed;
		top:0;
		left:0;
		width:100%;
		z-index:99999;
	}
	.product {
		width:31.33%;
		height:200px;
	}
	
.slogan .controls {
    right: -35px;
}	
	
	
}
@media only screen and (max-width: 800px) {
	#home-footer {
		padding:8px 0;
	}
	#footer {
		padding:8px 0;
	}
	.copy, .designer {
		float:none;
		line-height:1.3em;
		text-align:center;
	}
	
	#slogan {
		font-size:24px;
		line-height:30px;
		text-align:center;
	}
	#inner-wrap {
		background:url(../images/inner-wrap.jpg) no-repeat top center;
		width:100%;
		padding:50px 0 0 0;
		height:75px;
	}
	#inner-wrap .container {
		position:relative;
		height:50px;
	}
	#inner-wrap h1 {
		padding:15px 0;
		text-align:center;
		position:relative;
		top:0;
		left:0;
		display:block;	
		background:rgba(0,0,0,0.0);
		margin:0 0 0 0;
		z-index:900;
		color:#fff;
		font-size:36px;
	}
	.img-r {
		float:none;
		margin:0 0 30px 0;
		max-width:100%;
	}
	.center {
		text-align:center;
	}
	#form {
		text-align:left !important;
	}
	.product {
		width:48%;
		height:200px;
	}
	#next {
		display:none;
	}
	#prev {
		display:none;
	}
	.tabs-menu {
		list-style-type:none;
		margin:0 0 0 -40px;
		width:100%;
		float:none;
	}
	.tabs-menu li {
		margin: 0 0 0 0;
	}
	.tabs-menu li.current a {
		position: relative;
		background:rgba(242,209,72,1);
		z-index: 5;
		color: #333;
	}
	.tabs-menu li a {
		float: left;
		display:inline-block;
		width:29%;
		padding: 8px 1.5%;
		color: #fff;
		text-decoration: none; 
		background:#222;
		margin:0 1% 6px 0;
	}

	.tab-content {
		clear:both;
		width:100%;
		float:none;
		display: none;
		padding:20px 0;
	}
	
	
	
	
}

@media only screen and (max-width: 700px) {
	.product {
		width:48%;
		height:240px;
	}
	#form {
		width:100%;
		float:none;
	}
	#details {
		width:100%;
		float:none;
		margin:0 0 20px 0;
	}
}
@media only screen and (max-width: 600px) {
	.product {
		width:98%;
		height:300px;
	}
	.tabs-menu li a {
		float: left;
		display:inline-block;
		width:42%;
		padding: 8px 2%;
		color: #fff;
		text-decoration: none; 
		background:#222;
		margin:0 1% 6px 1%;
		font-size:16px;
		min-height:40px;
		line-height:20px;
	}
}

.facebook {
	display: inline-block;
	zoom: 1;
	background: url(../images/facebook.png) center center no-repeat;
	padding: 2px 3px;
	text-indent: -9999px;
	width: 70px;
	height: 20px;
	line-height: 20px;
}

/***********blog****************/
/***********blog****************/
/***********blog****************/
/***********blog****************/
/***********blog****************/

#main{ overflow: hidden; padding: 80px 0; }

.primary{ width: 65%; float: left; }
.secondary{width: 30%; float: right;

	background: #fff;
	padding: 20px;
	overflow: hidden;

 }
.secondary h2 {
    margin: 0 0 20px 0;
    color: #333;
    font-size: 30px;
    line-height: 40px;
	
}

#blogroll{ min-height: 400px;
}

.block{
	overflow: hidden;
	padding: 20px;
	margin: 0 0 20px 0;
	background: #fff;
}

.block h1,
.block h2,
.block h3,
.block h4,
.blcok p{
	margin: 0 0 15px 0;
}

.block h1{ font-size: 30px; line-height: 40px; }
.block h2{ font-size: 25px; }
.block h3{ font-size: 20px; }
.block h4{ font-size: 18px; }
.block small{
	display: block;
	margin: 0 0 15px 0;
}
.block p{}

.block ul{ list-style: disc; }
.block ol{ list-style: decimal; }
.block ul li{ margin: 0 0 15px 0;}

.block ol{ list-style: disc; }
.block ol li{ margin: 0 0 15px 0;}


.block .info{
	overflow: hidden;
}
.block .info h1{
	margin-bottom: 15px;
}
.block .info p{
}
.block .info small{
	margin-bottom: 15px;
	font-weight: normal;
}

.block .thumb {
    float: left;
    margin: 0 20px 20px 0;
    border: 1px solid #ccc;
	display: none;
}

.block.article .thumb {
    float: right;
    margin: 0 0 20px 20px;
}

.block .thumb img{
	display: block;
	margin: 0;
	padding: 0;
	border: none;
}

.block .callto{}
.block .callto a {
    display: inline-block;
    background: #f2d249;
    color: #333;
    text-transform: uppercase;
    padding: 5px;
    text-decoration: none;
}
.block .callto a:hover{
	opacity: 0.8;
}

.posts {
    padding-left: 25px;
}

.posts li{
	margin-bottom: 10px;
}
.posts li a {
    color: #111;
}
.posts li a:hover {
    text-decoration: none;
}
.facebook {
	display: inline-block;
	zoom: 1;
	background: url(../images/facebook.png) center center no-repeat;
	padding: 2px 3px;
	text-indent: -9999px;
	width: 70px;
	height: 20px;
	line-height: 20px;
}


/* #Media Queries - blog
================================================== */


@media only screen and (max-width: 1200px) {
	
.block .thumb{ width: 100px; height: 100px;}	
.block .thumb img{ width: 100%; height: auto;}

.primary{
	width: 60%;
}

.secondary{
	width: 30%;
}

	
/* 767px */
}


@media only screen and (max-width: 767px) {
	
	#blogroll{ min-height: 200px; }
	
.primary, .secondary{
	float: none;
	width: auto;
}

.product2 {
    width: 98%;
    float: none;
}

	
/* 767px */
}


@media only screen and (max-width: 479px) {
	
.block .thumb{ width: 100px; height: 100px; float: none;}
	
/* 479px */
}

@media only screen and (max-width: 300px) {
	
/* 300px */
}