@import url('https://fonts.googleapis.com/css?family=Raleway:500,600,800,700,100,900,400,200,300');
@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic');

/* 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;background:transparent}
*,*::before,*::after{box-sizing:border-box}
ol,ul{list-style:none}
blockquote,q{quotes:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}
.clearfix{display:inline-block}
*html .clearfix{height:1%}
.clearfix{display:block}
.clear{clear:both;line-height:0;font-size:0}
img.alignright{float:right;margin:0 0 1em 1em}
img.alignleft{float:left;margin:0 1em 1em 0}
img.aligncenter{display:block;margin-left:auto;margin-right:auto}

/* Main */
body{background:#ffffff;font-size:12px;font-family:Arial,Helvetica,sans-serif;color:#666}
h1{font-size:45px;font-family:'Raleway',sans-serif;color:#222220;text-align:center;text-transform:uppercase;font-weight:600;margin-bottom:44px}
h1 span{color:#781214;font-weight:700}
h1 span span{font-weight:600;display:block;color:#222220;font-size:20px;text-transform:capitalize;padding:6px 0 0}
h1 span span::after{content:" ";display:block;background:#781214;width:121px;height:6px;margin:0 auto;margin-top:10px}
h5{font-size:21px;font-family:'Lato',sans-serif;color:#781214;text-transform:uppercase;font-weight:normal;margin-bottom:12px}
h6{font-size:16px;font-family:'Lato',sans-serif;color:#781214;text-transform:capitalize;font-weight:bold;margin-bottom:10px;clear:both}
h2{font-size:40px;font-family:Arial,Helvetica,sans-serif;color:#222220;text-transform:uppercase;font-weight:normal;margin-bottom:20px}
p{font-size:14px;font-family:Arial,Helvetica,sans-serif;color:#222220;line-height:20px;margin-bottom:15px}
.wrapper{width:942px;margin:0 auto}
ol{margin:0 0 15px;padding:0 0 0 18px}
ol li{padding:6px 0;line-height:20px;font-size:15px;font-family:Arial,Helvetica,sans-serif;color:#222220;list-style:decimal}
ul{margin:0 0 15px;padding:0 0 0 18px}
ul li{padding:6px 0;line-height:20px;font-size:15px;font-family:Arial,Helvetica,sans-serif;color:#222220;list-style:disc;text-align:justify}
a{text-decoration:none}

/* Header */
header{width:100%;position:relative;z-index:100}
.headi-top{height:35px;background:#781214}
header .header-wrapper{width:100%;background:#efefef;height:80px;padding:0}
.mscc-logo{display:block;text-indent:-9000px;background:url(../images/logo.png) no-repeat;width:147px;height:61px;float:left;margin-top:9px}

/* Menu */
#menu{float:left;margin:0}
#menu ul{padding:0;margin:0;list-style:none;background:none}
#menu ul li{list-style:none;line-height:inherit;padding:0;margin:0;display:inline-block;position:relative}
#menu ul li a{font-size:16px;color:#222220;padding:0 15px;font-family:'Lato',sans-serif;text-transform:uppercase;text-decoration:none;font-weight:normal;display:block;line-height:80px}
#menu ul li.home-ico a{display:block;width:33px;background:url(../images/home.png) no-repeat center!important;padding:0;text-indent:-9000px}
#menu ul li a:hover,#menu ul li.current-menu-item a{text-decoration:none;color:#FFF;background:#781214}
#menu ul li.home-ico a:hover{background:url(../images/home.png) no-repeat center!important}
.header-col-r{float:right}

/* Banner */
#banner{width:100%;position:relative;margin-top:-4px;z-index:1}
#banner img{vertical-align:top;width:100%}

/* Slider */
.slider-wrapper{width:100%;overflow:hidden;position:relative;background:#222}
.slider-container{display:flex;transition:transform 0.8s ease-in-out}
.slide{min-width:100%;position:relative}
.slide img{width:100%;display:block;vertical-align:top}
.slide .slide-text{position:absolute;bottom:60px;left:0;width:100%;text-align:center}
.slide .slide-text h2{color:#fff;font-size:42px;font-family:'Raleway',sans-serif;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.5);text-transform:uppercase}
.slider-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(120,18,20,.75);border:none;color:#fff;font-size:28px;cursor:pointer;z-index:10;width:44px;height:44px;display:flex;align-items:center;justify-content:center}
.slider-btn.prev{left:10px}
.slider-btn.next{right:10px}
.slider-dots{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:10}
.slider-dot{width:11px;height:11px;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer;border:none}
.slider-dot.active{background:#fff}

/* Content Wrap */
.content-wrap{width:100%;padding:20px 0 0}
.welcome-notes{padding-top:30px;margin-bottom:44px}
.wel-widgets{width:300px;min-height:200px;float:left;margin-right:21px;text-align:center}
.widget-img-b{padding:8px;border:#d6d5d5 1px solid;margin-bottom:14px}
.widget-img-b img{width:100%;height:auto;vertical-align:top}
.wel-widgets h2{font-size:27px;text-transform:uppercase;color:#781214;font-weight:600;margin:0 0 7px;text-align:center;font-family:'Raleway',sans-serif;vertical-align:bottom}
.wel-widgets p{font-size:13px;color:#444;line-height:20px;margin-bottom:16px;font-family:'Lato',sans-serif;padding:0 5px;font-weight:normal;text-align:center}
.wel-widgets .read-more{display:inline-block;line-height:34px;padding:0 31px;background:#f4f4f4;font-size:12px;color:#222220;text-decoration:none;border:#979797 1px solid}
.wel-widgets .read-more:hover{color:#FFF;background:#781214;border:#781214 1px solid}
.wel-widgets:nth-child(3n){margin-right:0}

/* Downloads / Process Section */
.procces-pd{padding:30px 0 30px;text-align:center}
.click-to-view{display:inline-block;background:url(../images/btn-2.png) no-repeat;width:135px;height:36px;margin:0 5px}
.click-to-download{display:inline-block;background:url(../images/btn-1.png) no-repeat;width:174px;height:36px;margin:0 5px}
.click-to-view:hover,.click-to-download:hover{opacity:.8}

/* Offers */
.offer-upper{background:#e1e1d9;padding:35px 0 15px}
.offers{margin-bottom:0;background:#e1e1d9}
.offer-post{width:215px;min-height:70px;float:left;margin:0 18px 20px;padding:0 0 0 62px}
.offer-post h3{font-size:17px;font-family:Arial,Helvetica,sans-serif;text-transform:inherit;color:#222220;font-weight:normal;margin:0 0 9px}
.offer-post p{color:#222220;line-height:inherit;margin-bottom:0;font-size:12px;font-family:Arial,Helvetica,sans-serif;text-align:justify}

/* Newsletter / Form Section */
.for-sec{height:79px;width:100%;background:url(../images/form-sec-bg.png) repeat-x top;padding-top:45px}
.home-ct-col1{float:right;line-height:35px;margin-right:20px}
.home-ct-col1 p{font-size:20px;font-family:'Raleway',sans-serif;color:#ffffff;line-height:inherit;margin:0;font-weight:700;letter-spacing:1px;text-transform:uppercase}
.home-ct-col1 p span{color:#fd1f23}
.home-ct-col2{float:right}
.newsletter-form{display:flex;align-items:center;gap:0}
.newsletter-form input[type="email"]{width:210px;height:35px;border:0;background:#fff;padding:0 10px;font-size:16px;font-weight:700;font-family:'Raleway',sans-serif;color:#222220;display:block}
.newsletter-form input[type="text"]{width:210px;height:35px;border:0;background:#fff;padding:0 10px;font-size:16px;font-weight:700;font-family:'Raleway',sans-serif;color:#222220;display:block;margin-right:12px}
.newsletter-form button{display:inline-block;line-height:35px;height:35px;border:0;background:#a12a2e;font-family:Arial,Helvetica,sans-serif;font-weight:bold;font-size:14px;color:#FFF;padding:0 15px;cursor:pointer;margin:0}
.newsletter-form button:hover{background:#781214}

/* Partners */
.partners{width:100%;background:#e6e6e6;min-height:126px;padding:0 0 20px}
.partners ul{list-style:none;padding:0;margin:0;background:none}
.partners ul li{list-style:none;line-height:inherit;padding:29px 0 0;margin:0 39px 0;background:none;float:left}
.partners ul li img{vertical-align:top}
.partners ul li:first-child{margin-left:0}
.partners ul li:last-child{margin-right:0}

/* Footer */
.social-btm{float:right}
.social-btm a{float:left;margin:0 0 15px 4px}
.social-btm a:hover{opacity:.8}
.craft{display:inline-block;float:left;margin:8px 0 0}
.craft a{color:#FFF}
.footer-bottom p{float:left;font-size:12px;color:#999;font-family:'Lato',sans-serif;margin-bottom:0}
footer{background:#211f20;padding:24px 0 0}
.footer-top{width:942px;margin:0 auto}
.footer-top h4{font-weight:normal;font-family:Arial,Helvetica,sans-serif;font-size:18px;text-transform:uppercase;color:#cd2027;margin-bottom:13px}
.footer-top ul{list-style:none;padding:0;margin:0 0 25px;background:none}
.footer-top ul li{list-style:none;padding:0;margin:0;background:none;line-height:24px;float:none}
.footer-top ul li a{color:#818181;text-decoration:none;font-weight:normal;font-family:Arial,Helvetica,sans-serif;font-size:12px}
.footer-top ul li a:hover{text-decoration:underline}
.footer-top p{margin-bottom:19px;line-height:inherit;color:#818181;font-weight:normal;font-family:Arial,Helvetica,sans-serif;font-size:12px;text-align:justify}
.footer-logo{display:block;background:url(../images/footer-logo.png) no-repeat;width:128px;height:53px;text-indent:-9000px;margin-bottom:20px}
.foot-phone{display:block;font-size:24px;color:#00bbea;font-weight:normal;font-family:Arial,Helvetica,sans-serif;margin-bottom:10px}
.footer-bottom{width:942px;margin:0 auto;border-top:#757475 1px solid;padding:10px 0 30px}
.footer-bottom ul{padding:0;margin:0;float:right;list-style:none;background:none}
.footer-bottom ul li{list-style:none;line-height:inherit;padding:0 14px 0 5px;margin:0;display:inline-block}
.footer-bottom ul li:first-child{background:url(../images/ftr-slash.jpg) right no-repeat}
.footer-bottom ul li:last-child{background:none;padding-right:0}
.footer-bottom ul li a{font-size:12px;color:#999;font-family:'Lato',sans-serif;text-decoration:none}
.footer-bottom ul li a:hover{text-decoration:underline}

/* Inner pages */
.inner{padding-bottom:30px}
.title-wrap{position:absolute;left:0;width:100%;bottom:0;height:80px;background:url(../images/heading-bg.png) repeat}
.title-wrap h2{font-weight:bold;font-size:35px;color:#FFF;text-transform:uppercase;margin:0;line-height:80px;font-family:'Lato',sans-serif}
.title-wrap h2 span{font-weight:300}

/* Contact */
.contact-col1{width:44%;float:left}
.contact-col2{width:50%;float:right}
.contact-col1 h5{text-decoration:underline;margin-bottom:20px}
.contact-col1 span{display:block;line-height:32px;font-size:16px;color:#222220;padding:0 0 0 40px;margin:0 0 10px;background-position:left}
.cnt-tel{background:url(../images/1433351190_call.png) no-repeat}
.cnt-fax{background:url(../images/1433351190_fax.png) no-repeat}
.cnt-address{background:url(../images/1433351190_addressl.png) no-repeat;line-height:20px!important}
.field-c{width:95.5%;padding:0 2%;height:31px;background:none;border:#222220 1px solid;margin-bottom:14px;font-size:13px;font-weight:normal;color:#222220;font-family:Arial,Helvetica,sans-serif;box-sizing:border-box}
.contact-col2 textarea{width:95.5%;padding:10px 2%;height:100px;background:none;border:#222220 1px solid;font-size:13px;font-weight:normal;color:#222220;font-family:Arial,Helvetica,sans-serif;resize:none;margin-bottom:7px;box-sizing:border-box}
.ct-submit{display:inline-block;padding:0 25px;height:31px;background:none;border:#222220 1px solid;margin-bottom:0;font-size:13px;font-weight:normal;color:#222220;font-family:Arial,Helvetica,sans-serif;cursor:pointer}
.ct-submit:hover{background:#FFF;border-color:#781214;color:#781214}

/* FAQ */
.faq-section{padding:25px 0 15px}
.faq-section .faq-item h3{display:block;line-height:inherit;border:#222220 1px solid;color:#222220;font-size:15px;font-weight:600;padding:10px 15px;cursor:pointer;border-bottom:0;font-style:italic;margin:0}
.faq-section .faq-item:last-child h3{border-bottom:#222220 1px solid}
.faq-section .faq-item h3:hover{border:#781214 1px solid;color:#781214;border-bottom:0}
.faq-section .faq-item.active h3{border-color:#781214;color:#781214;border-bottom:#781214 1px solid!important}
.faq-section .faq-body{padding:15px 15px 10px;border-left:#781214 1px solid;border-right:#781214 1px solid;border-bottom:#781214 1px solid;display:none}
.faq-section .faq-body.open{display:block}
.faq-section p{font-size:13px;color:#781214;font-weight:normal;line-height:20px;margin:0 0 10px}
.faq-section p a{font-weight:bold;text-decoration:underline;color:#781214}

/* Gallery */
.gal-val{padding:0;margin:0;list-style:none}
.gal-val li{list-style:none;padding:0;margin:0 4px 8px;float:left;position:relative;background:#FFF;border:2px solid #222220}
.gal-val li img{vertical-align:top}
.gal-val li span.splus{position:absolute;width:50px;height:50px;top:50%;display:none;left:50%;margin:-25px 0 0 -25px;background:url(../images/plus.png) no-repeat;z-index:300}
.gal-val li:hover img{opacity:0.6}
.gal-val li:hover span.splus{display:block}

/* Products */
.product-sec{margin:0 0 40px;position:relative}
.event-posts{list-style:none;padding:0;margin-bottom:53px;overflow:hidden}
.event-posts li{float:left;list-style:none;padding:10px;margin:0 0 13px 1%;width:30%;background:#efefef;text-align:center}
.event-posts li img{width:100%;margin-bottom:0;vertical-align:top}
.event-posts li span{display:inline-block;font-family:Arial,Helvetica,sans-serif;font-weight:normal;font-size:14px;color:#222220;padding-bottom:5px;border-bottom:3px solid #9b0a11;margin-bottom:10px}
.event-posts li h3{font-family:'Raleway',sans-serif;font-weight:bold;font-size:21px;color:#781214;margin-bottom:10px;line-height:32px;text-align:center}
.event-posts li .read-more{display:inline-block;font-family:'lato',sans-serif;font-weight:bold;font-size:11px;color:#9b0a11;text-transform:uppercase;text-decoration:none}
.event-posts li .read-more:hover{text-decoration:underline}

/* About banner */
.about-banner-wrap{width:100%;position:relative}
.about-content{padding:40px 0}
.about-content p{font-size:14px;line-height:22px;color:#222220;margin-bottom:15px}
.about-content img{float:left;margin-right:30px;margin-bottom:15px;max-width:300px}

/* Feature post */
.feature-post{margin-bottom:34px}
.feature-post img{float:left;margin-right:32px}
.feature-post span{display:inline-block;font-family:Arial,Helvetica,sans-serif;font-weight:normal;font-size:18px;color:#222220;padding-bottom:6px;border-bottom:4px solid #9b0a11;margin-bottom:15px}
.feature-post h3{font-family:'Raleway',sans-serif;font-weight:bold;font-size:24px;color:#222220;margin-bottom:12px}
.feature-post p{font-family:'lato',sans-serif;font-weight:normal;font-size:13px;line-height:20px;color:#222220}
.feature-post .read-more{display:inline-block;line-height:34px;padding:0 31px;background:#222220;font-family:'Raleway',sans-serif;font-weight:bold;font-size:11px;color:#fff;text-transform:uppercase;text-decoration:none}
.feature-post .read-more:hover{background:#383835}

/* Read More button */
.read-morie{display:inline-block;line-height:34px;padding:0 31px;background:#f4f4f4;font-size:12px;color:#222220;text-decoration:none;border:#979797 1px solid}
.read-morie:hover{color:#FFF;background:#781214;border:#781214 1px solid}

/* Offer icons */
.offer-post-1{background-image:url(../images/ico-offer1.png)}
.offer-post-2{background-image:url(../images/ico-offer2.png)}
.offer-post-3{background-image:url(../images/ico-offer3.png)}
.offer-post-4{background-image:url(../images/ico-offer4.png)}
.offer-post-5{background-image:url(../images/ico-offer5.png)}
.offer-post-6{background-image:url(../images/ico-offer6.png)}
.offer-post-7{background-image:url(../images/ico-offer7.png)}
.offer-post-8{background-image:url(../images/ico-offer8.png)}
.offer-post-9{background-image:url(../images/ico-offer9.png)}
.offer-post{background-repeat:no-repeat;background-position:left 1px}

/* Lightbox */
.lightbox-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.85);z-index:9999;justify-content:center;align-items:center}
.lightbox-overlay.open{display:flex}
.lightbox-inner{position:relative;max-width:90%;max-height:90vh}
.lightbox-inner img{max-width:100%;max-height:90vh;display:block}
.lightbox-close{position:absolute;top:-35px;right:0;color:#fff;font-size:28px;cursor:pointer;font-family:Arial}
.lightbox-prev,.lightbox-next{position:fixed;top:50%;transform:translateY(-50%);background:rgba(120,18,20,.8);color:#fff;border:none;font-size:24px;cursor:pointer;padding:10px 15px;z-index:10000}
.lightbox-prev{left:10px}
.lightbox-next{right:10px}

/* Misc */
.post-s-date{display:inline-block;font-family:Arial,Helvetica,sans-serif;font-weight:normal;font-size:18px;color:#222220;padding-bottom:5px;border-bottom:4px solid #9b0a11;margin-bottom:15px}
.mobile-menu-btn{display:none}

/* Sticky header */
header.sticky .header-wrapper{position:fixed;top:0;left:0;right:0;z-index:999;box-shadow:0 2px 6px rgba(0,0,0,.1)}

/* Responsive layout */
img{max-width:100%;height:auto}
html,body{max-width:100%;overflow-x:hidden}

@media (max-width: 980px){
  .wrapper,
  .footer-top,
  .footer-bottom{
    width:calc(100% - 30px);
    max-width:942px;
  }

  h1{font-size:38px}
  h1 span span{font-size:18px}

  .wel-widgets{width:31%;margin-right:3.5%}
  .offer-post{width:47%;margin-right:3%;margin-bottom:18px}
  .offer-post:nth-child(odd){clear:left}
  .partners ul{padding-left:0;text-align:center}
  .partners ul li{float:none;display:inline-block;margin:12px 16px 0}
  .footer-top,.footer-bottom{width:calc(100% - 30px)}
  .footer-bottom p{float:none;display:block;text-align:center;margin-bottom:12px}
  .footer-bottom ul{float:none;text-align:center}
}

@media (max-width: 768px){
  .wrapper,
  .footer-top,
  .footer-bottom{
    width:100%;
    max-width:none;
    box-sizing:border-box;
    padding-left:12px;
    padding-right:12px;
  }
  header .header-wrapper{height:auto;padding:0}
  header .header-wrapper .wrapper{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding-top:10px;
    padding-bottom:10px;
  }
  .mscc-logo{
    float:none;
    margin:0;
    flex:0 0 auto;
    background-size:contain;
    width:134px;
    height:56px;
  }
  .header-col-r{
    float:none;
    clear:none;
    flex:0 0 auto;
    margin-left:auto;
    position:static;
  }
  .mobile-menu-btn{
    display:inline-block;
    float:none;
    margin:0;
    padding:10px 14px;
    border:0;
    background:#781214;
    color:#fff;
    font-family:'Lato',sans-serif;
    font-size:14px;
    font-weight:700;
    text-transform:uppercase;
    cursor:pointer;
    border-radius:2px;
    line-height:1;
  }
  #menu{
    display:none;
    float:none;
    clear:none;
    position:absolute;
    top:100%;
    right:12px;
    width:min(260px, calc(100vw - 24px));
    margin-top:8px;
    background:#efefef;
    border:1px solid rgba(0,0,0,.08);
    box-shadow:0 8px 24px rgba(0,0,0,.12);
    z-index:1000;
  }
  header.nav-open #menu{display:block}
  #menu ul li{display:block}
  #menu ul li a{
    line-height:44px;
    padding:0 14px;
    border-top:1px solid rgba(0,0,0,.06);
  }
  #menu ul li.home-ico a{
    width:auto;
    background:none!important;
    text-indent:0;
    padding-left:14px;
  }
  #menu ul li a:hover,
  #menu ul li.current-menu-item a{background:#781214;color:#fff}
  #banner{margin-top:0}
  .title-wrap{height:auto}
  .title-wrap h2{font-size:28px;line-height:1.2;padding:18px 0}
  .content-wrap{padding-top:10px}
  .welcome-notes,
  .procces-pd,
  .about-content{padding-top:20px}
  .wel-widgets,
  .contact-col1,
  .contact-col2,
  .home-ct-col1,
  .home-ct-col2,
  .footer-bottom p,
  .footer-bottom ul{
    float:none;
    width:100%;
  }
  .wel-widgets{margin-right:0;margin-bottom:22px}
  .offer-post{width:100%;float:none;margin-right:0}
  .feature-post img,
  .about-content img{
    float:none;
    display:block;
    margin:0 0 18px;
    max-width:100%!important;
  }
  .contact-col1{margin-bottom:24px}
  .contact-col1 span{font-size:15px}
  .field-c,
  .contact-col2 textarea{width:100%}
  .newsletter-form{
    flex-direction:column;
    align-items:stretch;
    gap:10px;
  }
  .newsletter-form input[type="text"],
  .newsletter-form input[type="email"],
  .newsletter-form button{
    width:100%;
    margin-right:0;
  }
  .home-ct-col1{margin:0 0 14px;text-align:center}
  .home-ct-col2{width:100%}
  .home-ct-col1 p{font-size:18px;text-align:center}
  .gal-val li{
    width:100%;
    margin:0 0 8px;
    box-sizing:border-box;
  }
  .gal-val li img{width:100%;height:auto}
  .event-posts li{width:100%;margin-left:0}
  .lightbox-prev,.lightbox-next{padding:8px 12px;font-size:20px}
  .for-sec{
    height:auto;
    padding:20px 0 16px;
    background-size:auto 100%;
  }
  .home-ct-col1 p{line-height:1.2}
  .partners{padding-bottom:28px}
  .partners ul li{margin:10px 10px 0}
  footer{padding-top:18px}
}

@media (max-width: 560px){
  h1{font-size:30px;margin-bottom:28px}
  h1 span span{font-size:16px}
  h2{font-size:30px}
  p,ul li,ol li{font-size:14px;line-height:22px}
  .wel-widgets{padding-bottom:6px}
  .title-wrap h2{padding:14px 0}
  .for-sec{padding:18px 0 12px}
  .click-to-view,
  .click-to-download{
    display:block;
    margin:0 auto 10px;
  }
  .gal-val li,
  .event-posts li{width:100%;margin-left:0}
  .social-btm,
  .craft{
    float:none;
    display:block;
    text-align:center;
  }
  .social-btm{margin-top:10px}
  .footer-bottom ul li{display:inline-block;float:none}
  .footer-bottom ul li:first-child{background:none}
  .slider-btn{width:36px;height:36px;font-size:24px}
  .slider-dots{bottom:10px}
}