/*font*/
html {
     scroll-behavior: smooth;
}
/* @import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');
 */
 @import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap');
body{
     font-size: 15px;
     /*font-family: 'Calibri';*/
	 font-family: 'Ubuntu', sans-serif;
     color: #353535;
     font-weight: 400;
     position: inherit !important;
    height: auto;
}
a{
    color: #000;
     transition: all .5s ease
}
a:hover{
    color: #e46600 !important;
     text-decoration: none;
}
ul{
    margin: 0;
}
.container{
    width: 100%;
     max-width: 1200px;
}
.btn-orange{
    background:#e46600;
     color: #fff;
}
.btn-success{
    background:#6fbd50;
     border-color: #6fbd50;
     color: #fff;
}
.btn-success:hover{
    background:#e46600;
     border-color: #e46600;
     color: #fff;
}
.btn-radius{
    border-radius: 20px;
     padding: 8px 25px;
}
.text-orange{
    color: #e46600 !important;
}
.text-red{
     color: #f50c0c;
}
.text-black{
    color: #000 !important;
}
.btn-orange-border{
     border-color:#e46600;
}
.btn-orange:hover{
    background:#b35509;
     color: #fff !important;
}
.btn-green{
     background:#037a50 !important;
     border-color: #037a50;
}
.btn-green:hover{
    background:#075c3e !important;
     border-color: #075c3e !important;
     color: #fff !important;
}
.heading-border{
    font-size: 28px;
     font-weight: 700;
}
.heading-border:after{
    display: block;
     width: 45px;
     height: 1px;
     background: #ff9f41;
     content: '';
     margin:8px auto 0
}
.list-arrow li, .common-dot li{
    padding: 4px 0 4px 18px;
     font-size: 15px;
     color: #535353;
     font-weight: 300;
     position: relative;
}
.list-arrow li:before{
    font-family: 'FontAwesome';
     font-weight: 900;
     content: "\f101";
     position: absolute;
     top: 3px;
     left: 0;
}
.list-dot li{
    position: relative;
     padding: 3px 0 3px 16px;
}
.list-dot li:before{
    width: 6px;
     height: 6px;
     position: absolute;
     top: 10px;
     left: 0;
     background: #e46600;
     content:'';
     border-radius: 50%;
}
.list-cufont li{
     color: #535353;
     font-weight: 300;
     line-height: 22px;
}
.font-weight-500{
     font-weight: 500
}
.common-dot li{
    position: relative;
     padding-left: 16px;
     padding-bottom: 5px;
     color: #535353;
}
 .common-dot li:before{
     width: 6px;
     height: 6px;
     background:#191919;
     position: absolute;
     content: '';
     left: 0;
     border-radius: 50%;
     top: 12px;
}
 .btn{
    font-size: 13px;
}
.form-control{
     border-color: #ccc;
     border-radius: 2px;
     height: 40px;
     color: rgba(0,0,0,.7);
     font-weight: 300;
     font-size: 14px;
}
.form-control::placeholder{
     color: rgba(0,0,0,.4);
     font-weight: 300;
     font-size: 14px;
}
.modal .close{
    position: absolute;
     right: 15px;
     top: 10px;
}
.figure-innerborder:after{
     border: 1px solid rgba(255,255,255,.5);
     left: 5px;
     right: 5px;
     top: 5px;
     bottom: 5px;
     content: '';
     position: absolute;
}
strong{
    font-weight: 700;
}
.checked-radio label, .custom-checkbox label{
     color: #3a3a3a !important
}
p{
    color: #535353;
     line-height: 25px;
     margin-bottom: 10px;
}
h1, .h1{
    font-size: 37px;
     font-weight: 500;
}
h2, .h2{
    font-size: 26px;
     font-weight: 500;
}
.h3, h3{
    font-size: 21px !important;
     font-weight: 500;
}
.h4, h4{
    font-size: 16px !important;
     font-weight: 500;
}
.h5, h5{
    font-size: 14px !important;
     font-weight: 500;
}
.pages{
     padding: 3rem 0;
}
.bg-whtie{
     background: #FFF;
}
/* start dark google translate theme */
/* .googtranslate{
     background: url(../images/translate.png) no-repeat;
     z-index: 22;
     width: 20px;
     height: 20px;
     position: relative;
     top: -0.1rem;
}
div#google_translate_element div.goog-te-gadget-simple img{
     opacity: 0;
}
div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span{
     color: #ccc;
     display: none !important;
}
 div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span:hover{
     color:#eee;
}
 */
/* end dark google translate theme */
.top0{
    top:0;
     z-index: 1
}
.common-form label{
     font-weight: 500;
     color: #4b4b4b;
     line-height: 1;
     font-size: 13px;
}
.common-form .form-group{
    margin-bottom: 20px;
}
.common-form textarea.form-control{
    height: 65px;
}
.common-form .custom-file-label{
     padding: 12px;
}
.common-form .custom-file-label::after{
    padding: 9px 12px
}
/*Custom checkbox*/
.custom-checkbox{
     display: inline-block;
     position: relative
}
.custom-checkbox .checked{
    z-index: 2;
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     width: 100%;
     height: 100%;
     opacity: 0;
}
.custom-checkbox label{
    padding-left: 28px;
     font-size: 13px;
}
.custom-checkbox label:before{
     z-index: 1;
     border: 1px solid #e0e0e0;
     width: 20px;
     height: 20px;
     border-radius: 3px;
     content: '';
     position: absolute;
     left: 0;
     transition: all .5s ease;
     color: #fff;
     text-align: center;
}
.custom-checkbox .checked:checked + label:before{
     border-color: #e46600;
     background: #e46600;
     content: '\f00c';
     font-family: 'FontAwesome';
     font-weight: 900;
}
.checked-radio label:before{
     border-radius: 50%;
}
.checked-radio .checked:checked + label:before{
     content: '';
     background: #fff;
}
.checked-radio .checked label:after{
     transition: all .5s ease;
     opacity: 0;
}
.checked-radio .checked:checked + label:after{
     width: 12px;
     opacity: 1;
     height: 12px;
     background: #e46600;
     position: absolute;
     left: 4px;
     top: 9px;
     content: '';
     z-index: 1;
     border-radius: 50%;
}
.jointeam-radio .checked-radio{
     margin-right: 10px;
}
.slick-slide {
    outline: none !important;
}
/*Header*/
.header2panel {
    -webkit-box-shadow: 4px 10px 13px -16px rgba(0,0,0,0.49);
    -moz-box-shadow: 4px 10px 13px -16px rgba(0,0,0,0.49);
    box-shadow: 4px 10px 13px -16px rgba(0,0,0,0.49);
}
.header .topbar{
    background: #037a50;
     padding: 6px 0;
}
.header .topbar a:hover{
     color: #e46600;
}
.header .textlink a{
     font-size: 13px;
     color: #FFF;
     font-weight: 400;
}
.header .mail{
    color: #e46600;
}
.header .mail:before{
    float: left;
     font-family: 'FontAwesome';
     color: #616161;
     font-size: 18px;
     content: '\f0e0';
     width: 31px;
     height:31px;
     background: #fff;
     border-radius: 50%;
     margin-right: 5px;
     position: relative;
     top: -4px;
     text-align: center;
     line-height: 30px;
}
.header .textlink {
    color: #FFF;
}
.header .textlink .mail:hover:before{
     color: #e46600;
}
.header .textlink li{
    padding: 0 5px;
}
.header .textlink li:first-child{
    padding-left: 0px !important;
}
.header .textlink .list-inline-item:not(:last-child) {
     margin-right: .0rem !important;
}
.whatsapp a{
     color:#FFFFFF !important
}
.whatsapp a:hover{
     color:#e46600 !important
}
header{
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
}
.header .bottom{
    background: #fff;
     padding: 0.8rem 0;
     border-bottom: solid 1px #f1f1f1;
     position: relative;
    -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
}
.header .bottom::after{
     background: url(../images/shadow1.png) left bottom;
     width: 100%;
     height: 40px;
     content: '';
     position: absolute;
     left: 0px;
     bottom: -2.5rem;
     z-index: 1;
}
.logo{
    max-width: 250px;
}
.header .nav-product{
    font-weight: 400;
}
/* .header .nav-product:hover{
    background: #e46600;
     color: #fff;
}
 */
