html {scroll-behavior: smooth;}
body {color:#000; font-family:'Lato',sans-serif; font-size:16px; line-height:1.5em; font-weight:400;}

.container{max-width:1600px; margin:0 auto; padding-left:15px; padding-right:15px;}
.shadow {box-shadow:.3rem .3rem .8rem rgba(217,217,217,0.7);}
.mw-100 {max-width:100%;}
.w-100 {width:100%;}
p {margin-bottom:30px;}
a {text-decoration:none;}
.d-inline-block {display:inline-block;}
.pure-g-spacing {margin:0 -1em;}
.pure-g-spacing > div {padding: 0 1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.d-flex {display:flex;}
.text-uppercase {text-transform:uppercase;}

.pure-button-warning {background:#ff5b06; border-radius:50px; color:#fff; font-family:'Roboto',sans-serif; font-size:18px; font-weight:500;}
.pure-button-warning:hover {color:#fff;}

h1 {color:#000; font-family:'Roboto',sans-serif; font-size:35px; font-weight:500;}
h2 {color:#000; font-size:24px; font-weight:700; text-transform:uppercase;}
h3 {color:#000; font-family:'Roboto',sans-serif; font-size:20px; font-weight:700;}
h4 {color:#000; font-size:14px; font-weight:700; text-transform:uppercase;}

/******* Header ********************************************************************/
#Header {padding:15px 0;}

.pure-menu-horizontal {text-align:right; padding-right:20px;}
.pure-menu-link {padding: 0.5em 0.8em;}
.pure-menu-link {color:#fff; font-size:15px;}
.pure-menu-active>.pure-menu-link, .pure-menu-link:focus, .pure-menu-link:hover {color: #fff;background-color: transparent;}
.first-nav .pure-menu-link {font-weight:300;}
.second-nav .pure-menu-link {font-weight:700;}


.call {color:#fff; font-family:'Roboto',sans-serif; font-size:26px; font-weight:700; width:280px;}
.call a{color:#fff;}
.quick-search {border:1px solid #fff; height:41px; width:100%;}
.quick-search .pure-input {background:none; border:0px !important; box-shadow:none !important; color:#fff; font-size:14px; height:41px; width:170px;}
.quick-search .pure-button {background:none; color:#fff; font-size:22px; padding:0px; float:right; padding:6px 10px 0 0}
.quick-search .pure-button:hover {color:#cecece;border: 0px;}

.bdr-space {border:1px solid #820000; margin:10px 0 20px;}


/********** Content **************************************************************************************************/
#MainBanner {line-height:0px;}
.categories {background:#ececec; padding:20px 0;}
.box {background:#fff; margin:20px;}
.box .txt-box {padding:15px; align-items:center;}
.box .txt-box .pure-button {margin-left:auto;}

#MainContent {background:#fff; padding:20px 0;}
.cards {background:#ececec; padding:15px; text-align:center; line-height:0px;}
.cards img {max-width:100%;}

.feature {margin-top:40px !important;margin-bottom:60px !important;}
.hdr-txt {background:#820000; margin:0px; font-family:'Roboto',sans-serif; padding:30px 15px; text-transform:uppercase; color:#fff; width:280px; text-align:center;}
.hdr-txt img {vertical-align:middle; margin-left:10px;}
.feature-list {background:#96bc57; padding:30px 50px; align-items:center; color:#fff; font-size:18px; font-weight:700; text-align:center;}
.feature-list img {vertical-align:middle; margin-right:10px;}

.pro-list {text-align:center;}
.pro-list h2 span {background:#fff; padding:0 20px;}
.pro-list h2:after {border-bottom:1px solid #000; content:''; display:block; margin:-9px auto 40px; width:50%;}
.pro-list .pro-txt {min-height:70px; padding:10px 30px;}
.pro-list .pro-price {padding:10px 30px 30px;}
.pro-list .box {border:1px solid #d6d6d6; border-bottom:1px solid #0b0938;}

.brands {margin-top:40px;margin-bottom:40px;}
.brands img {margin:0 17px; vertical-align:middle;}

/********** Footer ***************************************************************************************************/

.footer.content,.header.content{background:#820000 !important;}
.footer.content {padding:50px 0; line-height:2; font-size:13px;}
.footer.content .ftr-box {margin-left:20px;margin-right:20px;}
.footer.content a {color:#fff;}
.footer.content h4 {color:#fff; margin:0 0 15px;}
.footer.content ul {list-style:none; margin:0px; padding:0px;}
.footer.content .social li {padding-right:10px;}
.first-links {margin-right:50px;}
.right-area {text-align:right;}
.social li {display:inline;}
.copy {font-size:10px; color:#fff; padding-top:30px;}



@media (max-width:1599.98px) {
	.pure-menu-link {padding: 0.5em 0.5em;}
	.feature-list {padding: 30px 10px;}
	.pro-list .pro-txt {min-height: 100px;}
	h1 {font-size: 170%;}
}
@media (max-width:1199.98px) {
	.nav-title {text-align:center;}
	.pure-menu-horizontal {text-align:left;}
	.txt-box {display:block;}
	.pro-list .pro-txt {min-height: 50px;}
}
@media (max-width:991.98px) {
	.pure-menu-horizontal {text-align:center;}
	.first-nav,.second-nav {display:block;}
	#Header .pure-button {float:right; margin:6px 10px 0 0;}
	.call {width: auto; text-align: center;}
	.quick-search {width: 100%;}
	.feature {display:block;}
	.hdr-txt,.feature-list {width:auto;}
	.pro-list .pro-txt {min-height: 72px;}
	.pure-menu-link {padding: 0.5em 0.1em;}
}
@media (max-width:767.98px) {
	.txt-box {display:flex;}
	.pro-list h2:after {width:80%;}
	.pro-list .pro-txt {min-height: auto;}
	.footer.content,.right-area {text-align:center;}
	.footer.content .d-flex {display:block;}
	.first-links {margin-right:0px;}
	
	
	.box,.footer.content .ftr-box {margin:20px 0;}
}
@media (max-width: 575.98px) {
	.quick-search {display: flex;}
	.quick-search .pure-input {width: 90%;}
	#Header .pure-button {margin: 6px 10px 0 auto;}
	.txt-box {display:block;}
}