@import url('https://use.fontawesome.com/releases/v5.10.1/css/all.css');
@import url('https://fonts.googleapis.com/css?family=Lora:400,700|Source+Sans+Pro:400,600,700&display=swap');

/****************************************************************************/
html {scroll-behavior: smooth;font-family: 'Source Sans Pro', sans-serif; }
body{color:#4f4f4f; font-family: 'Source Sans Pro', sans-serif; font-size:16px; font-weight:400; margin:0px; padding:0px; line-height:1.6;}
.pure-g,.pure-g [class *= "pure-u"]{font-family: 'Source Sans Pro', sans-serif; }

p{margin-bottom:20px;}
hr {margin:35px 0 10px 0; border-color:#605c8b;}

a{color:#312c6f; outline:none!important; text-decoration:none;}
a:hover {color:#000; text-decoration:none;}
.container {position:relative;}

h1,.h1, h2,.h2,h3,.h3{font-family: 'Lora', serif; color:#000;}
h1,.h1{font-size:30px; margin:0px 0 30px 0px!important; line-height:1.2; font-weight:400;}
h2,.h2{font-size:30px; margin-bottom:25px;}
h3,.h3{font-size:15px; font-weight:700; margin:0px 0px 25px 0px !important; text-transform:uppercase; color:#2f4a36;}

/******* Helpers ********************************************************************/
.Lora{font-family: 'Lora', serif;}
.bgdark{background:#2c3134;}
.mx-auto{margin:auto;}
.d-block{display:block;}
.text-uppercase{text-transform:uppercase;}
.pb-2{padding-bottom:15px;}
.pb-3{padding-bottom:25px;}
.imgres{width:100%;}

/******* Buttons ********************************************************************/
.btn{ moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;text-decoration:none !important;
font-size:13px; padding:15px 25px; font-weight:700;text-transform:uppercase; letter-spacing:.2em;font-family: 'Source Sans Pro', sans-serif; text-shadow:none !important;} 

.btn-outline-light,.btn-outline-light:visited{border:solid 1px #fff; color:#fff !important;}
.btn-outline-light:hover,.btn-outline-light.focus,.btn-outline-light:focus{background-color:#fff !important; border-color:#fff !important; color:#000 !important;}

.btn-warning{border-color:#ff9b00; background-color:#ff9b00 !important; color:#000;}
.btn-warning:hover,.btn-warning.focus,.btn-warning:focus{background-color:#000 !important; border-color:#000 !important; color:#fff !important;}

.ImgFade{background-color:#000;}
.ImgFade img{opacity: 0.8; filter: alpha(opacity=80); /* For IE8 and earlier */}

/************************************************* Header ********************************************************************/
.TopLink{padding:15px 0px; font-size:14px; color:#fff; text-align:right; letter-spacing:.050em; min-height:13px;} .TopLink img{vertical-align:middle; margin-right:7px;}
.Myaccount{margin-right:20px; display:inline-block;color:#757a7e;}
.Myaccount a{color:#fff;}.Myaccount a:hover{color:#c9151e;}

#Header{font-size:14px; color:#fff; padding:13px 0px;} 
#Header a{color:#000;} #Header a:hover{color:#c9151e;} 

/************************************************* navigation ********************************************************************/
.navigation{width:100%; text-align:center;background: #fff !important;} 
.navigation a{font-size:15px; font-weight:600; color:#000; letter-spacing:.050em; text-transform:uppercase; padding:10px 50px 10px 0px; display:inline-block;}
.navigation a.nopad{padding-right:0px;} .navigation a:hover{color:#000;} .navigation a.active{color:#c9151e !important;}
.navigation .level0 .submenu {text-align:left;}
.navigation .level0 .submenu a{font-size:14px;padding: 5px 10px 5px 0px;}
	
.pure-form{width:100%; padding-top:17px;}
.pure-input-1{min-height:50px; border-radius:5px 0px 0px 5px !important; border-color:#c8c8c8 !important; box-shadow:none !important; font-size:14px; padding-left:15px !important;color:#8f8f8f; border-right:none !important;}
.btnsearch{background:#fff; border-radius:0px 5px 5px 0px; padding:15px 10px 9px 5px; text-align:center;border:solid 1px #c8c8c8 !important;border-left:none !important;}
.pure-input-1::-moz-placeholder {color:#8f8f8f; opacity:1;}

/************************************************* WelText ********************************************************************/
.WelText{padding:30px 0px 0px 0px; font-size:18px;}
.WelText .MrgRight{margin-right:15px;}
.WelText .MrgLeft{margin-left:15px;}
.MrgText{margin-right:30px;}
.WelImg{position:relative; margin-bottom:30px;} .ImgFade {border-radius:3px;}
.WelImg a{display:block;}
.WelImg .WelText{position:absolute; background:url(../images/imgbg.png) repeat-x bottom; bottom:0px; right:0px; left:0px; font-size:20px; font-weight:700; text-align:center; color:#fff;
padding:40% 10px 25px 10px;border-radius:0px 0px 3px 3px;}
.Christmas{background:#e5e5e5; padding:45px; border-radius:3px; font-size:18px; color:#4f4f4f; margin-top:27px;}
.Christmas .Head{color:#a72a21; font-family:"Times New Roman", Times, serif;font-size:18px; font-weight:bold; margin-bottom:35px;}

/******* Slider ********************************************************************/
.BigImg{position:relative;}
.BigImg .container-new {position:absolute; left:0px;right:0px;top:17%; font-size:25px; color:#fff; line-height:35px;}
.BigImg .container-new .container-content{width:44%;}
.BigImg .container-new .h1{font-size:40px;color:#fff;} 

/********** Content **************************************************************************************************/
#ProArea{padding:30px 0px 0px 0px;}
.ProImg{background-color:#000; position:relative;border-radius:3px; margin-bottom:30px;}
.ProImg img{opacity:0.5; filter: alpha(opacity=50); /* For IE8 and earlier */}
.ProText{position:absolute;top:0px; left:0px; right:0px; padding:40px 36px; font-size:20px; color:#fff;}
.TopHead{color:#fff; font-size:33px; margin-bottom:20px;}
.Prodes{min-height:190px;}

.FreeQuote{background:url(../images/bg1.jpg) no-repeat top center; min-height:140px; font-size:45px; color:#fff; padding-top:60px; margin-bottom:30px;}
.FreeQuote span{display:inline-block; margin-left:50px;}

#ReProject .container-fluid{background:url(../images/bgimg1.jpg) no-repeat top center; color:#fff; padding-left:0px; padding-right:0px;}
#ReProject .ReproArea{padding:40px;}
#ReProject .ReproArea .h1{font-size:40px; color:#fff; text-align:center;}
#ReProject .ReProimg img{border-radius:5px; margin-bottom:20px; box-shadow:5px 5px 5px rgba(0,0,0,.75)}
#ReProject .ReProtext{font-size:18px; text-align:center;}


/********** Footer ***************************************************************************************************/
.page-footer, #Footer{color:#2c3134; font-size:16px; background:#ebebeb; padding:0px; margin-top:100px; font-weight:400;}
.page-footer a, #Footer a{color:#2c3134;}
.page-footer a:hover, #Footer a:hover{color:#a72920;}
.page-footer ul, #Footer ul{list-style:none; padding:0px; text-transform:uppercase;}
.page-footer ul li a, #Footer ul li a{text-decoration:none; display:block; margin-bottom:5px;}
.page-footer .MrgRight, #Footer .MrgRight{margin-right:11%;}
.page-footer .MrgRight1, #Footer .MrgRight1{margin-right:0%;}

.copyright,.FooterCopy{background:#2c3134 !important; color:#858585 !important; font-size:13px; letter-spacing:.1em; padding:20px 0px; text-transform:uppercase; text-align:center;}
.block-search .input-text{border-radius: 5px;
	border: solid 1px #c8c8c8 !important;
	min-height:30px;
}
.block-search .action.search{padding-top:10px !important;}

.WelImg p{padding:0px !important;margin:0px !important;}


.cms-home .page-main{
    padding-left: 0px !important;
    padding-right: 0px !important;
}

/* Magento default css start here*/

/*.page-header .panel.wrapper {
    border-bottom: none !important;
    background: #ffffff !important;
}*/
.page-header .header.panel {
    color:#fff;
}
.page-header .header.panel a{text-decoration:uppercase;}
.page-header .header.panel a:hover{color: #c9151e;}
.minicart-wrapper{color:#000;}
.minicart-wrapper .action.showcart::before{color:#ff0000 !important;}
.minicart-wrapper .action.showcart .counter.qty{background:none !important;font-size:14px;}
.header.panel > .header.links{text-transform:uppercase;}
/* Magento default css end  here*/


@media (min-width: 1920px) {
	
}

@media (max-width: 767px) {
.page-header .panel.wrapper {
    background-color: #ffffff !important;
}
.pure-img {
    max-width: 80% ;
}

.minicart-wrapper .action.showcart {
    float: right;
}


}
/* JLI Change width from 1200px to 100% for full width start */
@media (min-width: 1500px) {	
    /* JLI Change width from 1200px to 100% for full width start */
	.container{max-width: 100% !important;margin:auto;}
	/* JLI Change width from 1200px to 100% for full width end */
	
	/*.container-fluid{max-width:1500px !important;margin:auto;padding-left:15px; padding-right:15px;}
	.container-new{max-width:1500px !important;margin:auto;padding-left:15px; padding-right:15px;}*/
	
	.page-footer .MrgRight, #Footer .MrgRight{margin-right:15% !important;}
	.page-footer .MrgRight1, #Footer .MrgRight1{margin-right:5% !important;}
	
	/*.page-main,.breadcrumbs{width: 1500px !important;padding-left: 0px !important;padding-right: 0px !important;}*/

    /*.page-main,.breadcrumbs{width: 100% !important;padding-left: 0px !important;padding-right: 0px !important;} */
}


@media (max-width:1280px) {
.Prodes {min-height:160px;} .TopHead {font-size:30px;}
.ProText {padding:25px 25px; font-size:17px;}
.BigImg .container-new {top:10%; font-size:25px; width:55%; line-height:30px;}
.Christmas .Head {margin-bottom:15px;} .Christmas {padding:25px;}
}

@media (min-width: 767.98px) {	
.MrgRight{margin-right:4.2%;}
.MrgLeft{margin-left:4.2%;}
.MrgleftRight{margin: 0 2.1% 0 2.1%;}

.pullright{float:right; margin-top:15px;} .MrgTop{margin-top:25px;}
.text-right{text-align:right;}
}

@media (min-width: 991.98px) and (max-width: 1199.98px) {
.navigation a{font-size:13px !important;}
.navigation .level0 {margin:0 !important;}
.Prodes {min-height:130px;} .TopHead {font-size:24px; margin-bottom:10px;}
.ProText {padding:20px; font-size:15px; line-height:1.4;}
.FreeQuote span {margin-left:5px;}
.BigImg .container-new {top:10%; font-size:25px; width:55%; line-height:30px;}
.BigImg .container-new .h1 {font-size: 30px;}
.Christmas .Head {margin-bottom:15px;} .Christmas {padding:25px;}


}

@media (min-width: 768px) and (max-width: 991.98px) {
.navigation {position: absolute !important; top: 90px !important; left: 0px !important; right: 0px !important;}
.navigation a{font-size:13px !important; padding:0px 15px !important;}

.Christmas{margin-bottom:25px; margin-top:20px;} .MrgText {margin-right:0px;}
.WelText{padding:50px 0px 20px 0px; font-size:16px;}
.BigImg .container-new {top:7%; font-size:18px; width:85%; line-height:20px;}
.BigImg .container-new .h1 {font-size:34px; margin-bottom:0px !important;}
#ProArea{padding:50px 0px 20px 0px;}
.Prodes {min-height:130px;} .TopHead {font-size:24px; margin-bottom:10px;}
.ProText {padding:20px; font-size:15px; line-height:1.4;}

.MrgRight{margin:2% !important;}
.MrgLeft{margin:2% !important;}
.MrgleftRight{margin:2% !important;}
.FreeQuote{min-height:100px; font-size:28px; padding-top:45px; margin-bottom:50px;}
#ReProject .container-fluid{background:url(../images/bgimg1.jpg) no-repeat top center; background-size:cover;}
}

@media (max-width: 767.98px) {	
.navigation a{font-size:13px; padding:10px 20px 10px 0px;}
.Christmas{margin-bottom:25px; margin-top:20px;} .MrgText {margin-right:0px;}
.WelText{padding:50px 0px 20px 0px; font-size:16px;}
.BigImg .container-new {position:static; background:#333; width:auto; padding:25px; font-size:16px;}
.BigImg .container-new .h1 {font-size:30px; margin-bottom:0px !important;}
#ProArea{padding:50px 0px 20px 0px;}
.ProImg img{opacity:0.5; filter: alpha(opacity=50); /* For IE8 and earlier */ width:100%;}
.Prodes {min-height:unset; margin-bottom:25px;}
.MrgRight{margin:2% !important;}
.MrgLeft{margin:2% !important;}
.MrgleftRight{margin:2% !important;}
.FreeQuote{min-height:unset; font-size:28px; padding:35px 0; margin-bottom:50px; text-align:center;}
.FreeQuote span {margin-left:0px;}
#ReProject .container-fluid{background:url(../images/bgimg1.jpg) no-repeat top center; background-size:cover;}
.TopLink{text-align:center;}

#Header,.page-footer,#Footer{text-align:center;} #Header .pure-img,.page-footer .pure-img,#Footer .pure-img{ margin:auto; padding-bottom:10px;}
}

@media (max-width: 479px) {
#Header{padding:10px 0px;} #Header .pure-img,.page-footer .pure-img,#Footer .pure-img{ margin:auto; padding-bottom:20px;} 
.Prodes {min-height:130px;} .TopHead {font-size:20px; margin-bottom:10px;}
.ProText {padding:20px; font-size:14px; line-height:1.4;}
.MrgRight{margin:2% 0% !important;}
.MrgLeft{margin:2% 0% !important;}
.MrgleftRight{margin:2% 0% !important;}

}

@media (max-width: 320px) {
	
}

/*JLI top search bar resize*/
input#search{
    width: 79%;
    margin-left: 20%;
    margin-top: 11px;
}


/*Slider image size*/

.mgz-element-inner.sl-img-size .mgz-hover-main {
    height: 300px !important;
}
/*Slider content size*/
.mgz-element-inner.bfvl9wo-s.sl-size {
    min-height: 580px !important;
}
.more-info
{
    font-size:18px !important;
    color: white !important;
    font-weight: bolder;
}
a:hover
{
  color:red !important;   
  text-decoration: underline !important;
    
}