.header .nav-product span{
    width: 100%;
}
.header .nav-product span:after{
    font-family: 'FontAwesome';
     content: '\f0d7';
     display: inline-block;
     margin-left: 8px;
}
.header .social{
    text-align: right;
}
.header .social a{
     margin: 0 2px;
}
.header .social a .fa{
    color: #FFF;
}
.header .social a .fa:hover{
     color: #e46600;
}
.header .search{
     font-size: 17px;
     margin-left: 15px;
     cursor: pointer;
}
.header .search:before{
    background: #b3b3b3;
     width: 1px;
     height: 19px;
     content: '';
     display: inline-block;
     margin-right: 15px;
     position: relative;
     top: 3px;
}
.header .search form{
    position: absolute;
     z-index: 1;
     width: 280px;
     right:0;
     background: #fff;
     display: none;
}
.header .search .form-control{
    border: 1px solid #ccc;
     border-radius: 0;
     padding-right: 0;
     margin: 0
}
.header .search .form-control:focus{
    box-shadow: inherit;
}
.header .search .btn{
    position: absolute;
     right: 0;
     top: 0;
     background: none;
}
.topright{
     display: flex;
     flex-wrap: nowrap;
     width: 100%;
     margin-top: 0.4rem;
}
.topright form{
     width: 100%;
}
.topright > div{
     width: 20%;
     margin-top: 1.2rem;
     background: url(../images/translate.png) no-repeat;
     border: none;
}
 #custom-search-input {
     margin:0;
     margin-top: 10px;
     padding: 0;
     width: 100%;
    /* max-width: 280px;
     */
    /* float: right;
     */
     right: 0px;
    /* position: absolute;
     */
}
#custom-search-input .searchbtn{
     position: absolute;
     right: 0px;
}
#custom-search-input .search-query {
     padding-right: 3px;
     padding-right: 4px \9;
     padding-left: 1rem;
     padding-left: 1rem \9;
    /* IE7-8 doesn't have border-radius, so don't indent the padding */
     margin-bottom: 0;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     border-radius: 20px;
     background: #eeeeee;
     border: none;
}
#custom-search-input button {
     border: 0;
     background: none;
    /** belows styles are working good */
     padding: 2px 5px;
     margin-top: 0.4rem;
     position: relative;
     left: -2rem;
    /* IE7-8 doesn't have border-radius, so don't indent the padding */
     margin-bottom: 0;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     color:#000;
     z-index: 33;
}
.search-query:focus + button {
     z-index: 3;
}
.aboutus-home .btn-orange{
     background: #f5f5f5;
     color: #000;
}
.aboutus-home .btn-orange:hover{
     background: #e46600;
     color: #FFFFFF !important;
}
.product-icon-hold {
     border-top:solid 2px #d9d9d9;
     border-bottom:solid 2px #d9d9d9;
    padding:20px 0px;
     margin:3em 0px;
}
.product-icons-section{
    background:#ffffff;
     border-right: 1px solid #ccc;
     margin-bottom:2rem;
}
.product-icon p{
    font-weight: 500 !important
}
.orange-heading {
     background-color: #de5307;
     color: #ffffff;
     padding: 1em;
}
.font-large {
     font-size: 1.2em;
     text-transform: uppercase;
     font-weight: 600;
}
.icon-bdr:after {
     display: block;
     width: 150px;
     height: 2px;
     background: #ff9f41;
     content: '';
     margin: 8px auto 0;
}
.bdr-none{
     border-right: none !important
}
.product-gallery{
    /* background: #e36d0b;
     */
     background: #e2e2e2;
     margin-bottom:4rem;
     margin-top: 3rem;
     padding-bottom: 3rem;
}
.foot-gallery{
     padding: 30px 30px 0px 30px;
}
.foot-gallery p {
     color: #000;
     font-size: 14px;
     border-top: solid 1px #e36d0b;
     padding: 10px 0px;
}
.flaticon-back:before {
     content: "\f100";
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
     font-family: Flaticon;
     font-style: normal;
}
.home-carsoul .carousel-control-prev-icon{
     background:url(../images/right-arrow.svg) no-repeat;
     width:20px;
     height:20px;
     transform: rotate(180deg);
}
.home-carsoul .carousel-control-next-icon{
     background:url(../images/right-arrow.svg) no-repeat;
     width:20px;
     height:20px;
}
.product-bdr{
     background: #fff;
     border: 2px solid #f3efef;
     transition: all .5s ease;
     padding: 2rem;
}
.menu-bar{
    margin-top:0.1px;
}
.cloned{
     background: #FFF;
     margin-top:1px;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
}
.logo picture img{
}
.cloned .logo picture img{
     box-shadow:none !important;
     width: auto !important;
     margin-top: 0px !important;
}
.cloned .topbar{
     display: none !important;
}
.cloned .megamenu{
     top: 73px
}
.cloned .logo{
     margin-top: 0px;
     margin-left: 2rem;
     text-align: center;
}
.cloned .logo picture {
     box-shadow: 0 5px 5px #DDD !important;
     padding: 1.5rem 5rem !important;
     background: #FFF !important;
}
.cloned .logo picture img{
     max-width: 144px;
}
.active-tab{
     color:#ff0000 !important;
}
.active-tab:hover{
     color: #e46600 !important
}
.owl-carousel figure{
     background: #FFFFFF;
     min-height: 250px;
}
.blog .carousel-indicators {
     left: 0;
     top: auto;
     bottom: -40px;
}
.goog-te-gadget-simple{
     width: 25px;
     overflow: hidden;
     border: none !important;
}
#header {
     width:100%;
     box-sizing:border-box;
}
.sticky-wrapper{
     height: auto !important;
}
/* .is-sticky .header .bottom{
     padding: 0.1rem 0;
     -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
     -ms-transition: all 1s ease;
     -o-transition: all 1s ease;
     transition: all 1s ease;
}
 */
 .header .logo{
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
}
.is-sticky .header .logo{
     max-width: 200px;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
}
.is-sticky .wsmenu-list > li > a{
     padding:13px 12px !important
}
.is-sticky .megamenu{
     top: 97px !important;
}
.is-sticky #custom-search-input{
     margin-top: 5px;
}
.is-sticky .topright > div{
     margin-top: 0.8rem;
}
.arrows{
     position: absolute;
     bottom: 3rem;
     left: 95%;
     z-index:9999
}
.bounce {
     animation: bounce 2s infinite;
}
 @keyframes bounce {
     0%, 20%, 50%, 80%, 100% {
         transform: translateY(0);
    }
     40% {
         transform: translateY(-30px);
    }
     60% {
         transform: translateY(-15px);
    }
}
/* The colour of the indicators */
.blog .carousel-indicators li {
     background: #a3a3a3;
     border-radius: 50%;
     width: 8px;
     height: 8px;
}
.blog .carousel-indicators .active {
    background: #707070;
}
/*banner*/
.home-banner img{
     width: 100%;
}
.icon-sprite{
    background: url(../images/sprite.png) no-repeat 0 0;
}
.home-comfarm{
    background: #3a3e4a;
}
.home-comfarm i{
     width: 83px;
     height: 65px;
     display: block;
     margin: 0 auto 3px;
     background-position: 0 -22px;
}
.home-comfarm li{
    width: 12.5%;
     font-size: 12px;
     color: #bdbdbd;
}
.home-comfarm a:hover{
    color: #e46600;
}
.home-comfarm span{
     display: block;
     font-size: 16px;
     color: #fff;
}
.home-comfarm .icon-crop{
     background-position: 0 -87px;
}
.home-comfarm .icon-haulage{
     background-position: 0 -152px;
}
.home-comfarm .icon-tillage{
     background-position: 0 -217px;
}
.home-comfarm .icon-seeding{
     background-position: 0 -282px;
}
.home-comfarm .icon-harvest{
     background-position: 0 -347px;
}
.home-comfarm .icon-post{
     background-position: 0 -412px;
}
.home-comfarm .icon-miscellaneous{
    background-position: 0 -596px;
}
.bg-gray{
    background: #f8f8f8;
}
.home-event .box{
     background: #fff;
     border: 1px solid #dfdfdf;
     min-height: 330px;
     overflow: hidden;
}
.home-event .box1{
     background: url(../images/farm.png) no-repeat right 6px center #fff;
}
.home-event .box2{
     background: url(../images/become-dealr.png) no-repeat right 2px center #fff;
}
.home-event .box3{
    border-color: #e46600;
}
.home-event .box .top{
    flex-grow: 1;
}
.home-event .box .btn-orange{
     font-size: 15px;
     color: #fff;
     padding: 6px 48px 6px 16px;
     display: inline-block;
     position: relative;
}
.home-event .box .btn-orange:after{
    font-family: 'FontAwesome';
     font-weight: 900;
     content: '\f0da';
     display: inline-block;
     margin-left: 8px;
}
.home-event .box .btn-orange:before{
    display: inline-block;
    width: 0;
     height: 0;
     border-top: 35px solid #fff;
     border-left: 35px solid transparent;
     content: '';
     position: absolute;
     right: 0;
     top: 0
}
.home-event .box3 .heading{
    font-size: 26px;
     font-weight: 300;
     background: #e46600;
     color: #fff;
     padding: 10px 22px;
}
.home-event .box3 a{
     padding: 0 14px;
     margin: 5px 0;
}
.home-event .box3 p{
    margin-left: 15px;
     font-size: 15px;
     font-weight: 500;
}
.home-event .box3 small{
    display: block;
     font-size: 13px;
     color: #5a5959;
     font-weight: 300;
}
.home-event .box3 .heading strong{
    font-weight: 500;
}
.heading-leaf{
     font-size: 28px;
     font-weight: 300;
     padding-left: 18px;
}
.heading-leaf-left{
     padding: 0;
}
.heading-leaf:before{
    display: block;
     width: 24px;
     height: 54px;
     content: '';
     margin: 5px 0 15px;
}
.heading-leaf strong{
     font-weight: 700;
}
.home-product-bg{
     background:#eeeeee;
     padding: 3rem 0;
}
.home-event .box .heading-leaf strong{
     display: block;
}
.home-product{
    background: #fff;
     border: 2px solid #f3efef;
     transition: all .5s ease;
     padding: 0 5px;
     overflow: hidden;
}
.home-product figure{
     min-height: 200px;
     padding: 0rem;
     border-bottom: solid 2px #e46c0b;
     margin: 0rem;
}
.home-product a, .category a{
    font-size: 16px;
     margin: 5px 0;
     display: block;
}
.home-product a:hover, .category a:hover{
    color: #e46600;
}
.home-product a:hover figure, .category a figure:hover{
    border-color: #e46600;
}
.home-product .inset{
    padding: 0 10px;
}
.home-product a figure{
    overflow: hidden;
}
.regular:hover li{
     opacity: 0.6;
     filter: grayscale(20%);
}
 .regular li:hover{
     opacity: 1;
     filter: grayscale(0%);
}
/* OPTION 2 */
.hover_color {
     position: relative;
     margin: 0;
     display: inline-block;
}
 .hover_color::before {
     position: absolute;
     content: '';
     left: 0;
     top: 100%;
     right: 0;
     bottom: 0;
     background: rgba(135,135,135,.80);
     transition: all 850ms;
     display:none;
    /*this. this is stupid. to get rid of that empty space. I don't know what causes it*/
    /* margin-bottom: 3px;
     */
}
/* top or bottom, to choose where it starts */
 .hover_color:hover::before {
     top: 0;
}
 .hover_color img {
     margin-bottom: 0;
     width: 100%;
     height: 100%;
    /*alternate solution for that stupid space at the bottom*/
     margin-bottom: -3px;
    /* if the title is always there and you need to darken the background: filter: brightness(40%);
     */
}
 .hover_color .hover_color-inner {
     position: absolute;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
}
 .hover_title {
     transform: translateY(-4px);
     opacity: 0;
    /*or 1, if the title is always visible*/
     transition: all 850ms;
     color: #FFF;
     font-size: 20px;
     font-weight: 600;
     text-transform: uppercase;
     letter-spacing: 0.6px;
}
/* .hover_color a {
     position: absolute;
     content: '';
     left: 0;
     top: 0;
     bottom: 0;
     right: 0;
     z-index: 1;
}
 */
