@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');
@import url('https://use.fontawesome.com/releases/v5.7.0/css/all.css');

.col-xs-15,.col-sm-15,.col-md-15,.col-lg-15 {position: relative;min-height: 1px;padding-right: 10px;padding-left: 10px;}
.col-xs-15 {width: 20%;float: left;}
@media (min-width: 768px) {
    .col-sm-15 {width: 20%;float: left;}
}
@media (min-width: 992px) {
    .col-md-15 {width: 20%;float: left;}
}
@media (min-width: 1200px) {
    .col-lg-15 {width: 20%;float: left;}
}

.row.divider > [class*='col-']:before,.row.divider > [class*='col-']:after {background:#a1a1a1; bottom: 0; content: " "; left: 0; position: absolute; width: 1px; top: 0;}
.row.divider > [class*='col-']:before {left: 0;}
.row.divider > [class*='col-']:after {right:-1px;left:auto;}
.row.divider > [class*='col-']:first-child:before,.row.divider > [class*='col-']:last-child:after {display: none;}




/****************************************************************************/
html {scroll-behavior: smooth;}
body{color:#393939; background:#fff; font-family: 'Lato', sans-serif; font-size:16px; margin:0px; padding:0px; line-height:1.7;}

p{margin-bottom:20px;} hr {margin:15px 0; background-color:#e9e9e9;}
a{color:#82cb40; outline:none!important;}
a:hover {color:#000; text-decoration:none;}
textarea.form-control{resize:none;min-height:120px;} .form-control {height:45px; border-color:#acacac;}

.gutter-xs {margin-left:-6px!important;margin-right:-6px!important;}
.gutter-xs div[class^="col"]{padding-left:6px!important;padding-right:6px!important;}

h1,.h1, h2,.h2{font-family: 'Lato', sans-serif;}
h1,.h1{font-size:29px; margin-bottom:25px; line-height:1.2; color:#151515; font-weight:800; letter-spacing:-.025em;}
h2,.h2{font-size:31px; margin-bottom:15px;line-height:1;}
h3,.h3{font-size:14px; margin-bottom:15px; font-weight:600;}

.breadcrumb{border-bottom:1px dashed #d3d3d3; margin:0 0 15px; background-color:transparent;padding:0 0 15px; text-transform:uppercase; font-size:12px;}
.breadcrumb>li+li:before{content:"\00BB";color:#b0a049; margin:0 10px;}

/******* Helpers ********************************************************************/

/******* Buttons ********************************************************************/
.btn{text-decoration:none !important; 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; border-radius:6px;padding:18px 35px;font-family: 'Lato', sans-serif; font-weight:600; font-size:13px; text-transform:uppercase; line-height:18px;}

.btn-danger{background-color:#8b0c33; border-color:#8b0c33; color:#fff !important;}
.btn-warning:hover,.btn-warning.focus,.btn-warning:focus{background-color:#303c4e !important; border-color:#303c4e !important;}


/************************************************* Header ********************************************************************/
#Header{background:url(../images/navbg.png) repeat-x bottom; padding-bottom:15px;}
#Header .Logo{padding:20px 0px;}

.HomeHd {position:fixed; z-index:99999; top:0px; right:0px; left:0px;}
.HomeFT {position:fixed; z-index:99999; bottom:0px; right:0px; left:0px;}

/************************************************* Navbar ********************************************************************/
.navbar .nav-item .nav-link{color:#000 !important; font-size:16px; padding:10px 0px !important;font-family: 'Lato', sans-serif;}
.navbar .nav-item .nav-link:hover,.navbar .nav-item .nav-link:focus,.navbar .nav-item .nav-link.active{color:#399c64 !important;}

.navbar .nav-item .dropdown-menu .nav-link{color:#fff !important;}

/******* Slider ********************************************************************/
.MainBanner .carousel-caption {z-index:99;display:flex;justify-content:center;align-items:center;margin:auto;top:0;left:0;bottom:0;right:0; }
.MainBanner .carousel-indicators {z-index:9999; bottom:60px;}
.MainBanner .carousel-indicators li {background-color:#cccccc; opacity:1;border-radius:50%; width:10px; height:10px;}
.MainBanner .carousel-indicators .active {background-color:#000 !important;width:10px; height:10px;}
.carousel-control-next, .carousel-control-prev {width:22px; margin:0 10px; padding-top:0%;z-index:9999; opacity:1;}


.carousel-inner > .carousel-item {
  height: 100vh;
}

.carousel-inner > .carousel-item > img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: auto;
}



/********** Content **************************************************************************************************/


/********** Footer ***************************************************************************************************/
#Footer{color:#fff; font-size:13px; line-height:30px; background:#000;}
#Footer a{color:#fff;} #Footer .fas{color:#8b0c33;}
#Footer a:hover{color:#8b0c33;}

/********** Back To Top Button ***************************************************************************************************/
#scroll {background:rgba(54,46,46, 0.45); position:fixed; right:10px; bottom:10px; z-index:99999; cursor:pointer; width:45px; height:45px; text-indent:-9999px; display:none; webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px}
#scroll span {position:absolute; top:50%; left:50%; margin-left:-8px; margin-top:-12px; height:0; width:0; border:8px solid transparent; border-bottom-color:#ffffff;}
#scroll:hover {background-color:#5bad12; opacity:1;filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)";}

@media (min-width: 1920px) {
	.container-fluid{max-width:1730px !important;}
	.navbar-nav>li+li{margin-left:75px !important;}
	.carousel-item {height:75vh;}

}
	.container-fluid{max-width:1730px !important;}

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

@media (min-width: 1200px) {
.gutter-lg {margin-left:-23px!important;margin-right:-23px!important;}
.gutter-lg div[class^="col"]{padding-left:23px!important;padding-right:23px!important;}.carousel-item {height:70vh;}
}

@media (min-width: 1259.98px) and (max-width: 1459.98px) {

}

@media (min-width: 767.98px) {
.navbar-nav>li+li {margin-left:50px;}
}

@media (min-width: 991.98px) and (max-width: 1199.98px) {
.navbar-nav>li+li {margin-left:24px;}
}

@media (min-width: 768px) and (max-width: 991.98px) {
#Header{padding-bottom:10px;} #Header .Logo{padding:10px 0px 15px 0px;}.carousel-control-next, .carousel-control-prev {padding-top:13%;}
.MainBanner .carousel-indicators {z-index:9999; bottom:30px;}
.carousel-inner > .carousel-item > img {width:100% !important;}
#Footer{font-size:12px; line-height:20px;}#Header .Logo img{width:35%;}

}

@media (max-width: 767.98px) {	#Header{padding-bottom:10px;} #Header .Logo{padding:10px 0px 15px 0px;} #Header .Logo img{width:35%;}
.carousel-inner > .carousel-item > img {width:100% !important;}
.MainBanner .carousel-indicators {bottom:30px;}
.carousel-control-next, .carousel-control-prev {padding-top:13%;}
}

@media (max-width: 991.98px) {
.navbar-nav>li+li {margin-left:0px;}
.navbar-toggler{position:absolute;top:-56px;right:0px;background-color:#3a9c65 !important; outline:none !important;} .navbar .nav-item .nav-link{padding:10px 15px;color:#fff !important;}
.navbar {padding:0px !important;} .navbar .nav-item {border-bottom:solid 1px #fff; /*background:#000;*/ color:#fff;} .navbar-toggler-icon{width:1em; height:1em; color:#FFF;}
.navbar .nav-item .nav-link:hover,.navbar .nav-item .nav-link:focus,.navbar .nav-item .nav-link.active{color:#fff !important;/*background:#000000*/;}
}

@media (max-width: 479px) {
#Header .Logo{padding:20px 0 45px 0px;}#Header .Logo img{width:unset;}
.navbar-toggler{top:-48px;}
.MainBanner .carousel-indicators {bottom:40px;}
#Footer{font-size:12px; line-height:20px;}

}

@media (max-width: 320px) {

}



/* --------------------------------- WooCommerce CSS ------------------------------*/

.dropdown-menu {width:300px;}
.dropdown-menu a:hover {background-color:white;}
.button{  background-color:#000000 !important;  color:white !important;}
.shop_table th{background-color:#000000 !important;  color:white !important;}

  .ThumbnailImage  {width:100%;  height:100%;}




.woocommerce div.product div.images.woocommerce-product-gallery {
    opacity: 1 !important;
}

.woocommerce-product-gallery {
    position: relative;
    margin-bottom: 3em;
}

    .woocommerce-product-gallery figure {
        margin: 0;
    }

    .woocommerce-product-gallery .woocommerce-product-gallery__image:nth-child(n+2) {
        width: 25%;
        display: inline-block;
    }

    .woocommerce-product-gallery .flex-control-thumbs li {
        list-style: none;
        float: left;
        cursor: pointer;
    }

    .woocommerce-product-gallery .flex-control-thumbs img {
        opacity: .5;
    }

        .woocommerce-product-gallery .flex-control-thumbs img.flex-active, .woocommerce-product-gallery .flex-control-thumbs img:hover {
            opacity: 1;
        }

    .woocommerce-product-gallery img {
        display: block;
    }

.woocommerce-product-gallery--columns-3 .flex-control-thumbs li {
    width: 33.3333%;
}

.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
    width: 25%;
}

.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
    width: 20%;
}

.woocommerce-product-gallery__trigger {
    position: absolute;
    top: 1em;
    right: 1em;
    z-index: 99;
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
    position: absolute;
    top: .875em;
    right: .875em;
    display: block;
    height: 2em;
    width: 2em;
    border-radius: 3px;
    z-index: 99;
    text-align: center;
    text-indent: -999px;
    overflow: hidden;
    background-color: #7d173f;
    color: #fff;
}

    .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:hover {
        background-color: #1781ae;
        border-color: #1781ae;
        color: #fff;
    }

    .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:before {
        font: normal normal normal 1em/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: block;
        content: "\f00e";
        line-height: 2;
        text-indent: 0;
    }

.woocommerce table.shop_table {
    border-collapse: separate;
    border-spacing: 1px;
  color:#000;
}

    .woocommerce table.shop_table th {
        background-color: #7d173f;
        color: #fff;
    }

    .woocommerce table.shop_table td {
        background-color: #eee;
    }

        .woocommerce table.shop_table td.actions {
            background-color: #fff;
        }

.woocommerce .cart .button, .woocommerce .cart input.button {
    background-color: #000000 !important;
    color: #fff !important;
    text-align: center;
}

.woocommerce table.shop_table td.actions .coupon .input-text {
    height: 38px !important;
    width: 140px !important;
}

.woocommerce table.shop_table .product-name a {
    color: #50180c !important;
}

.woocommerce table.shop_table .product-name a:hover {
    color: #50180c  !important;
}

.woocommerce a.checkout-button {
    background-color: #000000 !important;
}

.cart.pull-right {
    margin-top: -5px;
    margin-bottom: 5px;
}

.woocommerce .woocommerce-info a, .woocommerce-info::before {
    color: #666666 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
    padding: 0 !important;
    border-left: 1px solid #d3ced2;
}
.woocommerce-loop-product__title{color:black; font-size:14px !important; line-height:20px;}
.woocommerce-info {
    border-top-color: #ae9862 !important;
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row select {
    height: 38px !important;
    padding-left: 10px !important;
}

.products>li {
    background: #fff;
    box-shadow: 2px 2px 4px #888;
    padding: 10px!important;
    min-height: 380px;
}

.products li .button {
    background: #000000 !important;
    color: #fff!important;
    display: block!important;
    text-align: center;
}
#add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li
{
  color:#000;
}

.select2-results__option--highlighted,
.select2-results__option:hover{
  background:#7d173f !important;
}
.select2-dropdown {
  color:#000;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a
{
  color:#000 !important;
}



/* .dropdown-menu {color:#fff;background-color:#000; padding:0px!important;} */
.dropdown-menu > .menu-item { border-bottom:0px solid #fff; color:#fff; font-family:Spinnaker, san-serif; font-size:15px; font-weight:400;}
.dropdown-menu > .menu-item:hover {color:#fff;background-color:#000000;}
.dropdown-menu > .menu-item .active .nav-link{color:#fff !important; font-family:Merriweather, san-serif; font-size:15px; font-weight:400; line-height:1; padding-left:2rem; padding-right:2rem; text-transform:capitalize !important; }
/* .dropdown-menu > .menu-item .nav-link:hover, .dropdown-menu > .menu-item .active .nav-link { background-color:transparent; color:#fff !important;}
 */
 .dropdown-menu > .menu-item .nav-link:hover, .dropdown-menu > .menu-item .active .nav-link { background-color:#000 !important; color:#fff !important; }







.related {display:inline-block;}

.added_to_cart{color:##040707 !important; font-weight:bold;}
.woocommerce-input-wrapper{width:100% !important;}
.woocommerce #content table.cart img, .woocommerce table.cart img, .woocommerce-page #content table.cart img, .woocommerce-page table.cart img {height: auto;width: 100px;}
.form-row.place-order {background-color: #ffffff!important;}
/* end of woocommercecss */

    .woocommerce-columns .col-1{max-width: 100% !important;}
  .woocommerce-columns .col-2{max-width: 100% !important;}


  .col2-set .col-1{max-width: 100% !important;}
  .col2-set .col-2{max-width: 100% !important;}


  /******   START Woocomerce dashboad icons ******/

  .woocommerce-MyAccount-navigation li{list-style:none !important;}



  body.woocommerce-account ul li.woocommerce-MyAccount-navigation-link--dashboard a:before{
    content: "\f0e4" !important;font-family: 'FontAwesome';margin-right: 10px;
  }

  body.woocommerce-account ul li.woocommerce-MyAccount-navigation-link--orders a:before{
    content: "\f291" !important;font-family: 'FontAwesome';margin-right: 10px;
  }

  body.woocommerce-account ul li.woocommerce-MyAccount-navigation-link--subscriptions a:before{
    content: "\f0f4" !important;font-family: 'FontAwesome';margin-right: 10px;
  }

  body.woocommerce-account ul li.woocommerce-MyAccount-navigation-link--downloads a:before{
    content: "\f019" !important;font-family: 'FontAwesome';margin-right: 10px;
  }
  body.woocommerce-account ul li.woocommerce-MyAccount-navigation-link--edit-address a:before{
    content: "\f2b9" !important;font-family: 'FontAwesome';margin-right: 10px;
  }
  body.woocommerce-account ul li.woocommerce-MyAccount-navigation-link--edit-account a:before{
    content: "\f2c0" !important;font-family: 'FontAwesome';margin-right: 10px;
  }
  body.woocommerce-account ul li.woocommerce-MyAccount-navigation-link--customer-logout a:before{
    content: "\f08b" !important;font-family: 'FontAwesome';margin-right: 10px;
  }

  /******  END Woocomerce dashboad icons ******/

nav.woocommerce-breadcrumb{display:none !important;}

.form-inline {flex-flow: inherit !important;}




@media (min-width: 767.98px) {}
@media (min-width: 1200px) {
.dropdown:hover .dropdown-menu {display: block;}
}
@media (max-width: 1199.98px) {
  .form-inline * { display:block; width:100% !important;}
  }
@media (min-width: 992px) and (max-width: 1199.98px) { }
@media (min-width: 768px) and (max-width: 991.98px) {}
@media (max-width: 991.98px) {
.navbar-light .navbar-nav .nav-link	{ margin-bottom:5px; color:#fff; display:block;  text-align:center;}
.navbar-light .navbar-nav .nav-link	{padding-left: 15px !important; padding-top: 10px; padding-bottom: 10px;}
.navbar-nav { background:#fff; padding:20px; margin-top:15px !important;}
.navbar { background:transparent!important;}
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:active {color: #fff; /*background:#000000*/;}
.navbar-light .navbar-nav li.active .nav-link {color: #fff; /*background:#000000*/;}
.container { max-width:100%;}
.carousel-caption { position:relative; left:0; background:#000; top:0; bottom:0; transform:translateY(0); padding:50px 0;}
.navbar-light .navbar-nav .nav-item:not(:last-child) { margin-right:0;}
}
@media (max-width: 768px) {
.navbar-light .navbar-nav .dropdown-toggle[aria-expanded="false"]:after {content: "\f107";color: #fff; position: absolute; right: 15px; font-size: 20px;font-family: 'FontAwesome'; display: block; top:15px;}
.navbar-light .navbar-nav .dropdown-toggle[aria-expanded="true"]:after { content: "\f106";color: #fff; position: absolute; right: 15px; font-size: 20px;font-family: 'FontAwesome'; display: block; top:15px;}
.dropdown-item {padding: 17px 25px; font-size:11px;}
}
@media (max-width: 767px) {
.footer *{ text-align:center;}
}





/* .bdr-btm-after:after {border-bottom:2px solid #006400; content:''; display:block; margin:auto; margin-bottom:50px; padding-bottom:30px; width:200px;} */


/* header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    background: #fff;
} */
