/*
  * Author : Mesh Creative
  * Website Name : Mud King products
  * Version : 1.0
*/
/*---------------------
       Global css
---------------------*/
html { position:relative; min-height:100%;}
* { padding:0; margin:0; }
body { background:#fff; overflow-x:hidden; font-size: 16px; line-height: 24px; font-family: "Roboto"; color: #000000; }
ul , li  { list-style:none; margin: 0; padding: 0; }
a { text-decoration:none; outline:none; }
a:hover , a:focus { text-decoration:none; outline:none; }
button { border: 0; background: none;}
select { outline:none;}
select:focus { outline:0;}
a img { border:none; }
.clr { clear:both; height:0px;}
a {  -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;}
/*-------------------
     Typography
-------------------*/
h1 { font:900 48px/60px "Roboto";  color: #fff; position: relative; margin:0 0 20px; text-transform: uppercase; text-shadow: 2px 2px #333;}
h2 { font:900 30px/40px "Roboto"; color: #000; margin: 0 0 30px;}
h3 { font:700 22px/30px "Roboto"; margin: 0 0 30px;}
h4 { font:900 24px/30px "Roboto"; margin: 0 0 20px;}
h5 { font: 20px/30px "Roboto"; margin: 0 0 20px;}
p  { margin: 0 0 20px;}

/*-------------------
     Buttons
-------------------*/
.btn { 
  width: 170px;   
  padding: 15px;  
  font-size: 16px; 
  line-height: 26px;     
  border-radius: 0; 
  color: #fff; 
  border:2px solid #620006; text-align: center;
  background: #a63e37;  
  font-family: "Roboto";
  font-weight: 500;
}
.btn:hover , .btn:focus { 
  background: #620006 ; border-color: #620006 ; 
  color: #fff;  
}


.btn-secondary { width: 130px; font-weight: 700; font-size: 14px; line-height: 20px; padding: 10px; background: none; border: 2px solid #fff; }
.btn-secondary:hover { color: #61080f; background: #fff; border-color: #fff ;  }
.btn-third  { background:#000 !important; font-size: 14px; padding: 10px 20px;}
.btn-third:hover { background: #e30613 !important;}

/*-------------------
     Forms 
-------------------*/
.form-group  { margin-bottom: 30px;}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="file"],
input[type="number"],
select,
textarea ,
.form-control { background: #fff; width: 100%; border: 2px solid #c9c9c9 !important; padding: 15px; border-radius: 0; height: auto; font-size:16px;  line-height: 26px ; color: #333;}

input[type="text"]:hover,
input[type="email"]:hover,
input[type="search"]:hover,
input[type="tel"]:hover,
input[type="file"]:hover,
input[type="number"]:hover,
select:hover,
textarea:hover,
.form-control:hover  { box-shadow: 0px 0px 0px 0px #c9c9c9;}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="file"]:focus,
input[type="number"]:focus,
select:focus,
textarea:focus, 
.form-control:focus { background-color: #f5f5f5; box-shadow: none;}

textarea { resize: none; height: 170px; }
input[type="submit"] { background: #e30613; }
input[type="submit"]:hover { background: #333; }
input:focus , textarea:focus { outline: none; }
input::-moz-placeholder { opacity:1;}

select { margin: 0; background: #fff url(../img/select-arrow.png) 97% 50% no-repeat; 
  -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none; }

/* Check box Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  font-size: 16px; line-height:20px ; color: #666666; margin: 0; font-weight: normal;
}
/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0; top: 0;
  width: 20px; height: 20px;  
  background: url(../img/check-off.jpg) 0 0 no-repeat;
  border-radius: 0px;  
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content: '';
  position: absolute;
  left: 0; top: 0;
  width: 20px; height: 20px;  
  background: url(../img/checked.jpg) 0 0 no-repeat;
  border-radius: 0px;  
}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #ccc;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #ccc;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #ccc;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #ccc;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    #ccc;
}

label { color: #666; font-weight: normal; margin: 0 0 10px; }
/*-------------------
     Forms Close
-------------------*/
.dropdown-menu { border-radius: 0; margin: 0; padding: 0; }
.dropdown-menu li { width: 100%;}

/*--------------------
      Header css 
---------------------*/
.top-header-bar { width: 100%; position: relative; background: #fff; padding: 8px 0;}
.top-contact-details { float: left; margin: 9px 0;}
.top-contact-details li { float: left; margin: 0 15px 0 0; padding: 0 15px 0 0; font-size: 14px; line-height: 15px; font-weight: 500; border-right: 1px solid #000;}
.top-contact-details li:last-child { border: 0; margin: 0; padding: 0;}
.top-contact-details li a { color: #000; }
.top-contact-details li a:hover , .top-contact-details li a:focus { color: #61080f;}

.top-search-details { float: right;}
.top-search-details li { float: left; margin: 0 10px 0 0;}
.top-search-details li:last-child { margin: 0;}

.top-search { width: 200px; position: relative;}
.top-search input { font-size: 14px; line-height: 20px; padding: 6px 35px 6px 10px; border-width: 1px !important; }
.search-icon { position: absolute; top: 0; right: 8px;}
.select-language { width:95px;}
.select-language select { border: 0 !important; padding: 5px 10px;}

.main-header { width: 100%; position: relative; z-index: 1000; background: #fff; padding:20px 0 35px; border-bottom: 1px solid rgba(0,0,0,0);}
.fix-header { background: transparent; position:absolute; top:0; left: 0; padding-bottom: 20px; }
.mud-king-products-logo { width: 300px; float: left; position: relative; margin: 0;}
.menu-icon{
  display: none;
}
.site-nav {
  width: 800px;
  float: right;
  margin:36px 0 0; padding: 0;
}
.site-nav .menu {
  float: right; 
  padding: 0;
  margin: 0;
}
.site-nav .menu ul { float: left;}
.site-nav .menu li {
  float: left;
  list-style: none; margin: 0 13px;
}
.site-nav .menu li a {
  color: #000; text-transform: uppercase; 
  font:700 15px/34px "Roboto";  
  position: relative;
  padding: 0;
  display: block;
}
.site-nav .menu li a:hover , .site-nav .menu li.active a { color: #61080f;text-decoration: underline;}
/*.site-nav .menu li.active a { font-weight: 700;}*/
.site-nav .menu li:last-child { margin-right: 0;}
.site-nav .menu li:first-child { margin-left: 0;}


.top-social { position: absolute; top: -85px; right: 0;}
.top-social li { float: left; margin: 0 7px;}
.top-social li:last-child { margin-right: 0;}
.top-social li a { width: 38px; height: 38px; display: block; text-align: center; font-size: 14px; color: #a4a4a4; line-height: 36px; border: 1px solid #a4a4a4; border-radius: 100%;}
.top-social li a:hover ,.top-social li a:focus { color: #a3cb11; border-color: #a3cb11;}

.language__arrow { width: 165px; float: right;}
/*-------------------------
      Main Banners css 
--------------------------*/
.main-content-section { width: 100%; position: relative;}
.banner-slide-details { width: 100%; position: absolute; top: 0; left: 0; z-index: 2; text-align: center; padding: 200px 0 0;}
.banner-slide-details h1 { margin: 0 0 60px;}
.banner-slide-details ul { display: table; margin: 0 auto;}
.banner-slide-details ul li { float: left; margin: 0 6px;}

.main-banner { width: 100%; position: relative;}
/* .main-banner:before { width: 100%; height: 100%; background: rgba(97,8,15,.30); content: ""; position: absolute; top: 0; left: 0; z-index: 1;} */
.main-banner img { width: 100%; }
.main-banner-slide { position: relative; background-size: cover !important; background-repeat: no-repeat !important; background-position: 50% 50% !important;}
.fix-banner-slide { background: /*#620006*/#d7d7d7;}
.fix-banner-slide .main-banner  { max-width: 1600px; margin: 0 auto;}
/* .fix-banner-slide  .main-banner-slide { min-height: 500px;} */
.banner-slide-details.newcon { padding: 150px 0 0;}

.main-content-sec { width: 100%; padding: 50px 0; position: relative;}
.main-heading { position: relative; padding: 0 0 20px; text-align: center; text-transform: uppercase; }
.main-heading:after { width: 100px; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; height: 2px; background: #000; content: "";}

/* css updated */
.main-mkp-banner { width: 100%; padding: 0 0; /* background: url(../img/mkp-banner2b2.jpg) 50% 0 no-repeat; background-size: cover; */ }
.main-mkp-banner .container { position: absolute; top:0; left:0; right:0; }
.main-content { padding: 0 0 10px; background: rgba(255,255,255,.60); margin: 160px 0 30px;}
.main-content p { padding:20px 20px 10px; margin:0;}
.main-content h3 { background: #620006; text-align: center; color: #fff; padding: 10px 25px; margin:15px 0 0;}

.mkp-home-banner { width: 100%; }
/* css updated close */

.brochure-sec { width: 100%; padding: 10px 0;background: #620006;}
.brochure-sec-inner { padding: 0 85px;}
.brochure-sec-inner h3 { font:400 italic 36px/58px "Roboto"; color: #fff; margin:35px 0 0;}
.download-brochure { display: table; margin: 0 auto; } 

.featured-products-sec { width: 100%; padding: 30px 0 80px; background: #ebebeb;}
.featured-products-list { padding: 15px;}
.featured-products-list a { display: block; position: relative;}
.product-title { width: 100%; display: block; margin: 15px 0 0; height: 60px; font:700 24px/30px "Lato"; color: #000; text-align: center; }
.featured-products-list a:hover .product-title { color: #620006;}
.product-thumb { overflow: hidden; width: 100%; display: block;box-shadow: 5px 5px 5px #ccc; border: 1px solid #fff; }
.zoom-effectas { width: 100%; overflow: hidden; display: block;}
.zoom-effectas img { width: 100%; transform: scale(1);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;}
.zoom-effectas:hover img { transform:scale(1.1);}

.footer-tagline-sec { width: 100%; padding: 40px 0; background: #0f0f0f;}
.footer-tagline { width: 100%;}
.footer-tagline h3 { text-align: center; font:italic 44px/50px "Times New Roman"; color: #fff; float:left;}
.footer-tagline span { float: right; margin: 0 15px 0 0;}


/*--------------------------------
          Footer css 
---------------------------------*/
.main-footer { width: 100%; padding: 45px 0 0; background: #303030; } 
.main-footer h4 { color: #fff; font-weight: 700; font-size: 24px; text-transform: capitalize; margin: 0 0 25px;}
.main-footer p { color: #ccc; font-size: 14px; line-height: 24px;}
.socialmedia-icons {float: left; }
.socialmedia-icons li { float: left; margin: 0 15px 0 0;}
.socialmedia-icons li a { width: 46px; height: 46px; border-radius: 100%; display: block;color: #303030; background: #fff; font-size: 20px; line-height: 46px; text-align: center;}
.socialmedia-icons li a:hover {background: #620006; color: #fff;}
.address { width: 100%; margin: 0 0 15px;}
.address li{ width: 100%; margin: 0 0 5px;  color: #cccccc; font-size: 16px;}
.address li:first-child{ width: 100%; margin: 0 0 20px;}
.address li a { color: #ccc;}
.address li a:hover { color: #fff;}

.newslatter { width: 100%; position: relative;}
.newslatter input { background: none !important; border-radius: 1px; border-color: #7e7e7e !important; padding: 10px 40px 10px 10px; color: #ccc !important;  }
.send-mail { position: absolute; top: 0; right: 0; height: 100%;  width: 38px;}

.copyright-sec { padding: 10px 0; border-top: 1px solid #404040; text-align: center; color: #fff; margin: 90px 0 0;}
.copyright-sec p { margin: 0;}
.copyright-sec a {color: #fff !important;}
.copyright-sec a:hover {color: #fff !important;}

#elevator_item {width: 60px; height: 60px; position: fixed; right: 30px; bottom: 20px; -webkit-transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; opacity: 1; z-index: 9997; display: none; -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s; font-size: 40px; color: #84050d;
    transition: all 0.2s;}
#elevator_item.off { opacity: 0; visibility: hidden }
#elevator { display: block; width: 60px; height: 60px; cursor: pointer; margin-bottom: 0 ; color: #84050d; }
#elevator_item:hover { -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Safari */
    transform: rotate(180deg);}

.top-menu-search { display: none;}
.menu-languages { display: none;}

/*About us Css*/
.page-title-banner { position: relative; width: 100%; padding: 160px 0; background-size: cover !important; background-position: 50% 50% !important; background-repeat: no-repeat !important;}
.page-title-banner  h1 { margin: 0; text-align: center;}
.page-title-banner:before { width: 100%; height: 100%; background: rgba(97,8,15,.10); content: ""; position: absolute; top: 0; left: 0; z-index: 1;}
.page-title-banner .container { position: relative; z-index: 1;}

.about-content-sec h2 { float: left; }
.about-content-sec p { font-size: 14px; line-height: 24px; margin: 0 0 20px;}
.about-thumb { margin-bottom: 20px;}

/*Product Css*/
.bg-color { background: #ebebeb}
.main-product-list { margin:10px 0 30px 0; display: block;}
.main-product-list .product-title { font-size: 20px;}
.main-product-list:hover .product-title { color: #620006;}

.catalog-lists { width: 100%; margin: 30px 0 50px;}
.catalog-lists a { display: table; margin: 0 auto 30px;}
.catalog-lists a:hover { margin: -15px auto 45px;}
.catalog-lists .product-title { font-size: 20px;}

.careers-content { padding: 0 100px;}



/*ContactUs Css*/
.img-fluid { max-width: 100%; }
.distributor__texts { border-bottom: 2px solid #e9e9e9; padding-bottom: 15px; margin-bottom: 40px; }
.distributor__Lists h2 { color: #620006; }
.distributor__box { margin-bottom: 40px; }
.distributor__thumb { margin-bottom: 25px; }
.distributor__thumb img { border: 1px solid #e9e9e9;  }
.distributor__details h2 { color: #333333; margin-bottom: 5px;  font-weight: 700;}
.distributor__details h4 { color: #333333; margin-bottom: 0px;  font-weight: 700;}
.distributor__details p { color: #333333; margin-bottom: 20px; font-size: 21px; line-height: 30px;}
.distributor__details p a { color: #620006;}
.distributor__details p a:hover { color: #333333; }


body.page-template-template_home .product-title {display: block !important; height: auto;}

@media (max-width: 991px) { 
.distributor__box { margin-bottom: 30px; }
.distributor__thumb { margin-bottom: 20px; }
.distributor__details h4 { font-size: 20px; line-height: 28px;}
.distributor__details p { color: #333333; margin-bottom: 15px; font-size: 18px; line-height: 26px;}
.language__arrow { float: left; margin: 20px 0 0 20px;}
}

@media (max-width: 767px) { 
.distributor__box { margin-bottom: 20px; }
.distributor__thumb { margin-bottom: 15px; }
.distributor__details h4 { font-size: 18px; line-height: 24px;}
.distributor__details p { color: #333333; margin-bottom: 15px; font-size: 16px; line-height: 24px;}
}

/*Header Update for desktop*/
@media (min-width: 1199px) { 
  .site-nav { margin-top: 0;}
  .language__arrow { width: 105px;}
  .site-nav .menu , .language__arrow { margin-top: 36px;}
  .mud-king-products-logo { display: none;}
  .sm__logo__sec { display: block;}
  .site-nav { width: 100%; display: flex; justify-content: space-between; align-items: center;}
}
@media (min-width: 991px) { 
  .distributor__box { min-height: 360px; }
  }