/* don't need this if the title is always visible */
 .hover_color:hover .hover_title {
     transform: translateY(0);
     opacity: 1;
}
/* */
/* .home-product a figure img{
     -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
     -ms-transition: all 1s ease;
     -o-transition: all 1s ease;
     transition: all 1s ease;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
}
.home-product a figure img:hover{
     -webkit-transform:scale(1.1);
     -moz-transform:scale(1.1);
     -ms-transform:scale(1.1);
     -o-transform:scale(1.1);
     transform:scale(1.1) 
}
 */
.hover_color:hover p{
     background:#e46600;
     color: #FFF;
     padding: 0.5rem 0;
     margin-top:-0.8rem;
     box-shadow: 0 3px 5px #afafaf;
}
.category {
     text-align: center;
}
.category figure{
    background: #fff;
     border: 2px solid #f3efef;
     transition: all .5s ease;
     margin-bottom: 0.4rem;
}
.home-product .inset .col-md-3{
}
.home-ultra .heading-leaf{
     font-size: 34px;
     padding: 0;
}
.home-ultra .heading-leaf strong{
     color: #e46600;
}
.home-ultra span{
    font-size: 15px;
    font-weight: 500 !important;
}
.home-ultra a{
     border-radius: 20px;
     padding: 8px 40px;
}
 .blog{
     background:#f1f6fc;
     padding-bottom: 4rem;
}
.blog .blog-box{
     border-radius: 4px;
     box-shadow: 0 0 15px #e7e7e7;
     padding-bottom: 1rem;
     margin: 0 1.6rem;
}
.blog .blog-box a{
     color: #e46600;
     border-bottom: solid 1px #e46600;
}
.blog .blog-box figure {
     position: relative;
     margin-bottom:0.4rem;
}
.blog .blog-box figure figcaption{
     background: #e46600;
     position: relative;
     bottom: 0.8rem;
     color: #FFF;
     padding: 0.2rem 0.8rem;
     left: 1rem;
     z-index: 2;
     max-width: 120px;
     text-align: center;
}
.blog .blog-box figure img{
     border-radius: 4px 4px 0 0;
}
.blog figure{
    overflow: hidden;
}
.blog figure img{
     -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
     -ms-transition: all 1s ease;
     -o-transition: all 1s ease;
     transition: all 1s ease;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
}
.blog figure img:hover{
     -webkit-transform:scale(1.1);
     -moz-transform:scale(1.1);
     -ms-transform:scale(1.1);
     -o-transform:scale(1.1);
     transform:scale(1.1) 
}
/*Footer*/
.footer{
    background: #2b3036;
}
.footer-newsletter{
    background: #2e3440;
}
.footer-newsletter label{
     font-size: 19px;
     color: #fff;
     font-weight: 500;
     margin-right: 6px;
     position: relative;
}
.footer-newsletter small{
    font-size: 12px;
     color: #d9d9d9;
     font-weight: 300;
     display: block;
}
.footer-newsletter label:before{
    float: left;
     font-family: 'FontAwesome';
     color: #616161;
     font-size: 18px;
     content: '\f0e0';
     width: 31px;
     height: 31px;
     background: #fff;
     border-radius: 50%;
     margin-right: 5px;
     position: relative;
     top: 10px;
     text-align: center;
     line-height: 30px;
     font-weight: 500;
     margin-right: 10px;
}
.footer-newsletter .form-control{
    background: none;
     width: 250px;
     height: 43px;
     border-color: #9d9fa5;
     margin-left: 10px;
     color: #fff;
     margin-top: 0
}
.footer-newsletter .form-control::placeholder{
     font-size: 15px;
     font-weight: 300;
     color:rgba(255,255,255,.8);
}
.footer-newsletter .form-control:focus{
     border-color: #e46600;
     box-shadow:inherit;
}
.footer-newsletter .btn{
    height: 43px;
     line-height: 30px;
     margin-left: 10px;
     padding: 5px 10px;
}
.footer-support a{
     color: #fff;
     font-size: 15px;
}
.footer a:hover{
     color: #e46600;
}
.footer-support .phone{
    margin-right: 15px;
     color: #fff;
}
.footer-support .phone a{
     margin: 0 3px;
}
.footer-support strong{
    font-size: 16px;
     font-weight: 500;
     padding-right: 15px;
}
.footer-support .social a{
    font-size: 18px;
     margin: 0 6px;
}
/* .footer-middle{
     border-top: 1px solid #4a4e5a;
     border-bottom: 1px solid #4a4e5a;
}
 */
