.about .container,.cat-cat,.chance-pros-main,.fadeInRight,.first-ss,.item-img,.main-product,.main-story-img,.products-home-main,.stracci-main-category-wrapper1,.view-bbtn,.wsmenu-list>li,a.p-typwe,a.pro-linksss,body .logo img,ul.prowrapper-list {
    position: relative
}

.caption2 h2,body .form-sec h2 {
    font-weight: 600;
    text-transform: uppercase
}

.caption2 h2,a.pro-link,body .form-sec h2,h2.o-fact {
    text-transform: uppercase
}

.view-products a,li.req a {
    box-shadow: unset!important
}

.about,.search input[type=submit] {
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.pro-views a,.view a,a.blo-titles,p.asdaszxc a {
    text-decoration: none
}

.email-btn,button#toggleBtn {
    outline: unset
}

.calls,.caption li,.head-social-icon li,.services-services li,.white-bg li,li.icon-ones,li.main-li,section.cats li,ul.cus-socialsss li,ul.unorder-list li {
    list-style: none
}

a,body,div,em,fieldset,h1,h2,h3,h4,h5,h6,input,li,ol,p,small,span,strong,table,tbody,td,textarea,thead,tr,ul {
    font-family: Jost,sans-serif!important
}

@font-face {
    font-family: Jost;
    font-style: normal;
    font-weight: 100;
    src: url(../fonts/jost/92zatBhPNqw73oDd4iYl.woff2) format('woff2');
    unicode-range: U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}

@font-face {
    font-family: Jost;
    font-style: normal;
    font-weight: 100;
    src: url(../fonts/jost/92zatBhPNqw73ord4iYl.woff2) format('woff2');
    unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: Jost;
    font-style: normal;
    font-weight: 100;
    src: url(../fonts/jost/92zatBhPNqw73oTd4g.woff2) format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family: Jost;
    font-style: normal;
    font-weight: 200;
    src: url(../fonts/jost/92zatBhPNqw73oDd4iYl.woff2) format('woff2');
    unicode-range: U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}

@font-face {
    font-family: Jost;
    font-style: normal;
    font-weight: 200;
    src: url(../fonts/jost/92zatBhPNqw73ord4iYl.woff2) format('woff2');
    unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: Jost;
    font-style: normal;
    font-weight: 200;
    src: url(../fonts/jost/92zatBhPNqw73oTd4g.woff2) format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family: Jost;
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/jost/92zatBhPNqw73oDd4iYl.woff2) format('woff2');
    unicode-range: U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}

@font-face {
    font-family: Jost;
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/jost/92zatBhPNqw73ord4iYl.woff2) format('woff2');
    unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: Jost;
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/jost/92zatBhPNqw73oTd4g.woff2) format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family: Jost;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/jost/92zatBhPNqw73oDd4iYl.woff2) format('woff2');
    unicode-range: U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}

@font-face {
    font-family: Jost;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/jost/92zatBhPNqw73ord4iYl.woff2) format('woff2');
    unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: Jost;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/jost/92zatBhPNqw73oTd4g.woff2) format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family: Jost;
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/jost/92zatBhPNqw73oDd4iYl.woff2) format('woff2');
    unicode-range: U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}

@font-face {
    font-family: Jost;
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/jost/92zatBhPNqw73ord4iYl.woff2) format('woff2');
    unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: Jost;
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/jost/92zatBhPNqw73oTd4g.woff2) format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family: Jost;
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/jost/92zatBhPNqw73oDd4iYl.woff2) format('woff2');
    unicode-range: U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}

@font-face {
    font-family: Jost;
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/jost/92zatBhPNqw73ord4iYl.woff2) format('woff2');
    unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: Jost;
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/jost/92zatBhPNqw73oTd4g.woff2) format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family: Jost;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/jost/92zatBhPNqw73oDd4iYl.woff2) format('woff2');
    unicode-range: U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}

@font-face {
    font-family: Jost;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/jost/92zatBhPNqw73ord4iYl.woff2) format('woff2');
    unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: Jost;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/jost/92zatBhPNqw73oTd4g.woff2) format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family: Jost;
    font-style: normal;
    font-weight: 800;
    src: url(../fonts/jost/92zatBhPNqw73oDd4iYl.woff2) format('woff2');
    unicode-range: U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}

@font-face {
    font-family: Jost;
    font-style: normal;
    font-weight: 800;
    src: url(../fonts/jost/92zatBhPNqw73ord4iYl.woff2) format('woff2');
    unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: Jost;
    font-style: normal;
    font-weight: 800;
    src: url(../fonts/jost/92zatBhPNqw73oTd4g.woff2) format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family: Jost;
    font-style: normal;
    font-weight: 900;
    src: url(../fonts/jost/92zatBhPNqw73oDd4iYl.woff2) format('woff2');
    unicode-range: U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}

@font-face {
    font-family: Jost;
    font-style: normal;
    font-weight: 900;
    src: url(../fonts/jost/92zatBhPNqw73ord4iYl.woff2) format('woff2');
    unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}

.section-1 .owl-item.active .caption,.section-1 .owl-item.active .caption h2 {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    animation-delay: 1s
}

.section-1 .owl-item.active .caption h4 {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-delay: 1s
}

.caption2 h2 {
    color: #094;
    font-size: 27px;
    text-align: left;
    max-width: 100%;
    letter-spacing: 6px;
    line-height: 35px
}

.section-1 .owl-item.active .caption h5 {
    -webkit-animation-duration: 1.5s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    animation-delay: 1.2s
}

.wsmenu-list>li {
    display: inline-block
}

.section-1 .owl-item.active .caption li {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    animation-delay: 1.5s
}

.section-1 .owl-item.active .caption2:before {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInLeft;
    animation-delay: .3s
}

