/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
ul.styled{
	list-style:outside disc;
	margin:0 0 10px 15px;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

input::-moz-focus-inner {
border: 0!important;
outline: none !important;
}

/* Color Of Highlight */
::-moz-selection {background:#dcb54e; background: rgba(255,207,79,.7); color:#111; text-shadow:1px 1px 1px #dcb54e;}
::selection {background:#dcb54e; background: rgba(255,207,79,.7); color:#111; text-shadow:1px 1px 1px #dcb54e;}
/* */


/* END RESET */


html{
	height:100%;
	overflow-y:scroll;
}

body{
	height:100%;
	margin:0px;
	padding:0px;
	font-size:16px;
	font-family:'Open Sans', sans-serif;
	color:#595959;
	background:#fff url(../images/bg.jpg) no-repeat top center;
}
body#home{
	background:#fff url(../images/bg-home.jpg) no-repeat top center;
}

input, select, textarea, form{
	margin:0px;
	padding:0px;
}

::-webkit-input-placeholder{color:#000;}
::-moz-placeholder{color:#000; }
:-ms-input-placeholder{color:#000;}

hr{
	height:1px;
	color:#e2e2e2;
	background:-moz-linear-gradient(left center , hsla(0, 0%, 0%, 0) 0%, hsla(0, 0%, 0%, 0.3) 50%, hsla(0, 0%, 0%, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border:0 none;
	margin:20px 0px;
	padding:0px;
}

.clear{
	clear:both;
	margin:0px;
	padding:0px;
	height:0px;
	overflow:hidden;
}
.push{
	clear:both;
	height:240px; /* same as #footer height */
}

.f10{font-size:10px!important;}
.f11{font-size:11px!important;}
.f12{font-size:12px!important;}
.f13{font-size:12px!important;}
.f14{font-size:14px!important;}
.f16{font-size:16px!important;}
.f18{font-size:18px!important;}
.f20{font-size:20px!important;}
.f22{font-size:22px!important;}
.f24{font-size:24px!important;}
.f26{font-size:26px!important;}
.f28{font-size:28px!important;}

.hot{
color:#ff5e1f;
}
.cold{
color:#3fa9f5;
}

/* ------ LINKS ------ */

a{
color:#ff5e1f;
text-decoration:underline;
}
a:hover{
color:#39abfd;
text-decoration:none;
}

/* ------ MAIN CONTENT ------*/

#page-wrap{
position:relative;
width:1200px;
min-height:100%;
height:auto!important;
height:100%;
margin:0 auto;
margin-bottom:-240px; /* same as #footer height */
}

.logo{
float:left;
display:block;
max-width:322px;
height:64px;
margin:50px 0 49px 10px;
}
	.logo img{
	max-width:100%;
	}
#header-info{
float:right;
display:block;
max-width:858px;
height:139px;
margin:24px 10px 0 0;
font-family:'Lato', sans-serif;
text-align:right;
}
	#header-info li{
	display:block;
	}
	#header-info li.first{
	font-size:14px;
	font-weight:300;
	color:#b2b2b2;
	line-height:16px;
	}
	#header-info .phone{
	font-size:24px;
	font-weight:800;
	color:#5a5a5a;
	line-height:26px;
	}
	#header-info i{
	font-size:28px;
	color:#ff5e1f;
	margin:0 6px 0 0;
	}
	#header-info .email a{
	font-size:20px;
	font-weight:normal;
	color:#5a5a5a;
	line-height:22px;
	text-decoration:none;
	}
		#header-info .email a:hover{
		color:#ff5e1f;
		}
	#header-info a.fa{
	display:inline-block;
	width:31px;
	height:31px;
	margin:9px 0 0;
	font-size:20px;
	color:#5a5a5a;
	line-height:31px;
	text-decoration:none;
	text-align:center;
	border:3px solid #5a5a5a;
	border-radius:50%;
	transition:all 0.2s ease;
	}
		#header-info a.fa:hover{
		color:#fff;
		background:#5a5a5a;
		}