/* .footer-links {
     display: flex;
     flex-wrap: nowrap;
}
 */
.footer-links .box{
     width: 33%;
     float: left;
     padding: 0 0;
}
/* .footer-links .box.box:nth-child(1) {
     width: 30%;
     float: left;
}
.footer-links .box.box:nth-child(2) {
     width: 23%;
     float: left;
}
.footer-links .box.box:nth-child(2) {
     width: 23%;
     float: left;
}
.footer-links .box.box:nth-child(2) {
     width: 23%;
     float: left;
}
 */
.footer-logo figure img{
    max-width: 250px !important;
}
.footer-links .title{
    font-size: 18px !important;
     font-weight: 600;
     margin-bottom: 5px;
}
.footer-links li{
    padding: 0.2rem 0;
     font-size: 15px;
}
.footer-links a{
    color: #ebebeb;
     font-weight: 300;
}
.footer-links a:hover{
    color: #e46600;
}
.focopyright{
    color: #e4e4e4;
     font-weight: 300;
}
.focopyright a{
     color: #fff;
     border-bottom: 1px solid #535866;
}
.powered, .powered a{
     color: #000;
     font-weight: 300;
     font-size: 15px !important;
}
/*Delear form*/
.dealer-form .heading-border{
     font-size: 22px;
     font-weight: 500;
}
.dealer-form .modal-content{
     border-radius: 0;
     padding: 30px 0;
}
.dealer-form .btn{
     padding: 10px 40px;
}
.dealer-form .captcha i{
     top: 14px;
     right: 14px;
     cursor: pointer;
}
.dealer-form .captcha img{
    right: 35px;
     top: 4px;
     width: 110px;
}
.dealer-form .captcha .form-control{
    padding-right: 152px;
}
/*About us*/
.inner-banner{
    background: url(../images/contact-bg.jpg) no-repeat center / cover;
     height: 160px;
     position: relative;
     z-index: 1
}
.inner-banner:before{
    background: rgba(0,0,0,.8);
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     content: '';
     position: absolute
}
.inner-banner .container{
     z-index: 2;
     position: relative;
     height: 100%;
}
.inner-banner h1{
     font-size: 35px;
     font-weight: 500;
}
.about-total{
    color: #3a3e4a;
}
.about-total li{
     width: 24%;
     font-weight: 500;
     font-size: 13px;
     padding: 20px 5px;
     line-height: 25px;
     border: 1px solid #e9e9e9;
     margin: 15px 0 0;
     border-radius: 3px;
     text-align: center;
     min-height: 160px;
}
.about-total li i{
    display: block;
     font-size: 25px;
     margin:0 0 15px;
     color: #e46600;
}
.about-total strong{
    display: block;
     font-size: 32px;
     margin-bottom: 5px;
}
.abvimi img{
     width: 50px;
}
.abvimi .box{
    padding: 0 50px;
}
.abvimi .box:first-child{
     border-right:1px solid rgba(0,0,0,.1);
}
.abvimi h2{
     padding: 8px 0 0;
}
/*Breadcrumes*/
.breadcrumb{
    background: none;
    /*font-size: 13px;
    */
     padding: 8px 0;
     border-bottom: 1px solid #e3e3e3;
     border-radius: 0;
}
.breadcrumb a{
    color: #000;
}
.breadcrumb a:hover{
    text-decoration: underline;
}
.breadcrumb a:after{
    font-family: 'FontAwesome';
     content: "\f105";
     display: inline-block;
     margin: 0 5px;
}
.breadcrumb li{
    color: #e46600;
}
.about-why .box strong{
    color: #e46600;
     font-size: 20px;
}
.about-why .box{
     margin-left: -10px;
     margin-right: -10px;
}
.global-footprints .box-left{
     padding-right: 20px;
     background: url(../images/world-map.png) no-repeat center;
     padding-right: 20px;
}
.global-footprints .box-rborder{
     border-right: 1px solid #e3e3e3;
}
.global-footprints .box-right{
    padding-left: 20px;
     background: url(../images/india-map.png) no-repeat center;
}
.global-footprints li{
     font-size: 15px;
     padding: 8px 0;
}
.global-footprints li:before{
     font-family: 'FontAwesome';
     font-weight: 900;
     content: "\f041";
     display: inline-block;
     margin-right: 5px;
     color: #6f6f6f;
}
.global-footprints .box img{
     width: 45px;
     height: 45px;
     margin-right: 6px;
}
.global-footprints .box-right img{
    width: 35px;
}
.global-footprints .top-para{
    font-size: 15px;
}
.global-footprints .boxpara{
    min-height: 105px
}
/*Contact us*/
.contact-office .box{
    background: #EEEEEE;
     padding: 2rem;
     margin-bottom: 1px;
}
.contact-office .box h3{
    color: #e46600;
     font-size: 20px !important;
     padding: 0 10px 0 10px;
}
.contact-office .one{
     padding: 0 10px;
}
.contact-office .one ul li{
    border-bottom: solid 0px #ddd;
     padding-top: 0.1rem;
}
.contact-office .box i{
    margin: 5px 10px 0 0px;
}
.contact-office .box a:hover{
    color: #e46600;
}
.contact-form{
    border: solid 1px #EFEFEF;
     padding: 1.6rem 2.6rem;
}
.contact-form textarea.form-control{
     margin-top:0;
     height: 80px;
}
.contact-information .form-control{
    margin: 0;
}
.contact-information .bottom{
     width: 100%;
}
.contact-information .btn{
     padding: 10px 50px;
}
.about-profile + .footer{
     margin-top: 0 !important;
}
/*Photo Gallery*/
.photo-gallery figure{
     margin: 0;
     cursor: pointer;
     position: relative;
     overflow: hidden;
     border: 1px solid #f5f5f5
}
.photo-gallery figure:after{
     content: '\f00e';
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     background: rgba(0,0,0,0.6);
     opacity: 0;
     transition: all .5s ease;
     font-family: 'FontAwesome';
     font-weight: 900;
     color: #fff;
     display: flex;
     font-size: 22px;
     align-items: center;
    justify-content: center;
}
.photo-gallery figure:hover:after{
    opacity: 1;
}
.photo-gallery figure img{
    transition: all .5s ease
}
.photo-gallery figure:hover img{
     transform: scale(1.1);
}
.photo-gallery .lightgallery li{
     margin-bottom: 15px;
}
.gallery-all a{
    display: block;
     position: relative;
     border: 1px solid #f5f5f5;
}
.gallery-all li{
    margin-bottom: 10px;
}
.gallery-all a p{
     background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.70) 50%, rgba(0,0,0,0) 100%, rgba(0,0,0,0) 100%, rgba(0,0,0,0.70) 100% );
     padding:8px;
     font-weight: 500;
     text-align: center;
     position: absolute;
    ;
     bottom: 0;
     margin: 0;
     color: #fff;
     left: 0;
     right: 0;
}
.gallery-all p small{
    font-size: 12px;
}
.gallery-all a:hover small{
     color: #e46600;
}
.gallery-one li span{
    background: #f5f5f5;
     display: block;
     padding: 5px 8px;
     text-align: center;
     font-weight: 500;
}
.photo-gallery h2 small{
     font-size: 14px;
     padding-top: 3px;
}
/*Product Detail*/
.product-detail .h1{
    font-size: 30px;
}
.product-detail .heading-border:after{
    margin: 8px 0 0;
}
.product-detail .btn{
    padding: 8px 20px;
}
.product-detail .btn-orange-border{
     color: #e46600;
     margin-right: 5px;
}
.product-detail .slider-nav{
     padding: 15px 30px;
}
.product-detail .slider-nav .slick-slide{
     padding: 0 5px;
     cursor: pointer
}
.product-detail .slider .slick-slide{
     outline: 0;
}
/*Product Detail New*/
.product-tlinks{
    background: #282828;
}
.product-tlinks a{
     color: #cbcbcb;
     font-size: 13px;
}
.product-tlinks a:hover, .product-tlinks a.active{
    color: #fff;
}
.product-tlinks li{
    padding-right: 25px;
}
.product-tlinks .brochure a{
     background: #5b5b5b;
     color: #fff;
     padding: 5px 10px;
     display: inline-block;
}
.product-tlinks .brochure a:hover{
    background: #e46600;
}
.protop-banner img{
     width: 100%
}
.heading-leaf-left{
     font-weight: 500;
     position: relative;
     padding-left: 0 !important;
}
.heading-leaf-left:before{
    position: absolute;
     vertical-align: middle;
     margin:0 12px 0 0;
     left: 0;
     top: -12px;
}
.product-features{
     background: #fff;
     border: 2px solid #f3efef
}
.fealist{
     background: #f1f1f1;
     height: 100%;
}
.fealist .feaheading{
    padding: 0 15px 10px;
}