.section-1 .owl-item.active p {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    animation-delay: 1.2s
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    padding-right: 0
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@media only screen and (max-width: 1200px) {
    body .wsmenu-list>li {
        padding:0 40px!important
    }
}

body img.w300.zx.img-responsive,img.w300.zx.img-responsive {
    width: 100%;
    height: 223px;
    margin-bottom: 10px
}

body .email-btn {
    width: 10%!important
}

section.bread-crum {
    background-color: #ccc;
    max-width: 1600px;
    margin: 0 auto
}

.bread_crumb {
    padding: 10px 0!important
}

.bread_crumb a,.viewd a {
    color: #000;
    font-weight: 500;
    font-size: 14px
}

h1.pgtitle {
    color: #094;
    font-weight: 700;
    margin-top: 0;
    font-size: 22px
}

ul.cus-social li a i {
    color: #9f9f9f!important;
    padding: 0 10px;
    font-size: 18px
}

.related-heading h4 {
    padding-left: 20px!important;
    margin-bottom: 0;
    font-size: 42px;
    font-weight: 700
}

.btn-primary:focus {
    background-color: #242b5b
}

.social-icon-view-products {
    border-top: 2px solid #ccc;
    margin-top: 30px
}

h6.social-icon-view-now {
    color: #b41f2e;
    font-weight: 700;
    font-size: 22px;
    padding-top: 20px
}

.cus-social-1 {
    margin-top: 10px!important
}

li.last-list a {
    margin-right: 0!important
}

.ab-1-top img,.main-blogss-2 {
    margin-bottom: 10px
}

.short-descrition-inner {
    overflow: hidden;
    overflow-x: auto
}

.fea-products,ul.view-pro-img {
    white-space: nowrap
}

a.pro-linksss {
    display: block;
    background-color: #e4e4e4;
    margin-bottom: 3px;
    padding: 10px 0 10px 25px;
    color: #000
}

a.pro-linksss:before {
    content: "-";
    position: absolute;
    left: 6px;
    font-size: 21px;
    top: 5px
}

body .pro-menu-inner a.pro-linksss.active {
    background-color: #c6c6c6
}

.fea-products li {
    width: 18%!important;
    float: left;
    margin-right: 16px
}

.cer-img-div img {
    padding-top: 30px;
    margin: 0 auto
}

.btn.btn-primary.bannerbtn1 {
    border-radius: unset!important;
    box-shadow: unset!important;
    font-size: 16px;
    font-weight: 600!important;
    background-color: #d7d6d6!important;
    color: #000!important;
    text-transform: uppercase;
    padding: 9px 40px!important
}

.btn.btn-primary.bannerbtn {
    font-size: 16px;
    color: #fff!important;
    text-transform: capitalize;
    border: unset!important;
    padding-right: 30px!important;
    padding-left: 30px;
    padding-top: 9px;
    padding-bottom: 9px;
    margin-top: 10px;
    background-color: #094;
    font-weight: 400
}

.owl-carousel-blogs .owl-nav .owl-next,.owl-carousel-blogs .owl-nav .owl-prev {
    width: 50px!important;
    height: 50px;
    line-height: 9;
    background-color: transparent!important;
    font-size: 0
}

.bannermain .owl-next {
    background-image: url("/images/rightty.png");
    width: 58px!important;
    height: 57px;
    line-height: 9;
    background-repeat: no-repeat;
    position: absolute;
    background-position: center;
    font-size: 0;
    bottom: 20px;
    transition: .5s;
    opacity: 1;
    float: right;
    right: 40px
}

.bannermain i,.mobile-menu,body .content-hidden h1,body .content-hidden h2,body .content-hidden h3,body .content-hidden h4,body .content-hidden h5,body .content-hidden h6,body .content-hidden p {
    display: none!important
}

li.prowrapper-list-last a img {
    width: auto!important
}

ul.prowrapper-list {
    white-space: normal
}

li.prowrapper-list-first {
    width: 100%;
    float: left;
    position: relative;
    height: 70px;
    overflow: visible
}

.search,.sss,li.prowrapper-list-last {
    float: right
}

.products-home-main:hover a.pro-wrapper-absolute {
    left: 0;
    top: 0
}

a.pro-wrapper {
    color: #fff;
    font-size: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: center;
    position: absolute;
    top: -35px;
    right: 0!important;
    left: 0;
    background-color: #006993;
    width: 100%;
    padding: 20px 0
}

.owl-carousel-blogs .owl-nav {
    height: unset;
    display: block!important;
    top: 40%
}

.owl-carousel-blogs .owl-nav .owl-prev {
    background-image: url(/images/lefticon.png)
}

.owl-carousel-blogs .owl-nav .owl-next {
    background-image: url(/images/righticon.png)
}

.menu_opened .arrow,.menu_opened:hover .arrow {
    background-color: #056da4
}

section.images-sec h2.askldk {
    color: #b41f2e!important;
    text-transform: uppercase!important;
    font-weight: 700;
    font-size: 42px!important;
    margin: 0;
    padding-bottom: 40px;
    padding-top: 20px
}

.form-sec input::placeholder {
    color: #282828;
    font-style: unset
}

.form-sec textarea::placeholder {
    color: #d7c4c4;
    font-style: unset
}

.maps-imagess img,.prod_desc table div {
    width: 100%!important
}

body .form-sec h2 {
    color: #fff;
    line-height: 41px;
    text-align: center;
    font-size: 34px;
    position: relative
}

p.asdaszxc a {
    color: #094;
    padding: 0;
    font-weight: 400;
    font-size: 16px !important;
}

.products-home-inner a img {
    height: 250px;
    width: 100%!important
}

.search {
    padding: 7px 4px;
    position: relative
}

.search input[type=text]::placeholder {
    color: #e60012
}

.search input[type=text] {
    padding: 5px 17px;
    background-color: #fff;
    border: unset!important;
    color: #000!important;
    outline: 0
}

.search input[type=submit] {
    position: absolute;
    top: 7px;
    border-radius: 50px;
    border: unset;
    background-image: url(/images/Nanjing-Meetall_02.png);
    background-color: transparent;
    font-size: 0;
    width: 32px;
    height: 30px;
    right: 0;
    left: 155px
}

ul.products li .product_thumb {
    float: right;
    line-height: unset!important;
    width: 100%;
    height: 100%!important
}

ul.products li .featrued_prod_title-2 {
    float: left!important;
    display: inline-block;
    margin-top: 45px;
    padding-left: 20px;
    width: 50%
}

ul.products li .pro-thumb {
    float: right;
    width: 50%
}

body .product_thumb img {
    width: 100%;
    height: 230px!important
}

.for-more-content {
    position: relative;
    top: 0;
    margin: 0 auto
}

.pro-title-div .pro-title-2 {
    color: #006993;
    font-size: 20px;
    text-transform: capitalize;
    font-weight: 700;
    padding-left: 10px;
    display: inline-block;
    line-height: 30px;
    font-family: Lato
}

a.pro-link {
    background-color: #366;
    color: #fff;
    padding: 10px 15px;
    font-size: 16px;
    letter-spacing: 1px;
    float: left;
    margin-top: 20px
}

body .contactmain {
    background-color: #fff!important
}

.ll,.machine-tool-main,li.item.column.even-li .pro-thumb {
    float: left
}

p.content-para {
    color: #fff!important;
    font-size: 14px;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.ab-ft.tre p,.chance-innerr-wrapper-product a,.content-hidden p,p.blogs-para,ul.products-ul li a {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.wsmenu-list li>.wsmenu-submenu {
    max-width: 100%;
    border: unset
}

ul.home-gallery li {
    width: 20%;
    float: left
}

h2.o-fact {
    padding-bottom: 20px;
    padding-top: 20px;
    font-size: 42px;
    text-align: left;
    font-weight: 800;
    color: #b41f2e
}

.caption p {
    font-size: 15px;
    text-transform: none;
    font-weight: 400;
    margin-top: 10px;
    color: #fff;
    max-width: 80%;
    line-height: 24px
}

h2.gernal-head,li.req a {
    text-transform: capitalize
}

li.req a {
    background-color: #f8bf0d!important;
    color: #fff!important;
    padding: 10px 25px!important;
    border-radius: 50px!important;
    font-size: 13px;
    font-weight: 500!important
}

.wsmenu-list>li.active:before {
    right: 0
}

.bannermain .owl-dots:before {
    content: "";
    height: 2px;
    position: absolute!important
}

h2.gernal-head:after {
    position: absolute;
    top: 50px;
    background-color: #f0f8ff
}

h2.gernal-head {
    position: relative;
    text-align: left;
    font-size: 40px;
    font-weight: 600;
    padding: 0 6px;
    color: #000;
    display: inline-block
}

.email-p h2.gernal-head {
    color: #fff;
    font-size: 34px;
    border-left: 5px solid #faf8f9
}

h2.gernal-headd:before {
    position: absolute;
    height: 4px;
    background-color: #231f20;
    left: 7px;
    content: ""
}

h2.gernal-headd {
    font-size: 35px;
    font-weight: 700;
    color: #242424!important;
    text-transform: unset;
    padding: 10px 0 0;
    max-width: 49%;
    margin: 0 auto;
    position: relative;
    text-align: center;
    z-index: 99999
}

.email-btn,.menu_opened .arrow,.menu_opened .arrow:before,.my_cat.cat_level_1.p_active a,.view-products a {
    color: #fff!important
}

.prod_desc img {
    max-height: 100%
}

.view-products a {
    font-size: 16px;
    font-weight: 500!important;
    background-color: #231f20!important;
    text-transform: capitalize;
    padding: 10px 30px!important
}

.view-products {
    text-align: right;
    margin-top: 25px
}

section.services-sec {
    margin: 0 auto;
    background-image: url(/images/vvv.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    max-width: 1600px;
    position: relative!important;
    transiton: 1s;
    padding: 350px 0 50px
}

.main-inner-div:hover.main-inner-div img {
    filter: grayscale(183);
    transition: .3s;
    filter: drop-shadow(2px 4px 6px black)
}

.main-inner-div:hover.main-inner-div h4 {
    color: #fff!important;
    transition: .3s
}

.main-inner-div:hover.main-inner-div p {
    color: #fff!important;
    transition: .3s
}

.-blogs-inner-1 img {
    pohezesition: absolute;
    left: 10px;
    top: 20px;
    width: unset!important
}

.heze-blogs-inner-1 img {
    position: absolute;
    left: 5px;
    top: 20px;
    width: unset!important
}

.heze-blogs-inner-1 {
    position: relative;
    padding-top: 17px;
    padding-bottom: 10px;
    padding-left: 14px;
    text-align: left;
    height: 100px
}

.blog-bg-color {
    height: 400px;
    position: relative;
    overflow: hidden;
    transition: .5s;
    text-align: left
}

.ab-ft P {
    color: #fff;
    padding-right: 0;
    font-size: 13px;
    font-weight: 400;
    line-height: 22px
}

.ab-ft img:before,.main-inner-div h4:before {
    content: ""
}

ul.footer-menus-list,ul.head-icon,ul.iconss,ul.services-ul,ul.services-ull {
    margin: 0;
    padding: 0
}

ul.ft-address {
    margin: 0;
    padding: 20px 0 0
}

ul.services-ul li {
    line-height: 17px;
    padding-left: 0;
    padding-right: 30px;
    height: 24px;
    overflow: hidden;
    margin-top: 0;
    position: relative
}

section.section-1 {
    overflow: hidden!important;
    margin: 0 auto;
    position: relative
}

ul.ft-address li p {
    font-size: 13px;
    color: #e5e2e2!important
}

.prod_desc table,.prod_desc td {
    border-collapse: separate;
    border: 1px solid #999;
    width: 100%;
    margin-bottom: 30px
}

.prod_desc p {
    word-break: break-word
}

.prod_desc div,.prod_desc img {
    max-width: 100%!important;
    height: auto!important
}

.bannermain.innerbanner {
    margin-top: 0;
    position: relative
}

section.inner-blogs {
    padding-top: 25px;
    padding-bottom: 75px
}

.contactmain h4 {
    padding: 5px 0 10px 13px
}

.cus-socialss li a:before,.d-n,.dbn,.latest-pro .owl-dots,.latest-pro .owl-dots.disabled,.logoo .owl-dot,.main-testimonial .owl-nav,.navbar-header,.none,.nonee,.owl-carouselbg .owl-dots,.owl-nav,.product-button.m-d,.yinte-main-blogs:hover .main-blogs-1:before,a.filter-head,body .caption2:before,section.TEST .owl-nav,section.cats button,section.mbl-menu {
    display: none
}

body .menu_opened .active_child {
    background-color: #4c4848!important
}

.cat_level_1.menu_opened>a.un_actives {
    background-color: #e4e2e2
}

.menu_opened.p_active a {
    background-color: #f9bd00!important;
    color: #fff!important
}

.caption22 p,.cat:hover h4,.heads,.menu_opened.p_active a:before,.td-main-2 h6 a,section.contactus .generalhead h2,section.services-sec .generalhead h2 {
    color: #fff
}

.menu_opened.p_active a.pro-linksss,.menu_opened.p_active a.un_actives {
    background-color: #ccc!important;
    color: #000!important
}

.chance-main-blogs-22 h4,.chance-main-blogs-22 p,.menu_opened.p_active a.un_actives:before {
    color: #000!important
}

.bread_crumb span,.menu_opened.p_active a.pro-linksss:before {
    color: #000
}

.wsmenu-list li.active {
    padding-right: 70px;
    position: relative
}

h3.feature-title.cxz,p.small {
    font-size: 15px
}

.heze-inner-wrapper-2 {
    text-align: center;
    margin-top: 20px
}

.heze-pros-main:hover {
    transition: .3s;
    background: url(/images/nbv.png) 0 0/cover no-repeat!important
}

.heze-pros-main:hover .heze-inner-wrapper-2 a {
    color: #f5a933;
    background-color: #fff
}

.heze-pros-main:hover .hmi-inner-wrapper-1 a {
    color: #fff;
    transition: .2s
}

.main-about p {
    color: #fff;
    margin-top: 10px;
    margin-right: 60px
}

.row.tops,section.images-sec .gernal-headd {
    margin-top: 100px
}

.innerbanner img,.item-img img,.xas,img.imgd,ul.main-ul,ul.products-ul {
    width: 100%
}

.ccpt,.col-md-7.col-sm-6.col-xs-12.col-lg-7.mainnn,.prod_desc {
    margin-top: 50px
}

.why-bg h2.gernal-head {
    font-weight: 600!important;
    padding-right: 110px;
    padding-left: 15px;
    font-size: 34px
}

p.why-para {
    margin-top: 20px;
    color: #231f20;
    font-size: 14px!important;
    font-weight: 500;
    line-height: 25px;
    padding-right: 50px;
    text-align: justify;
    margin-bottom: 50px
}

.why-bg {
    margin-top: 150px
}

.white-bg strong {
    text-transform: none;
    color: #525252;
    font-size: 16px!important;
    text-transform: none
}

section.why {
    background: url(/images/backk.jpg) 0 0/100% 100% no-repeat;
    padding: 50px 0;
    max-width: 1600px;
    margin: 0 auto
}

.footer-p {
    margin-top: 20px!important;
    padding-bottom: 10px;
    padding-right: 20px;
    color: #fff;
    text-align: left;
    font-size: 13px;
    font-weight: 300;
    max-width: 100%;
    margin: 0 auto
}

.catagories,section.videos .generalhead {
    margin-top: 20px
}

ul.products-ul li {
    width: 45%;
    float: left;
    border: 1px solid #fff;
    margin-right: 7px;
    margin-bottom: 5px
}

ul.products-ul li a {
    padding: 3px 2px;
    display: -webkit-box;
    overflow: hidden;
    font-size: 9px;
    text-transform: capitalize!important
}

.service-heading {
    width: 100%;
    margin-top: 10px
}

.service-heading img {
    width: 15%;
    margin-top: 31px;
    float: left;
    margin-left: 10px
}

.main-inner-div.four img {
    margin-top: 12px
}

.btn-products,.conts-a {
    text-align: right
}

.main-ul:hover .main-inner-div h4:before {
    background-color: #fff!important;
    transition: .3s
}

.my_inquire {
    position: relative;
    text-align: left;
    top: 23px
}

ul.cus-social-11 {
    display: inline-block;
    padding-top: 10px
}

ul.cus-social-11 li a {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    text-align: center;
    color: #fff!important
}

.gfh {
    margin-bottom: -2px
}

.my_inquire:hover,ul.btn-groups:hover {
    opacity: .8;
    transition: .3s
}

a.readmore.button.hvr-bounce-to-right:hover {
    transition: .5s;
    background: 0 0!important;
    color: #fff!important;
    border: 1px solid #fff
}

a.btn.btn-primary.bannerbtn:hover {
    transition: .5s;
    border: unset
}

@media only screen and (max-width: 992px) {
    body section.Gallery {
        display: block !important;
    }

    body .high margin-bottom: 15px;}

body .ct-counter-layout1:not(.elementor-widget),body .ct-counter-layout1:not(.elementor-widget).size2 {
    width: 120px;
    height: 120px;
    margin-bottom: 20px
}

body h2.cont {
    font-size: 17px;
    display: block
}

body .ct-counter-title,body .pdf-down p,body p.asdaszxc a,body ul.ft-contact p {
    font-size: 12px
}

.bannermain .owl-next,.bannermain .owl-prev,.head-social-icon,body .Gallery,body .ZoomContainer,body .bannermain .owl-carousel1 .owl-dots .owl-dot:first-child span:after,body .bannermain .owl-carousel1 .owl-dots .owl-dot:nth-child(2) span:after,body .calls,body .caption2:before,body .cer-img-divs p,body .cust-video-para p,body .db,body .footer-menus:before,body .generalhead p:after,body .my_inquire,body .o-products .owl-nav,body .o-products h2:after,body .o-products h2:before,body .phone:before,body .recipe-section .circle-layer,body .search-btn,body .serv h2:after,body .serv h2:before,body .team-member .side-overlay:after,body .video-para:before,body .view-all,body .wsmenu-list li.active::before,body .wsmenu-list li.active:after,body a.btn-primary.bannerbtn,body a.logo:before,body li.icon-ones.brew:after,body section.conts,body section.gallery,body section.top-top,body section.video {
    display: none
}

body .conts-a {
    text-align: left;
    margin-top: 0px;
}

body .gernal-anchor {
    margin-bottom: 20px
}

body .gal-img-one,body .gal-img-two,body .main-wrapper-2 {
    height: unset
}

body .benifit h5,body .caption2 h4,body .cat-level h2,body .cat-level h5,body .cnt-cnt h2,body .gernal-headings h2,body .main-ser-heads h4,body .test-h h5,body a.cta-footer h2 {
    font-size:16px;
}

body ul.cols {
    padding-left: 0!important
}

body li.main-li {
    width: 29%;
    float: left;
    margin: 0 6px;
    height: 100px
}

body li.main-li spann {
    font-size: 19px!important
}

body li.main-li p {
    font-size: 14px;
    padding: 0 2px
}

body .Vapor-prod,body .box-img {
    height: 250px;
    max-width: 100%
}

body .category-info {
    bottom: 10px!important;
    position: relative;
    top: unset
}

body .box-info,body .contact h2 {
    max-width: 100%
}

body .gernal-heading h1 {
    font-size: 32px;
    bottom: unset
}

body .gernal-heading p {
    max-width: unset;
    font-size: 18px;
    line-height: 15px
}

body .view-btn {
    padding: 0 0 0 10px
}

body .para {
    left: unset;
    height: 195px
}

body .container.vvv {
    padding: 20px 15px
}

body .blg-view a {
    padding: 10px;
    font-size: 14px
}

body .abs-fts,body .footer-menus {
    padding: unset
}

body .grey .item,body .super-oil-first img,body section.certificate,body section.custom-vape,body section.new-products,body ul.footer-menu,section.download {
    padding: 0
}

body .logo {
    text-align: center!important
}

body .contact-btn,body .footer-menus h4 {
    margin-top: 30px
}

div#search-filter {
    DISPLAY: NONE;
    PADDING-LEFT: 15PX
}

BODY .navbar-header {
    display: BLOCK
}

body .gernal-heading {
    padding: 20px 0
}

body .gernal-heading h2 {
    font-size: 22px!important;
    position: relative;
    top: -5px
}

body .gernal-heading h2:before {
    width: 50px
}

body .white-bg h1 {
    font-size: 18px;
    max-width: unset
}

body .view-btn a {
    font-size: 13px;
    padding: 5px 10px
}

body section.ice-cream {
    padding: 30px 0
}

body .ice-cont h2 {
    max-width: unset;
    font-size: 20px;
    line-height: 25px;
    text-transform: capitalize
}

body .ice-ice a {
    padding: 6px 25px;
    font-size: 14px
}

body .certificate {
    text-align: center;
    margin-bottom: 20px
}

body .phone li {
    padding: 0 0 0 50px!important;
    font-size: 12px
}

body .home-blo-til {
    padding: 0;
    position: relative;
    left: 10px
}

body section.machine-tool-detection {
    padding: 0;
    display: none
}

body h2.mbly {
    position: unset;
    font-size: 20px
}

body .foot-logo img {
    margin: unset!important;
    max-width: 100%!important
}

body ul.foot-menu li a {
    padding: 0 5px;
    text-align: center
}

body ul.foot-menu {
    text-align: center;
    display: block;
    position: relative;
    top: 20px
}

.benifit p,body .ab-view a,body .blo-til h4,body .btn-btn a,body .button a,body .cat-level p,body .cnt-cnt p,body .main-ser-heads p,body .main-wrapper-2 h4,body ul.unoder-list-pdf a {
    font-size: 14px
}

body .acr-main-wrapper-1,body .main-wrapper-1 {
    height: 170px
}

body .main-wrapper-2 h5 {
    max-width: unset
}

body .o-products h2,body .pdf-down h2,body h5.toph {
    font-size: 22px
}

body .ab-acr h2 {
    width: unset;
    font-size: 22px
}

body .cer-img-div {
    float: unset;
    width: unset;
    height: unset
}

body .abs-ab-cer {
    float: unset;
    width: unset;
    position: unset;
    text-align: left;
    padding: 0 0 0 10px
}

body section.mbl-menu {
    display: block!important
}

body .white-bg h5 {
    padding-left: 9px
}

body .acr-main-wrapper-2 {
    top: 72%;
    padding: 0
}

body .acr-main-wrapper {
    height: 220px
}

body .col-md-4.back-c,body .home-servoice-content,body .row.insta img {
    margin-bottom: 20px
}

body .contact p {
    max-width: unset!important;
    padding: 0
}

body .col-md-6.CONS img,body .row.sd {
    margin-top: 20px
}

body .foot-phone {
    left: 5px
}

body .foot-phone img {
    float: left
}

body .fott-phn h5 {
    padding: 0 0 0 50px
}

body footer li {
    padding: 0;
    height: unset!important
}

body .phone {
    padding: 30px 0 10px
}

body .ss-left {
    text-align: center;
    float: unset
}

body .machine-tool-content p {
    font-size: 14px;
    line-height: 15px
}

body .machine-tool-left {
    width: unset!important;
    float: unset
}

body .machine-tool-right {
    width: unset;
    float: unset
}

body .machine-tool-content {
    padding: 10px
}

body section.about-us.two {
    padding-top: 0
}

body .wsmenu-click i:before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #272727 transparent #fff;
    border-image: none;
    border-style: solid;
    border-width: 6px;
    top: 10px;
    content: "";
    margin-top: 0;
    position: absolute;
    right: 10px;
    z-index: 11111;
    transition: .5s
}

body ul.mobile-sub.wsmenu-list {
    background: unset!important;
    z-index: 9999999
}

body .chance-innerr-wrapper-product a {
    text-align: center;
    font-size: 16px
}

body h2.gernal-headd {
    font-size: 18px;
    max-width: 90%
}

body section.images-sec .container {
    top: 0;
    background: unset!important
}

body .main-inner-serv {
    padding: 0;
    text-align: center;
    margin: 0 auto
}

body .footer-logo img,body .main-inner-serv img {
    margin: 0 auto
}

body .main-serv-inner-2 p {
    padding: 0 20px!important;
    font-size: 12px
}

body li.icon-ones.brew {
    margin-right: 0
}

body li.icon-ones {
    width: 50%;
    border: unset!important
}

body section.about-us {
    padding-bottom: 90px!important;
    padding-top: 20px
}

h3.reci-head {
    font-size: 22px!important;
    text-align: center;
    padding: 0!important
}

body .jdname,body .white-bg {
    padding-left: 10px
}

body p.recpara {
    font-size: 12px;
    text-align: center;
    margin-bottom: 40px
}

body .elementor-element.elementor-element-75fc581>.elementor-widget-container {
    margin: 0
}

body .ops,body .recipe-section .left-column,body .recipe-section .right-column {
    left: 0
}

body span.ct-counter-number-value {
    font-size: 17px
}

body .super-oil-third {
    height: 40px;
    width: 40px;
    margin-top: 9px;
    display: none
}

body .main-blogs-,body .super-oil-main {
    height: 250px
}

body .super-oil-third img {
    top: 9px
}

a.btn-arrow {
    margin-top: 50px!important
}

body .footer-p p {
    text-align: left;
    font-size: 14px;
}

body .recipe-section .left-column .inner-column {
    padding-top: 20px;
    padding-right: 0
}

body .recipe-section .image-column .image img {
    top: 20px;
    max-width: 100%
}

body .recipe-section .right-column .inner-column {
    padding-top: 20px;
    padding-left: 0
}

body .inner-box h6 a {
    font-size: 20px;
    font-weight: 500
}

body .text {
    font-size: 11px
}

body .button,body .white-bg h2 {
    /* font-size: 14px!important; */
}

body .white-bg {
    padding-top: 30px;
    border-radius: 0;
    margin-top: unset!important;
    padding-bottom: 30px
}

body .cats .play-btn::before {
    content: '';
    position: absolute;
    width: 80px;
    height: 80px
}

body .cats .play-btn {
    width: 60px;
    height: 60px;
    background: radial-gradient(#0e4a92 50%,rgba(66,139,202,.4) 52%);
    border-radius: 50%;
    position: absolute;
    left: calc(90% - 47px);
    top: calc(55% - 47px);
    overflow: hidden;
    display: none
}

body .dbn {
    display: block
}

body .blogs .owl-nav.disabled,body .owl-nav.disabled {
    display: none!important
}

body section.cats {
    padding-bottom: 0
}

body .cat h4 {
    font-weight: 400;
    font-size: 12px
}

.col-md-4.col-sm-6.col-xs-6.dvc img {
    height: 130px;
    width: 100%;
    margin-bottom: 20px
}

body .col-md-4.col-sm-6.col-xs-6.dvc,body .container.entry {
    height: unset!important
}

body ul.cus-social li {
    display: inline-flex
}

body .container.azxczx {
    padding-bottom: 30px;
    overflow: hidden
}

body p.asdaszxc {
    color: #fff;
    position: relative;
    top: 14px !important;
    text-align: center!important;
    padding-left: 20px
}

body .container-fluid.azxczx,body section.blogs {
    padding-bottom: 20px;
    padding-top: 0
}

body a.my-view img {
    height: 20px;
    width: 17px;
    display: none
}

body .blog-bg-color,body .pros {
    margin-bottom: 30px
}

body p.dess {
    font-size: 11px;
    padding-top: 10px
}

body .super-oil-second h4 {
    width: 100%;
    float: left;
    padding-top: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 13px
}

body section.grey {
    margin-top: unset!important;
    padding: unset!important;
    padding-top: 10px!important
}

body .genenals h2.pro-h2 {
    font-size: 23px;
    padding-top: 11px;
    padding-right: 20px!important
}

body .genenals p {
    font-size: 12px;
    padding-top: 0
}

body .caption2 span {
    font-size: 30px
}

body h1.ab-us {
    font-size: 16px;
    line-height: 18px;
    padding: 0 0 0 10px
}

body section.logo-sec {
    height: unset;
    padding: 10px 0;
    z-index: 999999;
    position: relative!important;
    text-align: center;
    background-color: #000
}

.card img,body .card,body .jd-image,body .project-name h2,body .super-oil-main,body h2.fp-head {
    position: relative
}

body .super-oil-second {
    bottom: 20px;
    width: 100%
}

BODY .jdname h6 {
    FONT-SIZE: 10PX;
    LEFT: 88px
}

body .jd-image {
    top: 0;
    left: 0
}

body .cnt {
    padding: 30px 15px 70px;
    background-color: #000!important;
    background-image: unset
}

body .ab-ft h4 {
    color: #fff!important;
    font-size: 16px
}

body .ab-ft P {
    color: #ffff
}

body .insta-gram h4 {
    color: #fff;
    font-size: 22px
}

body section.cont-cnt {
    padding: 0;
    background-color: #000
}

body section.grey.o-products {
    padding: 20px 0;
    background: #f7f7f7!important
}

body .super-oil-first {
    height: 179px;
    position: relative
}

body a.my-view {
    padding: 5px 10px!important;
    max-width: 100%!important;
    font-size: 14px;
    margin: 0 auto!important;
    width: 30%
}

body .super-oil-second a {
    font-size: 13px;
    border: -20px;
    bottom: -20px!important;
    max-width: 50%
}

body section.servicess {
    background-image: unset;
    background-color: #000;
    padding: 20px 0
}

body .serv h2 {
    font-size: 20px;
    padding: 0 0 15px
}

body .main-ser-img {
    height: 180px
}

body .text-caption-p p {
    padding: 0 0 0 20px;
    font-size: 11px;
    height: unset!important;
    margin-top: 20px!important
}

body h2.fp-head {
    text-align: center;
    font-size: 22px;
    top: 0
}

body .blg-btn a {
    padding: 5px 15px;
    font-size: 13px
}

BODY .item.industrial a img {
    MARGIN: 0 AUTO;
    MAX-HEIGHT: 100%;
    MAX-WIDTH: 100%
}

BODY .item.industrial {
    HEIGHT: 400PX;
    WIDTH: 100%
}

body .project-name h2 {
    text-align: center;
    font-size: 20px!important;
    top: -20px
}

body .button {
    padding: 8px 20px!important;
    max-width: 40%;
    margin-top: unset
}

body .portfolio-box-caption {
    top: 130px
}

body .subscribe input#inquiry_form_email {
    width: 100%
}

.card img {
    width: unset!important;
    max-width: 100%;
    max-height: 100%
}

body .card a {
    top: -50px;
    left: 0
}

body .benifit h2 {
    font-size: 18px!important
}

body .benifit {
    position: unset
}

body .main-image {
    height: 250px;
    max-width: 100%;
    margin-bottom: 50px
}

body .main-image img {
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto!important
}

body .wrapper {
    margin: unset;
    height: unset!important;
    margin-bottom: 30px
}

body .Vapor-prod-one {
    height: 120px;
    max-width: 100%
}

body section.testo {
    padding: 0 0 50px
}

body .chance-pro-2 h2,body .project-name h3,body .test-h h2 {
    font-size: 20px
}

.quote,body .text-caption {
    position: relative;
    top: 20px
}

body ul.inst-unorder {
    padding-top: 40px
}

footer.wow.fadeInUp {
    padding: 0 15px;
    background-image: unset!important;
    background-color: #000
}

body .ffcs {
    padding: 0 0 0 5px
}

body ul.cus-social {
    padding-left: unset;
    display: block
}

body .FFs {
    border: unset;
    height: unset
}

body ul.footer-menu li {
    padding: 0 4px
}

body ul.footer-menu li a {
    font-size: 13px!important;
    padding: 0 3px
}

body .main-imgg img {
    margin: 0 auto!important;
    width: 100%
}

body .about-read {
    text-align: center;
    margin-top: 25px;
    font-weight: 600
}

body .row.ttt {
    margin-top: 10px
}

body ul.product-change-ul li {
    text-align: left;
    float: left;
    margin: 0;
    width: 28%;
    padding: 0 1px;
    list-style: none
}

body .cc .subscribe {
    text-align: left;
    padding-left: 20px
}

.logo.non.wow.flash,body p.abc {
    text-align: center
}

body section.wlc-bg {
    padding-top: 20px;
    padding-bottom: 50px
}

body .vertical-img img {
    height: unset!important;
    width: unset
}

body .fvertical-img img {
    height: unset;
    width: unset
}

body .main-imgges {
    height: 300px;
    overflow: hidden;
    position: relative;
    margin-bottom: 20px
}

body .cust-cust {
    position: relative;
    height: 230px;
    margin: 0 15px 20px
}

body .fpro-main {
    background: #fff;
    height: 220px;
    margin-bottom: 0;
    position: relative;
    overflow: hidden;
    margin-top: 20px
}

body .main-imgg {
    height: 320px;
    width: 100%;
    overflow: hidden!important
}

body .text-caption-p {
    font-size: 10px!important
}

body .image-container {
    transition: .5s
}

body .ffc {
    border: unset!important
}

body .footer-p {
    padding-bottom: 20px;
    padding-right: 0;
    text-align: left!important;
    padding-left: 0;
    margin-top: 9px
}

body .subscribe img {
    margin-top: 3px;
    margin-left: 0;
    right: -18px!important;
    bottom: 50px!important;
    position: absolute!important;
    top: -53px
}

body .pro-main {
    height: 200px;
    background: #fff;
    margin-bottom: 40px;
    overflow: hidden
}

body .d-n {
    display: block;
    margin-top: -50px;
    padding-bottom: 10px
}

body h1.pgtitle {
    font-weight: 700;
    margin-top: 0;
    font-size: 14px
}

body .col-md-6.col-sm-12.col-xs-12.my-quote {
    padding-left: 20px
}

body img.npr {
    position: relative;
    margin: unset!important;
    left: 100px
}

body .bannermain .owl-carousel1 .owl-dots .owl-dot.active span:before {
    font-size: 9px!important
}

body .blog-bg-color {
    height: 350px;
    position: relative
}

body .caption2 h2 {
    font-weight: 500;
    font-size: 27px!important;
    line-height: 40px;
}

body p.abc {
    color: #fff;
    max-width: 90%;
    margin: 0 auto 50px;
    font-size: 12px
}

body .cer-img-div img {
    padding: 10px 0 10px 10px;
    margin-top: 0
}

body a.logo {
    display: inline-block
}

.content-box-info,body .team-member .content-box-info h4,body p.descritopn-blogs,body section.blogs-section h4 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 15px !important;
}

body p.date-formatt {
    top: 5%
}

body .stats p {
    color: #9a9a9a;
    font-size: 13px;
    line-height: 24px;
    font-weight: 500
}

body h2.static-head {
    font-size: 25px;
    font-weight: 600;
    position: relative;
    padding-bottom: 20px
}

body .stats {
    padding-left: 30px;
    padding-right: 10px;
    padding-top: 20px
}

body h2.gen {
    font-size: 20px;
    padding-bottom: 20px;
    margin-bottom: 0
}

body .white-bg p {
    line-height: 20px;
    /* font-size:11px; */
    /* padding:10px; */
}

body .bannermain .owl-carousel1 .owl-dots .owl-dot:first-child span:before {
    content: "01";
    opacity: 1!important;
    color: #fff!important;
    font-weight: 600
}

body .bannermain .owl-carousel1 .owl-dots .owl-dot:first-child span,body .bannermain .owl-carousel1 .owl-dots .owl-dot:nth-child(2) span,body .bannermain .owl-carousel1 .owl-dots .owl-dot:nth-child(3) span {
    position: relative;
    width: 17px;
    height: 20px;
    background: unset;
    border-radius: 0
}

body .bannermain .owl-carousel1 .owl-dots .owl-dot {
    width: 5px!important;
    height: 20px;
    margin-left: 11px;
    margin-right: 5px!important
}

body .bannermain .owl-carousel1 .owl-dots {
    position: absolute;
    text-align: right;
    height: 0;
    right: 25px;
    bottom: 21px;
    display: none!important
}

body .bannermain .owl-carousel1 .owl-dots .owl-dot:first-child span:before,body .bannermain .owl-carousel1 .owl-dots .owl-dot:nth-child(2) span:before,body .bannermain .owl-carousel1 .owl-dots .owl-dot:nth-child(3) span:before {
    font-size: 8px!important
}

body .caption2 h5 {
    text-transform: uppercase;
    font-size: 30px;
    margin: 0;
    padding-right: 100px;
    left: 60px;
    top: -25px
}

body img.nw {
    max-width: 20px
}

body p.green-news {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%
}

body .team-member .vertical-number-box {
    left: 0;
    text-align: center;
    margin: 0 auto;
    display: block;
    width: 100%;
    bottom: 0;
    background: #fff
}

body .vertical-img {
    max-width: 100%;
    margin: 0 0 0 auto;
    position: relative;
    height: 140px
}

body .container.wsmenucontainer {
    padding-bottom: 0!important
}

body .form-sec h2 {
    font-size: 23px
}

body .subscribe {
    margin-left: 0;
    padding-bottom: 15px;
    width: 80%;
    margin-top: 20px!important;
    text-align: left;
    position: relative
}

body .email-btn {
    width: 0%!important;
    right: 0
}

body input#inquiry_form_email {
    width: 90%;
    display: inline;
    margin: 0 auto
}

body .team-member h4 {
    font-size: 12px!important;
    padding: 0 10px 0 0!important
}

body .image-container img {
    height: 300px
}

body .main-ser h4:before {
    position: absolute;
    bottom: -9px
}

body .main-ser p {
    padding: 0;
    font-size: 13px
}

body .team-member .content-box {
    position: relative;
    height: 200px
}

body .btn.btn-primary.bannerbtn {
    padding: 5px 20px!important;
    display: none
}

body .caption2 {
    font-size: 9px;
    margin-top: 0;
    padding-left: 0;
    padding-top: 0
}

body .caption p {
    font-size: 22px!important;
    text-transform: none;
    font-weight: 400;
    line-height: 40px;
    padding-top: 0;
    max-width: 100%;
    padding-bottom: 15px;
    padding-right: 0
}

body .caption {
    /* left: 20px!important; */
    /* top: 50px!important; */
    max-width: 50%
}

body section.adds {
    padding-bottom: 20px;
    padding-top: 60px
}

body .main-ins {
    height: 200px
}

body .search-btn form {
    width: 200px
}

body .most-img {
    border: 1px solid #ccc;
    position: relative;
    height: 207px
}

body .col-xs-12.col-sm-12.col-md-3.col-lg-3.p-b {
    border: unset
}

body .col-md-5.PACK {
    height: 360px
}

body ul.head-icon {
    margin: 0 auto 20px;
    text-align: center
}

.logo img {
    margin: 0 auto!important;
    max-height: 100px;
    max-width: 100%!important
}

body .my_contact_us {
    position: fixed;
    top: 50%;
    right: -130px;
    z-index: 99999;
    height: 0
}

body section.servs {
    padding-bottom: 0;
    padding-top: 30px
}

body h1.Ab-us {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 20px
}

body section.featured-product .owl-nav {
    position: absolute;
    top: 25%;
    left: 0;
    right: 0
}

body p.descritopn-blogs {
    font-size: 12px;
    color: #6a6363!important;
    font-weight: 500;
    -webkit-line-clamp: 3;
    padding: 0;
    min-height: 40px!important
}

body section.blogs-section h4 {
    color: #5a5a5a;
    font-size: 16px;
    margin-top: 5px;
    font-weight: 600;
    -webkit-line-clamp: 2;
    padding-right: 20px
}

body .chance-pros-main {
    position: relative;
    height: unset
}

body .featured-product .owl-next {
    margin-top: 5px;
    background-color: unset!important
}

body .chance-pro-2 {
    margin: 0 auto;
    top: 40px;
    width: 100%;
    text-align: center;
    left: 0;
    right: 0;
    z-index: 999
}

