/*
@Author: ThemeMascot
@URL: http://ThemeMascot.com

This is the file where you can add your custom styles to change the look of the
theme. But don't modify main-style.css file.
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on January 16, 2019 */



@font-face {
    font-family: 'cooper_blackregular';
    src: url('../fonts/cooper/cooper_black_regular-webfont.eot');
    src: url('../fonts/cooper/cooper_black_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/cooper/cooper_black_regular-webfont.woff2') format('woff2'),
         url('../fonts/cooper/cooper_black_regular-webfont.woff') format('woff'),
         url('../fonts/cooper/cooper_black_regular-webfont.ttf') format('truetype'),
         url('../fonts/cooper/cooper_black_regular-webfont.svg#cooper_blackregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}

.inner-header .title {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}
.bulding-bg .wholesale {
    background: url(../images/wholesale.jpg) center center no-repeat;
    transition: all .3s;
    background-size: cover;
}

.bulding-bg .processing-plant {
    background: url(../images/processing-plant.jpg) center center no-repeat;
    transition: all .3s;
    background-size: cover;
}

.bulding-bg h3 {
    color: rgb(255, 198, 0);
    text-shadow: 0px 0px 30px rgba(0, 0, 0, 1);
    -webkit-text-stroke: 1px #82828c;
}

.bulding-bg .wholesale:hover,
.bulding-bg .processing-plant:hover {
    -webkit-box-shadow:0px 0px 0px 1px #337ab7;
    -moz-box-shadow:0px 0px 10px 1px #337ab7;
    box-shadow:0px 0px 10px 1px #337ab7;
}

.category-title {
    position: absolute;
    z-index: 1;
    left: 10px;
    right: 10px;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
}

.category-title {
    color: #fff;
    text-shadow: 0px 0px 30px rgba(0, 0, 0, 1);
    -webkit-text-stroke: 1px #82828c;
}

.layer-overlay.overlay-dark-5::before {
    background: rgba(17, 17, 17, 0.2) none repeat scroll 0 0;
}
.layer-overlay.overlay-dark-9::before {
    background-color: rgba(17, 17, 17, 0.8);
}
.text-dark {color: #333;}
.text-yellow {color: #ffcc00;}

.ml--15 {
    margin-left: -15px !important;
}

.blog-posts .post .post-thumb {
    float: left;
    max-width: 450px;
    margin: 0 20px 20px 0;
}
.flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.product .gallery-isotope .gallery-item .thumb {
    padding: 10px;
    
}
.product .gallery-isotope .gallery-item .thumb a h5,
.product .gallery-isotope .gallery-item .thumb a {
    transition: all .3s;
}

 

.product .gallery-isotope .gallery-item .thumb a:hover {
    opacity: .8;
}

.product .gallery-isotope .gallery-item .thumb a:hover h5 {
    color: #E80040;
}

.folder {
    position: absolute;
    right: 15px;
    top: -30px;
}
#about img {
    float: right; 
    margin: 0 0 20px 20px;
}

#banner-wrapper {
    background: url(../images/banner-news.jpg) center center no-repeat;
    height: calc(100vh - 130px);
    color: #fff;
    background-size: cover;
    position: relative;
    overflow: hidden;
}

#banner-wrapper video.video {
    position: absolute;
    top: 50%;
    left: 50%;
    height: auto;
    width: auto;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    z-index: 1;
}
#banner-wrapper h1 {
    position: absolute;
    z-index: 10;
    right: 30px;
    left: 30px;
    text-align: center;
    top: 43%;
    transform: translateY(-50%);
 
}

#banner-wrapper h1 span {
    position: relative;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    color: #f6f5f5;
}

#banner-wrapper h1 span:after {
    content: '';
    position: absolute;
    bottom: 158%;
    left: -20%;
    right: -20%;
    width: 165%;
    height: 137%;
    border-radius: 50%;
    z-index: -1;
    box-shadow: -79px 89px 48px  rgba(0,0,0,0.5);
}
#banner-wrapper h2 {
    position: absolute;
    z-index: 10;
    right: 30px;
    bottom: 30px;
}
.btn-theme-colored.back {
    background-color: #1A2F4E;
    border-color: #1A2F4E;

}
.btn-theme-colored.grey{
    background-color: #687588;
    border-color: #687588;
}
.category-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
}


#banner-wrapper h2 img {
    width: 160px;
}

a.thumbnail:hover:after {
    opacity: 1;
}

a.thumbnail:after {
    content: '';
    display: block;
    position: absolute;
    left: 4px;
    right: 4px;
    top: 4px;
    bottom: 4px;
    background: rgba(0,0,0,0.5);
    transition: all .3s;
    opacity: 0;
}
.portfolio-filter a {
    margin-bottom: 10px;
}

.checkbox label span {
    font-size: 12px;
    line-height: 15px;
    display: inline-block;
}
.blog-posts .post .entry-content td {
    padding: 5px 10px;
}

.assortment #trainer.bg-lighter,
.home #trainer.bg-lighter {
    background: #fff !important;
}

.gallery #union,
.article #union,
.assortment #union {
    background: #f7f7f7 !important;
}

.others {
    pointer-events: none;
}
@media (max-width: 1199px) {
    .category-list .btn {
        padding: 8px;
    }
}
@media (max-width: 991px) {
    .category-list .btn {
        padding: 8px 6px;
        font-size: 13px;
    }
    .header-nav .container {
        width: 100%;
    }
    .menuzord-menu > li > a {
        padding: 7px 12px !important;
    }
    .menuzord .showhide {
        padding-top: 26px;
    }
}


@media (max-width: 768px) {
    .sbs .col-xs-6 {
        padding: 0 20px;
    }
    .category-list  {
        display: block;
        text-align: center;
    }
        .category-list li {
            display: inline-block;
            margin-bottom: 10px;
        }
    #banner-wrapper video.video {
        display: none;
    }
    .blog-posts .post .post-thumb {
        float: none;
        max-width: 100%;
        margin: 0;
    }
    
    .folder {
        position: static;
        margin: 20px auto;
        display: block;
    }
    
    .bulding-bg .p-120 {
        padding: 0px !important;
        display: flex;
        align-items: center;
        height: 260px;
        justify-content: center;
    }
    
    #about img {
        float: none;
        margin: 0 0 20px;
    }
}
@media (max-width: 500px) {
    #banner-wrapper h1 {
        font-size: 28px;
    }
    
    #banner-wrapper h2 {
        right: 10px;
        bottom: 10px;
    }
    #banner-wrapper h2 img {
        width: 90px;
    }
}
@media (max-width: 425px) {
    #banner-wrapper h1 span:after {
        display: none;
    }
}