/*
.proslide-right .slider-nav .slick-slide{
     background: #fff;
     width: 90px !important;
     height: auto;
     margin-bottom: 0.8rem;
     margin-right:18px;
     border:1px solid #e2e2e2;
     cursor: pointer;
    display: flex;
    align-items: center;
    min-height: 80px;
    justify-content: center;
}
.proslide-right .slider-nav .slick-slide.slick-current{
     border-color: #000;
}
.proslide-right .slider-nav span{
    width: 12px;
     height: 12px;
     background: #838383;
     border-radius: 50%;
     color: #fff;
     text-align: center;
     right: -6px;
     top: -6px;
     font-size: 13px;
}
.proslide-right .slider-nav .slick-current span{
     background: #00a559;
     border: 2px solid #fff;
     width: 20px;
     height: 20px;
     right: -10px;
     top: -10px;
}
.proslide-right .slider-nav .slick-slide img{
    width: 90px;
     height: auto;
     min-width: 80px;
     min-height: 60px;
}
.proslide-right .slider-nav{
    margin-top:5px;
}
.proslide-right .slider-nav .slick-track{
    transform: inherit !important;
     width: 100% !important;
     padding-left: 15px;
     padding-top: 10px;
}
@media screen and (min-width:1024px){
     .proslide-right {
        border-right:solid 2px #d9d9d9;
    }
     .proslide-right .slick-slider {
         padding-right:2em;
         margin-right: 2em;
    }
}
*/
.slick-next::before, .slick-prev::before {  color:#007406;font-size: 25px;}
.slick-prev {left: -15px;}
.slick-next {right: -15px;}

.table-tb-sm td{
    padding:.35rem .75rem;
}
.product-spec h2 small{
    font-size: 11px;
     position: relative;
     top: -6px;
     padding-left: 3px;
}
.product-spec li{
     padding-bottom: 20px;
}
.product-spec li.active{
    color: #f50c0c;
}
.product-spec .table tr:first-child td{
     border-top: 0 !important;
}
.product-notification{
     background: #e2e2e2;
}
.product-notification + .footer{
     margin-top: 0 !important;
}
.product-notification p{
    color: #303030;
     font-weight: 400;
     font-size: 13px;
     padding: 10px 0;
}
.product-spec .nav-pills .nav-link{
     border-radius: 0px;
     border: 0;
     padding: 0;
     font-weight: 500
}
.product-spec .nav-pills .nav-link.active, .product-spec .nav-pills .show>.nav-link{
    background: none;
     color: #e60f0f;
}
.product-spec .nav-tabs{
     border-bottom: 0;
     width: 100px;
     min-width: 65px;
}
.product-spec .tab-content{
     width: 100%;
}
/*Accordion*/
.text-panel{
     display: none;
}
.accordion .heading-panel{
     border-top: 1px solid #e3e3e3;
     padding: 12px 0;
     font-size: 15px;
     font-weight: 500;
     cursor: pointer;
}
.accordion .heading-panel:after{
    font-family: 'FontAwesome';
     font-weight: 900;
     content: '\f078';
     float: right;
     font-size: 14px;
     transition: all .5s ease;
}
.accordion .heading-panel.active:after{
    color: #e46600;
     transform: rotate(180deg);
}
.accordion .text-panel{
     padding-bottom: 10px;
}
.accordion .prosmall{
    line-height: normal;
}
.carousel-indicators{
    z-index: 1
}
.gj-datepicker-bootstrap span[role=right-icon] .input-group-text{
    padding-bottom: 10px;
}
/*milestones*/
.timeline{
    position:relative;
    overflow:auto
}
/*.timeline:before{
    content:'';
    position:absolute;
    height:100%;
    width:2px;
    background:#e46600;
    left:50%
}
*/
.timeline h2{
    background:#e46600;
    width:90px;
    height:90px;
    color:#fff;
    line-height:70px;
    font-size:24px;
    margin:0 auto 1em;
    padding:.5em;
    text-align:center;
    position:relative;
    clear:both;
    border-radius:50%
}
.timeline ul{
    list-style:none;
    padding:0 0 0 1em;
    z-index:1
}
.timeline li{
    border:1px solid #e9e9e9;
    padding:1em;
    margin-bottom:1.5em;
    position:relative;
     background: #fff;
}
.timeline li:before{
    content:'';
    width:0;
    height:0;
    border-top:1em solid #e9e9e9;
    border-left:1em solid transparent;
    position:absolute;
    left:-15px;
    top:0
}
.timeline h3{
    margin-top:0
}
.timeline time{
    font-style:italic
}
.compny-scroll{
    max-height: 250px
}
.proslide-right h4{
     text-transform: capitalize
}
.download-pdf{
     background: #f6f6f6;
     padding:10px 15px;
     height: 100%;
}
.download-pdf section{
     width: 330px
}
.download-pdf p{
     font-weight: 400;
     color: #000;
     line-height: normal
}
.downloads .bxouter{
     margin-bottom: 20px;
}
.locationmap-box{
     background: #f7f7f7;
}
.locationmap-box i{
    color: #c7c7c7;
}
.product-namesec{
    margin-top: 0px;
     background-color: #f3f3f4;
     padding:1em 0;
}

.product-namesec .list-arrow li{
    margin-bottom: 4px;
}
.form-outerbox{
    padding: 65px 15px;
     background: #efefef;
     border: solid 1px #ddd
}
.product-namesec .list-arrow li:before{
     font-size: 12px;
     top: 6px;
     color: #b0afaf;
}
.pdc-descul {}


 @media only screen and (min-width : 1025px) {
    .pdc-descul { 
        overflow: auto;
        scrollbar-color:#999 #ddd;
        scrollbar-width:thin;
        overflow-x: hidden;
        max-height:450px;
	padding-right: 25px;
    }
     .pdc-descul::-webkit-scrollbar{width: 5px;}
    .pdc-descul::-webkit-scrollbar-track{background: rgba(0,0,0,.08);}
    .pdc-descul::-webkit-scrollbar-thumb{background: #999;}
}

.pdc-descul > ul {
     list-style: none;
     margin: 0;
     padding: 0;
}
.pdc-descul > ul li {
    padding: 3px 0 3px 18px;
     font-size: 15px;
     color: #535353;
     font-weight: 300;
     position: relative;
}
.pdc-descul > ul li:before{
    font-family: 'FontAwesome';
     font-weight: 900;
     content: "\f058";
     position: absolute;
     top: 3px;
     left:1px;
}
.pdc-descul > ul li:before{
     font-size: 12px;
     top: 6px;
     color: #333333;
}
 .fieldset fieldset{
     border: 1px solid #CCCCCC;
     padding: 0 1rem 1rem;
     margin-bottom: 2.5rem;
}
 .fieldset fieldset legend{
     width: inherit;
     padding: 0 2rem;
}
.map-btn{
    background: #a8a8a8;
     border: solid 1px #a8a8a8;
     font-size:11px;
     font-weight:600;
     border-radius:3px;
     letter-spacing:1px;
}
.map-btn:hover{
    outline: none;
     box-shadow: none;
     color: #FFF !important;
     background: #60b94c !important;
     border: solid 1px #60b94c !important
}
.india-flag{
    position:absolute;
     top:2.5rem;
     left:-1.9rem;
     font-size:12px;
     color:#828282;
     font-weight:400
}
.awards figure{
     border: 1px solid #f5f5f5;
     margin-bottom: 0px;
}
.awards-txt figure img{
    max-height: 200px;
}
.input-group-addon{
     background: #ececec;
     padding: 0.5rem 0.8rem;
     border: solid 1px #DDD;
}
.product-display figure {
     min-height: 230px;
     max-height: 280px;
     overflow: hidden;
     padding: 1em;
     -webkit-transform: scale(1, 1);
     -moz-transform: scale(1, 1);
     -o-transform: scale(1, 1);
     transform: scale(1, 1);
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
     position: relative;
    /* transition: all .5s ease;
     */
}
.product-section figure{
     height: 284px;
     background: #fff;
     border: 2px solid #f3efef;
     transition: all .5s ease;
     padding: 0 5px;
}
.product-section a{
    font-size: 16px;
     margin: 20px -8px;
     display: block;
}
.product-section a:hover{
    color: #e46600;
}
.product-section a:hover figure{
    border-color: #e46600;
}
.product-section .inset{
    padding: 0 10px;
}
/*.product-section{
     border:solid 2px #f3efef;
     padding-bottom: 0.5rem;
     margin-bottom: 2rem !important;
}
.product-section .h5{
     padding: 1rem;
}
.product-section:hover{
     background:#f1f1f1;
     border:solid 2px #e46600;
}
*/
.product-section figure img{
     -webkit-transform: scale(1);
     transform: scale(1);
     -webkit-transition: .2s ease-in-out;
     transition: .2s ease-in-out;
}
.product-section figure:hover img{
     -webkit-transform: scale(1.1);
     transform: scale(1.1);
}
.product-display figure:hover {
     -webkit-transform: scale(1, 1);
     -moz-transform: scale(1, 1);
     -o-transform: scale(1, 1);
     transform: scale(1, 1);
     transition: all .5s ease;
}
.megamenutop{
     top:4.5rem !important;
}
.product-page{
     margin-bottom:3rem;
}
.product-page > div{
     border:solid 1px #d9d9d9;
     margin: 1.5rem;
}
.product-page .product-view{
     padding:1.5rem 2.2rem !important;
}
.product-page .product-img{
     height:100%;
}
.category-img figure {
    overflow: hidden;
    display: block;
    position: relative;
    padding-bottom: 67%;    
}
.category-img figure img{
    display: block;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-position: center center;
    object-fit: cover;
}

/*
div#locs_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#locs_list a {
    display: inline-block;
    margin-right: 5px;
}
#locs_list a:last-child {
    margin-right: auto;
}
*/
.marginbottom5{
     margin-bottom:5rem;
}
.category-title{
     font-weight:600;
     font-size:36px;
}
.category-heading{
     font-size:20px;
     font-weight:500;
}
.breadcrumb-product{
     margin-top:-2.91rem;
     z-index: 1;
     position: relative;
}
.breadcrumb-product ul{
     padding-left:1rem;
}
.btn-outline-primary{
     border-radius:0px;
     color:#000;
     border:solid 1px #e46600 !important;
     margin-left:0.2rem;
     margin-right:0;
     margin-bottom:0.6rem;
     padding:0.4rem 2rem;
}
.btn-outline-primary:hover{
     background:#e46600;
     color:#FFF !important;
}
.bg-white{
     background:#FFF;
}
.contactdist-btn{
     border-radius:0px;
     color:#000;
     border:solid 3px #e46600 !important;
     margin-left:0.2rem;
     margin-right:0;
     margin-bottom:0.6rem;
     padding:1rem 2rem;
     font-size:20px;
     letter-spacing: 0.2px;
}
@media screen and (min-width: 40em){
     .timeline:before{
        left:50%
    }
     .timeline ul{
        padding-left:0;
        max-width:700px;
        margin:0 auto
    }
     .timeline li{
        width:42%
    }
     .timeline li:nth-child(even){
        float:right;
        margin-top:2em
    }
     .timeline li:nth-child(odd){
        float:left
    }
     .timeline li:nth-child(odd):before{
        border-top:1em solid #e9e9e9;
        border-right:1em solid transparent;
        border-left:inherit;
        right:-16px;
        left:auto
    }
     .timeline li:nth-of-type(2n+1){
        clear:both
    }
}
/*Responsive*/
@media(min-width:992px){
     .logo{
         margin-left: 2rem;
    }
}
@media(max-width:1400px){
     .wsmenu-list > li:nth-last-child(-n +2) .wsmenu-submenu{
         right: 0;
         left: auto
    }
}
@media(max-width:1139px){
     .wsmenu-list li:first-child{
        margin-right: 0;
    }
     .footer-support strong{
        font-size: 14px;
         padding-right: 10px;
    }
     .home-event .box1{
        background-size: 68%;
    }
     .home-event .box2{
        background-size: 55%;
    }
     .global-footprints li{
        font-size: 14px;
    }
     .compny-scroll{
        max-height: 210px;
    }
     .india-flag{
        display: none;
    }
     .homeproduct{
         padding: 0 2rem;
    }
}
 @media only screen and (min-width:767px) and (max-width:1023px) {
     .logo picture{
        position: absolute;
         width: 100%;
    }
}
@media(max-width:991px){
     .product-megamenu{
        min-width: 690px;
    }
     .wsmenu-list .megamenu li a{
        padding: 0 !important;
    }
     .home-event .box3{
        margin-top: 15px;
    }
     .home-product a{
        font-size: 14px;
    }
     .footer-support strong{
        width: 100%;
    }
     .footer-links .title{
        text-transform: capitalize !important;
         font-size: 14px;
    }
     .dealer-form .captcha .form-control {
        padding-right: 120px;
    }
     .dealer-form .captcha img{
        top: 10px;
         width: 80px;
    }
     .gallery-all a p{
        line-height: normal;
    }
     .footer-newsletter .form-control{
        width: 160px;
    }
     .global-footprints .boxpara{
        min-height: 155px;
    }
     .home-ultra .heading-leaf{
         font-size: 25px;
    }
     .product-spec ul{
        margin-left: 0 !important;
    }
     .compny-scroll{
        max-height: 250px;
    }
     .product-megamenu{
        min-height: inherit
    }
     .download-pdf img{
         width: 40px;
    }
     .download-pdf .btn{
        padding: 8px 12px;
    }
     .download-pdf p{
         font-size: 13px;
    }
     .blog .blog-box{
         margin: 0.6rem;
    }
     #custom-search-input{
         margin-top: 10px;
    }
}
@media(min-width:768px){
.product-namesec .row .proslide-right{
	position:relative;
}
.product-namesec .row .proslide-right::after {
content:'';
position:absolute;
top:0px;
right:-43px;
bottom:0px;
width:1px;
height:100%;
background-color:#dcdcdceb;
}}
@media(max-width:768px){
     .cloned .logo picture {
         box-shadow: 0 5px 5px #DDD !important;
         padding: 0.2rem 0rem !important;
         background: #FFF !important;
    }
}
@media(max-width:767px){
	.category-title{
		font-size: 25px;
	}
	.h3, h3 {
    font-size: 19px !important;
    font-weight: 500;
}
     .text-xs-center{
         text-align: center !important;
    }
     .home-product-bg{
         background:#eeeeee;
         padding: 1.6rem 0;
    }
     .home-product-bg h3{
         margin-bottom: 1rem !important;
    }
     .home-product {
         margin: 5px 0 !important;
    }
     .awards-txt{
        text-align: center !important
    }
     .awards-txt div{
        text-align: center !important
    }
     .container{
        max-width:100%;
    }
     .header .topbar{
        display: block;
    }
     .home-event{
        padding-top: 0 !important;
         padding-bottom: 0 !important;
    }
     .footer-support, .focopyright{
        text-align: center;
    }
     .footer-support .left, .footer-support .right{
         justify-content: center !important;
    }
     .abvimi, .global-footprints, .fullpro-detail .home-ultra .py-5, .product-features{
         padding-top: 20px !important;
         padding-bottom: 20px !important;
    }
     .breadcrumb{
        margin-bottom: 20px !important;
    }
     .photo-gallery figure, .gallery-one li span{
        margin-left: -10px;
         margin-right: -10px;
    }
     .gallery-one{
         padding-left: 10px;
         padding-right: 10px;
    }
     .header .topbar {
         padding: 5px 0 3px 0;
    }
     .header .bottom {
         padding: 0.3rem 0;
    }
     .marginbottom5{
         margin-bottom:2rem;
    }
     .fomember{
        margin-top: 10px;
    }
     .logo{
        margin-top:0px;
         text-align: center;
         margin-left: 0;
         margin: 0px auto;
    }
     .logo img{
        width: 150px;
    }
     .home-comfarm li{
        width: 33.33%;
    }
     .home-event .box2{
        margin-top: 15px;
    }
     .home-product{
        margin: 30px 0;
    }
     .home-product a{
        margin-top: 10px;
         margin-bottom: 10px;
    }
     .footer-newsletter .d-flex{
        flex-wrap: wrap
    }
     .footer-newsletter .form-control{
        width: 100%;
         margin: 0 0 10px;
    }
     .footer-support .phone{
        margin-bottom: 5px;
    }
     .footer-support .left{
        margin-bottom: 10px;
    }
     .footer-links .box{
        width: 100%;
         margin-bottom: 5px;
    }
     .home-ultra .heading-leaf{
        font-size: 21px
    }
     .header .nav-product{
        width: auto;
         height: auto;
         text-align: left !important;
    }
     .wsmenu-list > li > a i{
        display: inline-block;
         margin-right: 8px;
    }
     .wsmenu-list > li > a, .header .nav-product{
        font-size: 14px;
         font-weight: 500;
    }
    /* .header .nav-product:before{
        display: inline-block;
         content: '\f022';
         font-family: 'FontAwesome';
         background: none;
         width: auto;
         height: auto;
         font-size: 18px;
         margin:0 8px 0 0;
    }
     */
     .header .nav-product span{
        width: auto;
    }
     .header .nav-product span:after{
        display: none;
    }
     .product-megamenu{
        min-width: auto;
         padding: 0 5px !important;
    }
     .megamenu-box{
        margin: 0;
    }
     .product-megamenu ul{
         border-bottom: 1px solid #dedede;
         padding: 10px 0;
    }
     .dealer-form .heading-border{
        font-size: 16px;
    }
     .about-total ul{
        margin-left: -15px;
         margin-right: -15px;
    }
     .about-total li{
        width: 50%;
         border-right: 1px solid #dcdcdc;
         border-bottom: 1px solid #dcdcdc;
         margin: 0;
         padding: 18px 10px;
         border-radius: 0;
         border-left: 0;
         border-top: 0;
    }
     .about-total li:nth-child(2n){
         border-right: 0
    }
    /* .about-total li:last-child{
        width: 100%;
    }
     */
     .inner-banner h1{
        font-size: 28px;
    }
     h2, .h2{
        font-size: 24px;
    }
     .abvimi .box{
        padding: 0 15px 20px;
    }
     .global-footprints ul{
        display: flex;
         flex-wrap: wrap
    }
     .global-footprints li{
        width: 50%;
    }
     .contact-office .box{
        margin-bottom: 20px;
         height: auto;
    }
     .contact-information .bottom .col-md-6.d-flex.justify-content-end{
        justify-content: left !important;
         margin-top: 15px;
    }
     .gallery-all img{
         width: 100%;
    }
     .gallery-one li span{
         line-height: normal;
         font-size: 13px;
    }
     .header{
        position: fixed;
         top: 0;
         left: 0;
         right: 0;
         background: #fff;
         z-index: 2;
         border-bottom: 1px solid #f5f5f5;
    }
     body{
        padding-top: 65px;
    }
     .global-footprints .box-left{
        padding: 0;
         border-right: 0;
         border-bottom: 1px solid #e3e3e3;
         padding-bottom: 30px;
    }
     .global-footprints .box-right{
        padding: 0;
    }
     .global-footprints .box-right{
        margin-top: 30px;
    }
     .global-footprints .top-para{
        padding-bottom: 20px !important;
    }
     .header .bottom .mail{
         position: absolute;
         right: 15px;
         top: 22px;
         font-size: 0
    }
     .header .bottom .mail:before{
         width: auto;
         height: auto;
         margin: 0;
         font-size: 20px;
    }
     .header .bottom{
        box-shadow: inherit;
    }
     .wsoffcanvasopener .animated-arrow{
         top: 0
    }
     .global-footprints .boxpara{
         min-height: auto;
    }
     .product-tlinks a{
        font-size: 11px;
    }
     .product-tlinks li{
        padding-right: 15px;
    }
     .product-tlinks ul{
        justify-content: center
    }
     .product-tlinks .brochure{
         position:fixed;
         left: 0;
         right: 0;
         bottom: 0;
         width: 100%;
         padding: 0 !important;
         text-align: center !important;
    }
     .product-tlinks .brochure a{
        width: 100%;
         padding: 10px;
    }
     .product-tlinks{
        top: 65px;
    }
     .protop-banner{
        height: 120px;
    }
     .fullpro-detail .heading-leaf{
         font-size: 24px
    }
     .proslide-right .slider-nav .slick-track {
        padding-left:0;
    }
     .proslide-right .slider-nav .slick-slide{
        width: auto !important;
         margin-right: 6px;
        margin-bottom: 10px;
        max-width: 80px;
    }
     .product-features{
        padding-top: 0 !important;
    }
     .product-features .slider-for img{
         height: 250px;
         margin: auto;
    }
     .proslide-right .slider-nav .slick-track{
        display: flex;
         justify-content: center;
         flex-wrap: nowrap;
    }
     .heading-leaf{
        font-size: 24px;
    }
     .product-spec .nav-tabs{
        margin-right: 0 !important;
    }
     .product-spec-tabouter{
         flex-wrap: wrap
    }
     .product-spec-tabouter table {
        flex-wrap: nowrap;
         overflow-x: auto;
    }
     .product-spec .nav-tabs{
        width: 100%;
         -webkit-box-orient: inherit!important;
         -webkit-box-direction: inherit!important;
         -ms-flex-direction: inherit!important;
         flex-direction: inherit!important;
    }
     .product-spec .nav-tabs .nav-item{
        width: 33.33%;
         text-align: center;
    }
     .product-spec .nav-tabs{
        border-bottom: 1px solid #dee2e6;
    }
     .product-spec .nav-pills .nav-link{
        border-radius: .25rem;
         padding: 3px;
    }
     .product-spec .nav-pills .nav-link.active, .product-spec .nav-pills .show>.nav-link{
         background: #e60f0f;
         color: #fff;
    }
     .download-pdf{
        flex-wrap: wrap
    }
     .download-pdf section{
        width: 100%;
    }
     .download-pdf .right{
        width: 100%;
         margin-top: 15px;
    }
     .downloads .bxouter{
        margin-bottom: 10px;
    }
     .locationmap-box article{
        border-bottom: 1px solid #dcdcdc;
         padding:15px 0;
    }
     .locationmap-box > div:last-child article{
        border-bottom: 0;
    }
     .safty-policies h3{
         padding-top: 10px;
    }
     .product-namesec{
        margin-top: 0;
    }
     .logo picture img{
         margin-top: 0px !important;
         width: 52% !important;
    }
     .logo img {
         width: 200px !important;
    }
     .link-case {
         position: relative;
    }
     .link-case .f-nav h3 {
         cursor: pointer;
         margin: 0;
         margin-bottom: 0px;
         padding: 0.2em 0em;
         margin-bottom: 4px;
         background-color: transparent;
    }
     .link-case .f-nav h3:after {
         position: absolute;
         right: 0;
         top: 15px;
         content: "+";
         float: right;
    }
     .link-case .f-nav.open h3:after {
         content: "-";
    }
     .link-case ul {
         max-height: 0;
         overflow: hidden;
         transition: max-height 0.5s ease-out;
         margin-bottom: 0;
         margin-left: 1em;
    }
     .link-case ul a {
         padding-top: 5px;
         padding-bottom: 5px;
    }
	.link-case .f-nav ul{
		margin-left:0px;
	} 
     .link-case .f-nav.open ul {
         height: auto;
         max-height: 500px;
         transition: max-height 0.5s ease-in;
         margin-left: 0px;
    }
     .link-case .f-nav.open ul li {
         padding-bottom: 0.6rem;
    }
     .blog .blog-box{
         margin: 0.6rem;
    }
     .arrows{
         left: 90%;
    }
     .product-page .product-view {
         padding: 1rem 1rem !important;
    }
     body{
        padding-top: 35px;
    }
}
@media(max-width:640px){
     .product-section figure {
         height: auto;
        min-height:190px;
    }
     .product-section a {
         margin-bottom: 5px;
    }
}
#enquiry-form label {
    margin-bottom: .2rem;
}
#enquiry-form .form-group {
    margin-bottom: 0.7rem;
}
#enquiry-form .no-gutters {
     margin-right: -5px;
     margin-left: -5px;
}
/*.no-gutters > .col, .no-gutters > [class*="col-"] {
     padding-right: 5px;
     padding-left: 5px;
}
*/
#enquiry-form .close {
    margin: 0 !important;
}
.heading-bottom span{
     position:relative;
}
.heading-bottom span::after{
     content: '';
     position: absolute;
     left: 0px;
     right:0px;
     bottom: -1rem;
     background: #DDD;
     width: 100px;
     height: 2px;
     margin:0px auto;
}
.heading-bdr span{
     position:relative;
     overflow:hidden;
}
.heading-bdr span::after{
     content: '';
     position: absolute;
     left: -40%;
     top: 50%;
     background: #DDD;
     width: 80px;
     height: 2px;
}
.heading-bdr span::before{
     content: '';
     position: absolute;
     right: -40%;
     top: 50%;
     background: #DDD;
     width: 80px;
     height: 2px;
}
.social-lg{
     font-size:30px !important;
}
.career-foam input{
     border:none;
     border-bottom:solid 1px #c5c5c5;
     padding-left:0px;
     font-weight:500 !important;
     font-size:18px;
}
.career-foam textarea{
     border:none;
     border-bottom:solid 1px #c5c5c5;
     padding-left:0px;
     font-weight:500 !important;
     font-size:18px;
     min-height:100px;
}
 ::placeholder{
     font-size: 17px !important;
     font-weight:500 !important;
     color:#bfbfbf !important;
}
.career-foam .control-label{
     font-weight:500 !important;
     font-size:18px;
}
.career-foam .form-group{
     margin-bottom:2rem !important;
}
.inner-banner:before{
     background:none !important;
}
.inner-banner {
     background-image: url("images/Header.jpg");
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
     width: 100%;
     height: 400px;
}
.inner-banner_content h1{
     color:#fff;
     position:relative;
     display:inline-block;
     font-size:70px;
     font-weight:800;
     font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
     position:relative;
     top: -170px;
     left: 112px;
}
.inner-banner_content h1::before{
     content:"";
     position:absolute;
     left:5px;
     bottom: -19px;
     width: 178px;
     height: 3px;
     background-color: #fff;
}
.inner-banner{
     display:flex;
     align-items: center;
}
@media only screen and (min-width: 676px){
    .contact_box{
         padding:50px 27px;
    }
}
.contact_box h2{
     color:#7a7878;
     position:relative;
     display:inline-block;
     margin-left:85px;
     font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
     margin-bottom:40px;
}
.contact_box h2::before{
     content:"";
     position:absolute;
     width:70px;
     height:3px;
     background-color:#9b9999;
     top: 17px;
     right: 104%;
}
.icon_span{
     color:#ff8100;
     font-size:22px;
}
.icon_box{
     padding:40px 0;
}
.form_padd{
     padding:40px 0;
}
.pre{
     line-height:30px;
     text-align:justify;
     width:300px;
}
.footer_img{
     background-image: url("images/Footer_Image.png");
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
     width: 100%;
     height: 250px;
}
.Query_1{
     color:#7a7878;
     position:relative;
     display:inline-block;
     margin-left:85px;
     font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
     margin-bottom:40px;
}
.Query_1::before{
     content:"";
     position:absolute;
     width:70px;
     height:3px;
     background-color:#9b9999;
     top: 17px;
     right: 126%;
}
.Query_1::after {
     content: "";
     position: absolute;
     width: 70px;
     height: 3px;
     background-color: #9b9999;
     top: 17px;
     left: 126%;
}
.contact{
     padding:10px 80px;
     color:#fff;
     border:1px solid;
     border-radius:7px;
     font-size:18px;
}
.footer_btn{
     position:absolute;
     right:30px;
     bottom:50px;
}
.footer_btn{
     color:#fff;
}
.contact:hover{
     padding:10px 80px;
     color:#fff;
     border:1px solid;
     border-radius:7px;
     font-size:18px;
}
.reuest_btn{
     padding:10px 60px;
     color:#000;
     border:2px solid #fd7c0a;
     border-radius:0px;
     font-size:18px;
     box-shadow:2px 2px 5px 1px rgb(95, 95 ,95 ,0.5);
     background-color:#fff;
     position:absolute;
     right: 78px;
     bottom: 138px
}
.titlebelow-breadcrumb {
    color:#aaaaaa;
     text-transform: uppercase;
     font-size: 120%;
}
.titlebelow-breadcrumb li span {
    padding:0 5px;
}
.titlebelow-breadcrumb li:last-child span {
     display: none;
}
.description-accordian {
     margin-bottom: 2em;
}
.accordion > .card > .card-header {
    margin-bottom: 1em;
}
.description-accordian > .accordion > .card > .card-header:after {
     font-family: 'FontAwesome';
     content: "\f056";
     float: right;
     font-size: 1.8em;
     color: #037a50;
}
.description-accordian > .accordion > .card > .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
     content: "\f055";
}
.description-accordian .card {
     border: none
}
.description-accordian .card-header {
     padding: .75rem 1.25rem;
     margin-bottom: 0;
     background-color: none;
     border-bottom: none;
}
.description-accordian .text-red {
    color:#de5307;
}
.moreways-connect a {
    display: block;
    padding: 2em 0;
    border-radius: 10px;
}