body .chance-inner-wrapper-view a {
    color: #585858;
    font-weight: 600;
    text-transform: capitalize;
    display: inline-block;
    border: 1px solid #969595;
    width: 50%;
    text-align: center;
    padding-top: 10px;
    text-transform: uppercase;
    padding-bottom: 10px;
    font-size: 12px
}

body .inner-testimonial {
    margin: 110px 0 20px;
    position: relative;
    padding: 0;
    z-index: 999!important
}

body .generalhead h2 {
    font-size: 16px;
    padding-bottom: 0
}

body .container.ft-bg-color {
    padding-bottom: 30px
}

body p.asdaszxc {
    font-size: 12px;
    display: block
}

body p.asdas {
    display: block;
    color: #fff!important;
    float: unset;
    text-align: center;
    font-size: 11px;
    padding: 0!important;
    margin: 0!important
}

body section.email h2 {
    font-size: 18px;
    font-weight: 600;
    color: #5d5a56
}

body section.email p {
    text-transform: capitalize;
    color: #000;
    font-size: 13px;
    padding: 0 10px
}

body section.blogs-section {
    padding-top: 40px;
    padding-bottom: 20px
}

body .cure-home-right {
    float: unset;
    width: 100%
}

body .cure-home-left img {
    max-height: 100%;
    position: absolute;
    max-width: 100%!important;
    margin: 0 auto!important;
    left: 0;
    right: 0;
    width: unset!important;
    float: unset!important;
    display: block!important;
    text-align: center
}

body ul.short-li li {
    font-size: 12px;
    line-height: 20px;
    height: 150px
}

body .cure-home-left {
    width: 100%;
    height: 150px;
    position: relative;
    float: unset!important;
    text-align: center;
    margin: 0 auto
}

body section.featured-product {
    padding: 40px 0
}

body .video-para {
    margin-top: -13px
}

body section.services-sec {
    margin: 0 auto;
    background-image: url(/images/vvv.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    max-width: 1600px;
    position: relative!important;
    transiton: 1s;
    padding: 50px 0
}

body .team-member .side-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 69.9%;
    background: #ddd;
    display: none
}

.content-box-info,body .team-member .content-box-info h4 {
    color: #0d0d0d;
    font-style: italic;
    transition: 1s;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-line-clamp: 1;
    padding-top: 10px;
    margin-bottom: 30px;
    font-size: 14px
}

body .vertical-number-box .vertical-number {
    width: 130px;
    FONT-VARIANT: JIS04;
    font-size: 12px
}

body .team-member.light img {
    height: 150px
}

body .pro {
    margin-top: 40px;
    padding: 7px 13px;
    border: 1px solid;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 12px!important
}

body .pro-11 {
    text-align: center;
    margin-top: 20px
}

body .contactmainn {
    padding-top: 20px;
    padding-bottom: 60px
}

body .main-ser {
    text-align: center;
    padding-right: 0;
    width: 90%;
    margin: 0 auto 20px
}

body img.ab-img-secs.img-responsive {
    height: 300px;
    margin: 0 auto
}
}

.servv,.view a {
    display: inline-block
}

.servv a,.view a {
    text-transform: capitalize
}

@media only screen and (min-width: 320px) and (max-width:999px) {
    section.grey .tb .col-md-3 {
        width:initial
    }
body button.navbar-toggle {
    display: block !important;
}
    section.grey .tb .col-md-3:nth-child(5) {
        display: none
    }

    body .subscribe img {
        margin-top: 3px;
        margin-left: 0;
        float: right;
        bottom: 20px!important;
        position: relative!important;
        top: -62px;
        right: -83px!important
    }

    body .cat-home-wrapper-2 {
        margin: 0 auto!important;
        position: absolute;
        left: 0;
        right: 0
    }

    body .cc {
        height: unset
    }

    body .wsmenucontainer.wsoffcanvasopener {
        margin-left: 0;
        z-index: 99999
    }

    body .wsmenu-list>li>a:hover {
        color: #000!important
    }

    p.green-news {
        color: green;
        margin-bottom: 22px!important;
        margin-top: -15px!important
    }

    body .my-menu nav#wsnavtoggle {
        margin-top: 0;
        left: 80
    }
}

.container.wsmenucontainer {
    margin: 0 auto;
    padding-bottom: 0
}

.wsmenu-list li.active>a {
    color: #094!important;
    border-radius: unset!important
}

.one {
    margin-top: 25px
}

section.images-sec h2.gernal-headd {
    margin-bottom: 51px
}

.prod_desc h3 {
    color: #9f7d48
}

.owl-dots .owl-dot.active span {
    position: relative;
    background-color: #094!important
}

section.contactus h2.gernal-head {
    margin-bottom: 40px;
    margin-top: 40px
}

.servv a {
    background-color: #0e4a92;
    padding: 12px 30px;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    margin-right: 15px;
    border-radius: 25px
}

h2.serves-2 {
    text-align: left;
    color: #fff
}

h2.serves-3 {
    text-align: left;
    color: #f5a832!important
}

.servvvv li a {
    border: 1px solid #fff;
    padding: 12px 15px;
    color: #fff;
    border-radius: 25px
}

.servv {
    margin-bottom: 15px
}

.background,.cnt-cnt,.inner-wrapper,.ppc,.view,ul.product-submenu.product-change-ul {
    text-align: center
}

.view a {
    background: #0069b7!important;
    padding: 13px 20px!important;
    color: #fff;
    font-size: 16px!important;
    font-weight: 500!important
}

li.last {
    MARGIN-TOP: 17PX
}

.chance-pros-mainn {
    height: 305px;
    position: relative;
    margin-bottom: 25px!important;
    margin: 20px 10px 0;
    transition: .3s;
    box-shadow: 0 0 10px #a7a5a5;
    border-radius: 10px;
    overflow: hidden
}

.bck,.main-ser,.services-main:hover,.tb .generalhead {
    box-shadow: 0 0 10px #ccc
}

.chance-mainn-1 img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-height: 100%;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.chance-mainn-1 {
    max-width: 100%;
    height: 250px;
    position: relative;
    margin-bottom: 11px
}

section.featured {
    background: #ebeff8;
    padding-top: 20px;
    padding-bottom: 70px;
    max-width: 1600px;
    margin: 0 auto
}

.chance-innerr-wrapper-product a {
    font-weight: 500;
    font-size: 14px;
    display: -webkit-box;
    overflow: hidden;
    transition: .3s!important;
    opacity: 1!important;
    text-align: center;
    color: #606060;
    text-decoration: none;
    padding: 0 20px
}

.chance-inner-wrapperr-view a {
    position: absolute;
    bottom: 42px;
    left: 40px
}

.main-blogs {
    height: 250px;
    margin: 0;
    z-index: 1
}

.ab-divs,.footer-icon li,.heze-blogs-inner-11 img,.insta-gram,.servvvv,.top-left ul,ul.ab-unorder li,ul.cus-socialss li,ul.foot-menu li,ul.icons {
    display: inline-block
}

.heze-blogs-inner-11 p,ul.footer-menus-list p {
    display: contents
}

.heze-blogs-inner-11 {
    text-align: left;
    border-bottom: 1px solid #ccc;
    max-width: 80%;
    margin-left: 20px;
    padding-bottom: 15px;
    padding-top: 17px
}

ul.ser-button {
    display: inline-flex;
    padding-left: 50px;
    padding-top: 30px
}

p.serves-22 {
    color: #fff;
    font-size: 15px;
    max-width: 45%
}

.aaa {
    background-color: #eaf3f4;
    margin-top: 25px;
    padding-bottom: 40px
}

.divi-cont-2 {
    padding-top: 15px
}

.contact-img-scr {
    margin-left: -16px
}

section.contactus {
    background: url(/images/con-back.jpg) 0 0/cover no-repeat #f4f4f4;
    max-width: 1600px;
    margin: 0 auto
}

.f4 {
    padding-left: 20px;
    border-left: 1px solid
}

.ab-ft .logo {
    margin-top: -15px
}

.ab-ft.tre p,.content-hidden p,p.blogs-para {
    display: -webkit-box;
    overflow: hidden
}

.content h2 {
    font-size: 32px
}

.content-hidden {
    overflow: hidden;
    transition: .5s
}

.content-hidden p:nth-child(2),.latest-pro .owl-nav.disabled,.main-testimonial .owl-dots,body .content-hidden h1:first-child,body .content-hidden h2:first-child,body .content-hidden p:first-child {
    display: block!important
}

.latest-pro .owl-next,.latest-pro .owl-prev {
    display: inline-block;
    font-size: 0;
    width: 40px;
    height: 40px;
    top: 35%
}

.product_secondary_images_container {
    height: 80px;
    position: relative;
    margin: 0
}

.product_secondary_images_container img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

input[type=search]::placeholder {
    padding: 10px;
    font-size: 16px
}

.bannermain .owl-dots span {
    width: 17px;
    border-radius: 25px;
    border: unset!important;
    height: 17px
}

.our-cat {
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 42px;
    margin-bottom: 40px
}

.cat-home-wrapper-main {
    margin: 0 auto;
    position: relative;
    height: 100%;
    max-width: 120%;
    min-width: 120%
}

.cat-home-wrapper-img {
    margin: 0 auto;
    position: relative
}

.cat-home-wrapper-img a img,.cat-home-wrapper-img a img-1 {
    max-width: 100%;
    max-height: 100%
}

.cat-home-wrapper-2 {
    margin: 0 auto;
    text-align: center;
    position: absolute;
    bottom: 10%
}

.cat-home-wrapper-2 h4,.cat-home-wrapper-2-1 h4 {
    color: #fff!important;
    font-weight: 600;
    font-size: 22px;
    text-transform: uppercase
}

.blo-til h4,.cont-cont h3,.inner-wrapper p,a.blo-titles {
    text-transform: capitalize
}

.cat-home-wrapper-2 p {
    color: #fff;
    max-width: 60%;
    margin: 0 auto 30px;
    font-size: 18px
}

.caption2:before,.cat-home-wrapper-img-1,.chance-pros-mainn:before,.ffc h4:before,.first-ss::before {
    position: absolute
}

.cat-home-wrapper-2-1 {
    margin: 0 auto;
    text-align: center;
    position: absolute;
    top: 45%
}

.cat-home-wrapper-2-1 p {
    color: #fff;
    max-width: 95%;
    margin: 0 auto 20px;
    font-size: 14px
}

.pro-view a,a.my-views,a.view {
    font-size: 16px;
    font-weight: 500
}

a.my-views,a.view {
    padding: 10px 30px;
    background-color: #fff;
    color: #000
}

.cat-home-wrapper-img-1 img {
    width: 100%;
    max-height: 100%;
    margin: 0 auto 30px
}

.blogs-section .pro-view {
    margin-top: 65px;
    text-align: right
}

.pro-view a {
    background-color: #0d4a92;
    padding: 12px 30px;
    color: #fff;
    border-radius: 30px
}

.background p {
    color: #fff;
    font-size: 22px;
    font-weight: 300
}

.background h2 {
    color: #fff;
    font-weight: 600;
    text-align: center
}

section.latest-pro {
    padding: 50px 0
}

.latest-pro .owl-prev {
    background: url(/images/lefttty.png) 0 0/100% 100%;
    position: absolute;
    left: -45px
}

.latest-pro .owl-next {
    background: url(/images/righty.png) 0 0/100% 100%;
    position: absolute;
    right: -45px
}

section.wrapper-back {
    padding: 50px 0!important;
    background: url(/images/tattto.jpg) 0 0/100% 100% no-repeat #fff;
    max-width: 1600px;
    margin: 0 auto
}

.inner-wrapper p {
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    line-height: 40px;
    padding: 50px 0;
    margin: 0 auto
}

.blo-til,.blo-til h4 {
    transition: .5s;
    padding-top: 10px
}

.main-blogs {
    text-align: center;
    position: relative
}

a.blo-titles {
    background: 0 0!important;
    color: #273773;
    font-size: 12px!important;
    font-weight: 600;
    opacity: 1;
    text-align: left;
    display: block
}

.blo-til h4,.blo-til p {
    display: -webkit-box;
    position: relative;
    text-align: left;
    font-weight: 500;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.blog-bg-color:hover a.blo-tittles,.main-blogs:hover a.blo-titles {
    opacity: 1
}

.blog-bg-color:hover .main-blogs:before,.blog-bg-color:hover img.icon,.fpro-main:hover img.vd,.item-img a:hover:before,.item-img:hover:before,.main-blogs:hover img,a.portfolio-box.image-container:hover p.cat {
    opacity: 1;
    transition: .5s
}

.blo-til {
    margin-bottom: 20px!important;
    margin: 0 auto;
    text-align: left!important;
    padding-left: 0;
    padding-right: 50px
}

.blo-til h4 {
    color: #242424!important;
    -webkit-line-clamp: 2;
    min-height: 20px;
    font-size: 21px !important;
    padding-bottom: 0;
    line-height: 22px
}

.blo-til p {
    color: #606060!important;
    font-size: 16px;
    -webkit-line-clamp: 3;
    margin-bottom: unset
}

a.blo-tittles,li.first,li.first.s img,li.first.t img,p.date-format,ul.ft-address h5 {
    display: inline-block
}

p.post-by-ad strong {
    color: #eaae7f;
    padding-left: 5px;
    font-family: Poppins,sans-serif!important;
    font-weight: 400
}

p.date-format {
    margin-bottom: 0!important;
    font-size: 15px;
    color: #000!important;
    transition: .3s!important;
    margin: 10px 0;
    text-align: LEFT!important;
    BACKGROUND: #f9bd00;
    font-weight: 500;
    padding: 6px 13px;
    position: absolute;
    top: 46.4%;
    left: -45px;
    z-index: 2;
    transform: rotate(270deg)
}

a.blo-tittles {
    font-size: 16px;
    color: #ef4b50;
    font-weight: 600;
    margin-top: 8px;
    opacity: 0;
    transition: .3s
}

section.form-secc {
    background-color: #eaeaea;
    background-size: cover;
    max-width: 1600px;
    margin: 0 auto;
    padding: 30px 0 60px
}

.cont-cont {
    text-align: center;
    max-width: 100%;
    padding: 0 20px 0 2px;
    margin-bottom: 15px;
    border-bottom: 1px dotted #0d4a92
}

.cont-cont h3 {
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    text-align: left
}

p.f {
    margin: 0 auto;
    text-align: left;
    color: #ffffffd1;
    padding-bottom: 10px
}

.stracci-main-category-wrapper2 p,.stracci-main-category-wrapper2s p,ul.ft-address h5 {
    padding-bottom: 0;
    text-transform: capitalize
}

.cont-conts h3 {
    color: #fff;
    text-align: left;
    font-size: 14px;
    text-transform: capitalize;
    margin: 0 0 0 25px;
    font-weight: 600
}

ul.ft-address h5 {
    font-weight: 500;
    font-size: 14px;
    padding-left: 0;
    margin-bottom: 3px;
    position: relative!important
}

.Product-Description {
    color: #936a40!important
}

.stracci-main-category {
    height: 490px;
    transition: .3s
}

.stracci-main-category-wrapper2 {
    position: absolute;
    bottom: 11%;
    max-width: 85%;
    left: 0;
    right: 0;
    margin: auto;
    text-align: left;
    line-height: 0
}

.stracci-main-category-wrapper2 h4 {
    color: #fff!important;
    font-weight: 600;
    font-size: 30px;
    text-transform: capitalize
}

.stracci-main-category-wrapper2 p {
    color: #fff;
    margin: 0 auto 18px;
    font-size: 16px
}

.chance-pros-mainn:hover,.stracci-main-category-wrapper1s {
    transition: .3s
}

.stracci-main-category-wrapper2s {
    position: absolute;
    top: 50%;
    max-width: 95%;
    left: 30px;
    right: 0
}

.stracci-main-category-wrapper2s p {
    color: #fff;
    margin: 0 auto;
    font-size: 15px
}

@media only screen and (max-width: 800px) and (min-width:400px) {
    body .super-oil-main {
        height:270px;
        position: relative
    }

    body .super-oil-first {
        height: 200px;
        position: relative
    }

    body .stracci-main-category-2 {
        position: relative;
        max-width: 100%;
        margin: 0 auto
    }

    body .stracci-main-category-wrapper2s {
        padding: 0 10px;
        text-align: center
    }
}

.chance-main-1 img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto!important
}

.pro,.subscribe p,h1.gernal-headd,li.first {
    position: relative
}

section.inner-relative-product {
    padding: 20px 0
}

.pro-menu {
    min-height: 600px;
    margin-top: 40px
}

.pro {
    text-align: center;
    max-width: 30%;
    margin: 40px auto 0;
    background-color: #1864a9!important;
    padding: 10px 25px!important;
    color: #fff!important;
    font-size: 16px!important;
    font-weight: 400;
    border-radius: 5px;
    transition: .5s;
    border: 1px solid #1764a9
}

.ax,.col-xs-12.col-sm-12.col-md-6.col-lg-6.industrial,.contactmain .col-md-6.col-sm-12.col-xs-6,.container.banner_txt,.cus-socialss li a,.divi-cont-2 .col-md-4.col-sm-6.col-xs-6,.he,.ins-im,.no-paddis,.se,.services-sec .col-md-3.col-sm-6.col-xs-12.col-lg-3,.xa,ul.cus-social li a {
    padding: 0
}

.animated {
    -webkit-animation-duration: 1000 ms;
    animation-duration: 1000 ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-animated-out {
    z-index: 1
}

.owl-animated-in {
    z-index: 0
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

li.last {
    padding-left: 7px
}

.search-btn input[type=search]::placeholder {
    color: #ccc;
    font-size: 15px;
    font-weight: 600
}

.chance-innerr-wrapper-product {
    text-align: center;
    padding: 0;
    width: 90%
}

section.cat-feat {
    padding: 40px 0
}

.cat-feat h2.gernal-headd {
    padding-bottom: 40px;
    padding-right: 100px
}

.stracci-main-category-2 {
    width: 48%;
    float: left;
    margin: 0 7px;
    height: 234px
}

.he {
    margin-top: 0
}

.about {
    padding-top: 0;
    max-width: 1600px;
    margin: 0 auto
}

.about .video-box img {
    padding: 15px 0
}

.about .section-title p {
    text-align: left;
    color: #000;
    padding-top: 10px;
    font-weight: 400;
    font-size: 16px;
    padding-left: 0;
    padding-bottom: 10px
}

.about .about-content {
    margin-top: 40px;
    padding: 70px 40px 0 0
}

.ab,.about .icon-box+.icon-box,.footer-icon,.row.insta,section.fair-share .owl-dots .owl-dot {
    margin-top: 40px
}

.product-contact .col-md-12,h1.gernal-headd {
    padding: 0;
    margin-top: 10px
}

h1.gernal-headd {
    text-align: left;
    font-size: 40px;
    font-weight: 600;
    color: #936a40!important;
    text-transform: uppercase
}

.cat:hover img,.icon-box:hover .icon img,a.readmore.button.hvr-bounce-to-right:hover img,img.nw.z {
    filter: brightness(100)
}

.pro-view {
    text-align: right;
    margin-top: 23px;
    padding-left: 28px
}

.center-banner img,.cnt-cnt img,.home-servoice-content img,.man-img img,.stracci-main-category-wrapper1 img,.subscribe {
    margin: 0 auto
}

.col-md-6.col-sm-12.col-xs-12.my-quote,.white-bg {
    padding-left: 50px
}

p.date-format img {
    padding-right: 9px;
    display: inline;
    filter: brightness(0)
}

.subscribe {
    padding-bottom: 15px;
    width: 100%;
    text-align: center
}

p.green-news {
    color: #1fc963!important
}

h3.cat-h3,h4.Popular {
    color: #f9bd00;
    text-transform: uppercase
}

.wsmenu-list>li.active>a {
    color: #00aeef;
    font-weight: 600
}

.white-bg {
    margin-top: 100px
}

.custom-input-email {
    border-bottom: 1px solid #fff
}

.custom-input-email::placeholder {
    color: #e1d7d7!important
}

.subscribe p {
    font-size: 15px;
    text-align: left;
    top: 10px
}

.f1 {
    background: #125eba;
    padding-top: 35px;
    width: 24%;
    margin-right: 10px
}

li.first {
    padding: 0 30px;
    max-width: 77%
}

.stracci-main-category:hover {
    transform: scale(1.01);
    transition: .3s
}

.stracci-main-category-wrapper1s:hover {
    transform: scale(1.02)
}

.banner-imagee {
    height: 331px;
    overflow: hidden;
    position: absolute;
    width: 250px;
    top: 26%;
    LEFT: 36%
}

.banner-imagee img {
    max-height: 100%;
    position: absolute;
    max-width: 100%;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    border: 0
}

.chance-mainn-1ssss,.head-info,.header-search-btn-1,.main-pic,.most-img,.section-title,.services-main,body .ext-padd,li.first.s,li.first.s img,li.first.t img {
    position: relative
}

h4.Popular {
    padding: 30px 0 10px;
    font-size: 18px;
    font-weight: 700;
    font-family: Roboto,sans-serif
}

.chance-mainn-1ssss {
    width: 50%;
    float: left;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    height: 120px
}

.header-search-btn-1,button.header-search-btn-1 {
    font-size: 0;
    border: unset
}

.header-search-btn-1 {
    background-color: #f9bd00!important;
    color: transparent;
    height: 40px;
    top: -5px;
    width: 40px;
    left: -43px;
    border-left: 1px solid #ccc!important
}

.header-search-btn-1 i.fa.fa-search {
    font-size: 17px;
    color: #fafafa;
    background-color: transparent!important;
    position: absolute;
    left: 10px;
    top: 13px
}

.ext-padd input[type=text]:focus {
    outline: 0
}

body .ext-padd {
    display: block
}

ul.cus-social p {
    color: #fff;
    font-weight: 500;
    margin-top: 5px;
    font-size: 15px;
    padding-left: 15px
}

li.contt p {
    padding-right: 10px
}

.my_cat.cat_level_1:hover a:before {
    content: "";
    background-color: #f9bd00;
    width: 3px;
    height: 100%;
    position: absolute;
    left: -7px;
    top: 0;
    opacity: 1
}

.tag {
    text-transform: uppercase;
    font-weight: 600!important;
    font-size: 14px!important;
    margin-top: 0!important
}

body .navbar-collapse {
    padding-left: 5px;
    padding-right: 5px
}

h3.cat-h3 {
    margin-bottom: 12px;
    font-family: Roboto,sans-serif!important;
    font-size: 21px
}

.container.prod_main {
    padding-top: 30px
}

h4.Product-Description.Product-Description-main {
    font-weight: 700;
    font-size: 24px;
    text-transform: uppercase;
    font-family: Roboto,sans-serif;
    margin-bottom: 30px;
    display: none
}

.chance-mainn-1ssss img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%
}

.form-control {
    resize: none!important
}

img.arr {
    height: 20px;
    width: 30px;
    padding-left: 10px
}

@media only screen and (min-width: 800px) and (max-width:1200px) {
    body .cat-feat .col-md-3.col-sm-6.col-xs-12.col-lg-3 {
        width:27%
    }
}

.fea-blogs:hover .main-blogs-2 {
    background: #0d4a92;
    transition: .3s
}

.fea-blogs:hover.fea-blogs h4 {
    color: #fff;
    transition: .3s
}

.fea-blogs:hover p.date-format,.yinte-main-blogs:hover p.date-format {
    color: #fff;
    transition: .3s
}

.fea-blogs:hover .yinte-main-blogs-anchor a {
    background: #fff!important;
    color: #0d4a92;
    transition: .3s
}

.fea-blogs:hover p.date-format:before,.yinte-main-blogs:hover p.date-format:before {
    background: #fff;
    transition: .3s
}

.yinte-main-blogs:hover .yinte-main-blogs-2 {
    border-radius: unset
}

.yinte-main-blogs:hover .yinte-main-blogs-anchor a {
    background: #fff;
    color: #0d4a92;
    transition: .3s
}

.cont textarea:focus,body .search-btn input:focus,input:focus {
    box-shadow: unset;
    opacity: .8
}

.cont textarea:focus,textarea:focus {
    box-shadow: unset;
    border-bottom: 1px solid #0b4196!important;
    opacity: .8
}

.subscribe img {
    margin-top: 0;
    margin-left: -3px;
    position: absolute;
    right: 30px;
    bottom: 14px
}

.chance-pros-mainnssss {
    position: relative;
    height: 140px
}

body .main-pic {
    border: 1px solid #ccc;
    margin-bottom: 10px
}

body ul.view-pro-img li.img_active {
    border: 1px solid #094
}

.product-contact .col-md-6.col-sm-12.col-xs-6 {
    padding: 0;
    overflow: hidden;
    float: left
}

.p-b {
    border-left: 2px solid #2a2a2a
}

.most-img {
    border: 1px solid #ccc;
    height: 457px
}

.most-img img {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%
}

.fea-blogs:hover .main-blogs-1:before {
    display: none;
    transition: 3s
}

.yinte-main-blogs:hover .yinte-main-blogs-1:before {
    display: none;
    transition: .3s
}

.about .pro-view,.contact-btn,.footer-menu {
    text-align: left
}

body .pd-thumbs ul li {
    text-align: left;
    padding-left: 0;
    width: 100%;
    display: block;
    margin-bottom: 10px
}

.main-pic {
    height: 350px;
    text-align: center;
    padding: 0!important;
    margin: 0 auto;
    float: none
}

.head-info {
    display: inline-flex;
    padding-left: 17px;
    margin-top: 40px
}

li.first.s img {
    float: left;
    bottom: -7px;
    margin: 0 -38px
}

li.first.t img {
    bottom: -30px;
    margin: 0 -24px
}

li.first.t {
    border-radius: unset!important
}

li.first.s {
    border-right: 2px solid #0a549fa6;
    top: -10px
}

section.top-top {
    max-width: 1600px;
    margin: 0 auto;
    height: 100px;
    background: #a31d22
}

.cont-cont i,.cont-contss i {
    margin-bottom: 10px;
    margin-top: 20px
}

li.first.s h5,li.first.t h5 {
    color: #676363;
    font-size: 14px;
    font-weight: 400
}

.section-title {
    margin-top: 90px;
    padding: 0 0 0 5px
}

.services-main {
    min-height: 180px;
    padding: 50px 10px 0 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    transition: .3s;
    margin-bottom: 50px
}

.services-main-1 img {
    position: absolute;
    left: 30px;
    top: -50px
}

.services-main:hover {
    transition: .3s
}

.services-main-2 h4 {
    color: #2f2f2f;
    font-size: 18px;
    font-weight: 600
}

.services-main-2 p {
    font-size: 14px;
    color: #858282;
    font-weight: 500!important
}

section.oil-services {
    padding: 60px 0 80px
}

section.oil-services h2.pro-h2 {
    color: #000!important;
    text-transform: capitalize!important;
    font-weight: 600;
    font-size: 42px!important;
    text-align: left;
    margin-top: 0;
    padding-left: 0;
    padding-bottom: 70px
}

.services-main:before {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 5px;
    background-color: #0d4a92;
    content: "";
    margin: 0 auto;
    left: 0;
    right: 0;
    opacity: 0
}

.services-main:hover.services-main:before {
    opacity: 1
}

.keqilblogs {
    position: absolute;
    top: 60%;
    padding: 0 20px 0 30px
}

.bck,.cont-cont i,.cont-conts img,.cont-contss i,.factory-images,.footer-menus h4,p.f {
    position: relative
}

body .keqilblogs-1 {
    height: 500px;
    background-repeat: no-repeat!important
}

p.date-formatssss {
    text-align: left;
    font-size: 14px;
    color: #eb5e62;
    font-weight: 500;
    display: inline-flex
}

p.descritopn-blogs {
    font-size: 13px;
    color: #3b3a3a!important;
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding: 0;
    min-height: 20px!important;
    text-align: left
}

.divi-cont-2 input,.divi-cont-2 textarea {
    background-color: transparent;
    color: #fff;
    transition: .3s
}

section.contactus {
    padding: 150px 0 50px
}

.divi-cont-2 input {
    border: 1px solid #fff
}

.divi-cont-2 #inquiry_form_btn {
    border: 1px solid #f9bd00;
    padding: 7px 50px;
    background-color: #fff;
    color: #000;
    text-transform: capitalize;
    border-radius: 20px;
    text-align: left;
    float: left
}

