@font-face {
    font-family: justice_league;
    src: url(fonts/justice_league-webfont.woff);
    src: url(fonts/justice_league-webfont.woff2);
    src: url(fonts/justice_league-webfont.eot lite);
}
@font-face {
    font-family: opensans-light;
    src: url(fonts/opensans-light-webfont.woff);
    src: url(fonts/opensans-light-webfont.woff2);
    src: url(fonts/opensans-light-webfont.eot lite);
}
@font-face {
    font-family: opensans-regular;
    src: url(fonts/opensans-regular-webfont.woff);
    src: url(fonts/opensans-regular-webfont.woff2);
    src: url(fonts/opensans-regular-webfont.eot lite);
}
@font-face {
    font-family: opensans-semibold;
    src: url(fonts/opensans-semibold-webfont.woff);
    src: url(fonts/opensans-semibold-webfont.woff2);
    src: url(fonts/opensans-semibold-webfont.eot lite);
}
@font-face {
    font-family: opensans-bold;
    src: url(fonts/opensans-bold-webfont-webfont.woff);
    src: url(fonts/opensans-bold-webfont.woff2);
    src: url(fonts/opensans-bold-webfont.eot lite);
}
@font-face {
    font-family: 'bignoodletitlingregular';
    src: url('fonts/big_noodle_titling-webfont.eot');
    src: url('fonts/big_noodle_titling-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/big_noodle_titling-webfont.woff2') format('woff2'),
         url('fonts/big_noodle_titling-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
font-family: 'Myriad Pro Regular';
font-style: normal;
font-weight: normal;
src: local('fonts/Myriad Pro Regular'), url('fonts/MYRIADPRO-REGULAR.woff') format('woff');
}



@font-face {
    font-family: 'bignoodletitlingoblique';
    src: url('fonts/big_noodle_titling_oblique-webfont.eot');
    src: url('fonts/big_noodle_titling_oblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/big_noodle_titling_oblique-webfont.woff2') format('woff2'),
         url('fonts/big_noodle_titling_oblique-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
/*--------- Breadcrumb -----------*/
.breadcrumb{
	background-color: #0080cc !important;
	border-radius: 0 !important;
}
.hactive{
	font-family: bignoodletitlingregular;
	text-transform: uppercase;
	background-color: #f3f3f3;
	color: #0080cc;
	text-align: center;
	margin: 0;
    padding: 50px 0 50px;
    font-size: 48px;
    line-height: 35px;
    margin-bottom: 25px;
}
.breadcrumb > .active{
    color: #000 !important;
}
/*--------- Breadcrumb -----------*/





/*--------- Left Menu -----------*/
.cate-heading{
	margin: 0;
	font-family: bignoodletitlingregular;
	text-transform: uppercase;
	background-color: #0080cc;
	color: #fff;
	padding: 10px 0;
	font-size: 30px;
	text-align: center;
}
.panel-group .panel{
	border-radius: 0;
	border:0;
}
.panel-default > .panel-heading{
	background-color: #DADADA !important;
}
.panel-default > .panel-heading:hover{
    background-color: #0080cc  !important;
}
.panel-group .panel + .panel{
	margin-top: 2px !important;
}
.collapse.in{
	border: solid 1px #f0f0f0;
}
.panel-heading {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}
.panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a {
	text-decoration: none !important;
	font-family: Myriad Pro Regular !important;
	color: #fff !important;
}
.subss{
	padding: 3px 0;
}
.subss a{
	color: #666666;
	font-family: Myriad Pro Regular;
}
.subss a:hover{
	color: #181818;
}
/*--------- Left Menu -----------*/











/*--------- Products-page -----------*/
.productc-pro{
	border: solid 2px #f0f0f0;
	text-align: center;
	margin-bottom: 30px;
	padding: 10px;
	transition-duration: 1s;
}
.productc-pro:hover{
	border: solid 2px #181818;
	transition-duration: 1s;
}
.pro-dets{
	padding-top: 30px;
}
.pro-dets h4{
	margin: 0;
	padding-bottom: 5px;
	font-family: Myriad Pro Regular;
	font-size: 14px;
}
.pro-dets p{
	margin: 0;
	font-family: Myriad Pro Regular;
	font-size: 14px;
}
.pro-dets a{
	color: #666666;
}
.pro-dets a:hover{
	color: #0080cc;
	text-decoration: none;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	background-color: #0080cc !important;
	border: #0080cc;
	border: solid 1px;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{
	background-color: #0080cc !important;
	color: #fff !important;
	border: #0080cc;
	border: solid 1px;
}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus{
	color: #0080cc;
}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus{
	color: #0080cc;
}
/*--------- Products-page -----------*/










/*--------- Detail-Page -----------*/
.detail-pro{
	border: solid 0px #c5c5c5;
	padding: 0px 30px !important;
}
.detail_box h3{
	font-family: Myriad Pro Regular;
	font-size: 18px;
	margin-top: 0;
	color: #666666;
	margin-bottom: 10px;
}
.detail_box p{
	padding-bottom: 10px;
}
.btn{
	width: 100%;
	border-radius: 0 !important;
	padding: 10px !important;
	background-color: #A1A1A1;
	color: #fff;
	transition-duration: 0.5s;
}
.btn:hover{
	background-color: #0080cc;
	color: #fff !important;
	transition-duration: 0.5s;
}
.form-control{
	border-radius: 0 !important;
}
.form-control:focus{
	box-shadow: inset 0 0px 0px rgba(0,0,0,.0), 0 0 0px rgba(0, 0, 0, .0) !important;
	border-color: #0080cc !important;
}
.sub_heading2{
	margin: 0;
	background-color: #0080cc;
	padding-left: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
	margin-top: 15px;
	margin-bottom: 15px;
	font-family: bignoodletitlingregular;
	font-size: 25px;
	text-transform: uppercase;
}
/*--------- Detail-Page -----------*/








/*--------- Baskit-Page -----------*/
.baskit-button{
	background-color: #a1a1a1;
	color: #fff;
	padding: 10px 10;
	transition-duration: 0.5s;
}
.baskit-button:hover{
	color: #fff;
	text-decoration: none;
	background-color: #0080cc;
	transition-duration: 0.5s;
}
.quote-button{
	background-color: #a1a1a1;
	border: 0;
	color: #fff;
	padding: 10px 30px;
	transition-duration: 0.5s;
}
.quote-button:hover{
	background-color: #0080cc;
	transition-duration: 0.5s;
}
.sub_heading{
	background-color: #a1a1a1;
	color: #fff;
	margin: 0;
	padding: 6px;
	transition-duration: 0.5s;
}
.sub_heading:hover{
	background-color: transparent;
	transition-duration: 0.5s;
}
/*--------- Baskit-Page -----------*/











/*--------- News-Page -----------*/
.news-new{
	border: solid 2px transparent;
	padding-bottom: 40px;
}
.txt_heading{
	color: #666666;
	margin: 0;
	padding: 15px 0px;
	font-family: Myriad Pro Regular;
	text-transform: uppercase;
}
.news-text-te{
	color: #000;
	font-family: Myriad Pro Regular;
	font-size: 14px;
	padding-bottom: 20px;
}
/*--------- News-Page -----------*/












/*--------- Site Map-Page -----------*/
.base_head_sitemap h3{
	margin: 0;
	background-color: #0080cc;
	font-family: Myriad Pro Regular;
	font-size: 20px;
	padding: 10px 10px;
	color: #fff;
}
.divcate2 h3{
	background-color: #3b3b3b;
	color: #fff;
	font-family: Myriad Pro Regular;
	font-size: 16px;
	padding: 10px 10px;
}
/*--------- Site Map-Page -----------*/




.sub-quote-form input{
	width: 100%;
	height: 50px;
	border: solid 1px #ebebeb;
	font-size: 17px;
	font-family: Myriad Pro Regular;
	margin: 15px 0;
	color: #999;
	padding-left: 15px;
}
.sub-quote-form select{
	width: 100%;
	height: 50px;
	border: solid 1px #ebebeb;
	font-size: 17px;
	font-family: Myriad Pro Regular;
	margin: 15px 0;
	color: #999;
	padding-left: 15px;
}
.sub-quote-form h3{
	width: 100%;
	height: 50px;
	border: solid 1px #ebebeb;
	font-size: 20px;
	font-family: Myriad Pro Regular;
	margin: 15px 0;
	color: #999;
	background-color: transparent;
	padding-top: 10px;
}
.sub-quote-form textarea{
	width: 100%;
	height: 200px !important;
	border: solid 1px #ebebeb;
	font-size: 17px;
	font-family: Myriad Pro Regular;
	margin: 15px 0;
	color: #999;
	padding: 15px;
}













@media screen and (max-width: 991px){
	.detail-pro{
	    padding: 30px 0px 0 !important;
    }
    .top-dropdown{
    	padding-bottom: 15px;
    }
}



@media screen and (max-width: 767px){
	.detail-pro{
	    padding: 30px 0px 0 !important;
    }
    .baskit-button{
    	padding: 10px 4 !important;
        font-size: 12px;
    }
}



@media screen and (max-width: 451px){
	.sub-breadcrumb li{
		display: block !important;
	}
}



@media screen and (max-width: 420px){
	.detail-pro{
	    padding: 30px 0px 0 !important;
    }
    .sub-addtobasket{
    	display: block !important;
    	padding-left: 0 !important;
    	margin-bottom: 30px;
    }
    .sub-category-qty{
    	display: block !important;
    }
}