.product-spec-tabouter .nav-pills .nav-link {
    color: #333333;
    background-color: #f8f8f8;
    border:none;
    font-weight: bold;
}

.product-spec-tabouter .btn-link .card-title {color:#de5307;}
.product-spec-tabouter .btn-link.collapsed .card-title{color:#333333;}
.product-spec-tabouter .btn-link:after {
     font-family: 'FontAwesome';
     content: "\f068";
     float: right;
     font-size: 1em;
     color: #333333;
     font-weight: normal;
     color:#de5307;
}

.product-spec-tabouter .btn-link.collapsed:after {
    font-family: 'FontAwesome';
     float: right;
     font-size: 1em;
     color: #333333;
     content: "\f067";
     font-weight: normal;
}
.product-spec-tabouter .btn-link.focus, .product-spec-tabouter .btn-link:focus {box-shadow:none;}
.product-spec-tabouter .card-header { background: none; border-top: solid 1px #de5307;padding: 0.25rem;}

@media only screen and (max-width:767px){
    .product-spec-tabouter .btn-link .card-title {
      width: 80%;
      display: inline-block;
    }
	.footer-newsletter .btn{
		margin-left:0px;
	}
	.product-icons-section .product-icon-hold > .row .col-md-3:nth-child(1), .product-icons-section .product-icon-hold > .row .col-md-3:nth-child(2){
		margin-bottom: 1.3rem!important;
	}
	.megamenutop {
    top: 0.2rem !important;
}
}
/*
.product-spec-tabouter .nav-pills .nav-link.active,.product-spec-tabouter  .nav-pills .show > .nav-link {background-color: #f1f1f1;}
.product-spec-tabouter .nav-pills .nav-link.active{color:#de5307 !important;}
.product-spec-tabouter .nav-pills .nav-link.active:after {
     font-family: 'FontAwesome';
     content: "\f068";
     float: right;
     font-size: 1em;
     color: #333333;
     font-weight: normal;
}
.product-spec-tabouter .nav-pills .nav-link:after {
    font-family: 'FontAwesome';
     float: right;
     font-size: 1em;
     color: #333333;
     content: "\f067";
     font-weight: normal;
}
.product-spec-tabouter .tab-content > .tab-pane {
  border-color:#de5307 !important;
}
*/

/*.moreways-connect a:hover {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
 */
/*--------new-css------------------*/
 .moreways-connect .col-md-4 a figure img {
    border-radius: 15%;
    box-shadow: 0 0 3px rgba(0,0,0,.3), inset 0 0 3px rgba(0,0,0,0.3);
}
 .moreways-connect .col-md-4 a figure img:hover {
     box-shadow: 0 0 20px rgba(0,0,0,.4), inset 0 0 25px #470405, 3px 3px 5px 0 #ccc;
}
/*--------new-end------------------*/
@media only screen and (max-width: 667px){
     html,body{
         position:relative;
         margin-left:0px;
         margin-right:0px;
         paddin-left:0px;
         paddin-right:0px;
         overflow-x: hidden;
    }
}


.slick-slider {
    margin-bottom: 5px;
}
.slick-next::before, .slick-prev::before {
  font-family: FontAwesome;
    content: "\f053";
    font-size: 16px;
}
.slick-next::before{
  font-family: FontAwesome;
    content: "\f054";
    font-size: 16px;
}