.divi-cont-2 textarea {
    border: 1px solid #ccc;
    resize: unset;
    height: 180px
}

.bck,.factory-images img {
    border-radius: 10px
}

.divi-cont-2 .col-md-12 {
    padding: 0 1px
}

.cap_img {
    padding-left: 10px!important
}

.cap_code,.row.tb {
    margin-top: 0
}

.bck {
    width: 40%;
    margin: 0 10px 10px;
    top: -30px;
    max-height: 510px;
    background-color: #fff;
    min-height: 640px;
    left: 50px;
    padding: 0 40px
}

.images,.pro-views,.tab-tab,div#st-1 {
    margin-top: 30px
}

.cont-conts {
    padding-bottom: 30px;
    border-bottom: 1px dotted #0d4a92;
    padding-top: 30px
}

p.f {
    color: #9a9a9a!important;
    font-size: 16px;
    top: 0;
    left: 36px
}

.bck h3 {
    color: #0d4a92!important;
    font-size: 18px!important;
    padding: 0 0 10px 10px
}

.cont-cont i,.cont-conts i,.cont-contss i {
    font-size: 22px;
    color: #0d4a92;
    text-align: left
}

.cont-cont i,.cont-conts i,.cont-contss i,a.readmore.button.hvr-bounce-to-right img {
    padding-left: 4px
}

.cont-contss i {
    left: 8px
}

.cont-cont i {
    left: -141px
}

.cont-conts i {
    margin-bottom: 20px
}

.divi-cont-2 .form-group input::placeholder {
    color: #fff!important
}

.divi-cont-2 textarea::placeholder {
    color: #fff!important
}

.divi-cont-2 input#captcha::placeholder {
    color: #fff!important
}

.footer-menus h4 {
    color: #094;
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    display: inline-block;
    padding: 20px 0
}