#navigation{
float:left;
display:block;
width:98.33%;
height:62px;
margin:0 .835%;
background:#323232;
border-bottom:4px solid #39abfd;
}
	#navigation li{
	float:left;
	}
	#navigation a{
	display:block;
	font-family:'Raleway', sans-serif;
	font-size:16px;
	font-weight:300;
	color:#fff;
	line-height:62px;
	text-decoration:none;
	padding:0 29px;
	background:url(../images/nav-btn-bg.jpg) repeat-x 0 62px;
	transition:background 0.25s ease-out;
	}
		#navigation li:hover a,
		#navigation a.active{
		color:#fff;
		background:url(../images/nav-btn-bg.jpg) repeat-x 0 0;
		transition:background 0.15s linear;
		}
.menu-icon{
position:absolute;
top:72px;
left:50%;
right:55%;
clear:both;
display:none!important;
width:50px;
height:50px;
margin:65px 0 81px -25px;
background:#333;
color:#fff;
font-size:32px!important;
line-height:50px!important;
text-align:center;
border-radius:8px;
cursor:pointer;
}
.menu-icon:hover{
background:#ff5e1f;
}
.menu-icon.active{
background:#444;
}
#banner{
position:relative;
float:left;
display:block;
width:73.916%;
height:382px;
margin:0 0 0 .835%;
background:#fff;
}
	#banner .shadow-left{
	position:absolute;
	top:-66px;
	left:-30px;
	display:block;
	width:30px;
	height:448px;
	background:url(../images/rotator-shadow-left.png) no-repeat top left;
	}
#contact-form{
position:relative;
float:left;
display:block;
width:19.33%;
height:355px;
padding:27px 2.58% 0 2.5%;
margin:0 .835% 0 0;
background:url(../images/contact-form-bg.jpg) no-repeat top right;
}
	#contact-form .shadow-right{
	position:absolute;
	top:-66px;
	right:-30px;
	display:block;
	width:30px;
	height:448px;
	background:url(../images/rotator-shadow-right.png) no-repeat top left;
	}
	#contact-form h2{
	font-family:'Raleway', sans-serif;
	font-size:26px;
	font-weight:300;
	color:#fff;
	line-height:68px;
	text-transform:uppercase;
	}
		#contact-form h2 span{
		font-weight:900;
		color:#221f1f;
		}
	#contact-form .txt{
	display:block;
	width:93.10%;
	height:25px;
	padding:0 8px;
	margin:0 0 8px;
	font-family:'Open Sans', sans-serif;
	font-size:12px;
	color:#222;
	line-height:25px;
	background:rgba(0,0,0,0.15);
	border:0;
	}
	#contact-form .msg{
	display:block;
	width:93.10%;
	height:100px;
	padding:4px 8px;
	margin:0 0 8px;
	font-family:'Open Sans', sans-serif;
	font-size:12px;
	color:#222;
	line-height:16px;
	background:rgba(0,0,0,0.15);
	border:0;
	resize:none;
	}
	#contact-form .submit{
	float:right;
	display:block;
	width:135px;
	height:30px;
	padding:0 30px 0 0;
	font-family:'Raleway', sans-serif;
	font-size:16px;
	font-weight:900;
	color:#fff;
	line-height:30px;
	text-decoration:none;
	text-transform:uppercase;
	background:url(../images/submit-btn-bg.jpg) no-repeat top left;
	border:0;
	}
		#contact-form .submit:hover{
		cursor:pointer;
		background:url(../images/submit-btn-bg.jpg) no-repeat bottom left;
		}
	#contact-form .required{
	background:url(../images/required.png) no-repeat 97% 5px;
	}
#sidebar{
float:left;
display:block;
width:26.66%;
margin:50px 5% 0 .83%;
}
	#sidebar h2{
	font-family:'Raleway', sans-serif;
	font-size:28px;
	font-weight:900;
	color:#737373;
	line-height:28px;
	text-transform:uppercase;
	padding:0 0 5px;
	margin:0 0 34px;
	border-bottom:8px solid #39abfd;
	}
	#sidebar .special{
	position:relative;
	display:block;
	width:95%;
	height:auto;
	padding:0 0 10px 4.375%;
	margin:0 0 14px;
	background:#f6f6f6 url(../images/specials-box-bg.jpg) no-repeat top left;
	border:1px solid #c2c2c2;
	}
		#sidebar .special .title{
		display:block;
		font-family:'Raleway', sans-serif;
		font-size:18px;
		font-size:2vmin;
		font-weight:900;
		color:#323232;
		line-height:20px;
		padding:14px 0;
		}
		/*#sidebar .special ul{
		display:block;
		font-family:'Open Sans', sans-serif;
		font-size:13px;
		font-size:1.4vmin;
		color:#323232;
		line-height:18px;
		padding:0 0 0 11px;
		}*/
		#sidebar .special img {
			display: block;
			width: 40%;
			height: auto;
		}
