/*
Scardovi Project

*/


/*--------------- Document Setup (body, divs, img) ---------------*/
body, div, img, a
{
	font-family: 'Source Sans Pro', sans-serif;
 }
.clear
{
	clear:both;
}
ol, ul, li, p{ list-style:none !important; font-family: 'Source Sans Pro', sans-serif !important;}
a
{    
	transition:all .2s linear !important; 
    -o-transition:all .2s linear !important; 
    -moz-transition:all .2s linear !important; 
    -webkit-transition:all .2s linear !important;
}
a:hover{ text-decoration:none;}
input.field{ width:100%; background:#f6f6f6; height:40px; border:#e7e7e7 solid 1px; font-size:13px; color:#666; padding:0 10px; margin-top:0px; border-radius: 0px; box-shadow: none !important; float:left;}
input.field2{ width:100%; height:50px; border:#dbdbdb solid 1px; font-size:13px; color:#6f6f6f; padding:0 0 0 10px; margin-top:0px; border-radius: 0px; box-shadow: none !important;}
select{ width:100%; height:50px; border:#dbdbdb solid 1px; font-size:13px; color:#6f6f6f; padding:15px 10px; margin-top:0px; border-radius: 0px; box-shadow: none !important;}
textarea{ width:100%; height:190px !important; border:#d9d9d9 solid 1px; font-size:14px; color:#666666; padding:10px !important; margin-bottom:20px; border-radius:0px !important;}

/*--------------- Heading Styles ---------------*/
h1{
	color:#FFFFFF;
    font-size:72px;
	text-align:center;
	text-shadow:0px 5px 0px rgba(0, 0, 0, 0.3);
	font-weight:bold;
	text-transform:uppercase;	
}
h2
{
	font-family: 'Source Sans Pro', sans-serif !important;
	font-size:24px !important;
	color:#333333 !important;
	line-height:normal;
	margin:0px;
	text-align:center !important;
	text-transform:uppercase;
}

h3
{
	font-family: 'Source Sans Pro', sans-serif !important;
	font-size:24px !important;
	color:#333 !important;
	line-height:normal;
	text-transform:uppercase;
	text-align:center;
}
h4
{
	font-family: 'Source Sans Pro', sans-serif !important;
	font-size:18px;
	color:#FFF;
	line-height:normal;
	padding:0px;
	text-transform:uppercase;
	margin:0px 0 10px 0;
	
}
h5
{
	font-family: 'Source Sans Pro', sans-serif !important;
	font-size:16px !important;
	color:#1f1f1f !important;
	line-height:normal;
	padding:0px;
	margin:0px;
}
h6{ color:#003366; font-size:12px;}

/*--------------- Custom Nav Style ---------------*/
.container{	position:relative;}
.topheader
{
	height:80px;
	box-shadow:0px 1px 2px rgba(0, 0, 0, 0.3);
	border-top:#17582d solid 3px;
	z-index:1;
	position:relative;
}
.nav-bg
{
	border-radius: 0px !important;
}
.navbar-collapse
{
	margin:-1px 0 0 0 !important;
}
.navbar
{
	margin:0px !important;
}
.navbar-nav>li
{ 
	float:left;  
	padding:0px;
	margin:0 20px;
}
.navbar-nav>li>a
{ 
	float:left; 
	padding:0px 10px;
	font-size:15px; 
	color:#454545; 
	line-height:76px;
	text-transform:uppercase;
}
.navbar-nav>li>a:hover 
{ 
	background:url(../images/nav-arrow.png) top center no-repeat !important;
	color:#17582d;
}
.navbar-nav>li>a.active
{ 
	background:url(../images/nav-arrow.png) top center no-repeat !important;
	color:#17582d;
}

.navbar-nav>li>ul{
	position:absolute; 
	top:50px; 
	background:#17582d; 
	padding:0px;
	list-style:none;
	width:230px;
	display:none;
	z-index:10;
	}
	.navbar-nav>li>ul>li{border-bottom:#134b26 solid 1px; float:left; width:100%;}
.navbar-nav>li>ul>li>a{
	float:left; 
	padding:0px 15px 0px 15px;
	font-size:14px; 
	color:#FFF; 
	line-height:40px;
	font-weight:400; 
	margin-bottom:0px;
	width:100%;
	}
.navbar-nav>li>ul>li>a:hover
{
	background:#f9f9f9;
	color:#134b26;
}
.navbar-nav>li:hover ul{ display:block;}


/*--------------- Logo ---------------*/
.logo
{
	float:left;
	padding:20px 0 0 0 !important;
}

.search-icon
{
	float:right;
	margin:29px 0px 0 0;
}
.search-dropdown
{
	display:none; position:absolute; padding:20px; margin:0px; right:-15px; background:#FFF; border:#e7e7e7 solid 1px; z-index:1000; top:80px; border-radius:5px;
}
.search-dropdown:before
{
	position:absolute;
	content:'';
	width:16px;
	height:8px;
	right:15px;
	top:-8px;
	background:url(../images/search-dropdown-arrow.png) no-repeat;
}

.category-icon{ position:fixed; left:0; top:70%; z-index:100; margin:0px 0 0 0;}
.category-bg
{
	width:250px;
	background:#17582d;
	position:fixed;
	height:100%;
	z-index:1000;
}
.close-icon{ position:absolute; padding:0px 20px; bottom:0; right:0; text-align:center; background:#103e1f; color:#FFF; font-weight:bold; font-size:14px; line-height:30px;}
.close-icon:hover{ color:#FFF;}
.category-listing{ position:relative;}
.category-listing ul{}
.category-listing ul li
{
	float:left;
	width:100%;
	border-bottom:#103e1f solid 1px;
	box-shadow:0px 1px 0 rgba(255, 255, 255, 0.1);
	text-align:center;
}
.category-listing ul li a
{
	font-size:14px;
	color:#FFF;
	line-height:46px;
	float:left;
	width:100%;
	padding:0 20px;
}
.category-listing ul li a:hover
{
	background:#103e1f;
	color:#FFF;
}
.category-listing ul li a.active
{
	background:#103e1f;
	color:#FFF;
}
.category-listing ul li ul
{
	position:absolute;
	width:25%;
	background:#1f1f1f;
	top:58px;
	display:none;
	z-index:1000;
}
.category-listing ul li:hover ul
{
	display:block;
}
.category-listing ul li ul li
{
	float:left;
	width:100%;
	border-right:0px;
	border-bottom:#121212 solid 1px;
	box-shadow:0px 1px 0 #2b2b2b;
}


/*--------------- Content Style ---------------*/
.products-bg
{
	background:#FFF;
	padding:50px 0px;
	position:relative;
}
.product{ position:relative; overflow:hidden; margin:50px 0 0 0;}
.product img{ width:100%;}
.product-title
{
	position:absolute;
	width:100%;
	text-align:center;
	padding:10px;
	bottom:0;
	background:url(../images/product-title-bg.png) repeat;
}
.product-title p{ font-size:14px; color:#FFF !important;}
.products-container-margin{ margin-top:70px !important;}
.product-listing{}
.product-thumbnail
{
	float:left;
	width:100%;
	text-align:center;
	margin:30px 0;
	height:195px;
}
.product-thumbnail img{ width:100%;}
.product-listing p
{
	font-size:14px;
	color:#444444;
	text-align:center;
	text-transform:none !important;
	line-height:24px !important;
}

.date{ font-size:12px; color:#5e5e5e;}

.related-pro{ background:#FFF; border:#e5e5e5 solid 1px; padding:10px 10px 5px 10px; margin:20px 0 0 0;}
.related-pro a{ float:left; width:100%; text-align:center; line-height:30px; font-size:16px; color:#666;}
.related-pro a img{ width:100%;}

.welcome-box
{
	background:#f9f9f9;
	border-top:#e5e5e5 solid 1px;
	padding:50px 0px;
}
.welcome-box p
{
	font-size:16px;
	color:#666666;
	line-height:24px !important;
	padding:15px 0px 0 0px !important;
}
.welcome-box p span{ color:#bc0000;}

.breadcrumb
{
	background:none;
	text-align:center;
	margin:0px;
}
.breadcrumb p
{
	color:#003366;
	font-size:14px;
}
.breadcrumb p a
{
	color:#003366;
	padding:0 2px;
}
.breadcrumb p a:hover
{
	color:#cc3333;
}
.breadcrumb p a.active
{
	color:#cc3333;
}

.custom-tabs{ display:inline; text-align:center;}
.custom-tabs .nav-tabs
{
	border-bottom:0px;
}
.custom-tabs .nav-tabs>li{ display:inline-block; float:none;}
.custom-tabs .nav-tabs>li>a
{
	background:#FFF;
	font-size:14px;
	color:#444;
	border-radius:0px;
	padding:0 30px;
	line-height:38px;
	margin:0px 5px 0 0;
	border-radius:5px 5px 0 0;
	border:#e5e5e5 solid 1px;
	text-align:center;
}
.custom-tabs .nav-tabs>li>a:hover
{
	background:#f9f9f9;
	border:0px;
	border:#e5e5e5 solid 1px;
	color:#17582d;
}
.custom-tabs .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus
{
	background:#f9f9f9;
	border:#e5e5e5 solid 1px;
	color:#17582d;
}
.tab-content p
{
	font-size:16px;
	color:#666666;
	line-height:24px;
}
.tab-content p img
{
	float:left;
	margin:20px 0px;
	width:100%;
}

.product-col{ border-right:#FFF solid 1px; margin:20px 0 0 0;}
.product-col img{ width:100%;}
.product-col p{ background:#171717; padding:10px; text-align:center; font-size:16px; color:#FFF;}
.product-col:hover p{ background:#cc3333;}

/*--------------- Footer Styles ---------------*/
.footer-bg
{
	background:#1f1f1f;
	padding:20px 0 0 0;
}
.footer-bg h5{ color:#FFF !important; padding:10px 0px !important; font-size:16px !important;}
.heading-five
{
	text-align:left; 
	font-size:18px; 
	font-weight:300;
}
.tweet_icon
{ 
	float:left; 
	margin:0px 0 0 0;
}
.tweet_cont
{ 
	margin:20px 0 0 0;
}
.tweet_detail
{ 
	margin:0 0 0 50px;
}
.tweet_detail p
{ 
	font-size:13px; 
	color:#FFF;
}
.tweet_detail p a
{ 
	font-size:12px; 
	color:#666666;
}
.tweet_detail p a:hover
{ 
	font-size:12px; 
	color:#1f93c4;
}
.latest-news
{
	float:left;
}
.col-2
{
	width:430px;
	float:left;
}

.nav-col{ margin:10px 0 0 0; float:left; width:100%;}
.nav-col ul
{
	float:left;
	margin:0px;
	padding:0px;
}
.nav-col ul li
{
	list-style:none;
	width:100%;
	float:left;
}
.nav-col ul li a
{
	float:left;
	width:100%;
	line-height:30px;
	font-size:13px;
	color:#666666;
	background:url(../images/footer-nav-icon.png) 0px 9px no-repeat;
	padding-left:30px;
}
.nav-col ul li a:hover
{
	color:#FFF;
}

.footer-nav{ border-bottom:#e7e5e7 solid 1px; padding:25px 0px; margin-bottom:20px;}
.footer-nav p{ text-align:center; font-size:14px; color:#333333; margin:0px;}
.footer-nav p a{ font-size:14px; color:#333333; padding:0 7px;}

.copyrights
{
	background:#121212;
	padding:15px 0px;
	margin:30px 0 0 0;
}
.copyrights p
{
	font-size:12px;
	color:#5d5d5d;
	padding:10px 0 0 0;
}
.copyrights p a
{
	color:#8e8e8e;
}
.copyrights p a:hover
{
	color:#FFF;
}
.social-icon
{
	float:right;
}
.social-icon a{ padding:0 5px;}

/*--------------- inner Styles ---------------*/
.small-header
{
	background:url(../images/header-inner-bg.jpg) top center no-repeat;
	background-size: cover;
	height:148px;
	padding:35px 0px;
}
.about-img-thumbnail
{
	width:668px;
	height:458px;
	background:#1f1f1f;
	padding:15px;
	margin:0 auto;
}
.border-bottom{ border-bottom:1px solid #e7e7e7 !important;}
.contact-form
{
	width:790px;
	margin:20px auto;
}
.contact-form label{ margin-bottom:10px;}
.quote-form { width:100%; padding:0 20px;}
.news-listing{ margin:20px 0 0 0;}
.news-col{ margin:20px 0 0 0; background:#FFF; border:#e7e7e7 solid 1px; padding:15px;}
.news-col .news-thumbnail{ float:left;}
.news-col .news-detail-box
{
	margin-left:90px;
}
.news-col .news-detail-box p
{
	font-size:14px !important;
	color:#444444;
	padding:10px 0 0 0 !important;
	text-align:left;
	line-height:24px !important;
}
.news-col .news-detail-box p span{ color:#bc0000; font-size:13px;}

.detail-box{ margin:30px 0 0 0;}
.large-thumbanil{ float:left; width:420px;}
.large-view{background:#FFF; border:#e7e7e7 solid 1px; padding:10px;}
.large-thumbanil img{ width:100%;}
.detail-header{ float:left; width:100%; margin-bottom:15px; position:relative;}
.detail-box .detail-content
{
	margin:0 0 0 450px;
}
.detail-box .detail-content h3{ font-size:16px !important; color:#17582d !important; text-align:left; margin:0px; padding:0px;}
.detail-box p{ font-size:14px; color:#444444; text-align:left !important; margin:0px !important; padding:20px 0 0 0 !important; line-height:30px;}

.table-content{ background:#FFF; margin:30px 0 0 0;}
.table-content table{ border:#e7e5e7 solid 1px;}
.table-content table tr{}
.table-content table tr th
{
	padding:15px;
	font-size:16px;
	font-weight:normal;
	vertical-align:middle;
	color:#FFF;
	background: #17582d;
}
.table-content table tr td
{
	padding:10px 15px;
	font-size:13px;
	font-weight:normal;
	vertical-align:middle;
	color:#241f28;
	border-bottom:#e7e5e7 solid 1px;
}



.form-group label{ font-weight:normal; color:#666;}
.small_thumbnail{ background:#FFF; padding:0px 0 15px 0px; text-align:center; margin:20px 0px;}
.small_thumbnail a{ margin:0 5px;}
.small_thumbnail a img{ width:inherit !important; background:#FFF; padding:5px; border:#e7e7e7 solid 1px;}

.icon-box{ float:right; position:absolute; right:0; top:0;}
.icon-box a{ float:left; margin:0 0 0 5px;}
.offer-box{}
.offer-box .box-style2{ background:#f6f6f6; border:#e7e5e7 solid 1px; padding:20px; width:48%; margin:25px 0 0 0;}
.offer-box .box-style2 .title{ font-size:16px; color:#042049;}
.offer-box .box-style2 p{ font-size:14px; color:#333333; padding-top:10px;}

/*--------------- Search Results Styles ---------------*/
.search-results
{
	padding:0px;
	margin:0px 0 0 0;
}
.search-results .result-row
{
	padding:15px 0px;
}
.search-results .result-row h5
{
	text-align:left;
	color:#cc3333 !important;
	font-size:20px !important;
	line-height:normal;
	padding:0px;
	margin:0px;
}
	.search-results .result-row h5 a
	{
		color:#17582d !important;
	}
	.search-results .result-row h5 a:hover
	{
		color:#17582d !important;
	}

.search-results .result-row p
{
	font-size:16px;
	color:#666;
	line-height:24px;
	padding:10px 0 0 0 !important;
	text-align:left !important;
}


/*--------------- Buttons Styles ---------------*/
.btn-search{
	height:30px;
	border:0px;
	text-align:center;
	font-size:14px;
	color:#FFF;
	padding:0 15px;
	line-height:30px;
	border-radius:3px;
	float:right; margin:10px 0px 0 0;
	background:#17582d;}
.submit-btn
{
	height:38px;
	border:0px;
	text-align:center;
	font-size:14px;
	color:#FFF;
	padding:0 30px;
	line-height:38px;
	border-radius:100px;
	float:left; margin:20px 10px 0 0;
	background:#17582d;
}
.submit-btn, .grey-btn:hover{ color:#FFF !important;}
.submit-btn-btn:hover{opacity:0.85;}
.grey-btn
{
	height:38px;
	text-align:center;
	font-size:14px;
	color:#FFF;
	padding:0 30px;
	line-height:38px;
	border-radius:100px;
	float:left; margin:20px 10px 0 0;
	background: #1f1f1f;
	border:0px;
}
a.blue-btn
{
	background:#bc0000;
	float:left;
	font-size:14px;
	color:#FFF;
	height:38px;
	padding:0 30px;
	line-height:38px;
	border-radius:5px;
	margin:20px 10px 0 0;
}
a.more-btn
{
	background:#FFF;
	border:#e5e5e5 solid 1px;
	border-radius:100px;
	padding:6px 25px;
	font-size:16px;
	color:#17582d;
	border-bottom:rgba(0, 0, 0, 0.2) solid 2px !important;
	float:left;
	margin:10px 0 0 0;
}
a.more-btn:hover
{
	background:#f9f9f9;
	color:#17582d;
}

/*--------------- 13. Padding, Margin, Color Styles ---------------*/

/*--Padding classes--*/
.padding0 { padding:0px !important;}
.margin-top0{ margin:0px !important;}
.margin-top20{ margin-top:20px;}
.paddingtop20{ padding-top:20px !important;}
/*--Color classes--*/
.padding-left0{ padding-left:0px;}
.padding-right0{ padding-right:0px;}


/*--------------- 14. Media Queries ---------------*/


@media (min-width: 768px) and (max-width: 990px) {
	.logo{ width:150px; padding:23px 0 0 0 !important;}
	.logo img{ width:100%;}
	
	.slides ul li{ left:-50%;}
	
	.navbar-nav > li{ margin:0 1px;}
	.navbar-collapse { margin: 0px 0 0 !important;}
	.search-icon {float: right; margin: 32px 0 0;}
	.navbar-nav > li > a{ padding:0 10px; font-size:13px;}
	.content-container{ margin:10px 0 0 0;}
	.box-style ul > li > a{ padding:0 15px;}
	.category-tag {
    position: absolute;
    right: -18px;
    top: -15px;
    z-index: 10000;}
	.category-tag img{ width:80%;}
	.welcome-box p{ padding:30px 20px 0px !important;}
	.product-thumbnail{ height:115px;}
	
	#sequence > .sequence-canvas > li img{ width:45%;}
	h2{ font-size:34px !important; text-align:left;}
	#sequence .title{ font-size:34px !important;}
	ul, ol{ margin:0px !important;}
	.contact-form{ width:100%;}
	.small_thumbnail{ background:#FFF; padding:0px 0 15px 0px; text-align:center;}
.small_thumbnail a{ margin:0 5px;}
.small_thumbnail a img{ width:inherit !important;}
	
}
@media (min-width: 991px) and (max-width: 1024px) {
	.navbar-nav > li{ margin:0 2px;}
	.navbar-collapse { margin: 33px 0 0 !important;}
	.search-icon {float: right; margin: 36px 0 0;}
	
	.tablet-padding0{ padding:0px;}
	.search-box{ margin:15px 0 0 0 !important;}
	.slides ul li{ left:-30%;}
	
	.navbar-nav > li{ margin:0 1px;}
	.navbar-collapse { margin: 0px 0 0 !important;}
	.content-container{ margin:10px 0 0 0;}
	.box-style ul > li > a{ padding:0 35px;}
.search-box{ margin:0px;}
input.field{ width:203px;}
.align-center{ text-align:right;}
#sequence > .sequence-canvas > li img{ width:45%;}
	h2{ font-size:34px !important; text-align:left;}
	#sequence .title{ font-size:34px !important;}
	ul, ol{ margin:0px !important;}
	.category-tag {
    position: absolute;
    right: -0px;
    top: -25px;
    z-index: 10000;}
	.small_thumbnail{ background:#FFF; padding:0px 0 15px 0px; text-align:center;}
.small_thumbnail a{ margin:0 5px;}
.small_thumbnail a img{ width:inherit !important;}

}

@media (min-width: 320px) and (max-width: 640px) {
	ul, ol{ margin:0px !important;}
	.navbar-nav{ margin:0px -15px;}
	h1{ font-size:24px;}
	.field{ width:100% !important;}
	.logo{ margin:0px !important; padding:15px 0 0 0 !important; line-height:normal;}
	.logo img{ width:80%;}
	.topheader {
    height: 60px;	
}
.slides{ width:100% !important; height:180px;}
.slides img{ width:150% !important; text-align:center;}
.slides ul li{ left:-20%;}
.slides ul li div{ width:100% !important; font-size:24px; top:30%;}

.search-icon {
    float: right;
    margin: 20px 0px 0 0;
}
.category-bg
{
	width:100%;
	background:#17582d;
	position:fixed;
	height:100%;
	z-index:1000;
}
.close-icon{ position:absolute; padding:0px 20px; bottom:0; right:0; text-align:center; background:#103e1f; color:#FFF; font-weight:bold; font-size:14px; line-height:30px;}
.welcome-box p{ padding:20px 10px !important;}
.product-listing ul li{ width:100%; margin:20px 0 0 0;}
.product-listing {
	padding:0 0px;
}
.mobile-padding15{ padding:0 15px !important;}
.mobile-margin-bottom{ margin-bottom:20px !important;}
.social-icon {
    float: left;
	text-align:center;
	width:100%;
	margin:10px 0 0 0;
}
.contact-form{ width:100%;}
.submit-btn, .grey-btn{ width:100%; margin:0 0 10px 0px;}
.large-thumbanil{ width:100%; margin-bottom:20px;}
.detail-box .detail-content {
    margin: 0;
    padding: 0 10px;
}
.custom-tabs .nav-tabs > li{ float:left; width:100%; padding:0 0px;}
.custom-tabs .nav-tabs > li > a{ width:100%; margin-bottom:10px;}
.search-dropdown {
    position: absolute;
    right: 0;
    top: 50px;
    width: 100%;
    z-index: 1000;
}
.btn-search{ width:100%;}
	/*--------------- Custom Nav Style ---------------*/
	.navbar-collapse{ margin:0px !important;}
.navbar
{
	float:none !important;
}
.navbar-nav
{
	background:#FFF;
	height:auto !important;
	z-index:1000;
	position:relative;
	width:100%;
	margin:0px;
}
.navbar-nav>li
{ 
	float:left;  
	padding:0px;
	width:100%;
	margin:0px;
}
.navbar-nav>li>a
{ 
	float:left; 
	padding:0px 20px;
	font-size:14px; 
	color:#454545; 
	line-height:36px; 
	width:100%;
	margin-bottom:5px;
}
#sequence > .sequence-canvas > li{ top:0px;}
#sequence > .sequence-canvas > li img{ top:20px; width:80%;}
#sequence .title{ bottom:10px; background:none !important;}
#sequence .animate-in .model{ margin:0px !important;}
#sequence .title {
    font-size: 24px !important;
}
#sequence .animate-in .model{ left:12%; margin-left:0px;}
.about-img-thumbnail{ width:100%; height:auto;}
.about-img-thumbnail img{ width:100%;}
.search-results{ padding:0 10px;}
.btm-button{ padding:20px 0px 0 0px;}
.blue-btn{ width:100%; text-align:center;}
.small_thumbnail{ background:#FFF; padding:0px 0 15px 0px; text-align:center;}
.small_thumbnail a{ margin:0 5px;}
.small_thumbnail a img{ width:inherit !important;}
.small-header{ padding:30px 0px; height:80px;}
.custom-tabs{ width:100%; margin:0 auto;}
.heading-margin-top{ margin:30px 0 0 0 !important;}
}