.chance-main-blogs p,p.descritopnss-blogs {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.cont-conts img {
    top: 25px;
    left: -8px
}

.pro-views {
    padding-left: 30px
}

.pro-views a {
    padding: 13px 30px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    background: #cc383c;
    background: linear-gradient(90deg,#cc383c 15%,rgba(204,56,60,.6558998599439776) 100%)
}

.factory-images {
    transition: .3s;
    border-radius: 20px
}

.factory-images:hover.factory-images a:before {
    opacity: .7
}

.factory-images a::before {
    content: "";
    background: url(/images/factory-before.png) 0 0/100% 100% no-repeat;
    height: 100%;
    left: 0;
    right: 0;
    position: absolute;
    opacity: .6;
    opacity: 0;
    z-index: 999;
    transition: .3s;
    max-width: 100%;
    margin: 0 auto;
    border-radius: 10px
}

section.comapnay-images {
    padding: 50px 0 100px;
    position: relative;
    max-width: 1600px;
    margin: 0 auto
}

.chance-inner-wrapperr-view img {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 55px;
    bottom: 0;
    filter: hue-rotate(-335deg)
}

.backi,.first-ss h5,.second-ss h5,.set-post {
    position: relative
}

.backi {
    border-radius: 20px;
    height: 600px;
    top: -80px;
    padding: 0 30px;
    background: url(/images/back-cont.png) 0 0/100% 100% no-repeat
}

.first-ss h5 {
    color: #fff;
    padding: 0 15px;
    top: -7px
}

.second,section.productss .col-md-4 {
    padding: 0 10px
}

.second-ss h5 {
    color: #858b97;
    top: -6px
}

input[type=search]::placeholder {
    font-weight: 500!important;
    color: #ccc!important
}

p.product-para {
    text-align: center;
    font-size: 16px;
    color: #9a9a9a;
    padding: 0 0 30px
}

.product-button {
    text-align: right;
    margin: 10px 0 0
}

.product-button a {
    background: #f9bd00;
    color: #000;
    font-size: 16px;
    padding: 8px 30px;
    border-radius: 50px;
    font-weight: 500;
    border: 1px solid #f9c00d!important;
    transition: .3s
}

h2.headserv {
    font-size: 42px;
    font-weight: 600;
    color: #fff;
    padding-top: 20px
}

.servicewrapper p {
    color: #fff;
    font-size: 14px;
    max-width: 60%
}

.servicewrapper img {
    margin: 0 -20px
}

.main-inner-serv {
    margin-bottom: 30px;
    padding: 30px 0 0 50px;
    height: 210px
}

.main-serv-inner-2 h4 {
    font-size: 23px;
    color: #424242;
    padding-top: 10px;
    font-weight: 600
}

.main-serv-inner-2 p {
    font-size: 13px;
    color: #9a9a9a;
    text-transform: capitalize;
    font-weight: 400;
    padding: 0 40px 0 0
}

section.serv {
    background: url(/images/services.jpg) 0 0/cover no-repeat;
    padding: 30px 0;
    max-width: 1600px;
    margin: 0 auto
}

p.descritopnss-blogs {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 20px 0;
    -webkit-line-clamp: 4;
    max-height: 100px;
    min-height: 100px
}

.view-bbtn a {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

p.date-formatssss img {
    margin: 0 5px
}

.view-bbtnn a {
    color: #f4696e;
    font-size: 14px;
    font-weight: 500
}

.center-banner,section.get-in-t img {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto
}

section.conat {
    padding: 30px 0 0;
    max-width: 1600px;
    margin: 0 auto
}

section.banner-banner {
    padding: 30px 0
}

.ppc img {
    margin: 0 auto;
    border-radius: 100px;
    padding: 10px;
    border-style: dotted
}

.address {
    padding: 20px 0 0;
    color: #fff
}

.address h5 {
    font-size: 25px;
    font-weight: 600;
    color: #a1784d;
    text-transform: uppercase
}

.servi-btn a,.tabcontent p,.tag-line,h2.video-head,h5.post-heads,section.email h4 {
    text-transform: capitalize
}

p.news-news {
    padding: 0 0 10px;
    font-size: 13px;
    font-weight: 300
}

.upper-upper,ul.head-icon img {
    position: relative;
    top: 6px
}

.chance-pros-mainn:hover.chance-pros-mainn:before {
    opacity: 1;
    transition: .3s
}

.box-info:hover:before,.chance-mainn-1:hover:before,.chance-pros-mainn:hover .chance-inner-wrapperr-view a,.chance-pros-mainn:hover .chance-inner-wrapperrss,.main-inner-div:hover:before {
    opacity: 1;
    transition: .3s
}

section.videos {
    max-width: 1600px;
    margin: 0 auto;
    background-repeat: no-repeat;
    padding: 60px 0
}

.set-post {
    text-align: center;
    padding: 20px 0;
    top: 90px
}

h2.video-head {
    padding: 0;
    color: #fff;
    font-weight: 600;
    font-size: 55px
}

h5.post-heads {
    font-size: 35px;
    color: #fff;
    font-weight: 500
}

.center-video {
    position: absolute;
    left: -23px;
    right: 0;
    margin: 0 auto;
    z-index: 9999;
    top: 400%;
    width: 14%
}

.about-image,.ser-lower,.services-services,.tab,.tab button,h2.services-ser {
    position: relative
}

.center-video a {
    z-index: -999
}

.blog-bg-color:hover .blo-til:before,.box-img:hover .box-info:before,.center-video img,.wrapper:hover .main-wrapper-1:before,.wrapper:hover .pro-short,.wsmenu-list>li>a:hover:before {
    opacity: 1
}

.tab {
    overflow: hidden
}

.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: 0;
    cursor: pointer;
    padding: 10px 20px;
    transition: .3s;
    margin: 0 5px;
    color: #000;
    font-weight: 600;
    font-size: 14px
}

.Ab-down,.not-main h3,.services-services,.subscribe input#inquiry_form_email {
    border-bottom: 1px solid #ccc
}

.tab button.active {
    background-color: #c90916;
    color: #fff;
    font-size: 16px;
    text-align: center;
    padding: 10px 30px
}

.tabcontent {
    padding: 6px 12px;
    border-top: none;
    display: none
}

.tab button:before {
    position: absolute;
    content: "";
    height: 5px;
    background-color: #c90916;
    top: 0;
    width: 73%
}

.tabcontent p {
    font-size: 16px;
    color: #000;
    font-weight: 500;
    padding: 10px 0 0
}

.about-image {
    margin-top: 0
}

.services-services {
    float: left;
    width: 100%;
    padding: 2px 5px 20px;
    transition: .3s;
    height: 218px;
    z-index: 9999;
    border-right: 1px solid #ccc
}

section.servicesss {
    padding: 0 0 100px;
    background-color: #ffff
}

.ser-lower {
    padding: 0;
    background: #fff;
    left: 1px
}

.services-services p {
    padding: 0 15px;
    font-size: 15px;
    font-weight: 400
}

h2.serving {
    color: #a1784d;
    padding: 0 15px;
    font-weight: 700;
    font-size: 32px
}

.servi-btn {
    padding: 10px 10px 10px 15px
}

.servi-btn a {
    font-size: 16px;
    color: #c90916;
    font-weight: 500
}

.ser-serrr {
    background: url(/images/serr-serr.jpg);
    height: 487px
}

h2.ser-head {
    text-align: left;
    margin-top: 50%;
    color: #fff;
    font-size: 42px;
    font-weight: 600;
    padding: 0 0 0 30px
}

.services-sssdddd {
    border: 1px solid #ccc;
    padding: 20px 20px 21px
}

h2.services-ser {
    padding: 10px 15px 10px 0;
    font-size: 30px;
    font-weight: 600;
    margin-top: 20px!important;
    top: 8px;
    z-index: 999
}

.services-sssdddd a {
    margin-left: -15px
}

.backend {
    background: url(/images/address-back.png) 0 0/cover no-repeat;
    padding: 100px 0
}

.address h3 {
    color: #fff;
    font-size: 14px;
    padding: 0;
    font-weight: 400;
    max-width: 80%;
    margin: 0 auto
}

.services-sssdddd p {
    font-size: 16px;
    font-weight: 500;
    color: #000
}

body .bannermain .owl-carousel1 .owl-dots .owl-dot {
    margin: 0 5px 0 30px!important;
    width: 5px!important;
    height: 20px
}

.tag-line {
    position: absolute;
    bottom: 0;
    background-color: #c90916;
    width: 100%;
    padding: 15px 20px;
    color: #fff;
    font-size: 18px;
    font-weight: 500
}

@media screen and (device-width: 1350px) {
    body .about-image {
        right:0
    }

    body .wsmenu-list>li>a {
        font-size: 14px
    }

    body section.section-1 img {
        height: 500px
    }
}

@media screen and (device-width: 1024px) {
    body .o-products h2:after,body .o-products h2:before,body .serv h2:before {
        position:absolute;
        background-image: url(/images/pbefore.png);
        background-repeat: no-repeat;
        top: 25px;
        height: 5px;
        width: 30%;
        content: ""
    }

    body .abs-ab-cer {
        float: right;
        width: 60%;
        position: relative;
        top: 60px;
        left: 10px
    }

    body .main-wrapper-2,body .wrapper {
        height: unset
    }

    body .main-wrapper-1 {
        height: 250px
    }

    body section.grey {
        margin-top: unset!important
    }

    body .caption p {
        max-width: 62%
    }

    body .bannermain .owl-nav.disabled {
        display: none
    }

    body .main-wrapper-2 h5 {
        max-width: 100%
    }

    section.get-in-t {
        background-image: unset;
        background-color: #c5060b
    }

    body .contact {
        padding: 0
    }

    body .head-social-icon li a {
        padding: 0 5px
    }

    body .o-products h2:after {
        right: 8%
    }

    body .o-products h2:before {
        left: 17%
    }

    body .serv h2:before {
        left: 16%
    }

    body .button {
        max-width: 40%
    }

    body .super-oil-first {
        height: 300px
    }

    body .super-oil-main {
        height: 280px
    }

    body .super-oil-second {
        bottom: 85px
    }

    body .text-caption-p p {
        font-size: 12px!important
    }

    body .about-image {
        right: 0
    }

    body .wsmenu-list>li>a {
        font-size: 14px
    }

    body .wsmenu-list li a {
        margin: 0;
        padding: 0!important
    }

    body section.logo-sec {
        background-image: unset!important;
        top: 0
    }

    body .search-btn input {
        padding: 0;
        text-align: left
    }

    .backend {
        padding: 0 15px
    }
}

.upper {
    padding: 35px 0 0;
    text-align: right
}

.ab a {
    padding: 10px 40px;
    background: #a1784d;
    color: #fff;
    font-size: 16px;
    border-radius: 50px;
    font-weight: 400
}

.container.mainn {
    background: url(/images/ser-back.jpg) 0 0/100% 100%
}

.row.ccp {
    padding-top: 100px;
    padding-left: 40px;
    width: 98%
}

.col-xs-12.col-sm-12.col-md-4.col-lg-4.ser-img {
    padding: 0;
    position: relative;
    left: 2px
}

.services-services li {
    color: #000;
    padding-left: 20px;
    line-height: 22px;
    font-weight: 400
}

.services-services.fir {
    padding-top: 40px
}

.blog-bg-color:before {
    content: "";
    background-repeat: no-repeat;
    position: absolute;
    top: 63px;
    height: 100%;
    width: 100%;
    margin-left: 0;
    z-index: -1;
    filter: saturate(6.5)
}

img.icon {
    position: absolute;
    top: 104px;
    left: 0;
    right: 10px;
    margin: auto;
    z-index: 999;
    transition: .5s;
    opacity: 0
}

.main-blogs:before {
    background: #00000059;
    position: absolute;
    height: 97%;
    width: 100%;
    top: 0;
    content: "";
    opacity: 0;
    transition: .5s
}

section.map {
    background: url(/images/map.jpg) 0 0/100% 100%;
    height: 480px;
    position: relative;
    margin-top: -100px!important;
    z-index: -1;
    max-width: 1600px;
    margin: 0 auto
}

ul.services-ull p {
    padding-left: 1px;
    line-height: 23px;
    padding-right: 19px;
    position: relative
}

ul.head-icons li a {
    display: inline-block;
    margin-right: 10px
}

h2.contact-head {
    color: #090505!important
}

h2.info-info {
    color: #090605!important
}

body section.blogs-view-wrapper h4 {
    color: #0a0505!important
}

body section.blogs-view-wrapper h2 {
    color: #f9bd00!important
}

body .attr_table .c1 {
    width: 80px;
    background-color: #f5f5f5
}

section.service-sec {
    background: #f7f7f7;
    padding-top: 80px;
    padding-bottom: 60px;
    max-width: 1600px;
    margin: 0 auto
}

.s-heading h3 {
    color: #2d2b2bf7;
    margin-bottom: 10px
}

.s-heading p {
    color: #6f6f6f;
    line-height: 22px
}

.s-heading {
    width: 70%;
    float: left
}

.s-img {
    width: 30%;
    float: left
}

ul.s-main li {
    height: 170px
}

.img-main img {
    width: 100%;
    padding: 0 20px 20px
}

.chance-pros-mainn:hover .chance-mainn-icon {
    left: 35%;
    margin: 0 auto;
    transition: 1s
}

.main-story-img img {
    width: 100%;
    transition: .5s
}

section.story .col-md-6.col-sm-6.col-xs-12 {
    padding: 0;
    overflow: hidden
}

.main-story-content {
    position: absolute;
    top: 35%;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    text-align: center
}

.main-story-content h2 {
    color: #fff;
    font-weight: 600
}

.main-story-content p {
    color: #fff;
    font-size: 15px;
    margin-bottom: 20px
}

a.story-a {
    color: #fff;
    border: 1px solid #fff;
    padding: 7px 30px;
    border-radius: 20px
}

.bba {
    border-right: 1px solid #fff
}

.bbaa {
    border-left: 1px solid #fff
}

section.static,section.story {
    max-width: 1600px;
    margin: 0 auto
}

img.w06.zz {
    margin-top: 27px
}

.row.top,img.w06.w5,select[name=archive-dropdown] {
    margin-top: 10px
}

img.w06.w55 {
    position: absolute;
    bottom: 2px
}

.chance-main-blogs-2 {
    background: #f4f4f4;
    padding-top: 12px;
    height: 140px;
    position: relative;
    transition: .5s;
    margin-bottom: 20px;
    padding-left: 50px
}

.chance-main-blogs p {
    color: #4b4b4b;
    padding-right: 20px;
    font-weight: 500;
    margin-bottom: 10px;
    -webkit-line-clamp: 2
}

.Ab-down img,p.green-news,ul.ft-address p {
    display: inline-block
}

.chance-main-blogs-11 a {
    color: #fc5e5a;
    font-weight: 700;
    transition: .3s
}

.chance-main-blogs-img {
    position: absolute;
    top: 1px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    transition: .5s;
    opacity: 1;
    overflow: hidden;
    height: 139px!important
}

.chance-main-blogs-2:hover {
    background: #020129;
    transition: .5s
}

.chance-main-blogs-2:hover h4 {
    color: #fff!important;
    transition: .5s
}

.chance-main-blogs-2:hover p {
    color: #fff!important
}

.chance-main-blogs-img img {
    max-width: 94%;
    margin: 0 auto
}

section.email h4 {
    color: #000;
    font-size: 24px;
    font-weight: 500
}

.product-button:hover a {
    background: #000;
    color: #fff;
    transition: .3s;
    border: 1px solid #000!important
}

story .col-md-6.col-sm-6.col-xs-12 {
    z-index: 999;
    position: relative;
    overflow: hidden;
    transition: 1s
}

.main-ins:hover img,.story .col-md-6.col-sm-6.col-xs-12:hover img {
    transform: scale(1.2);
    transition: .5s
}

.inner-testimonial img,.testy img {
    width: unset!important
}

.chance-main-blogs:hover .chance-main-blogs-11 a,.super-oil-main:hover .super-oil-second h4 {
    color: #fff;
    transition: .5s
}

.chance-main-blogs:hover .chance-main-blogs-22 img {
    filter: brightness(100);
    transition: .3s
}

p.green-news {
    top: 60px;
    background-color: #fff;
    height: unset!important;
    line-height: unset;
    border-radius: 5px;
    padding: 3px 8px;
    text-align: center;
    font-size: 12px;
    margin-top: 10px
}

p.Ab-us {
    color: #54ab47;
    font-size: 17px!important;
    font-weight: 700
}

.white-bg-1 h2 {
    color: #2e2e2e;
    font-weight: 700;
    text-align: left;
    margin-top: 7px;
    margin-bottom: 20px;
    font-size: 37px
}

.Ab-down img {
    float: left;
    width: 10%
}

.Ab-down {
    padding-bottom: 40px;
    margin-bottom: 30px
}

.white-bg-1 {
    position: relative;
    padding-left: 0
}

.Ab-down-11 {
    text-align: left;
    margin-top: 30px
}

.Ab-down spam {
    color: #f8bd01
}

.bannermain .owl-carousel1 .owl-dots:before {
    width: 7-px
}

body .bannermain .owl-carousel1 .owl-dots .owl-dot.active span:after {
    content: "";
    font-weight: 700;
    height: 4px;
    width: 41px;
    position: absolute;
    bottom: 0
}

.main-inner-div:hover {
    background-image: url(/images/blog.jpg);
    transition: 1s;
    background-repeat: no-repeat!important;
    background-position: center center;
    POSITION: RELATIVE;
    background-size: 100%;
    border: unset
}

section.services-sec .generalhead {
    margin-top: 110px
}

.main-inner-div img {
    display: block;
    padding-left: 20px;
    margin: 0 auto
}

.caption2 span {
    color: #fff!important;
    FONT-WEIGHT: 600;
    font-size: 70px
}

.chance-main-blogs-22 img,body .super-oil-main:hover .super-oil-third img,button.slick-prev.slick-arrow:hover {
    filter: brightness(0)
}

.next:hover img,.post-shares.sticky-shares.affix-top img {
    filter: invert(1)
}

.fea-blogss {
    height: 370px
}

.chance-main-blogs-22 {
    margin-bottom: 0!important;
    font-size: 15px;
    color: #000!important;
    transition: .3s!important;
    margin: 10px 0;
    text-align: LEFT!important;
    BACKGROUND: #f9bd00;
    display: inline-block;
    font-weight: 500;
    padding: 6px 18px;
    position: absolute;
    top: 30.6%;
    left: -53px;
    z-index: 2;
    transform: rotate(270deg);
    height: 150px
}

.td-main,.td-main-1,.w-left img,ul.ft-address a,ul.ft-address p {
    position: relative
}

.chance-main-blogs-2 h4 {
    margin-top: 0!important
}

.chance-main-blogs-22 p {
    display: unset!important;
    padding: 9px 3px;
    margin-left: 10px
}

.yinte-main-blogss-anchor a {
    color: #f9bd00;
    font-weight: 600
}

p.con-p {
    width: 30%;
    color: #a7a4a4;
    padding-top: 7px
}

.email-p h4 {
    color: #fff;
    font-size: 20px
}

.email-p p {
    color: #fff;
    max-width: 50%;
    padding-bottom: 10px
}

.container.ft-bg-color,.second-sss h5 {
    padding: 0 15px
}

.w-left {
    width: 30%;
    float: left;
    height: 50px
}

.w-left img {
    height: 50px;
    top: 5px
}

.w-right {
    width: 70%;
    float: left;
    padding-left: 12px;
    padding-top: 0
}

p.yel {
    color: #df7716
}

.bannermain .owl-nav .owl-next:hover {
    transition: .5s;
    filter: invert(.8)
}

.bannermain .owl-nav .owl-prev:hover {
    filter: invert(.8);
    transition: .5s
}

img.ab-1.img-responsive {
    text-align: right;
    float: right;
    position: relative
}

img.ab-2.img-responsive {
    position: absolute;
    top: 0;
    left: 22px
}

img.ab-3.img-responsive {
    position: absolute;
    right: 0;
    bottom: -640px
}

ul.ft-address a {
    color: #e5e2e2;
    font-size: 14px
}

ul.ft-address p {
    color: #fff
}

.td-main-2 h4 a,.td-main-3 h4 a {
    display: -webkit-box;
    overflow: hidden;
    color: #fff;
    -webkit-box-orient: vertical
}

.td-main {
    height: 320px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-bottom: 40px;
    background-color: #000;
    padding: 0 10px
}

.td-main-1 {
    height: 250px
}

.td-main-1 img {
    position: absolute;
    margin: auto!important;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    max-width: 100%;
    max-height: 100%
}

.td-main-2 {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    padding: 10px;
    transition: .3s;
    opacity: 0
}

.td-main-3,.td-main:hover:before {
    opacity: 1;
    transition: .3s
}

.td-main-2 h6 {
    margin-top: 30px;
    text-align: right;
    display: block
}

.td-main-2 h4 a {
    font-size: 14px;
    line-height: 18px;
    z-index: 99999;
    margin-bottom: 10px;
    -webkit-line-clamp: 4;
    text-align: left;
    position: absolute;
    bottom: 0
}

.inner-boder {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    height: 90%;
    width: 90%;
    margin: auto;
    border: 1px solid #4c9640;
    z-index: 999999;
    padding: 0 10px
}

.td-main-3 h4 a {
    font-size: 22px!important;
    -webkit-line-clamp: 2;
    border-left: 2px solid #fff;
    padding: 0 0 0 10px;
    vertical-align: middle
}

.td-main-3 {
    padding: 0 30px;
    height: 55px;
    width: 100%;
    margin: auto auto 20px;
    z-index: 9999999;
    background: linear-gradient(175deg,rgb(60 118 54) 34%,rgb(81 160 67) 100%);
    border-radius: unset!important;
    position: relative;
    top: -20px
}

.second-ss,.second-sss {
    padding: 0 15px 0 0;
    height: 20px
}

.td-main:before {
    content: "";
    background-color: #00000073;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1;
    transition: .3s;
    opacity: 0;
    border-radius: 5px
}

.featured-product .owl-next,.featured-product .owl-prev {
    height: 80px;
    font-size: 0;
    background-position: center;
    position: absolute;
    background-color: unset!important
}

.main-inner-div.fourr:hover,.main-inner-div.onee:hover,.main-inner-div.threee:hover,.main-inner-div.twoo:hover {
    background-repeat: no-repeat!important;
    background-position: center center;
    POSITION: RELATIVE;
    background-size: 100%;
    border: unset
}

.td-main:hover .td-main-2 {
    transition: .3s;
    opacity: 1;
    z-index: 9999
}

.td-main:hover .td-main-3 {
    opacity: 0;
    transition: .3s
}

.inner-boder h5 {
    width: 100%;
    height: 100%;
    top: -10px;
    position: absolute
}

.inner-boder h5 a {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0
}

.row.tt,.row.ttt {
    margin-top: 70px
}

ul.head-icon li {
    display: inline-flex
}

.main-inner-div.onee:hover {
    background-image: url(/images/ss1.jpg);
    transition: 1s
}

.main-inner-div.twoo:hover {
    background-image: url(/images/ss2.jpg);
    transition: 1s
}

.main-inner-div.threee:hover {
    background-image: url(/images/ss3.jpg);
    transition: 1s
}

.main-inner-div.fourr:hover {
    background-image: url(/images/ss4.jpg);
    transition: 1s
}

.wsmenu-list>li.active>a:before {
    position: absolute;
    content: "";
    left: 5px;
    right: 0;
    background-color: #005114;
    top: 32px;
    height: 3px;
    width: 80%
}

.second-sss {
    margin: 0 10px
}

.second-ss {
    border-right: 2px solid #cccccc61;
    margin: 0 10px
}

.ccc,.cccp {
    height: 500px
}

.second-sss h5 {
    color: #858b97;
    position: relative;
    top: -6px
}

.generalhead p {
    color: #565656;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: left;
    margin: 0;
    position: relative;
    display: inline-block
}

section.cilents,section.gallery,section.gallery h5 {
    text-align: center;
    margin: 0 auto
}

.td-main-2 h6 img {
    max-width: 30%;
    max-height: 30%
}

section.gallery {
    padding: 50px 0;
    max-width: 1600px
}

section.gallery p {
    font-size: 20px;
    color: #54ab47;
    text-align: center;
    font-weight: 600
}

section.gallery h2 {
    text-align: center;
    font-size: 38px;
    font-weight: 700;
    position: relative
}

section.gallery h5 {
    color: #9a9a9a!important;
    max-width: 40%;
    font-size: 20px;
    padding: 30px 0!important
}

section.cilents {
    max-width: 1600px;
    background: url(/images/text_02.jpg) 0 0/100% 100% no-repeat
}

section.cilents p {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    text-align: left!important
}

p.test {
    text-align: center!important;
    font-size: 20px!important;
    color: #54ab47!important;
    font-weight: 600!important
}

section.cilents h2 {
    color: #625e5e;
    font-size: 23px;
    padding: 0;
    font-weight: 600;
    margin-bottom: 30px
}

.cccp {
    padding: 0;
    background-image: url(/images/video-back.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.ccc {
    background-color: #f4f4f4
}

ul.services-ul li:before {
    position: absolute;
    color: "";
    font-size: 19px
}

ul.ft-address li:before {
    position: absolute;
    color: ""
}

ul.head-icon a {
    margin-left: 0!important;
    margin-right: 10px;
    left: 0!important;
    padding: 0;
    background: #191919;
    height: 40px;
    width: 40px;
    text-align: center;
    position: relative
}

img.em-img {
    float: left;
    margin-right: 10px
}

p.red-news {
    color: red!important;
    top: 60px
}

p.asdas {
    display: unset!important;
    color: #cdcdcd!important;
    float: unset!important;
    text-align: center;
    font-size: 13px
}

.ffc h4,h1.Ab-us {
    display: inline-block;
    text-transform: uppercase
}

p.asdas a {
    color: #ebf1f1;
    padding-left: 3px
}

p.date-formatt img {
    position: relative;
    padding-right: 4px
}

body .bannermain .owl-nav.disabled {
    display: none;
    width: 100%;
    position: absolute;
    top: 50%
}

h1.Ab-us {
    color: #343434;
    text-align: left;
    font-size: 32px;
    line-height: 37px;
    word-spacing: 3px;
    margin-bottom: 10px;
    font-weight: 700;
    overflow: hidden;
    padding-bottom: 20px;
    padding-top: 10px;
    position: relative
}

.ffc h4,.main-ser h4 {
    font-weight: 600;
    position: relative
}

.generalhead p:after {
    position: absolute;
    width: 80px;
    height: 3px;
    content: "";
    right: -100px;
    top: 11px;
    background: #005114
}

.pro-11 {
    text-align: CENTER;
    margin-top: 40px
}

.contactmainn,.main-ser,p.asdaszxc,section.about-sec {
    text-align: center
}

.image-container img {
    width: unset!important;
    max-height: 100%
}

.content-box:hover {
    transition: .5s
}

.sidebar-nav li.recentcomments {
    padding: 12px 0
}

.contactmainn {
    padding-top: 70px;
    PADDING-BOTTOM: 77PX;
    max-width: 1600px;
    margin: 0 auto;
    background: #fff;
    overflow: hidden
}

.team-member.light img {
    max-height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    height: unset;
    top: 0;
    bottom: 0;
    margin: auto
}

section.blogs-section {
    padding-top: 60px;
    padding-bottom: 60px;
    background: #f7f7f7
}

footer.wow.fadeInUp {
    background-size: 100% 100%!important;
    max-width: 1600px;
    margin: 0 auto;
    background-position: center!important;
    background-color: #1f1f1f;
    padding: 50px 0 0!important
}

#quote-carousel,.col-md-6.CONS img {
    margin-top: 200px
}

.ffc h4 {
    margin-bottom: 23px;
    color: #005114
}

footer li {
    list-style: none!important;
    color: #fff;
    position: relative
}

.ffc a {
    color: #dadada;
    line-height: 30px
}

p.asdaszxc {
    color: #fff;
    display: block;
    font-size: 14px;
    position: relative;
    top: 5px
}

section.servs {
    padding-top: 80px;
    padding-bottom: 70px;
    max-width: 1600px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-size: cover
}

.main-ser {
    padding-right: 0;
    height: 320px;
    background-color: #fff;
    border-radius: 5px
}

.main-ser h4 {
    color: #302c2e;
    font-size: 20px;
    padding-top: 20px
}

.main-ser p {
    font-size: 14px;
    font-weight: 400;
    color: #00040d;
    padding: 35px 50px 0
}

button#inquiry_form_btn {
    border: unset
}

.featured-product .owl-next {
    background-image: url(/images/rt.png);
    width: 70px!important;
    line-height: 10;
    background-repeat: no-repeat;
    display: inline-block;
    margin-top: 15px;
    right: 0
}

.featured-product .owl-prev {
    background-image: url(/images/lt.png);
    width: 68px!important;
    line-height: 9;
    background-repeat: no-repeat;
    display: inline-block;
    left: 0
}

button.btn.btn-primary.vertical-text.inquiry-pops {
    background: #094;
    font-size: 17px;
    border: 1px solid #094;
    margin-right: 12px;
    transition: .3s;
    padding: 4px 10px!important;
    z-index: 9999
}

.banner_overlay {
    height: 100%
}

.bannermain {
    margin: 0 auto;
    position: relative;
    padding: 0
}

.innercaption {
    position: absolute;
    top: 40%;
    width: 100%;
    left: 0;
    color: #fff;
    opacity: 0
}

.cer-img-divs-2,.main-blogs- {
    position: relative;
    overflow: hidden
}

section.about-sec {
    padding-top: 50px;
    padding-bottom: 0
}

.caption2,p.cat {
    text-align: left
}

.main-pic img {
    max-width: 100%;
    vertical-align: middle!important;
    max-height: 100%!important;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    top: 0
}

.main-blogs- {
    height: 300px;
    border-radius: 10px
}

.main-blogs-:hover .main-blogs-1 {
    transform: scale(1.2);
    transition: 1.2s
}

.cer-img-divs-2 {
    height: 713px;
    width: 87.4%
}

.cer-img-divs-2 img {
    position: absolute;
    max-height: 100%;
    transition: 1s;
    transform: scale(1)
}

.side-overlay,p.cat {
    transition: .5s;
    opacity: 0
}

.cer-img-divs-2:hover img {
    transform: scale(1.2);
    transition: 1s
}

.tb .generalhead {
    position: absolute;
    top: 18px;
    left: 30px;
    background: #fff;
    height: 440px;
    width: 429px;
    padding-top: 70px;
    padding-left: 51px
}

.form-row.cxz {
    height: 50px
}

.container-fluid.azxczx {
    padding-top: 10px;
    padding-bottom: 0;
    text-align: center;
    border-top: 1px solid #b1afaf
}

.wsmenu-list>li>a:before {
    position: absolute;
    content: "";
    left: 5px;
    right: 0;
    background-color: #f26065;
    top: 32px;
    height: 3px;
    width: 80%;
    opacity: 0;
    transition: 1s;
    display: none
}

.caption2 {
    font-size: 38px;
    max-width: 510px;
    margin-top: 0;
    margin-bottom: 0;
    color: #fff;
    font-weight: 700!important;
    text-transform: uppercase;
    line-height: 45px;
    padding-top: 50px;
    padding-bottom: 40px;
    padding-left: 0;
    position: relative
}

.caption {
    position: absolute;
    text-align: left!important;
    color: #fff;
    font-size: 20px;
    left: 0!important;
    top: 35%!important
}

p.text3 {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    max-width: 30%;
    margin: 0 auto;
    line-height: 25px
}

.caption li {
    display: inline-block
}

.owl-dots {
    width: 100%;
    text-align: center;
    display: none
}

.main-ser h4:before {
    background: #af447a;
    width: 50px;
    height: 2px
}

.project-name h3 {
    text-transform: capitalize;
    margin-bottom: 5px;
    color: #005114;
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 10px
}

.project-name p {
    text-transform: initial;
    font-size: 12px;
    color: #fff;
    margin-bottom: 20px;
    min-height: 60px;
    max-height: 60px;
    overflow: hidden;
    border: unset!important
}

.about-read a,.caption2 h5,.con-inq a,.cons-main h2,section.email {
    text-transform: uppercase
}

p.cat {
    display: inline;
    background: 0 0;
    font-size: 16px;
    padding: unset!important;
    font-weight: 500
}

.side-overlay {
    z-index: 999
}

.vertical-number-box {
    opacity: 0;
    transition: .1s;
    z-index: 999
}

.content-box:hover .side-overlay {
    opacity: 1;
    transform: translateY(2%)
}

.team-member .content-box:before {
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto
}

.main-blogs-1 {
    transition: 1s;
    background-position: center center!important;
    overflow: hidden;
    height: 300px!important
}

.vertical-bx,.vertical-bxc {
    background: #d12323;
    position: absolute
}

.main-ser img {
    transition: 1s;
    position: relative;
    text-align: 0;
    top: 13px
}

img.nw {
    height: 8px!important;
    width: 14px!important;
    max-width: 32px!important;
    position: relative!important;
    left: 8px!important;
    top: 7px;
    filter: brightness(0)
}

.main-ins,p.ll {
    position: relative
}

section.o-products.form-sec {
    background: url(/images/stay-in-touch.jpg) 0 0/cover;
    max-width: 1600px;
    margin: 0 auto;
    padding: 50px 0
}

.footer-logo,.sub-para {
    text-align: center;
    margin: 0 auto
}

.sub-para p {
    color: #fff;
    font-size: 14px;
    margin-top: 25px
}

body .form-sec h2:before {
    position: absolute;
    bottom: -11px;
    background: #a31d22ab;
    width: 80px;
    height: 3px;
    content: "";
    left: 0;
    right: 0;
    margin: 0 auto
}

ul.cus-social {
    margin: 20px 0 0;
    padding: 0
}

.white-bg p,body .logo-foot .logo a img {
    margin: unset!important
}

p.ll {
    left: -9px
}

.logo img {
    text-align: left;
    PADDING-BOTTOM: 10px;
    padding-top: 10px
}

.main-ins {
    height: 263px;
    overflow: hidden
}

.main-ins img {
    position: absolute;
    transition: 1s
}

.prod_desc table,.prod_desc td {
    max-width: 100%
}

.search-btn img {
    top: -13px;
    right: 30px
}

a.btn.btn-primary.bannerbtn.tr {
    background: #fff!important;
    border: 1px solid #fff!important;
    color: #005114!important;
    font-weight: 600!important
}

.caption2 h5 {
    font-size: 25px
}

.white-bg p {
    color: #606060;
    line-height: 20px;
    font-size: 16px;
    font-weight: 400!important;
    text-align: left;
    padding: 10px 0
}

.main-ser-2 {
    display: inline-block;
    width: 100px;
    height: 110px;
    transition: .4s;
    top: 15px;
    position: relative
}

.content-box:hover .vertical-number-box {
    transition: 2s;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.vertical-bx {
    min-width: 220px;
    text-align: right;
    min-height: 140px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    bottom: 0;
    right: 0;
    line-height: 1.6;
    padding: 30px;
    overflow: hidden;
    -webkit-transform: translateX(calc(100% - 30px));
    -ms-transform: translateX(calc(100% - 30px));
    transform: translateX(calc(100% - 30px));
    -webkit-transition: .3s;
    transition: .3s
}

.vertical-bxc {
    right: -66px;
    bottom: 61px;
    z-index: 9;
    color: #fff;
    padding: 7px 40px;
    transform: rotate(90deg);
    font-size: 15px;
    font-weight: 600
}

.content-box:hover .vertical-bxc {
    transition: 1s;
    opacity: 0
}

.vertical-number-box p {
    text-align: left;
    padding-right: 30px;
    padding-left: 22px;
    color: #9a9a9a;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.stats {
    padding-left: 70px;
    padding-right: 100px;
    padding-top: 60px
}

h2.static-head {
    font-size: 42px;
    font-weight: 600;
    position: relative;
    padding-bottom: 20px
}

h2.static-head:before {
    position: absolute;
    width: 90px;
    height: 3px;
    bottom: 5px;
    content: "";
    background: url(/images/bef.png);
    left: 2px;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    overflow: hidden
}

.item-img a:before,.item-img:before {
    position: absolute;
    height: 100%;
    width: 100%;
    content: ""
}

.item-img a:before,img.vd {
    bottom: 0;
    right: 0;
    opacity: 0
}

.stats p {
    color: #9a9a9a;
    font-size: 15px;
    line-height: 32px;
    font-weight: 500
}

.ap {
    margin-top: 9px
}

.hei {
    height: 692px
}

.item-img a:before {
    background: url(/images/icons.jpg) no-repeat;
    top: 0;
    transition: .3s;
    margin: auto
}

.item-img a: {
    position: relative
}

.item-img:before {
    background: #00000042;
    background: #00000094;
    transition: .5s;
    opacity: 0
}

.section-gallery .owl-next,.section-gallery .owl-prev {
    font-size: 0;
    width: 50px;
    height: 70px;
    position: absolute;
    top: 45%;
    display: inline-block
}

p.date-formatt {
    color: #575454!important;
    text-align: left
}

a.vieww {
    text-align: left!important;
    color: #000;
    font-weight: 700
}

a.vieww img {
    margin-left: 4px
}

.ab-ft.tre p:before,ul.footer-menus-list li:before {
    background-repeat: no-repeat;
    padding-right: 12px;
    background-size: 1
}

.ab-ft.tre li:before {
    content: none
}

.section-gallery .owl-prev {
    background: url(/images/left.png) 0 0/100% 100%;
    left: -25px!important;
    background-color: unset!important
}

.section-gallery .owl-next {
    background: url(/images/right.png) 0 0/100% 100%;
    right: -25px
}

.ab-acr,.cons-main-2,.generalhead h5,.innerbanner,.machine-tool-wrapper,.main-blogss-1sx,.main-blogsx-2sx,.recipe-section .image-column .image,.recipe-section .inner-container,.search-btn img,h2.gen.tr,section.video {
    position: relative
}

.section-gallery .owl-nav {
    display: block!important;
    top: 40%!important
}

p.abc {
    color: #fff;
    max-width: 40%;
    margin: -20px auto 50px;
    text-align: center
}

h2.gen.tr:before {
    background: url(/images/b2.png)
}

.main-imgg {
    height: 360px;
    width: 100%
}

.main-imgg img {
    max-height: 100%;
    max-width: 100%;
    height: 360px;
    width: 360px
}

section.conts,section.main-blog-wrapper,section.productss,section.section-galler {
    background: #fafafa;
    max-width: 1600px;
    margin: 0 auto
}

section.section-galler {
    padding-top: 50px
}

section.section-galler a {
    color: transparent
}

.generalhead h5 {
    font-size: 15px;
    font-weight: 500
}

.generalhead h5:before {
    position: absolute;
    bottom: -21px;
    background: url(/images/befs.png) no-repeat;
    width: 260px;
    height: 10px;
    content: "";
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center
}

a:hover,body a:focus {
    text-decoration: unset
}

.blg-view a,.box-info a,.chance-inner-wrapperrss a,.fott-phn a,.ft-contact li a,.view-btn a,button#inquiry_form_btn,ul.wsmenu-submenu li:hover a {
    text-decoration: none
}

section.conts .container {
    background: url(/images/cnt.jpg) 0 0/100% 100% no-repeat;
    overflow: hidden!important
}

.cons-main {
    background: url(/images/cons-back.jpg);
    display: inline-block;
    float: right;
    background-repeat: no-repeat;
    padding: 32px 76px;
    margin-top: 100px;
    text-align: left;
    margin-bottom: 100px;
    padding-left: 150px!important
}

.con-inq {
    text-align: left!important;
    background: #005114;
    display: inline-block;
    float: left;
    padding: 10px 30px;
    border-radius: 20px
}

.con-inq a {
    color: #fff;
    font-weight: 600
}

.cons-main h2 {
    font-weight: 500;
    font-size: 32px;
    COLOR: #343434!important
}

.cons-main span {
    color: #005114;
    font-weight: 600
}

.cons-main-2 {
    left: -70px
}

section.main-blog-wrapper {
    padding-top: 50px;
    padding-bottom: 50px
}

.main-blogs-wrappersx {
    position: relative;
    height: 360px;
    margin-bottom: 20px
}

.main-blogss-1sx {
    height: 240px;
    margin-bottom: 15px
}

.dat1,.dat2 {
    height: 40px;
    width: 40px;
    background-color: #005114;
    font-size: 15px
}

.main-blogss-1sx img {
    max-width: 100%;
    max-height: 100%;
    height: 240px
}

.date-blogsx {
    position: absolute;
    left: 0;
    top: -7px;
    text-align: center
}

.main-blogsx-2sx h4 a {
    color: #000;
    font-size: 25px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.main-blogsx-2sx p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #272728;
    margin: 0;
    font-size: 15px
}

.main-blogsx-2sx a.blog-anchors {
    display: block;
    position: relative;
    color: #005114;
    font-size: 14px;
    font-weight: 400;
    padding-top: 4px
}

.main-blogsx-2sx a.blog-anchors img {
    margin: 0!important;
    position: absolute;
    left: 91px;
    top: 10px
}

.dat1 {
    padding-top: 7px;
    color: #fff;
    margin-bottom: 3px
}

.dat2 {
    padding-top: 8px;
    color: #fff
}

.main-blogsx-2sx h4 {
    margin: 0;
    font-weight: 600
}

.fpro-main {
    background: #fff;
    height: 255px;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden
}

.fvertical-img {
    width: 40%;
    float: left;
    position: relative;
    top: 60px
}

.fvertical-number-boxxs h4 {
    color: #000;
    font-size: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding: 1px 8px
}

.Vapor-prod h4,.super-oil-second a {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.fvertical-number-boxxs {
    top: 100px;
    position: relative;
    padding-right: 30px
}

.overly,img.vd {
    position: absolute
}

.fcontent-box {
    width: 60%;
    float: right;
    padding-left: 10px
}

img.vd {
    transition: .5s
}

.overly {
    height: 100%;
    left: 135%;
    width: 170%;
    top: 0;
    -webkit-transform: skewX(45deg);
    -moz-transform: skewX(45deg);
    -ms-transform: skewX(45deg);
    -o-transform: skewX(45deg);
    transform: skewX(45deg);
    background: rgba(255,255,255,.7);
    transition: var(--DTBaseTransition);
    -webkit-transition: 1s
}

.with-overlay:hover.overly {
    left: -35%
}

.dt-sc-grid-banner-image.with-overlay {
    position: relative;
    overflow: hidden
}

.dt-sc-grid-banner-image.with-overlay:hover .overly {
    left: -35%
}

ul.ft-address li i {
    display: inline-block;
    color: #005114;
    padding-top: 5px!important;
    margin: 0 10px;
    font-size: 18px
}

ul.ft-address li {
    color: #fff;
    display: block;
    height: 30px
}

.feature-box {
    display: table;
    width: 100%;
    padding: 35px 20px;
    transition: .2s;
    background-color: #f5f5f5;
    position: relative;
    top: 0
}

.feature-box a {
    color: #333
}

.feature-box i {
    font-size: 20px;
    width: 34px
}

input#inquiry_form_email {
    width: 100%;
    display: inline;
    margin: 0 auto
}

.contactmain .form-control {
    border-radius: unset;
    padding: 13px 10px
}

.contactmain {
    margin-top: 80px
}

body button.btn.btn-primary.inquiry-pops {
    background: #094
}

a#wsnavtoggle\ asdd {
    opacity: 0
}