#main-content{
float:left;
display:block;
width:98.33%;
margin:50px .835%;
}
body#home #main-content{
float:right;
width:66.66%;
margin:50px 0;
}
	#main-content h1{
	font-family:'Raleway', sans-serif;
	font-size:28px;
	font-weight:900;
	color:#323232;
	line-height:28px;
	text-transform:uppercase;
	padding:0 0 5px;
	margin:0 0 30px;
	border-bottom:8px solid #39abfd;
	}
	#main-content h2{
	font-family:'Open Sans', sans-serif;
	font-size:24px;
	font-weight:600;
	color:#3296de;
	line-height:26px;
	margin:0 0 10px;
	}
	#main-content h3{
	font-family:'Open Sans', sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#ff5e1f;
	line-height:20px;
	margin:0 0 10px;
	}
	#main-content h4{
	font-family:'Open Sans', sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#333;
	line-height:18px;
	margin:0 0 10px;
	}
	#main-content p,
	#main-content ul,
	#main-content ol{
	line-height:24px;
	margin-bottom:20px;
	}
	#main-content ul{
	list-style:outside disc;
	margin:0 0 20px 15px;
	}
	#main-content ol{
	list-style:outside decimal;
	margin:0 0 20px 18px;
	}
	#main-content .img-left{
	float:left;
	display:block;
	padding:4px;
	margin:0 20px 20px 0;
	border:1px solid #ddd;
	}
	#main-content .img-right{
	float:right;
	display:block;
	padding:4px;
	margin:0 0 20px 20px;
	border:1px solid #ddd;
	}
	#main-content .img-block{
	float:left;
	display:block;
	width:20.66%;
	padding:1%;
	margin:0 1% 20px;
	border:1px solid #ddd;
	}
		#main-content .img-block:hover{
		border:1px solid #3296de;
		}
		#main-content .img-block img{
		display:block;
		max-width:100%;
		}
	#main-content blockquote{
	position:relative;
	clear:both;
	display:block;
	font-family:'Lato', sans-serif;
	font-size:26px;
	font-style:italic;
	text-align:center;
	margin:0 auto 20px;
	}
	#main-content blockquote.testimonial{
	padding:35px;
	font-size:16px;
	text-align:left;
	background:#f7f7f7;
	border:1px solid #cecece;
	width:auto!important;
	}
		#main-content blockquote.testimonial .author{
		float:right;
		padding:5px 0 5px 10px;
		margin:0 0 15px;
		font-size:18px;
		text-align:right;
		background:#f7f7f7;
		border-left:3px solid #cecece;
		}
		#main-content blockquote strong{
		color:#000;
		}
	#main-content blockquote:before{
	content:"\f10d";
    font-family:FontAwesome;
    color:#e9e9e9;
    font-size:48px;
	font-style:normal;
    position:absolute;
    top:-18px;
    left:-20px;
	}
	#main-content blockquote:after{
	content:"\f10e";
    font-family:FontAwesome;
    color:#e9e9e9;
    font-size:48px;
	font-style:normal;
    position:absolute;
    bottom:-23px;
    right:-20px;
	}
	#main-content .col-01{
	float:left;
	width:28%;
	}
	#main-content .col-02{
	float:left;
	width:32%;
	}
	#main-content .col-03{
	float:left;
	width:34%;
	}
	#main-content #logos{
	display:block;
	width:95%;
	}
		#main-content #logos li{
		position:relative;
		float:left;
		display:block;
		width:23%;
		height:150px;
		margin:10px 1%;
		background:#fff;
		text-align:center;
		box-shadow:0 0 5px -1px rgba(0,0,0,0.3);
		}
		#main-content #logos img{
		position:absolute;
  		top:0;
		left:0;
		bottom:0;
		right:0;
		max-width:90%;
		max-height:120px;
		margin:auto;
		}
		#main-content #logos span{
		width:100%;
		height:20px;
		font-size:26px;
		font-style:italic;
		line-height:150px;
		text-align:center;
		}