.dt-sc-grid-banner-image.with-overlay img {
    height: 528px;
    width: 359px
}

.fvertical-img img {
    height: 138px;
    width: 138px
}

.descr img {
    height: 60px;
    width: 60px
}

ul.head-icon li a {
    margin-left: 10px;
    padding: 0 13px
}

section.logo-sec img {
    margin-top: 0;
    max-width: 100%;
    padding-bottom: 0!important;
    padding-top: 0;
    padding-left: 30px
}

section.wlc-bg {
    padding-top: 0;
    padding-bottom: 50px
}

.view-all a,a.readmor {
    padding: 10px 30px;
    font-weight: 600
}

a.readmor {
    color: #302c2e;
    border: 1px solid #c27579;
    border-radius: 30px;
    font-size: 16px
}

.main-ser h4:before {
    position: absolute;
    bottom: -25px;
    left: 0;
    right: 0;
    content: "";
    background: #ae474cbf;
    margin: 0 auto;
    padding-bottom: 1
}

h1.Ab-us:before {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    content: "";
    height: 5px;
    width: 240px;
    background-image: url(/images/ab-before.png);
    background-repeat: no-repeat
}

.gallery h2.gen:before,h2.gen:before {
    bottom: -14px;
    background: #ca888c;
    width: 80px;
    left: 0;
    content: ""
}

h2.gen:before {
    position: absolute;
    margin: 0 auto;
    height: 3px
}

img.w300.nx.img-responsive {
    height: 456px
}

img.w300.cx.img-responsive {
    height: 284px
}

ul.product-change-ul li {
    text-align: left;
    float: left;
    margin: 0;
    width: 16%;
    padding: 0 10px;
    list-style: none
}

ul.product-change-ul li a {
    color: #201f1f;
    font-family: Montserrat,sans-serif;
    text-transform: capitalize;
    font-weight: 500;
    display: block;
    padding: 4px 10px 3px;
    transition: .3s linear;
    outline: 0;
    text-decoration: unset;
    font-size: 15px;
    height: 28px;
    margin-bottom: 30px;
    overflow: hidden;
    text-align: center
}

.about-read {
    text-align: right;
    margin-top: 14px;
    font-weight: 600
}

ul.product-change-ul li:hover a {
    background: linear-gradient(90deg,rgb(0 81 20) 15%,rgb(0 81 20 / 46%) 100%);
    color: #fff
}

.custom-input-email {
    height: 45px;
    background-color: transparent;
    border: 1px solid #a31d22!important;
    color: #fff!important;
    width: 100%;
    border-radius: 50px
}

.email-btn {
    padding: 10px 0;
    height: 45px!important;
    width: 10%!important;
    position: absolute;
    margin-top: 10px;
    right: 50px;
    font-size: 16px!important;
    text-align: center!important
}

.asx,.pro-pro-img,.super-oil-first,.super-oil-main,.super-oil-second,a.tre,ul.cus-social li img {
    position: relative
}

button#inquiry_form_btn {
    background-color: #094;
    padding: 10px 100px 10px 10px;
    text-transform: capitalize;
    font-size: 14px;
    border-radius: unset
}

li.numers {
    margin-bottom: 0
}

.asx {
    top: -13px
}

a.tre {
    top: -43px!important
}

.col-xs-12.col-sm-12.col-md-4.col-lg-4.ffc {
    border-right: 1px solid #ccc;
    height: 170px
}

.cc .subscribe input#inquiry_form_email {
    border: unset!important;
    border-bottom: 1px solid #ccc!important;
    border-radius: unset!important;
    padding: 0;
    width: 80%
}

.cc .subscribe {
    text-align: left;
    padding-left: 40px
}

img.arc {
    position: absolute;
    right: 90px;
    bottom: 53px
}

.about-read a {
    color: #005114
}

ul.ft-address img {
    margin-right: 12px;
    margin-top: 15px
}

.view-all {
    text-align: right;
    margin-top: 10px
}

.view-all a {
    background-color: #a31d22;
    border-radius: 100px;
    color: #fff;
    font-size: 14px
}

.super-oil-main {
    margin: 0 auto 50px;
    max-width: 100%;
    height: 350px;
    transition: 1s;
    border: #fff;
    box-shadow: 0 0 16px #cccccc5e;
    background: #fff;
    overflow: hidden
}

.super-oil-first {
    max-width: 100%;
    height: 250px;
    top: -15px
}

.super-oil-first img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    right: 0;
    margin: auto;
    transition: 1s;
    padding: 15px;
    object-fit: cover;
    MARGIN-TOP: 5PX
}

.super-oil-second {
    display: block;
    overflow: hidden;
    width: 70%;
    padding: 10px 15px 0;
    float: left
}

.super-oil-second a {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    display: -webkit-box;
    text-align: center;
    background: #00aeef;
    border-radius: 20px;
    padding: 10px;
    max-width: 80%;
    margin: 0 auto
}

.pro-pro-img {
    display: inline-block;
    float: right;
    top: -30px;
    opacity: 1
}

.gallery h2.gen:before {
    position: absolute;
    margin: 0 auto;
    height: 3px;
    right: 0
}

section.email {
    background: #f1f4f9!important;
    padding: 40px 0;
    max-width: 1600px;
    margin: 0 auto;
    text-align: center
}

.wsmenu-list a,section.email h2,section.email p {
    text-transform: capitalize
}

section.email p {
    color: #000;
    font-size: 14px;
    padding: 10px 100px
}

.instam {
    margin-top: 30px;
    margin-bottom: 30px
}

.instam a {
    border: 2px solid #b1b0b0;
    padding: 7px 40px;
    color: #000;
    transition: 1s;
    font-weight: 700
}

section.email h2 {
    font-size: 32px;
    font-weight: 600;
    color: #343032
}

ul.ft-address li img {
    display: block;
    position: relative;
    left: 0;
    top: -10px
}

ul.cus-social {
    margin-bottom: 0;
    margin-top: 10px;
    padding-left: 0;
    text-align: left;
    display: block
}

.footer-menu li a,ul.cus-social li,ul.cus-social li img,ul.cus-socialsss,ul.cus-socialsss li,ul.footer-menu,ul.footer-menu li {
    display: inline-block
}

ul.cus-social li {
    padding: unset
}

ul.cus-social li img {
    top: -1px
}

.cc {
    border-left: 1px solID;
    height: 130px
}

ul.cus-socialsss {
    margin-top: 22px
}

ul.footer-menu {
    width: 100%;
    padding-top: 30px;
    text-align: center;
    margin-top: 10px
}

.footer-menu li.active a {
    color: #1864a9!important;
    font-size: 18px
}

.footer-menu li a {
    color: #cdcdcd;
    font-size: 16px;
    font-weight: 400
}

ul.footer-menu li {
    padding: 0 30px
}

.pro-pro-img:before {
    position: absolute;
    content: "";
    background-image: url(/images/pro-hover.png);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    opacity: 0
}

.view-all a:hover {
    transition: .3s;
    outline: #ca888c solid 1px;
    box-shadow: 0 0 10px #a31d22cf
}

section.logo-sec {
    margin: 0 auto;
    border: unset!important;
    padding-bottom: 40px;
    position: absolute!important;
    padding-top: 20px;
    z-index: 999
}

ul.mobile-sub.wsmenu-list {
    text-align: left;
    position: relative;
    top: 30px
}

.wsmenu-list a {
    color: #fff!important;
    padding: 0;
    font-size: 18px!important;
    font-weight: 400!important
}

.ab-ft h4,.project-name h2 {
    font-weight: 600;
    text-transform: uppercase
}

.search-btn {
    position: relative;
    margin-top: 50px
}

.search-btn form {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: 1s;
    width: 100%;
    height: 45px;
    background: #f6f6f6;
    box-sizing: border-box;
    padding: 5px;
    border-radius: 46px!important;
    border: 1px solid #f6f6f6!important
}

#quote-carousel,.header-search-btn,.search-btn input {
    background-color: transparent
}

.search-btn input {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 37.5px;
    line-height: 30px;
    outline: 0;
    border: 0;
    font-size: 1em;
    padding: 0 10px;
    color: #000;
    border-radius: 10px!important;
    opacity: 1!important;
    border-radius: unset!important
}

.header-search-btn {
    font-size: 0px;
    border: unset;
    position: relative;
    top: -21px;
    right: 10%;
    float: right
}

.header-search-btn i.fa.fa-search {
    font-size: 17px;
    color: #1864a9;
    background-color: transparent!important;
    position: absolute;
    top: 7px;
    right: 20px
}

.ab-ft h4 {
    color: #212325;
    font-size: 32px;
    padding: 0
}

.subscribe input#inquiry_form_email {
    width: 80%;
    display: inline;
    margin: 10px auto 0;
    float: left;
    font-size: 13px;
    border: unset!important;
    position: relative;
    padding: 0 10px;
    background-color: #fff;
    border-radius: unset!important;
    color: #000!important
}

body .subscribe img {
    margin-top: 0;
    margin-left: 11px;
    position: relative;
    right: -30px;
    bottom: 8px!important
}

.ffcs {
    padding: 0 0 0 50px;
    position: relative;
    top: -40px
}

body .category .owl-nav.disabled {
    top: -12%;
    display: block!important;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 10px;
    text-align: center
}

.cap_code button#inquiry_form_btn {
    background-color: #094!important;
    border: 1px solid #094;
    text-align: center;
    font-size: 14px
}

.pro-pro-img img {
    filter: brightness(.5)
}

@media (min-width: 768px) and (max-width:999px) {
    body .chance-pros-mainn {
        height:240px
    }

    body .chance-mainn-1,body .gal-img-two {
        height: 200px
    }

    section.main-testimonial {
        display: none
    }

    body .gal-img-one {
        height: 158px
    }

    body .grey .item {
        padding: 0
    }

    body .grey .item .box-img {
        height: 190px
    }

    body .box-info a,body p.asdaszxc,body p.asdaszxc a {
        font-size: 16px
    }

    body .fott-phn a {
        font-size: 10px
    }

    body .wrapper {
        height: unset
    }

    body .main-wrapper-1 {
        height: 250px
    }

    body .bannermain,body .bannermain .item.active {
        height: 550px!important
    }

    body .caption {
        top: 30%!important
    }

    body .caption2 h2 {
        font-size: 24px!important;
        max-width: 90%;
        line-height: 30px
    }

    body .caption p {
        font-size: 16px!important;
        display: block!important;
        max-width: 75%;
        color: #fff!important;
        font-weight: 300;
        line-height: 20px
    }

    body .machine-tool-content {
        padding: 30px 10px
    }

    body .machine-tool-content p {
        line-height: 30px
    }

    body .super-oil-main {
        height: 330px;
        position: relative
    }

    body .text-caption-p p {
        padding: 0 0 0 20px;
        font-size: 11px;
        max-width: 100%
    }

    body a.my-view {
        padding: 5px 10px!important;
        max-width: 50%!important;
        font-size: 14px;
        margin: 0 auto!important
    }

    body .super-oil-first {
        height: 270px;
        position: relative
    }

    body .super-oil-second {
        bottom: 30px
    }

    body .subscribe img {
        margin-top: 3px;
        margin-left: 0;
        right: -18px!important;
        bottom: 50px!important;
        position: absolute!important;
        top: -33px
    }

    body .caption2 h5 {
        left: 100px;
        padding: unset;
        top: -20px
    }

    body .card a {
        left: -58px
    }
}

.head-social-icon {
    position: relative;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 50px
}

.head-social-icon li {
    padding: 0;
    display: inline-flex;
    margin: 0 auto
}

.head-social-icon li a {
    padding: 0 10px;
    color: #fff
}

.item.industrial a img {
    margin: unset;
    width: 100%!important;
    transition: 3s;
    height: 100%;
    object-fit: cover
}

.portfolio-box-caption {
    position: absolute;
    top: 40%;
    text-align: center;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 9999
}

.item.industrial {
    height: 677px;
    max-width: 100%;
    overflow: hidden;
    position: relative
}

.project-name h2 {
    font-size: 36px!important;
    color: #fff;
    margin: 0 auto;
    max-width: 50%
}

.button,.button a {
    color: #fff!important
}

.button a {
    text-align: center;
    font-size: 14px;
    font-weight: 500
}

.o-products h2,.serv h2 {
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    text-align: center
}

.button {
    text-align: center;
    position: relative;
    max-width: 30%;
    margin: 40px auto 0;
    background-color: #1864a9!important;
    padding: 10px 25px!important;
    font-size: 16px!important;
    font-weight: 400;
    border-radius: 5px;
    border: 1px solid #1764a9;
    transition: .5s
}

section.about-us {
    padding: 0;
    background-color: #fff;
    position: relative;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    max-width: 1600px;
    margin: 0 auto
}

section.grey.o-products {
    padding: 50px 0;
    max-width: 1600px;
    margin: 0 auto;
    background: url(/images/service-back.jpg);
    background-size: 100% 100%
}

.o-products h2:after,.o-products h2:before {
    background-image: url(/images/pbefore.png);
    background-repeat: no-repeat;
    top: 15px;
    position: absolute
}

.o-products h2 {
    color: #000!important;
    margin: 0 auto;
    padding: 0
}

.o-products h2:before {
    left: 20%;
    height: 5px;
    width: 30%
}

.o-products h2:after {
    right: 10%;
    height: 5px;
    width: 30%
}

.serv h2:after,.serv h2:before {
    top: 25px;
    width: 30%;
    background-image: url(/images/pbefore.png);
    background-repeat: no-repeat;
    height: 5px;
    content: ""
}

a.my-view {
    opacity: 0;
    transition: .3s;
    margin: 0 auto;
    padding: 8px 10px;
    position: relative;
    bottom: -20px;
    width: 20%
}

.super-oil-main:hover .my-view {
    opacity: 1;
    position: relative;
    bottom: 0
}

section.servicess {
    padding: 100px 0;
    max-width: 1600px;
    margin: 0 auto;
    background-image: url(/images/servback.jpg);
    background-size: 100% 100%
}

.serv h2 {
    font-size: 42px;
    color: #fff;
    padding: 0 0 50px
}

.main-ser-img {
    text-align: center;
    height: 150px;
    margin: 0 auto;
    overflow: hidden
}

.main-ser-heads h4 {
    color: #1864a9;
    font-size: 22px;
    font-weight: 500;
    text-transform: capitalize
}

.main-ser-heads p {
    color: #fff;
    font-size: 16px;
    text-align: center;
    font-weight: 400
}

.serv h2:before {
    position: absolute;
    left: 20%
}

.featured-pro .owl-nav,.item.industrial:before,h2.fp-head:before {
    left: 0;
    width: 100%;
    position: absolute
}

.serv h2:after {
    position: absolute;
    right: 9%
}

.text-caption {
    text-align: center;
    position: relative;
    top: 50px
}

section.featured-pro {
    padding: 100px 0 30px;
    max-width: 1600px;
    margin: 0 auto;
    background-color: #ebf1f1
}

h2.fp-head {
    display: inline-block;
    padding: 0 0 30px;
    font-size: 32px;
    font-weight: 600;
    position: relative;
    top: -25px;
    text-transform: uppercase
}

h2.fp-head:before {
    background-image: url(/images/pbefore.png);
    background-repeat: no-repeat;
    top: 45px;
    height: 5px;
    content: ""
}

.Vapor-prod {
    text-align: center;
    margin: 0 25px
}

.Vapor-prod h4 {
    color: #3a3434;
    font-weight: 500;
    display: -webkit-box;
    max-height: 22px;
    min-height: 22px
}

a.hot-a {
    color: #1864a9;
    font-weight: 500;
    font-size: 17px;
    text-transform: capitalize
}

.cnt-cnt h2,h4.foot-ico {
    text-transform: uppercase
}

.featured-pro .owl-nav {
    right: 0;
    top: 40%
}

.featured-pro .owl-next,.featured-pro .owl-prev {
    font-size: 0;
    width: 20px;
    height: 30px;
    background-repeat: no-repeat;
    position: relative
}

.featured-pro .owl-prev {
    float: right;
    background-image: url(/images/next.png)
}

.featured-pro .owl-next {
    float: left;
    background-image: url(/images/pervi.png)
}

.Vapor-prod-one {
    height: 300px;
    max-width: 100%
}

.Vapor-prod-one img {
    max-width: 100%;
    max-height: 100%!important
}

.blg-btn a {
    padding: 10px 30px 10px 20px;
    font-size: 15px;
    background: #00aeef!important;
    border: unset;
    color: #fff!important;
    font-weight: 400;
    border-radius: 30px!important;
    transition: .5s
}

.cnt {
    background-image: url(/images/cntt-bckk.jpg);
    padding: 110px 0 150px;
    max-width: 1600px;
    margin: 0 auto;
    background-repeat: no-repeat
}

section.cont-cnt {
    padding: 50px 0 20px;
    max-width: 1600px;
    margin: 0 auto
}

.cnt-cnt h2 {
    font-size: 36px;
    font-weight: 500;
    color: #fff
}

.cnt-cnt p {
    color: #fff;
    font-size: 16px;
    padding: 0 0 20px
}

.btn-btn a {
    padding: 10px 30px;
    background-color: #efc137;
    color: #000;
    font-size: 16px;
    font-weight: 600
}

.logo-foot {
    position: relative;
    top: -100px
}

.logo-foot a img {
    padding: 0 0 40px
}

h4.foot-ico {
    color: #fff;
    font-weight: 600;
    padding: 0 0 10px
}

.footer-icon li img {
    display: inline-block;
    padding: 0;
    margin: 0 10px!important;
    filter: brightness(100)
}

.insta-gram h4 {
    color: #000;
    font-size: 32px;
    font-weight: 600;
    padding: 40px 0 20px
}

.ins-im li {
    padding: 0;
    display: inline-block;
    width: 24%
}

.item.industrial:hover img {
    transform: scale(1.2);
    background-color: #0000004a
}

ul.wsmenu-submenu li:hover a {
    color: #fff!important;
    transition: .2s linear;
    text-transform: capitalize;
    background-color: #009960!important
}

body .wsmenu-list .wsmenu-submenu li:hover .wsmenu-submenu-sub li a {
    background-color: #fff!important;
    color: #666!important
}

body .wsmenu-list .wsmenu-submenu li:hover .wsmenu-submenu-sub li:hover a {
    background-color: #36c3ff!important;
    color: #fff!important
}

.white-bg h2 {
    color: #3d4042;
    font-size: 24px;
    font-weight: 600;
    text-transform: capitalize;
    padding-left: 2px
}

.text,h6.gen {
    font-size: 14px
}

.item.industrial:before {
    content: "";
    background-color: #0000004a;
    height: 100%;
    right: 0;
    margin: auto;
    opacity: 1;
    z-index: 9999
}

a.btn.btn-primary.bannerbtn.trans {
    background: #fff!important;
    border: 1px solid #fff!important;
    color: #1764a9!important
}

h6.gen {
    text-transform: uppercase;
    float: left;
    transform: rotate(270deg);
    height: 71px;
    position: absolute;
    width: 70px
}

.cat h4,body section.grey,p.dess {
    position: relative
}

h1.ab-us {
    margin: 0;
    padding: 0;
    font-size: 31px;
    color: #c5060b;
    line-height: 37px;
    text-transform: capitalize;
    text-align: left;
    font-weight: 500
}

h2.pro-h2 {
    width: 100%;
    padding-left: 25px;
    font-weight: 600;
    padding-top: 0;
    margin-top: 9px
}

.genenals {
    border-top: 1px solid #e0dfdfcc;
    margin-top: 9px;
    padding-top: 15px
}

.genenals p {
    padding-top: 20px;
    padding-bottom: 20px;
    color: #404040
}

body section.grey {
    max-width: 1600px;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 0;
    padding-top: 60px
}

.super-oil-second h4 {
    padding-top: 8px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 16px;
    padding-bottom: 0;
    min-height: 44px;
    text-align: left;
    color: #353333;
    transition: .5s;
    font-weight: 700
}