#footer-wrap{
clear:both;
width:100%;
height:240px;
background:url(../images/footer-bg.jpg) repeat-x top;
}
#footer{
position:relative;
z-index:11;
max-width:1200px;
height:240px;
margin:0 auto;
background:url(../images/footer-inlay-bg.png) no-repeat top left;
}
	#footer .f-left{
	float:left;
	display:block;
	width:26.833%;
	height:175px;
	margin:50px 0 0 .835%;
	font-family:'Open Sans', sans-serif;
	font-size:12px;
	font-weight:300;
	color:#8a8a8a;
	line-height:26px;
	text-align:center;
	}
		#footer .f-left .f-logo{
		float:left;
		display:block;
		width:100%;
		height:64px;
		margin:0 0 30px;
		}
		#footer .f-logo img{
		max-width:100%;
		}
		#footer .f-left img{
		vertical-align:middle;
		}
	#footer .contact{
	float:right;
	display:block;
	width:27.5%;
	height:180px;
	margin:27px 0 0 4%;
	}
	#footer .sitemap{
	float:right;
	display:block;
	width:32%;
	height:180px;
	margin:27px 0 0;
	}
		#footer .sitemap ul{
		float:left;
		display:block;
		}
		#footer .sitemap ul.left{
		width:62%;
		}
		#footer .sitemap ul.right{
		float:right;
		width:38%;
		}
			#footer .sitemap ul li{
			display:block;
			}
			#footer .sitemap ul a{
			display:inline-block;
			font-size:14px;
			color:#737373;
			line-height:24px;
			text-decoration:none;
			}
			#footer .sitemap ul li:before{
			font-family:'FontAwesome';
			content:'\f0da';
			color:#ff5e1f;
			margin:0 12px 0 4px;
			}
				#footer .sitemap ul a:hover,
				#footer .sitemap ul a.active{
				color:#ff5e1f;
				}
		#footer .sitemap h2,
		#footer .contact h2{
		font-family:'Raleway', sans-serif;
		font-size:26px;
		font-weight:900;
		color:#39abfd;
		line-height:28px;
		margin:0 0 20px;
		}
		#footer .contact h2{
		margin:0 0 12px;
		}
			#footer .contact li{
			display:block;
			font-family:'Open Sans', sans-serif;
			font-size:15px;
			font-weight:300;
			color:#737373;
			line-height:36px;
			}
			#footer .contact li.first{
			font-size:18px;
			}
				#footer .contact li.lrg i{
				font-size:20px;
				}
			#footer .contact li.last{
			line-height:12px;
			padding-left:33px;
			}
			#footer .contact a{
			color:#737373;
			text-decoration:none;
			}
				#footer .contact a:hover{
				color:#ff5e1f;
				}
			#footer .contact li i{
			width:15px;
			padding:0 10px 0 3px;
			font-family:'FontAwesome';
			font-size:14px;
			color:#ff5e1f;
			text-align:center;
			}
@media screen and (max-width: 820px) {
	body#home{
	background:#fff url(../images/bg.jpg) no-repeat top center;
	}
}
@media screen and (max-width: 1200px) {
	#page-wrap{
	width:95%;
	}
}
@media screen and (max-width: 640px) {
	.logo{
	float:none;
	clear:both;
	margin:50px auto;
	}
}
@media screen and (max-width: 640px) {
	#header-info{
	float:none;
	clear:both;
	width:100%;
	padding:0;
	margin:100px 0 0;
	text-align:center;
	}
}
@media screen and (max-width: 800px) {
	#navigation{
	display:none;
	}
}
@media screen and (max-width: 1000px) {
		#navigation a{
		font-size:14px;
		}
	}