.footer-menus li a,p.dess {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

p.dess {
    display: -webkit-box;
    width: 100%;
    border-top: 1px solid #ccc;
    padding-top: 16px
}

.footer-menus li a,.mainsdiv img,h5.toph {
    display: inline-block
}

section.cat,section.cats {
    padding: 60px 0
}

section.blogs,section.galery {
    padding: 70px 0
}

.genenals h2.pro-h2 {
    padding-right: 10px;
    margin-bottom: 30px;
    text-align: left;
    text-transform: unset!important
}

.cat h4 {
    font-weight: 400;
    font-size: 16px;
    color: #000
}

.cat img {
    position: absolute;
    top: 20px;
    right: 50px;
    width: unset!important
}

.cat,.next img {
    position: relative
}

.cat {
    background: #f7f7f7;
    padding: 7px;
    border-radius: 10px;
    margin-bottom: 13px;
    transition: .5s;
    margin-right: 20px
}

.cat:hover {
    margin-left: 20px;
    margin-right: 0;
    background: #1764a9;
    transition: .3s;
    color: #fff
}

.owl-carousel19 {
    transform: rotate(90deg)
}

.next {
    position: absolute;
    bottom: 20px;
    z-index: 9999;
    background: #fff;
    padding: 13px;
    border-radius: 4px;
    height: 50px;
    width: 50px;
    left: 360px;
    transition: 1s;
    border: 1px solid #fff
}

.next img {
    left: 4px
}

.next:hover {
    background: 0 0;
    border: 1px solid #fff;
    transition: 1s
}

.next:hover img {
    break-after: 0.3s
}

section.grey.o-products h2 {
    padding-right: 200px
}

section.cats h2 {
    padding-right: 130px!important
}

section.about-us.two p {
    padding-top: 30px;
    padding-right: 30px
}

.col-md-4.col-sm-6.col-xs-6.dvc {
    height: 314px
}

.qw,.view-btn {
    margin-top: 15px
}

.blg-btn {
    padding-left: 22px;
    margin-top: 30px
}

section.blogs {
    background: #fff;
    text-align: center
}

.row-ccp,.row.sd {
    margin-top: 60px
}

.footer-menus li a {
    color: #fff;
    line-height: 25px;
    position: relative;
    padding-left: 0
}

.container.azxczx {
    padding: 10px 0;
    margin-top: 0;
    border-top: 1px solid #cccccc5e;
    background-color: #000
}

ul.cus-social {
    padding-top: 0
}

ul.ft-address li a {
    padding-left: 10px;
    padding-top: 10px;
    font-size: 13px;
    line-height: 15px
}

.jdname h4 {
    margin-top: 0;
    font-size: 15px;
    color: #474646
}

body a.nl {
    display: -webkit-box;
    -webkit-line-clamp: 3!important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    position: relative!important;
    top: -30px;
    left: 50px
}

.search-btn input::placeholder {
    font-size: 12px!important;
    font-weight: 400!important;
    position: relative;
    top: -3px
}

p.date-formatt img {
    width: unset!important;
    display: inline-block!important;
    margin-right: 4px!important
}

.blogs .owl-nav.disabled {
    display: block!important;
    position: absolute;
    top: -110px;
    right: 0
}

.blogs .owl-nav .owl-next,.blogs .owl-nav .owl-prev {
    width: 40px;
    height: 40px;
    position: relative;
    top: 9px;
    transition: .5s;
    font-size: 0
}

.blogs .owl-nav .owl-prev {
    float: left;
    background: url(/images/lefts.png) 0 0/100% 100% no-repeat;
    left: 6px
}

.blogs .owl-nav .owl-next {
    background: url(/images/right.png) 0 0/100% 100% no-repeat;
    margin-left: 55px
}

@media only screen and (min-width: 1024px) and (max-width:1320px) {
    body .next {
        left:300px;
        bottom: 16px
    }

    body .high-two h3 {
        width: 65%;
        float: left;
        color: #fff;
        font-size: 14px
    }

    body .high {
        height: 200px
    }

    body .cvbn {
        height: 210px
    }

    body li.icon-ones.brew {
        margin-right: 20px
    }

    body a.sad {
        font-size: 12px;
        position: relative;
        top: -2px;
        left: 0;
        right: 0;
        margin: 0 auto;
        text-align: center!important
    }

    body .caption {
        left: 7%!important
    }
}

@media only screen and (min-width: 1500px) and (max-width:1600px) {
    body .next {
        left:400px;
        bottom: 26px
    }
}

button.slick-prev.slick-arrow {
    position: absolute;
    bottom: 0;
    left: 60px;
    font-size: 0;
    border: unset;
    background: url(/images/down.png) 0 0/100% 100% no-repeat;
    height: 50px;
    width: 50px
}

button.slick-next.slick-arrow {
    font-size: 0;
    border: unset;
    background: url(/images/up.png) 0 0/100% 100% no-repeat;
    height: 50px;
    width: 50px;
    margin-top: 20px;
    transition: .5s
}

.pd-thumbs ul li span,.slick-vertical .slick-slide {
    border: unset!important
}

.slick-list.draggable {
    height: 250px!important
}

.top-img-div {
    background: #fff;
    position: absolute;
    z-index: 9;
    border-radius: 10px;
    box-shadow: 0 0 20px #696969;
    left: -40px
}

.cer-img-div {
    position: relative;
    height: 618px;
    overflow: hidden;
    border-radius: 35px
}

.mainsdiv img {
    width: 30%;
    float: left;
    text-align: 10px;
    position: relative;
    top: 30px;
    left: 10px
}

.not-main {
    width: 56%;
    float: right;
    margin-right: 10px
}

.top-img-div {
    width: 230px;
    padding-bottom: 10px
}

.mainsdiv span {
    font-size: 12px;
    font-family: Poppins!important;
    font-weight: 500
}

.caption20 h2,.caption21 h2,.caption22 h2 {
    font-family: Lobster!important;
    font-weight: 600
}

.top-img-div.vcx {
    bottom: 20px;
    position: absolute;
    left: 350px
}

.mainsdiv h6 {
    position: absolute;
    top: 5px;
    right: 74px;
    font-size: 30px
}

.top-img-div.vcx img {
    width: unset;
    position: relative;
    top: 11px
}

a.pro:hover {
    opacity: .8;
    transition: .5s;
    background-color: transparent!important;
    border: 1px solid #1864a9;
    color: #1864a9!important
}

.super-oil-main:hover .super-oil-first img {
    transform: translate3d(0,-20px,10px)
}

button.btn.btn-primary.vertical-text.inquiry-pops:hover {
    background-color: #094;
    color: #fff;
    border: 1px solid #094;
    padding: 4px 10px!important
}

img.w300.img-responsive {
    position: relative;
    overflow: hidden;
    transition: 2s
}

.super-oil-second img {
    transform: scale(1)!important;
    padding-left: 5px
}

a.btn.btn-primary.bannerbtn.trans:hover {
    background: 0 0!important;
    color: #f0f8ff!important;
    transition: .5s!important
}

button.slick-next.slick-arrow:hover {
    transition: .5s;
    filter: brightness(0)
}

.blogs .owl-nav .owl-next:hover,.blogs .owl-nav .owl-prev:hover {
    filter: brightness(0);
    transition: .5s
}

img.w300.img-responsive.rel {
    filter: unset!important
}

img.img-responsive.poi {
    padding: 30px;
    position: relative
}

.cats .play-btn {
    width: 110px;
    height: 110px;
    background: radial-gradient(#3eb9c8 50%,#42ad76 50%,rgb(0 174 239 / 35%) 52%);
    border-radius: 50%;
    display: block;
    position: absolute;
    bottom: calc(-32% - 47px);
    overflow: hidden;
    background-image: -webkit-linear-gradient(left,#3ebcda,#41b18f)
}

.cats .play-btn::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #fff;
    z-index: 100;
    transition: .4s cubic-bezier(.55, .055, .675, .19)
}

.cats .play-btn::before {
    content: '';
    position: absolute;
    width: 140px;
    height: 140px;
    -webkit-animation: 2s infinite pulsate-btn;
    animation: 2s infinite pulsate-btn;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 2px solid;
    top: -15%;
    left: -15%;
    background: rgb(0 174 239 / 16%)
}

.cats .play-btn:hover::after {
    border-left: 15px solid #00aeefd6;
    transform: scale(20);
    overflow: hidden
}

.cats .play-btn:hover::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #fff;
    z-index: 200;
    -webkit-animation: none;
    animation: none;
    border-radius: 0
}

@-webkit-keyframes pulsate-btn {
    0% {
        transform: scale(.6,.6);
        opacity: 1
    }

    100% {
        transform: scale(1,1);
        opacity: 0
    }
}

@keyframes pulsate-btn {
    0% {
        transform: scale(.6,.6);
        opacity: 1
    }

    100% {
        transform: scale(1,1);
        opacity: 0
    }
}

.blog-bg-color:hover .blg-btn a {
    padding-left: 30px;
    color: #1764a9;
    transition: .5s
}

.wsmenu-list li.active:before {
    position: absolute;
    background: #1764a9;
    bottom: -10px;
    left: 0;
    right: 0;
    margin: 0 auto
}

.gall {
    overflow: hidden;
    border-radius: 10px
}

.calls {
    margin: 0
}

.calls a {
    font-weight: 600;
    color: #3b3a3a;
    padding-left: 13px
}

h5.toph {
    text-align: center;
    color: #2a2a2a;
    margin: 0;
    padding: 0;
    font-size: 32px;
    position: relative;
    font-weight: 500
}

.contactmainn .owl-nav.disabled {
    top: 27%;
    width: 100%;
    display: none!important
}

.contactmainn .owl-prev {
    position: absolute;
    top: 35%;
    background: url(/images/lef.png) 0 0/100% 100% no-repeat;
    width: 8px;
    height: 15px;
    font-size: 0;
    left: -10px
}

.super-oil-main:hover {
    box-shadow: 0 0 16px #ccc;
    transition: 1s;
    background: -webkit-linear-gradient(left,#3ebcda,#41b18f);
    overflow: visible
}

body .white-bg span {
    color: #fff00c!important
}

a.readmore.button.hvr-bounce-to-right {
    background: #fff!important;
    border: unset;
    color: #479dbf!important;
    font-weight: 500;
    border-radius: 30px!important
}

.recipe-section .circle-layer {
    position: absolute;
    left: 50%;
    width: 770px;
    height: 500px;
    background-repeat: no-repeat;
    transform: translate(-50%,-42%);
    top: 240px;
    background-size: 100% 100%
}

.recipe-section .left-column {
    position: relative;
    margin-bottom: 30px;
    left: 50px
}

.recipe-section .left-column .inner-column {
    position: relative;
    padding-right: 30px;
    padding-top: 130px
}

.recipe-block {
    position: relative;
    margin-bottom: 20px
}

.recipe-block .inner-box {
    position: relative;
    text-align: center;
    padding-top: 12px;
    min-height: 100px;
    padding-right: 0
}

.recipe-section .right-column {
    position: relative;
    margin-bottom: 30px;
    left: -50px
}

.recipe-section .right-column .inner-column {
    position: relative;
    padding-left: 30px;
    padding-top: 130px
}

.recipe-section .image-column .image img {
    max-width: 100%;
    overflow: hidden;
    position: relative;
    top: 150px;
    transition: 1s
}

.inner-box h6 a {
    font-weight: 800;
    font-size: 22px;
    color: #00aeef!important;
    text-transform: uppercase
}

section.recipe-section {
    padding-top: 70px;
    padding-bottom: 70px;
    background-size: cover!important;
    background: url(/images/backs.jpg) fixed
}

.text {
    padding: 0 20px;
    color: #464848!important
}

section.TEST {
    padding: 60px 0;
    background: url(/images/sevice-back.jpg) 0 0/100% 100%;
    max-width: 1600px;
    margin: 0 auto
}

.TEST .owl-dots {
    DISPLAY: BLOCK!important
}

.TEST .owl-dot.active span {
    BACKGROUND: #00aeef!important;
    border: 1px solid #00aeef
}

.owl-dots span {
    background: #fff!important;
    border: 1px solid #b7b1b1!important
}

p.date-formatt span {
    font-size: 13px;
    display: block;
    margin-left: -11px;
    font-weight: 400
}

.footer-logo img {
    margin: 0 auto;
    padding-bottom: 20px
}

.head-social-icon img {
    display: block
}

.inner-box:hover img {
    transition: 1s;
    transform: rotate(360deg)
}

.inner-box img {
    position: relative;
    transition: 1s
}

.recipe-section .image-column .image img:hover {
    top: 100px;
    transition: 1s
}

.contactmainn .owl-nav.disabled .owl-next {
    background-color: transparent!important;
    position: absolute;
    top: 35%;
    background: url(/images/right.png) 0 0/100% 100% no-repeat;
    width: 8px!important;
    height: 15px;
    font-size: 0;
    right: -10px!important
}

.my_inquire a {
    color: #2d2d2d;
    font-weight: 500;
    background: #fff;
    padding: 23px 42px 20px
}

.my_inquire img {
    padding-left: 5px
}

.calus a,.sea {
    padding-left: 0
}

.row.twoo {
    position: absolute;
    opacity: 1;
    z-index: 1111;
    right: 0;
    max-width: 80%;
    left: 0;
    margin: 0 auto;
    top: 119px
}

.search-box-btn {
    position: relative;
    top: 10px;
    display: block;
    font-size: 20px;
    color: #0d8f46;
    cursor: pointer;
    background: 0 0;
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    z-index: 999;
    float: right;
    right: -20px
}

.calus,.foot-phone,.imgs,.machine-tool-wrapper .owl-nav .owl-next,.white-bg h5,ul.mainss li {
    display: inline-block
}

.search-box-outer {
    position: relative;
    padding-right: 50px
}

.search-popup {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100%;
    z-index: 99999;
    margin-top: -540px;
    transform: translateY(-100%);
    background-color: rgba(0,0,0,.9);
    -webkit-transition: .5s cubic-bezier(.86, 0, .070, 1);
    -moz-transition: .5s cubic-bezier(.86, 0, .070, 1);
    -o-transition: .5s cubic-bezier(.86, 0, .070, 1);
    transition: 1.5s cubic-bezier(.86, 0, .070, 1);
    -webkit-transition-timing-function: cubic-bezier(0.860,0.000,0.070,1.000);
    -moz-transition-timing-function: cubic-bezier(0.860,0.000,0.070,1.000);
    -o-transition-timing-function: cubic-bezier(0.860,0.000,0.070,1.000);
    transition-timing-function: cubic-bezier(0.860,0.000,0.070,1.000)
}

.search-popup .close-search.style-two span {
    font-size: 20px;
    color: #fff
}

.search-popup .form-group button,.search-popup .form-group input[type=submit] {
    position: absolute;
    right: 30px;
    top: 0;
    height: 70px;
    line-height: 70px;
    background: 0 0;
    text-align: center;
    font-size: 24px;
    color: #000;
    padding: 0;
    cursor: pointer;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    border: unset
}

.search-active .search-popup {
    transform: translateY(0);
    margin-top: 0
}

.search-popup .form-group input[type=search],.search-popup .form-group input[type=text] {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 50px;
    color: #000;
    height: 70px;
    width: 100%;
    padding: 10px 30px;
    background-color: #fff;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    font-weight: 500;
    text-transform: capitalize
}

.search-popup:before {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-top: 0;
    content: ""
}

.search-popup .form-group {
    position: relative;
    margin: 0;
    overflow: hidden
}

.search-active .search-popup form {
    transform: scaleX(1);
    -webkit-transition-delay: 1.2s;
    -moz-transition-delay: 1.2s;
    -ms-transition-delay: 1.2s;
    -o-transition-delay: 1.2s;
    transition-delay: 1.2s
}

.search-popup form {
    position: absolute;
    max-width: 700px;
    top: 50%;
    left: 15px;
    right: 15px;
    margin: -35px auto 0;
    transform: scaleX(0);
    transform-origin: center;
    background-color: #111;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.search-popup .close-search span {
    position: relative;
    display: block;
    height: 70px;
    width: 70px;
    font-size: 30px;
    line-height: 70px;
    color: #fff
}

.search-popup .close-search.style-two {
    position: absolute;
    right: 25px;
    left: auto;
    color: #fff;
    width: auto;
    height: auto;
    top: 25px;
    margin: 0;
    border: none;
    background: 0 0!important;
    box-shadow: none!important;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.sea {
    padding-right: 0
}

ul.mainss li {
    margin: 0;
    border-right: 1px solid #ccc;
    width: 240px;
    padding-left: 30px
}

.calus {
    width: 80%;
    padding-left: 12px
}

.calus h5 {
    font-weight: 700;
    font-size: 17px;
    padding-bottom: 0;
    margin-bottom: 0
}

.calus a {
    color: #615d5d;
    font-weight: 400;
    font-size: 11px
}

.imgs img {
    position: relative;
    top: 10px
}

.imgs {
    width: 15%;
    float: left
}

.main-inner-serv:hover .main-serv-inner-img,.main-inner-serv:hover img:hover {
    animation-name: icon-bounce
}

@keyframes icon-bounce {
    0%,100%,20%,50%,80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    60% {
        -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        transform: translateY(-5px)
    }
}

section.images-sec .container {
    background: url(/images/service-back.png);
    position: relative;
    top: -100px;
    z-index: 9999;
    background-size: 100% 100%!important;
    padding-top: 40px
}

.main-serv-inner-img {
    line-height: 1;
    margin-bottom: 17px;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite
}

.white-bg h5 {
    color: #242424;
    position: relative;
    font-size: 15px;
    font-weight: 600
}

.white-bg h5:after {
    position: absolute;
    left: 0;
    background: #c5060b;
    width: 38px;
    height: 2px;
    top: -10px;
    content: ""
}

h5.toph:after,h5.toph:before {
    content: "";
    height: 3px;
    width: 50px
}

li.icon-ones {
    width: 47%;
    float: left;
    height: 200px
}

li.icon-ones.brew {
    margin-right: 30px;
    position: relative
}

li.icon-ones h4 {
    color: #000;
    font-weight: 700
}

li.icon-ones p {
    padding: 0;
    line-height: 18px;
    color: #393f3f;
    font-size: 12px
}

li.icon-ones.brew:after {
    background: url(/images/bef.png) no-repeat;
    content: "";
    right: -8px;
    width: 2px;
    height: 118px;
    position: absolute;
    top: 18px
}

h5.toph:before {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -12px;
    background: #c5060b
}

h5.toph:after {
    position: absolute;
    right: -60px;
    top: 8px;
    background: #00aeef;
    opacity: 0
}

.chance-mainn-icon {
    width: unset!important;
    position: absolute;
    top: 50px;
    left: -30px;
    transition: 1s;
    z-index: 2
}

.chance-mainn-icon img {
    width: unset!important;
    height: 70px;
    overflow: hidden
}

.chance-mainn-1:before {
    position: absolute;
    content: '';
    left: 0;
    width: 100%;
    height: 0%;
    transition: .4s;
    opacity: 0;
    z-index: 1
}

.chance-pro-2 {
    padding-left: 45px;
    padding-top: 11px;
    padding-right: 40px;
    text-align: left
}

.chance-pro-2 p {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.acr-main-wrapper-2 h4,.home-blo-til h4 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.viewd img {
    width: unset!important;
    display: inline-block!important
}

h3.reci-head {
    color: #fff;
    font-size: 32px;
    padding-right: 100px
}

p.recpara {
    color: #dad9d9;
    padding-top: 10px
}

.super-oil-third {
    float: left;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background-image: -webkit-linear-gradient(left,#3ebcda,#41b18f);
    margin-top: 15px;
    transition: .5s
}

.machine-tool-left,.machine-tool-right {
    width: 50%;
    float: left
}

.super-oil-third img {
    position: relative;
    top: 17px
}

body .super-oil-main:hover .super-oil-third {
    background-image: -webkit-linear-gradient(left,#fff,#fff)!important;
    transition: .5s
}

.super-oil-main:hover .super-oil-main img {
    transform: scale(2.8)!important
}

.contactmainn .owl-dots {
    display: block!important;
    margin-top: 50px
}

.contactmainn .owl-dots .owl-dot.active span {
    background: #41b296!important;
    border: 1px solid #41b296!important;
    border-radius: unset
}

.contactmainn .owl-dots span {
    height: 13px;
    width: 13px;
    display: block;
    float: none;
    text-align: center;
    border: 1px solid #0069b7;
    border-radius: unset!important
}

body section.blogs-view-wrapper p {
    color: #7c7c7c!important
}

li.logo a {
    top: 0!important
}

.ab-divs a {
    background: #c5060b;
    color: #fff;
    padding: 10px 30px;
    border-radius: 25px
}

.acr-main-wrapper {
    position: relative;
    height: 420px;
    margin-bottom: 40px;
    overflow: hidden
}

.acr-main-wrapper-1 {
    position: relative;
    height: 400px;
    border: 1px solid #ccc
}

.acr-main-wrapper-1 img,.acr-main-wrapper-2,.machine-tool-wrapper .owl-nav,h2.service-head:before {
    position: absolute;
    left: 0;
    right: 0
}

.acr-main-wrapper-1 img {
    bottom: 0;
    top: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    object-fit: cover;
    width: 100%
}

.acr-main-wrapper-2 {
    bottom: -35px;
    background-color: #f9f9f9;
    max-width: 90%;
    margin: 0 auto;
    padding: 10px 0;
    transition: .5s;
    text-align: center
}

.acr-main-wrapper-2 h4 {
    color: #2a2a2a;
    font-size: 15px;
    display: -webkit-box;
    overflow: hidden;
    margin-bottom: 40px!important;
    padding: 0 10px
}

.acr-main-wrapper:hover .acr-main-wrapper-2 {
    bottom: 0
}

.acr-main-wrapper-2 h5 {
    color: #c5060b;
    text-align: center
}

.machine-tool-right {
    position: relative
}

.machine-tool-content {
    padding: 100px 40px 20px 30px
}

.machine-tool-content h4 {
    color: #c5060b;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 700
}

.machine-tool-content p {
    font-size: 16px;
    line-height: 30px
}

.machine-tool-wrapper .owl-nav {
    display: block!important;
    bottom: 10px;
    margin: 0 auto;
    top: 45%;
    width: unset;
    z-index: -9999
}

.machine-tool-wrapper .owl-nav .owl-prev {
    display: inline-block;
    font-size: 0;
    width: 40px;
    height: 40px;
    background: url(/images/arrow-left.png) 0 0/100% 100%;
    float: left;
    left: -40px;
    position: relative
}

.machine-tool-wrapper .owl-nav .owl-next {
    font-size: 0;
    width: 40px;
    height: 40px;
    background: url(/images/arrow-right.png) 0 0/100% 100%;
    float: right;
    right: -40px;
    position: relative
}

.home-servoice-content {
    height: 310px;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 0 10px #ccc;
    padding: 30px 15px 0;
    transition: .5s
}

.home-servoice-content p {
    font-size: 16px;
    line-height: 25px
}

.home-servoice-content:hover {
    background: url(/images/serv-bgs_03.png);
    transition: .5s;
    color: #fff
}

.container.vvv,section.machine-tool-detection {
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.home-servoice-content:hover img {
    filter: brightness(0) invert(1)
}

section.home-service {
    text-align: center;
    padding: 60px 0 20px
}

h2.service-head {
    position: relative;
    margin-bottom: 50px;
    color: #242424;
    font-size: 32px;
    font-weight: 700
}

h2.service-head:before {
    content: "";
    background: #c5060b;
    width: 40px;
    height: 3px;
    margin: 0 auto;
    top: -10px
}

section.fair-share {
    padding-top: 70px;
    padding-bottom: 20px
}

.fair-share-content h4 {
    color: #a4131c;
    font-size: 32px;
    text-transform: uppercase
}

.fair-share-content p {
    color: #1c1c1c;
    font-size: 16px;
    line-height: 36px
}

.fair-share-content {
    padding-top: 50px
}

section.get-in-t {
    padding: 100px 0;
    max-width: 1600px;
    margin: 0 auto;
    background-image: url(/images/contss-bck.jpg)
}

.contact h2 {
    color: #fff;
    font-size: 34px;
    font-weight: 500;
    max-width: 100%
}

.contact p {
    color: #fff;
    font-size: 16px;
    padding: 10px 50px 10px 0
}

.contact-btn a {
    padding: 8px 30px;
    background-color: #fff;
    font-size: 16px;
    font-weight: 400;
    color: #c5060b;
    border-radius: 50px
}

.wrapper,.wrappers {
    border: 1px solid #ccc
}

.contact {
    padding: 30px 30px 30px 0
}

.phone {
    position: relative;
    padding: 30px 10px 30px 20px
}

.foot-phone {
    float: left;
    position: relative;
    left: -20px
}

.fott-phn h5 {
    margin: 0;
    color: #fff;
    font-size: 16px
}

.fott-phn a {
    color: #fff;
    font-size: 14px
}

.item.tn h2 {
    color: #000;
    text-align: center;
    font-weight: 600;
    padding: 20px 0;
    font-size: 35px
}

ul.ab-unorder {
    display: block;
    padding: 0
}

.ab-acr h2,.abs-cont {
    display: inline-block;
    position: relative
}

.abs-cont {
    padding: 10px 0 0
}

.abs-ab-cer h6 {
    font-size: 15px;
    font-weight: 600;
    color: #1c1c1c
}

ul.ab-unorder li img {
    width: 80%;
    float: left;
    margin: 0 auto
}

ul.ab-unorder li h5 {
    text-align: center;
    max-width: 80%;
    font-size: 15px;
    font-weight: 500;
    padding: 80px 10px 0 0;
    color: #383838
}

.ab-view a {
    color: #e5000d;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 16px
}

.ab-acr h2,.abs-fts h2,.blog-bg-color h3,.gernal-heading h2,.white-bg h1,h2.mbly {
    text-transform: uppercase
}

.ab-acr h2 {
    font-size: 32px;
    font-weight: 500;
    border-bottom: 2px solid #ccc;
    width: 97%;
    padding: 0 0 20px
}

.ab-acr h2:before,.assembly-images img,.main-wrapper-1 img,h2.mbly:before {
    position: absolute;
    left: 0
}

.abs-cont p {
    color: #383838
}

.ab-acr h2:before {
    content: "";
    width: 20%;
    background-color: #e5000d;
    height: 3px;
    bottom: -2px
}

.home-blog {
    position: relative;
    height: 150px;
    overflow: hidden
}

ul.unorder-list {
    padding: 30px 0 0
}

.home-main {
    float: left;
    width: 30%
}

ul.unorder-list li {
    height: 150px
}

.home-blo-til {
    display: block;
    width: 100%;
    padding: 0 0 0 180px;
    height: 150px
}

.home-blo-til h4 {
    font-size: 15px;
    font-weight: 600;
    color: #1c1c1c;
    display: -webkit-box;
    overflow: hidden
}

.home-blo-til p,ul.footer-menus-list li a {
    font-size: 15px;
    font-weight: 400;
    display: -webkit-box;
    overflow: hidden
}

.home-blo-til p {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #707070
}

.main-wrapper-2 h4,p.pp,ul.footer-menus-list li a {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.assembly-images {
    position: relative;
    height: 250px;
    overflow: hidden;
    max-width: 100%;
    margin: 0 5px 15px!important
}

.assembly-images img {
    margin: 0 auto!important;
    right: 0;
    top: 0;
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    width: 100%!important;
    height: 100%
}

.foot-logo img,.ftts,.main-wrapper-1,.wrapper,h2.mbly {
    position: relative
}

section.machine-tool-detection {
    background-image: url(/images/assm-bck.jpg);
    padding: 150px 0;
    max-width: 1600px;
    margin: 0 auto
}

h2.mbly {
    text-align: center;
    font-size: 22px;
    color: #383838;
    margin-bottom: 40px
}

h2.mbly:before {
    content: "";
    right: 0;
    margin: 0 auto;
    background-color: #c5060b;
    height: 2px;
    width: 15%;
    bottom: -10px
}

.foot-logo img {
    max-width: 40%;
    margin: 0
}

.abs-fts {
    padding: 0 0 50px
}

.abs-fts h2 {
    color: #fff;
    font-size: 24px
}

ul.footer-menus-list li a {
    color: #fff;
    padding: 0!important;
    text-decoration: none!important
}

.ftts {
    padding: 50px 0
}

ul.foot-menu {
    padding: 0;
    display: inline-block
}

ul.foot-menu li a {
    padding: 0 10px;
    color: #fff;
    font-size: 13px
}

.wrapper {
    height: 299px;
    max-width: 100%
}

.main-wrapper-1 {
    height: 200px;
    max-width: 100%;
    margin: 0 auto
}

.main-wrapper-1 img {
    content: "";
    right: 0;
    top: 0;
    bottom: 0;
    object-fit: cover;
    width: unset!important;
    height: 100%;
    margin: auto;
    max-width: 100%!important
}

.main-wrapper-1:before,.wrappers a {
    width: 100%;
    position: absolute;
    right: 0;
    opacity: 0;
    left: 0
}

.main-wrapper-2 {
    background-color: #eee;
    height: 97px
}

.main-wrapper-2 h4 {
    font-size: 16px;
    text-align: center;
    padding: 20px 10px 0;
    display: -webkit-box;
    overflow: hidden;
    color: #1c1c1c;
    font-weight: 500;
    margin: 0
}

.main-wrapper-2 h5 {
    background-color: #153252;
    max-width: 60%;
    margin: 10px auto 0;
    padding: 10px;
    color: #fff;
    font-size: 13px;
    font-weight: 400
}

.main-wrapper-1:before {
    content: "";
    height: 100%;
    background-color: #1532527a;
    z-index: 1;
    overflow: hidden;
    transition: .3s
}

.pro-short {
    position: absolute;
    top: 20%;
    max-width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 9999;
    opacity: 0
}

p.short-desc-home {
    color: #fff;
    font-size: 12px;
    z-index: 999
}

section.grey .tb .col-md-3 {
    width: 20%
}

.wrappers {
    height: 290px;
    position: relative;
    background: url(/images/Untitled-666666666.jpg)
}

.wrappers h4 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: 120px auto auto;
    background: #153252;
    height: 33px;
    max-width: 80%;
    padding: 10px;
    color: #fff;
    font-size: 12px
}

.blg-view a,.box-info,.custom-d,.view-btn a {
    background-color: #094
}

.wrappers a {
    height: 300px;
    display: inline-block;
    bottom: 0;
    top: 0;
    margin: auto;
    z-index: 99
}

.blg-view,ul.ft-contact {
    display: block
}

.grey .item {
    padding: 10px 20px;
    height: 350px;
    position: relative!important;
    text-align: center!important
}

.gernal-heading {
    max-width: 100%;
    position: relative;
    text-align: left
}

.gernal-heading h2 {
    position: relative;
    font-size: 33px;
    color: #094;
    font-weight: 500;
    margin: 0
}

.ssc {
    margin-top: 8%
}

section.new-products {
    padding: 50px 0 0;
    margin: 0 auto;
    position: relative;
    overflow: hidden
}

.chance-inner-wrapperrss {
    text-align: center;
    padding: 0;
    opacity: 0
}

.chance-inner-wrapperrss a {
    border-radius: 35px;
    font-size: 16px;
    color: #094
}

.white-bg h1 {
    color: #009960;
    font-weight: 600;
    font-size: 32px;
    max-width: 85%
}

.view-btn a {
    padding: 10px 30px;
    color: #fff;
    font-size: 16px
}

.cer-img-div .card {
    height: 400px;
    border: unset;
    background-color: unset;
    position: relative
}

.cer-img-div .card a:before {
    position: absolute;
    content: "";
    background-image: url(/images/play-icon.png);
    width: 15%;
    height: 40%;
    background-repeat: no-repeat;
    left: 0;
    right: 0;
    margin: auto;
    background-position: center center;
    top: 60%
}

section.certificate {
    padding: 60px 0;
    max-width: 100%;
    margin: 0 auto
}

.custom-d {
    position: absolute;
    top: 40px;
    width: 55px;
    height: 55px;
    right: 40px
}

.custom-d p.date-formatt {
    margin: unset;
    text-align: center;
    color: #fff!important
}

.blog-bg-color h3 {
    text-align: left;
    color: #242424;
    font-size: 22px
}

.blog-bg-color:hover .blo-til h3 {
    color: #6dd6ff!important;
    transition: .3s
}

.blog-bg-color:hover .blo-til h4 {
    color: #094!important
}

ul.cus-socialss {
    padding: 0;
    text-align: left
}

.box-info a,.gernal-heading h1,.gernal-headings,.para,li.main-li {
    text-align: center
}

.cus-socialss li p {
    display: inline-block;
    position: relative;
    top: -4px;
    left: 10px;
    text-align: left;
    margin: 0
}

.phone:before {
    left: 0;
    background-color: #cccccc45;
    width: 110%;
    height: 1px;
    position: absolute;
    content: "";
    bottom: 20px
}

.form-group {
    margin: 15px 0
}

.box-img,.box-info {
    margin: 0 auto;
    position: relative
}

.caption20,.caption21,.caption22 {
    max-width: 500px!important;
    position: relative;
    left: 0;
    right: 0
}

.caption20 h2,.caption22 h2 {
    color: #fff;
    font-size: 60px
}

.caption21 h2 {
    color: #064764;
    font-size: 58px
}

.caption20 a.btn.btn-primary.bannerbtn.tin,.caption22 a.btn.btn-primary.bannerbtn.tin {
    color: #fff!important;
    border-color: #fff!important
}

.box-img {
    height: 430px;
    overflow: hidden;
    transition: .3s;
    max-width: 80%
}

.category-info {
    position: relative;
    top: -80px
}

.box-info {
    max-width: 50%;
    padding: 20px;
    z-index: 9999
}

.gal-img-one,.image-gallery-one,.image-gallery-two {
    margin-bottom: 10px;
    overflow: hidden
}

.box-info a {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    position: relative
}

.box-img img {
    transition: .3s;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
    height: unset
}

.blg-view,.footer-menus,.ft-contact li a,.gal-img-one,.gernal-heading h1,.image-gallery-one,.image-gallery-two,.para,.white-bg li,section.our-gallery,ul.ft-contact {
    position: relative
}

.box-img:hover img {
    transition: .3s;
    transform: scale(1.1)
}

.box-info:before {
    position: absolute;
    content: "";
    width: 90%;
    height: 60%;
    border: 1px solid #fff;
    padding: 10px 50px 10px 60px;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 15px;
    opacity: 0
}

.gernal-heading h1 {
    font-size: 180px;
    padding: 0;
    color: #bbbbbb1c;
    text-transform: uppercase;
    bottom: -100px;
    font-weight: 800
}

.gernal-heading p {
    padding-right: 40px;
    font-size: 14px
}

.image-gallery-one {
    height: 270px;
    max-width: 100%
}

.image-gallery-two {
    height: 485px
}

.image-gallery-two img {
    max-width: 100%;
    max-height: 100%;
    height: unset;
    margin: 0 auto
}

section.image-gallery {
    padding: 50px 0;
    max-width: 1600px;
    margin: 0 auto
}

.container.vvv {
    background-image: url(/images/vvvv_03.jpg);
    padding: 0 15px;
    box-shadow: 0 0 10px #cccccc61
}

#quote-carousel {
    padding: 0;
    height: 200px
}

#quote-carousel .carousel-control {
    background: 0 0;
    color: #cacaca;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: -110px;
    z-index: 9999;
    height: 50px
}

#quote-carousel .carousel-indicators {
    position: absolute;
    right: 0;
    top: -75%;
    left: 0;
    margin: 0 auto;
    width: 100%!important;
    background-color: transparent;
    display: inline-flex
}

#quote-carousel .carousel-indicators li {
    width: 50px;
    height: 50px;
    cursor: pointer;
    border: 1px solid #ccc;
    box-shadow: 0 0 5px rgba(0,0,0,.1);
    border-radius: 100%;
    opacity: .4;
    overflow: hidden;
    transition: .4s ease-in;
    vertical-align: middle
}

#quote-carousel .carousel-indicators .active {
    width: 118px;
    height: 118px;
    opacity: 1;
    transition: .2s;
    border: 4px solid #e81c31;
    text-indent: unset!important
}

.item blockquote {
    border-left: none;
    margin: 0
}

#quote-carousel .carousel-indicators img {
    margin: 0 auto;
    width: 100%;
    height: 100%
}

.para {
    left: 250px
}

.para small {
    color: #e81c31!important;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 600
}

.para span {
    color: #000;
    font-size: 14px;
    font-weight: 500
}

.blg-view {
    left: 0;
    right: 0
}

.blg-view a {
    color: #fff;
    padding: 10px 30px;
    font-size: 16px;
    font-weight: 600
}

.footer-menus {
    padding-top: 30px;
    padding-bottom: 50px
}

.footer-p p {
    font-size: 14px;
    font-weight: 500
}

.gernal-heading h5,h2.cont {
    font-size: 25px
}

.footer-menus:before {
    position: absolute;
    right: 0
}

.footer-menus h4:before {
    position: absolute;
    content: "";
    width: 60%;
    background-color: #fff;
    height: 2px;
    bottom: 8px
}

ul.ft-contact li img {
    position: relative;
    left: -30px;
    top: 22px;
    filter: invert(31%) sepia(95%) saturate(2197%) hue-rotate(116deg) brightness(92%) contrast(101%)
}

ul.ft-contact li h5 {
    font-size: 14px;
    margin: 0
}

.ft-contact li a {
    margin: unset;
    font-size: 14px
}

ul.ft-contact li {
    height: 60px
}

ul.cus-socialss li img {
    max-width: unset!important
}

.gal-img-one {
    height: 250px
}

.gal-img-two {
    height: 400px;
    overflow: hidden;
    margin-bottom: 31px
}

section.our-gallery {
    padding: 0 0 90px;
    max-width: 1600px;
    margin: 0 auto
}

.chance-innerr-wrapper-product img {
    width: 29px!important;
    display: block!important;
    padding-left: 7px;
    padding-top: 4px
}

section.new-products .owl-nav {
    display: block!important;
    position: absolute;
    left: -34%;
    bottom: 30%
}

.white-bg li {
    line-height: 31px
}

.white-bg li:before {
    position: absolute;
    content: "";
    background: url(/images/rec.png) no-repeat;
    left: -20px;
    height: 15px;
    width: 12px;
    top: 6px;
    filter: invert(31%) sepia(95%) saturate(2197%) hue-rotate(105deg) brightness(92%) contrast(101%)
}

section.new-products .owl-next,section.new-products .owl-prev {
    display: inline-block;
    height: 40px;
    width: 40px;
    font-size: 0;
    border-radius: 4px
}

.white-bg ul {
    padding-left: 23px;
    padding-top: 20px
}

section.new-products .owl-prev {
    background: url(/images/l.png) center no-repeat #009960
}

section.new-products .owl-next {
    background: url(/images/r.png) center no-repeat #009960;
    position: relative;
    left: 5px
}

.p-main,p.pp {
    display: block
}

li.main-li {
    box-shadow: 0 0 10px #ccc;
    width: 28%;
    float: left;
    margin-right: 30px;
    border-radius: 10px;
    padding-top: 11px;
    height: 130px
}

ul.cols {
    padding-left: 60px;
    padding-top: 20px
}

li.main-li spann {
    font-size: 39px;
    color: #094;
    font-weight: 600
}

li.main-li p {
    line-height: 15px;
    padding: 0 30px
}

section.cons {
    background: #20242c;
    padding: 40px 20px
}

h2.cont {
    color: #fff;
    text-transform: uppercase;
    padding: 0;
    margin: 0
}

.gernal-anchor a,a.btn-primary.bannerbtn,a.conts-a {
    font-size: 16px;
    color: #fff!important;
    text-transform: capitalize;
    border: unset!important;
    padding-right: 30px!important;
    padding-left: 30px;
    padding-top: 9px;
    padding-bottom: 9px;
    margin-top: 10px;
    background-color: #094;
    font-weight: 400;
    text-decoration: none;
    border-radius: 5px
}

.gernal-headings {
    padding-bottom: 20px
}

section.fea-products {
    padding: 60px 0;
    padding-bottom: 30px!important
}

.gernal-headings h2 {
    font-size: 31px;
    text-transform: uppercase;
    color: #094;
    font-weight: 600
}

.gernal-headings h5 {
    font-weight: 700;
    font-size: 25px;
}

.p-main {
    max-width: 90%;
    float: left;
    text-align: center!important;
    width: 90%;
    position: relative
}

.a-b {
    width: 10%;
    float: left
}

p.pp {
    display: -webkit-box;
    -webkit-line-clamp: 0;
    overflow: hidden
}

section.fea-products .chance-innerr-wrapper-product img {
    width: 40px!important;
    padding-top: 0!important
}

.gernal-anchor {
    text-align: right;
    padding-top: 45px;
}

section.rivews {
    background: #171717;
    padding: 50px 0
}

.heads h4 {
    font-size: 14px;
    padding-top: 30px
}

.heads h2 {
    text-transform: uppercase;
    font-size: 42px
}

.testominal {
    background: #fff;
    height: 240px;
    margin: 0 10px;
    border-radius: 10px;
    padding: 15px
}

.testominal p {
    font-size: 14px;
    height: 130px
}

.testy {
    width: 15%;
    float: left
}

.testy-para {
    width: 85%;
    padding-left: 10px;
    float: left;
    padding-top: 10px
}

.testy-para h4 {
    font-size: 17px;
    margin: 0
}

.testy-para h5 {
    font-size: 13px;
    color: #4a4747
}

.rivews .owl-dots span {
    height: 13px;
    width: 13px;
    display: block;
    border-radius: 50px;
    float: none;
    text-align: center;
    border: 1px solid #094!important;
    background: #df2c2d
}

.rivews .owl-dots {
    width: 100%;
    text-align: left;
    display: inline-block!important;
    margin-top: 19px;
    margin-left: 15px
}

.rivews .owl-dots .owl-dot.active span {
    background: #df2c2d
}

.wsmenu-list li.active:after {
    background: #767575;
    width: 70px;
    height: 2px;
    right: -10px;
    position: absolute;
    content: "";
    top: 15px
}

a.logo:before {
    height: 150px;
    top: 0;
    content: "";
    position: absolute;
    left: 130px;
    width: 70px;
    background: #363a41
}

.nnn::After {
    display: none
}

img.img-re {
    filter: invert(31%) sepia(95%) saturate(2197%) hue-rotate(75deg) brightness(92%) contrast(101%)
}

.count-img img {
    filter: invert(31%) sepia(95%) saturate(2197%) hue-rotate(116deg) brightness(92%) contrast(101%)
}

.high img {
    max-width: 100%;
    width: unset!important
}

.high-1 img {
    max-width: 100%;
    width: unset
}

.high-1 {
    margin-bottom: 12px
}

section.Gallery {
    padding-top: 60px;
    display: block !important;
}
.new-products {
    padding: 40px 0 40px 0 !important;
}



button.navbar-toggle {
    display: none;
}