@media only screen and (max-width: 820px) {
    #navigation{
	position:relative;
	top:18px;
	display:none;
	width:100%;
	height:auto;
	padding:10px 0;
	margin:0 0 -171px;
	border-bottom:0;
	text-align:left;
	background:#444;
	border-radius:6px;
	}
	#navigation li{
	float:none;
	display:block;
	}
	#navigation a{
	display:block;
	font-size:16px;
	font-weight:bold;
	color:#b2b2b2;
	line-height:32px;
	padding:0 0 0 5%!important;
	margin:0;
	background:none;
	}
		#navigation li:hover a,
		#navigation li.current-menu-item a{
		color:#fff;
		}
}
@media screen and (max-width: 640px) {
	#navigation{
	top:-171px;
	}
}
@media only screen and (max-width: 820px) {
    .menu-icon{
	display:block!important;
	}
}
@media only screen and (max-width: 640px) {
    .menu-icon{
	top:22px;
	}
}
@media screen and (max-width: 820px) {
	#banner{
	display:none;
	}
}
@media screen and (max-width: 820px) {
	#contact-form{
	display:none;
	}
}
@media screen and (max-width: 1200px) {
	#contact-form h2{
	font-size:22px;
	}
}
@media screen and (max-width: 1000px) {
	#contact-form h2{
	font-size:18px;
	}
}
@media screen and (max-width: 820px) {
	#sidebar{
	clear:both;
	width:100%;
	margin:0 0 30px;
	}
}
@media screen and (max-width: 820px) {
				#sidebar .special .title{
				font-size:24px;
				}
			}

			@media screen and (max-width: 820px) {
				#sidebar .special ul{
				font-size:15px;
				line-height:22px;
				}
			}
			@media screen and (max-width: 820px) {
				#sidebar .special .price{
				font-size:34px;
				}
			}
			@media screen and (max-width: 820px) {
				#sidebar .special .price em{
				font-size:13px;
				}
			}
			@media screen and (max-width: 820px) {
	#main-content{
	clear:both;
	width:100%;
	margin:100px 0 50px;
	}
}
@media screen and (max-width: 600px) {
	#main-content{
	margin:30px 0 50px;
	}
}
@media screen and (max-width: 820px) {
	body#home #main-content{
	clear:both;
	width:100%;
	margin:100px 0 50px;
	}
}
@media screen and (max-width: 820px) and (orientation: landscape) {
	body#home #main-content{
	margin:50px 0 50px;
	}
}
@media screen and (max-width: 630px) {
	body#home #main-content{
	margin:30px 0 50px;
	}
}
@media screen and (max-width: 630px) {
		#main-content blockquote{
		width:100%!important;
		font-size:24px;
		}
	}
	@media screen and (max-width: 630px) {
		#main-content blockquote:before,
		#main-content blockquote:after{
		display:none;
		}
	}
	@media screen and (max-width: 1210px) {
			#main-content .col-01{
			width:21%;
			}
			#main-content .col-02{
			width:31%;
			}
			#main-content .col-03{
			width:38%;
			}
		}
		@media screen and (max-width: 1110px) {
			#main-content .col-01{
			width:52%;
			margin-bottom:0;
			}
			#main-content .col-02{
			width:44%;
			margin-bottom:0;
			}
			#main-content .col-03{
			width:95%;
			margin-bottom:0;
			}
		}
		@media screen and (max-width: 820px) {
			#main-content .col-01,
			#main-content .col-02,
			#main-content .col-03{
			width:95%;
			margin:0 0 0 15px;
			}
		}
		@media screen and (max-width: 1200px) {
			#main-content #logos li{
			width:31%;
			}
		}
		@media screen and (max-width: 600px) {
			#main-content #logos li{
			width:48%;
			}
		}
		@media screen and (max-width: 360px) {
			#main-content #logos li{
			width:98%;
			}
		}
		@media screen and (max-width: 630px) {
			#main-content .img-block{
			width:44.66%;
			}
		}
	@media screen and (max-width: 1200px) {
	#footer{
	width:95%;
	}
}
@media screen and (max-width: 1080px) {
		#footer .f-left{
		font-size:10px;
		}
	}
	@media screen and (max-width: 870px) {
		#footer .f-left{
		width:40%;
		font-size:11px;
		}
	}
	@media screen and (max-width: 620px) {
		#footer .f-left{
		font-size:9px;
		}
	}
	@media screen and (max-width: 500px) {
		#footer .f-left{
		width:100%;
		}
	}
	@media screen and (max-width: 872px) {
		#footer .contact{
		width:47.5%;
		margin:37px 0 0;
		}
	}
	@media screen and (max-width: 500px) {
		#footer .contact{
		display:none;
		}
	}
	@media screen and (max-width: 872px) {
		#footer .sitemap{
		display:none;
		}
	}
	@media screen and (max-width: 920px) {
				#footer .sitemap ul a{
				font-size:12px;
				}
			}
			@media screen and (max-width: 1080px) {
				#footer .contact li{
				font-size:13px;
				}
			}
			@media screen and (max-width: 900px) {
				#footer .contact li{
				font-size:12px;
				line-height:30px;
				}
			}
			@media screen and (max-width: 872px) {
				#footer .contact li{
				font-size:14px;
				line-height:36px;
				}
			}