* {box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;}

a{transition:all ease-in-out 0.5s;-webkit-transition:all ease-in-out 0.5s;-o-transition:all ease-in-out 0.5s;text-decoration: none;}

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,time, mark, audio, video 
{margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;outline: none; }
body{background-color: #eee;font-family: 'Roboto';}
img{max-width: 100%;}

ol, ul {list-style: none; }

.container{max-width: 1140px;width: 100%;margin: 0 auto;position: relative;}
.clearfix::after,.clearfix::before{display:table;content: "";clear: both;}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Italic.eot');
    src: url('../fonts/Roboto-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Italic.woff2') format('woff2'),
        url('../fonts/Roboto-Italic.woff') format('woff'),
        url('../fonts/Roboto-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.eot');
    src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Regular.woff2') format('woff2'),
        url('../fonts/Roboto-Regular.woff') format('woff'),
        url('../fonts/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-MediumItalic.eot');
    src: url('../fonts/Roboto-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-MediumItalic.woff2') format('woff2'),
        url('../fonts/Roboto-MediumItalic.woff') format('woff'),
        url('../fonts/Roboto-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Bold.eot');
    src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Bold.woff2') format('woff2'),
        url('../fonts/Roboto-Bold.woff') format('woff'),
        url('../fonts/Roboto-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Thin.eot');
    src: url('../fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Thin.woff2') format('woff2'),
        url('../fonts/Roboto-Thin.woff') format('woff'),
        url('../fonts/Roboto-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Black.eot');
    src: url('../fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Black.woff2') format('woff2'),
        url('../fonts/Roboto-Black.woff') format('woff'),
        url('../fonts/Roboto-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-ThinItalic.eot');
    src: url('../fonts/Roboto-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-ThinItalic.woff2') format('woff2'),
        url('../fonts/Roboto-ThinItalic.woff') format('woff'),
        url('../fonts/Roboto-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Medium.eot');
    src: url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Medium.woff2') format('woff2'),
        url('../fonts/Roboto-Medium.woff') format('woff'),
        url('../fonts/Roboto-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Light.eot');
    src: url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Light.woff2') format('woff2'),
        url('../fonts/Roboto-Light.woff') format('woff'),
        url('../fonts/Roboto-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-BlackItalic.eot');
    src: url('../fonts/Roboto-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-BlackItalic.woff2') format('woff2'),
        url('../fonts/Roboto-BlackItalic.woff') format('woff'),
        url('../fonts/Roboto-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-BoldItalic.eot');
    src: url('../fonts/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-BoldItalic.woff2') format('woff2'),
        url('../fonts/Roboto-BoldItalic.woff') format('woff'),
        url('../fonts/Roboto-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-LightItalic.eot');
    src: url('../fonts/Roboto-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-LightItalic.woff2') format('woff2'),
        url('../fonts/Roboto-LightItalic.woff') format('woff'),
        url('../fonts/Roboto-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

.homepage {
    float: left;
    width: 100%;
    position: relative;
}

.homepage .preheader {
    float: left;
    width: 100%;
    position: relative;
    background: #c10000;
    padding: 8px 0;
    border-bottom: 1px solid #D4D4D4;
}

.homepage .preheader .preheadersec1 {
    float: left;
    width: 50%;
}

.homepage .preheader .preheadersec1 ul li {
    display: inline-block;
}

.homepage .preheader .preheadersec1 ul li .mails {
    font-size: 14px;
    color: #ffffff;
    font-family: 'Roboto';
    font-weight: 400;
    border-right: 1px solid #ffffff;
    padding: 0 20px 0 0;
}

.homepage .preheader .preheadersec1 ul li .mails:before {
    content: '';
    background: url(../images/envelop.png);
    width: 19px;
    height: 15px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

.homepage .preheader .preheadersec1 ul li .calls {
    font-size: 14px;
    color: #ffffff;
    font-family: 'Roboto';
    font-weight: normal;
    padding: 0 0 0 20px;
}

.homepage .preheader .preheadersec1 ul li .calls:before {
    content: '';
    background: url(../images/phone.png);
    width: 19px;
    height: 19px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

.homepage .preheader .preheadersec2 {
    float: left;
    width: 50%;
    text-align: right;
}

.homepage .preheader .preheadersec2 ul li {
    display: inline-block;
}

.homepage .preheader .preheadersec2 ul li a {
    font-size: 14px;
    color: #ffffff;
    font-family: 'Roboto';
    font-weight: 400;
    border-right: 1px solid #ffffff;
    padding: 0 10px;
}

.homepage .preheader .preheadersec2 ul li:last-child a {
    border-right: none;
    padding-right: 0;
}

.homepage .logosection {
    float: left;
    width: 100%;
    position: relative;
    background: #fff;
    padding: 20px 0;
    border-bottom: 1px solid #D4D4D4;
}

.homepage .logosection .logomain {
    float: left;
    width: 23.68%;
}

.homepage .logosection .searchsec {
    float: left;
    width: 52.63%;
    position: relative;
    margin-top: 8px;
}

.homepage .logosection .searchsec .inputtxt {
    width: 596px;
    height: 45px;
    padding: 0 140px 0 20px;
    float: left;
    color: #000;
    border: 1px solid #D6D6D6;
    border-radius: 50px;
    position: relative;
}

.homepage .logosection .searchsec .searhbtn {
    position: absolute;
    right: 30px;
    top: 13px;
}

.homepage .logosection .searchsec .searhbtn .fa {
    color: #DC0505;
    padding-right: 10px;
}

.homepage .logosection .searchsec .searhbtn {
    font-size: 14px;
    color: #000000;
    font-family: 'Roboto';
    font-weight: 500;
    background: no-repeat;
    border: none;
}
.logosection.fixed {
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    padding: 5px 0px;
}
.homepage .logosection .searchsec .searhbtn:before {
    content: '|';
    display: inline-block;
    padding-right: 10px;
}

.homepage .logosection .signinsec {
    float: right;
    width: 23.68%;
    padding: 8px 0 0 40px;
    margin-top: 12px;
    text-align: right;
}

.homepage .logosection .signinsec ul li {
    display: inline-block;
}

.homepage .logosection .signinsec ul li a {
    font-size: 14px;
    color: #000000;
    font-family: 'Roboto';
    font-weight: 500;
}

.homepage .logosection .signinsec ul li .signin:before {
    content: '';
    display: inline-block;
    background: url(../images/user.png);
    width: 24px;
    height: 24px;
    vertical-align: middle;
    margin-right: 10px;
}

.homepage .logosection .signinsec ul li .signin {
    border-right: 1px solid #000;
    padding: 0 20px 0 0;
    margin-right: 15px;
}

.homepage .menusection{float: left;width: 100%;position: relative;background: #EEEEEE;}
.homepage .menusection ul li .fa{color: #A3A3A3;padding-left: 5px;}
.homepage .menusection ul li a{font-size: 16px;color: #000000;font-family: 'Roboto';font-weight: 500;text-transform: uppercase;}
.homepage .menusection ul li a.main-nav{border-right: 1px solid #a3a3a3;padding: 5px 0;}
.homepage .menusection ul li:last-child a.main-nav{border-right:none;}
.homepage .menusection{float: left;padding: 10px 0;border-bottom: 1px solid #D4D4D4;}
.homepage .menusection ul li{display: inline-block;border-right: 1px solid #A3A3A3;}
.homepage .menusection ul li:last-child{border-right: none;}
.homepage .menusection ul li a:hover{color: #ff0000;}
.mobile-menu-icon, .mobile-top-links{display:none}
.homepage .menusection .nearme{float: left;width: 15.35%;border-right: none;padding-top: 3px;}
.homepage .menusection .nearme a:before{content: '';display: inline-block;background-image: url(../images/location-area.png);width: 18px;height: 18px;vertical-align: middle;margin-right: 10px;}
.homepage .menusection .orogranic{float: left;width: 20.26%;padding-top: 3px;}
.homepage .menusection .ortiles{float: left;width: 20.52%;text-align: center;padding-top: 3px;}
.homepage .menusection .orhealth{float: left;width: 13.61%;text-align: center;padding-top: 3px;}
.homepage .menusection .location{padding: 0;width: 30.26%;float: left;position: relative;border-right: none;}
.homepage .menusection .location p{padding:3px 20px 0 0;float: left;display: inline-block;font-size: 14px;color: #000000;font-family: 'Roboto';font-weight: 500;text-transform: uppercase;}
.homepage .menusection .location p:before{content: '';display: inline-block;background-image: url(../images/location-list.png);width: 14px;height: 23px;vertical-align: middle;margin-right: 10px;}
.homepage .menusection .location .searchsec-nav{position: relative;display: inline-block;}
.homepage .menusection .location .searchsec-nav .searhbtn{position: absolute;right: 15px;top: 6px;}
.homepage .menusection .location .searchsec-nav .fa{color: #DB0000;}
.homepage .menusection .location .searchsec-nav .inputtxt{width: 205px;height: 30px;float: left;color: #BCBCBC;border: 1px solid #D6D6D6;border-radius: 50px;position: relative;padding: 0px 35px 0 20px;}
.homepage .menusection .location .searchsec-nav:placeholder{color: red;}

.dropdown-content {display: none;position: absolute;background-color: #f9f9f9;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;width: 100%;}
.dropdown-content a {color: black;padding: 12px 16px;text-decoration: none;display: block;}
.dropdown-content a:hover {background-color: #f1f1f1}
.dropdown:hover .dropdown-content {display: block;}
.dropdown {position: relative;display: inline-block;}
.dropdown-content ul li{width: 100% !important;border-right: none !important;}

.homepage .product-detail{float: left;width: 100%;position: relative;background-color: #fbfbfb;padding: 10px 0 60px;}
.homepage .product-detail .product-detail-sec{}
.homepage .product-detail .product-detail-sec .product-detail-sec1{float: left;width: 51.32%;padding-right: 30px;}
.owl-three.owl-carousel div {width: 99%;}
.owl-three.owl-carousel .owl-controls .owl-dot {background-size: cover;margin-top: 10px;}
.owl-three.owl-carousel .owl-dots {position: absolute;top: 51%;left:0px;-ms-transform: translateY(-50%);transform: translateY(-50%);}
.owl-three.owl-carousel .owl-dot {background-size: cover;background-position: center;background-repeat: no-repeat;}
.owl-three.owl-carousel .item{padding-left: 95px;}
.owl-three.owl-carousel .owl-dot{height: 80px !important;width: 80px !important;margin-bottom: 8px;}
.owl-three.owl-carousel .owl-prev{position: absolute;top: 1%;left: 5%;}
.owl-three.owl-carousel .owl-next{position: absolute;bottom: 0;left: 5%;}
.owl-three.owl-carousel .fa{font-size: 15px;border: 1px solid #BFC4C7;padding: 3px;vertical-align: middle;color: #BFC4C7;}
.owl-three.owl-carousel .fa:hover{color:#DB0000;border:1px solid #DB0000;}
.homepage .product-detail .product-detail-sec .product-detail-sec2{
    min-height: auto;
    float: left;
    width: 48.68%;
    position: relative;
    background-color: #fff;
    padding: 25px 30px 30px;
    border: 1px solid rgb(210, 218, 224);
}
.owl-three.owl-carousel .item img{
    width: 512px;
    max-height: 600px;
}
.homepage .product-detail .product-detail-sec .product-detail-sec2 .detail-weat{}
.homepage .product-detail .product-detail-sec .product-detail-sec2 .detail-weat h2{
    color: #000043;
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 23px;
    text-transform: none;
    padding-bottom: 14px;
}
.homepage .product-detail .product-detail-sec .product-detail-sec2 .detail-weat h3{
    color: #000043;
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 17px;
    text-transform: none;
    display: inline-block;
}
.homepage .product-detail .product-detail-sec .product-detail-sec2 .detail-weat h3 .login-modal{
	color: #DE0103;
    position: relative;
    display: inline-block;
    top: 4px;
}
.homepage .product-detail .product-detail-sec .product-detail-sec2 .detail-weat h3 .price{font-size: 21px;}
.homepage .product-detail .product-detail-sec .product-detail-sec2 .detail-weat h3 .piece{font-size: 14px;margin-left: -4px;}
.homepage .product-detail .product-detail-sec .product-detail-sec2 .detail-weat .prod-info{
    border-top: 1px solid #BAC3C8;
    border-bottom: 1px solid #BAC3C8;
    padding: 5px 0 5px 0;
    margin-top: 10px;
}
.homepage .product-detail .product-detail-sec .product-detail-sec2 .detail-weat .prod-info li{
	color: #00004f;
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 13px;
    padding-top: 5px;
}
.homepage .product-detail .product-detail-sec .product-detail-sec2 .detail-weat .prod-info li span {
    font-weight: 400;
}
.homepage .product-detail .product-detail-sec .product-detail-sec2 .detail-weat .prod-info ul li span a  {
    text-transform: capitalize;
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 22px;
    color: #00004d;
}
.certilogo img {
    width: 24%;
    display: inline-block;
    margin-top: 20px;
}
.homepage .product-detail .product-detail-sec .product-detail-sec2 .detail-weat .prod-info table tr td{
    padding-bottom: 8px;
    color: #00004f;
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 13px;
    text-transform: none;
}

.homepage .product-detail .product-detail-sec .product-detail-sec2 .detail-weat .prod-info table tr td:nth-child(odd){
    width: 115px;
}
.homepage .product-detail .product-detail-sec .product-detail-sec2 .detail-weat .prod-info table tr td:nth-child(even){
    width: 272px;
}
.homepage .product-detail .product-detail-sec .product-detail-sec2 .detail-weat .farm-detail{float: left;width: 100%;}
.homepage .product-detail .product-detail-sec .product-detail-sec2 .detail-weat .farm-detail h2{
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 14px;
    text-transform: none;
    color: #000;
    padding: 10px 0 10px 0;
}
.homepage .product-detail .product-detail-sec .product-detail-sec2 .detail-weat .farm-detail h2 a,
.homepage .product-detail .product-detail-sec .product-detail-sec2 .detail-weat .farm-detail h3 a,
.firmname a, .homepage .related-products .related-sec .related-info .related-profile h3 a,
.homepage .related-products .related-sec .related-info .related-profile h2.firmname a{
    color: #dc0000;
    font-weight: 400;
}
.homepage .product-detail .product-detail-sec .product-detail-sec2 .detail-weat .farm-detail h2 a:before,
.firmname:before{
    content: '';
    background: url(../images/agriculture.png);
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-right: 6px;
    vertical-align: middle;
    background-size: 100%;
    background-repeat: no-repeat;
}
.fa.fa-user {
    color: #e20000;
    width: 17px;
    text-align: center;
    margin-right: 2px;
    display: inline-block;
    vertical-align: middle;
}
.locationdata i {
    width: 17px;
    text-align: center;
    color: #e20000;
    margin-right: 2px;
}
.homepage .product-detail .product-detail-sec .product-detail-sec2 .detail-weat .farm-detail h3{
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 13px;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 10px;
    display: block;
}
.homepage .product-detail .product-detail-sec .product-detail-sec2 .detail-weat .farm-detail h3.full-name {
    margin-bottom: 0 !important;
    margin-top: -5px;
}
.farmertype span {
    position: relative;
    top: -25px;
    width: 25px;
    height: 25px;
    display: inline-block;
    border: 1px solid #5cbf1f;
    border-radius: 50%;
    line-height: 24px;
    background: #5cbf1f;
    color: #fff;
    font-family: 'Roboto';
    text-align: center;
    margin-left: 1px;
    font-size: 13px;
    font-weight: 500;
}
.farmertype span.class-NC {
    border: 1px solid #DE0103;
    background: #DE0103;
}
.farmertype span.class-sp {
    background: #00004d;
    border: 1px solid #00004d;
}
.farmertype span.class-C {
    border: 1px solid #2171c2;
    background: #2171c2;
}
.farmertype {
    float: right;
}
.homepage .product-detail .product-detail-sec .product-detail-sec2 .detail-weat .farm-detail .company-video{display: block;font-family: 'Roboto';font-weight: 500;font-size: 13px;text-transform: uppercase;color: #000;padding: 17px 0 22px 0;}
.homepage .product-detail .product-detail-sec .product-detail-sec2 .detail-weat .farm-detail .company-video:before{margin-right: 5px;content: '';display: inline-block;background-image: url(../images/youube-list.png);width: 26px;height: 18px;vertical-align: middle;}
.homepage .product-detail .product-detail-sec .product-detail-sec2 .detail-weat .detail-button .mobile-number{font-family: 'Roboto';font-weight: 500;font-size: 14px;text-transform: uppercase;color: #000;border: 1px solid #000;border-radius: 50px;display: inline-block;width: 193px;line-height: 37px;text-align: center;vertical-align: top;margin:5px 16px 0 0;}
.homepage .product-detail .product-detail-sec .product-detail-sec2 .detail-weat .detail-button .mobile-number:before{margin-right: 5px;content: '';display: inline-block;background-image: url(../images/call-list.png);width: 17px;height: 17px;vertical-align: middle;}
.homepage .product-detail .product-detail-sec .product-detail-sec2 .detail-weat .detail-button .contatc-supplier{padding-top: 7px;font-family: 'Roboto';font-weight: 500;font-size: 14px;text-transform: uppercase;color: #fff;border-radius: 50px;display: inline-block;width: 195px;height: 47px;background-color: #DE0103;text-align: center;}
.homepage .product-detail .product-detail-sec .product-detail-sec2 .detail-weat .detail-button .contatc-supplier span{display: block;font-size: 11px;}
.homepage .product-detail .product-detail-sec .product-detail-sec2 .detail-weat .detail-button{float: left;width: 100%;}
#useofproducts ol, ul {margin-bottom: 20px;}
#useofproducts li {margin-bottom: 10px;}
#useofproducts li:before {content: "\2022"; margin-right: 5px;}


.homepage .product-detail-tabing{float: left;width: 100%;position: relative;}
.homepage .product-detail-tabing .detail-tab{float: left;width: 100%;}
.homepage .product-detail-tabing .detail-tab .tab {overflow: hidden;border: 1px solid #D4D4D4;background-color: #fbfbfb;}
.homepage .product-detail-tabing .detail-tab .tab button {font-family: 'Roboto';font-weight: 500;font-size: 16px;color: #000;text-transform: uppercase;padding: 0;width: 188px;background-color: inherit;float: left;border: none;outline: none;cursor: pointer;line-height: 52px;font-size: 17px;}
.homepage .product-detail-tabing .detail-tab .tab button:hover {background-color: #fff;}
.homepage .product-detail-tabing .detail-tab .tab button.active {border-left: 1px solid #d4d4d4;border-right:1px solid #d4d4d4;background-color: #fff;color: #DE0103;}
.homepage .product-detail-tabing .detail-tab .tabcontent {background-color: #fff;display: none;padding:0;border: 1px solid #D4D4D4;border-top: none;min-height: 236px;padding: 40px 30px;}
.homepage .product-detail-tabing .detail-tab .tab button.active:first-child{border-left: none;}
.homepage .product-detail-tabing .detail-tab .tabcontent p{font-family: 'Roboto';font-weight: 500;font-size: 14px;color: #000;text-transform: none;line-height: 25px;}

.homepage .related-products{float: left;width: 100%;position: relative;padding-bottom: 80px;}
.homepage .related-products .related-sec{float: left;width: 100%;position: relative;}
.homepage .related-products .related-sec .related-sections{float: left;width: 29%;height:400px;margin-right: 30px;margin-bottom: 30px;}
.homepage .related-products .related-sec .related-sections:last-child{margin-right:0px;}
.homepage .related-products h4{
    float: left;
    padding: 30px 0;
    color: #DE0103;
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 22px;
    text-transform: uppercase;
    position: relative;
}
.homepage .related-products h4:after{
    content: '';display: inline-block;height: 1px;width: 908px;background: #BAC3C8;margin-left: 20px;vertical-align: middle;
}
.related-profile {
    min-height: auto;
}
.homepage .related-products .related-sec .related-info

{float: left;width: 100%;padding:20px;background: #ffffff;
    background: rgb(255, 255, 255);
    border: 1.3px solid rgb(210, 218, 224);
    box-shadow: rgb(187, 194, 205) 3px 31px 40px -42px;

}
.homepage .related-products .related-sec .related-info .related-profile h2{
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 14px;
    text-transform: none;
    color: #000;
    padding: 0px 0 10px 0;

}
.homepage .related-products .related-sec .related-info .related-profile h2 a{
    color: #000043;
}
.homepage .related-products .related-sec .related-info .related-profile h3{
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 13px;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 10px;
    display: block;
}
.homepage .related-products .related-sec .related-info .related-profile h3 .price{font-size: 18px;}
.homepage .related-products .related-sec .related-info .related-profile h3 .piece{font-size: 13px;margin-left: -4px;}
.homepage .related-products .related-sec .related-info .related-profile p{color: #000;font-family: 'Roboto';font-weight: 500;font-size: 13px;text-transform: uppercase;}
.homepage .related-products .related-sec .related-info .related-profile .list-more a{
    font-family: 'Roboto';
    font-weight: 400;
    font-size: 14px;
    text-transform: none;
    color: #DE0103;
}
.homepage .related-products .related-sec .related-info .related-profile .list-more{padding: 5px 0 0 0;}
.homepage .related-products .related-sec .related-info .related-farm-detail h2{font-family: 'Roboto';font-weight: 500;font-size: 14px;text-transform: uppercase;color: #000;}
.homepage .related-products .related-sec .related-info .related-farm-detail h3{font-family: 'Roboto';font-weight: 500;font-size: 13px;text-transform: uppercase;color: #000;padding: 12px 0 18px 0;}
.homepage .related-products .related-sec .related-info .related-farm-detail h3:before{margin-right: 5px;content: '';display: inline-block;background-image: url(../images/user-list.png);width: 13px;height: 13px;vertical-align: middle;}
.homepage .related-products .related-sec .related-info .related-farm-detail .company-video{display: block;font-family: 'Roboto';font-weight: 500;font-size: 13px;text-transform: uppercase;color: #000;}
.homepage .related-products .related-sec .related-info .related-farm-detail .company-video:before{margin-right: 5px;content: '';display: inline-block;background-image: url(../images/youube-list.png);width: 26px;height: 18px;vertical-align: middle;}
.homepage .related-products .related-sec .related-info .related-farm-detail .detail-button .mobile-number{font-family: 'Roboto';font-weight: 500;font-size: 12px;text-transform: uppercase;color: #000;border: 1px solid #000;border-radius: 50px;display: inline-block;width: 168px;line-height: 37px;text-align: center;vertical-align: top;margin-right: 10px;}
.homepage .related-products .related-sec .related-info .related-farm-detail .detail-button .mobile-number:before{margin-right: 5px;content: '';display: inline-block;background-image: url(../images/call-list.png);width: 17px;height: 17px;vertical-align: middle;}
.homepage .related-products .related-sec .related-info .related-farm-detail .detail-button .contatc-supplier{padding-top: 7px;font-family: 'Roboto';font-weight: 500;font-size: 12px;text-transform: uppercase;color: #fff;border-radius: 50px;display: inline-block;width: 136px;height: 38px;background-color: #DE0103;text-align: center;}
.homepage .related-products .related-sec .related-info .related-farm-detail .detail-button .contatc-supplier span{display: block;font-size: 10px;}
.list-more {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 64, 0.6);
    text-align: center;
    display: table;
    opacity: 0;
    transition: all ease-in 0.3s;
    visibility: hidden;
}
.related-sections:hover .list-more{
    opacity: 1;
    visibility: visible;
    transition: all ease-in 0.3s;
}
.related-image {
    position: relative;
    background: rgb(255, 255, 255);
    border: 1.3px solid rgb(210, 218, 224);
    box-shadow: rgb(187, 194, 205) 3px 31px 40px -42px;
}
.list-more a{
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    font-size: 25px;
}
.list-more a span{
    display: inline-block;
    background: #b00;
    padding: 15px 25px;
    font-family: 'Roboto';
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    text-transform: uppercase;
    border-radius: 3px;
}
.homepage .testimonial-section {
    float: left;
    width: 100%;
    position: relative;
    background: #fff;
    padding-bottom: 40px;
}

.homepage .testimonial-section .popular-product1 {
    float: left;
    width: 100%;
    position: relative;
    background: #fff;
    padding: 30px 0 30px 0;
}

.homepage .testimonial-section .popular-product1 .texttile h4 {
    color: #DE0103;
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 22px;
    text-transform: uppercase;
    position: relative;
    float: left;
    padding-top: 6px;
    width: 100%;
}

.homepage .testimonial-section .popular-product1 .texttile h4:after {
    content: '';
    display: inline-block;
    height: 1px;
    width: 965px;
    background: #BAC3C8;
    margin-left: 20px;
    vertical-align: middle;
}

.homepage .testimonial-section .testimonial-slider {
    float: left;
    width: 100%;
    position: relative;
}

.homepage .testimonial-section .testimonial-slider .overview {
    float: left;
    width: 100%;
    padding-right: 0px;
}

.homepage .testimonial-section .testimonial-slider .overview .owl-one {
    position: relative;
}

.homepage .testimonial-section .testimonial-slider .overview .owl-one .item {
    
    width: 100%;
    padding: 30px 0 0 0;
    height: auto;
}

.homepage .testimonial-section .testimonial-slider .overview .owl-one .item p {
    color: #000000;
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 14px;
    max-width: 461px;
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
    line-height: 25px;
}
.testimonial-slider > .overview{
    border: 1px solid #BCC4C9;
}
.homepage .testimonial-section .testimonial-slider .overview .owl-one .item h4 {
    padding-top: 28px;
    color: #000000;
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
}

.homepage .testimonial-section .testimonial-slider .overview .owl-one .item span {
    color: #000000;
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    padding-left: 5px;
}

.homepage .testimonial-section .testimonial-slider .overview .owl-one .owl-dots {
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 20px 0px;
}

.homepage .testimonial-section .testimonial-slider .overview .owl-one .owl-dots .owl-dot.active span {
    background: #DE0103;
}

.homepage .testimonial-section .testimonial-slider .overview .owl-one .owl-dots .owl-dot:hover span {
    background: #DE0103;
}
.homepage .testimonial-section .testimonial-slider .brand {
    float: left;
    width: 100%;
}
.homepage .testimonial-section .popular-product1.brandtitle .texttile h4:after {
    width: 646px;
}
.homepage .testimonial-section .testimonial-slider .brand .owl-two {
    position: relative;
}

.homepage .testimonial-section .testimonial-slider .brand .owl-two .item {
    width: 100%;
    height: auto;
}

.homepage .testimonial-section .testimonial-slider .brand .owl-two .item h4 {
    color: #000000;
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 32px;
}

.homepage .testimonial-section .testimonial-slider .brand .owl-two .item span {
    color: #000000;
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    padding-left: 5px;
}

.homepage .testimonial-section .testimonial-slider .brand .owl-two .item ul li {
    display: inline-block;
}

.homepage .testimonial-section .testimonial-slider .brand .owl-two .item img {
        width: 150px;
    height: 120px;
}

.homepage .testimonial-section .testimonial-slider .brand .owl-two .item .newslider {
    text-align: center;
}

.homepage .testimonial-section .testimonial-slider .brand .owl-two .item .newslider ul li {
    padding-right: 15px;
}

.homepage .testimonial-section .testimonial-slider .brand .owl-two .item .newslider ul li:last-child {
    /*padding-right: 0;*/
}

.homepage .testimonial-section .testimonial-slider .brand .owl-two .owl-dots {
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 20px;
}

.homepage .testimonial-section .testimonial-slider .brand .owl-two .owl-dots .owl-dot.active span {
    background: #DE0103;
}

.homepage .testimonial-section .testimonial-slider .brand .owl-two .owl-dots .owl-dot:hover span {
    background: #DE0103;
}

.homepage .footer-section {
    float: left;
    width: 100%;
    position: relative;
    background: #eeeeee;
    padding: 25px 0 20px 0;
    border-bottom: 1px solid #d0d0d0;
}

.homepage .footer-section .footersec {
    float: left;
    width: 100%;
    position: relative;
}

.homepage .footer-section .footersec h3 {
    color: #00005b;
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
    padding: 30px 0 0px 0;
}

.homepage .footer-section .footersec .contact-sec {
    float: left;
    width: 25.78%;
}

.emailsection ul li .emailid {
    color: #00005b;
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 14px;
}

.homepage .footer-section .footersec .contact-sec .emailsection ul li .contact-call {
    color: #fff;
    font-family: 'Roboto';
    font-weight: 700;
    font-size: 14px;
}

.emailsection ul li .whats-call {
    color: #00005b;
    font-family: 'Roboto';
    font-weight: 700;
    font-size: 14px;
}

.emailsection ul li .emailid:before {
    content: '';
    background-image: url(../images/footer-envelop.png);
    display: inline-block;
    width: 19px;
    height: 15px;
    vertical-align: middle;
    margin-right: 10px;
}

.homepage .footer-section .footersec .contact-sec .emailsection ul li .contact-call:before {
    content: '';
    background-image: url(../images/footer-phone.png);
    display: inline-block;
    width: 19px;
    height: 19px;
    vertical-align: middle;
    margin-right: 10px;
}

.emailsection ul li .whats-call:before {
    content: '';
    background-image: url(../images/chat.png);
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    margin-right: 8px;
}

.homepage .footer-section .footersec .contact-sec h3 {
    display: none;
}

.homepage .footer-section .footersec .contact-sec .emailsection ul li {
    padding-bottom: 25px;
}

.homepage .footer-section .footersec .commanfooter {
    padding-top: 28px;
}

.homepage .footer-section .footersec .link-sec {
    float: left;
    width: 25.61%;
}

.homepage .footer-section .footersec .link-sec ul li a {
    color: #00005b;
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 14px;
}

.homepage .footer-section .footersec .link-sec ul li {
    padding-bottom: 12px;
}

.homepage .footer-section .footersec .resource-sec {
    float: left;
    width: 25.61%;
}

.homepage .footer-section .footersec .resource-sec ul li a {
    color: #00005b;
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 14px;
}

.homepage .footer-section .footersec .resource-sec ul li {
    padding-bottom: 12px;
}

.homepage .footer-section .footersec .social-sec {
    float: left;
    width: 22.98%;
}

.homepage .footer-section .footersec .social-sec ul li {
    display: inline-block;
    padding-right: 6px;
}

.homepage .footer-section .footersec .social-sec ul li:last-child {
    padding-right: 0;
}

.homepage .footer-section .footersec .contact-sec .emailsection ul li a:hover,
.homepage .footer-section .footersec .link-sec ul li a:hover,
.homepage .footer-section .footersec .resource-sec ul li a:hover {
    color: #ff0000;
}

.homepage .sub-footer {
    float: left;
    width: 100%;
    position: relative;
    text-align: center;
    background: #e6e6e6;
    padding: 10px 0;
}

.homepage .sub-footer p {
    color: #848484;
    font-family: 'Roboto';
    font-weight: 400;
    font-size: 12px;
}
.punchline{
    color: #00005b;
    font-family: 'Roboto';
    font-weight: 400;
    font-size: 11px;
    line-height: 20px;
    margin-top: 14px;
    padding-right: 70px;
    text-align: justify;
}




.userprofile .container > div{
    float: left;
    /* background: rgb(255, 255, 255); */
    /* border: 1.3px solid rgb(210, 218, 224);
    box-shadow: rgb(187, 194, 205) 3px 31px 40px -42px; */
}

.userprofile .product-detail-sec2 {
    width: 68%;
    margin-right: 2%;
}
.userprofile .product-detail-sec {
    width: 30%;
}
.userprofile .detail-weat {
    min-height: 250px;
    padding: 30px 30px;
    background: rgb(255, 255, 255);
    border: 1.3px solid rgb(210, 218, 224);
    box-shadow: rgb(187, 194, 205) 3px 31px 40px -42px;
}
.farm-detail h3.full-name {
    font-size: 25px;
    color: #000054;
    line-height: 35px;
    margin-bottom: 15px;
    text-transform: capitalize;

}
.farmname{
    color: #dc0000;
    font-weight: 400;
    font-size: 16px;
}
.farmname:before{
    content: '';
    background: url(../images/agriculture.png);
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    background-size: 100%;
    background-repeat: no-repeat;
}
.userprofile address {
    position: relative;
    margin-top: 13px;
    padding-left: 25px;
    font-size: 16px;
    font-weight: 400;
    color: #dc0000;
    line-height: 20px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 20px;
    padding-bottom: 15px;
}
.userprofile address:before {
    content: "\f041";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 0;
    color: #dc0000;
    width: 17px;
    text-align: center;
    font-size: 20px;
}
.userprofile .farmertype{
    margin-top: -41px;
}
.userprofile .farmertype span {
    width: 25px;
    height: 25px;
    display: inline-block;
    border: 1px solid #5cbf1f;
    border-radius: 50%;
    line-height: 24px;
    background: #5cbf1f;
    color: #fff;
    font-family: 'Roboto';
    text-align: center;
    margin-left: 1px;
    font-size: 13px;
    font-weight: 500;
}
.userprofile .farmertype span.class-C{
    border: 1px solid #2171c2;
    background: #2171c2;
}
.userprofile .farmertype span.class-NC{
    border: 1px solid #DE0103;
    background: #DE0103;
}
.userprofile .farmertype span.class-sp{
    background: #00004d;
    border: 1px solid #00004d;
}
.userprofile h4 {
    color: #00004b;

    font-weight: 500;
    margin-bottom: 10px;
    padding-top: 10px;

    font-size: 18px;
}
.userprofile .otherdetail p{
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 22px;
}
.cropdetails{
    margin-top: 15px;
}
.cropdetails + table, .otherdetail table{
    width: 100%;
    border-collapse: collapse;
}
.cropdetails +  table td, .otherdetail table td,  .otherdetail table th{
    border: 1px solid #d4d4d4;
    padding: 13px 20px;
    line-height: 1;
    font-size: 14px;
    text-align: left;
}
.cropdetails +  table td p, .otherdetail table td p,  .otherdetail table th p{
    margin-bottom: 0 !important;
    line-height: 1 !important;
}
.otherdetail table th{
    width: 25%;
}
.cropdetails +  table tr:nth-child(2n) td, .otherdetail  table tr:nth-child(2n) td, .otherdetail  table tr:nth-child(2n) th {
    background-color: #fbfbfb;
}
.homepage .product-detail.userprofile .product-detail-sec {
    padding: 30px 20px;
    text-align: center;
}

.userprofile .product-detail-sec h4 {
    width: 100%;
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    color: #000;
    border: 1px solid #000;
    border-radius: 50px;
    display: inline-block;
    width: 193px;
    line-height: 37px;
    text-align: center;
    vertical-align: top;
    margin: 0px 0px 20px;
}
.userprofile .product-detail-sec h4:before {
    margin-right: 5px;
    content: '';
    display: inline-block;
    background-image: url(../images/call-list.png);
    width: 17px;
    height: 17px;
    vertical-align: middle;
    margin-top: -2px;
}
.userprofile .detail-button .contatc-supplier {
    padding-top: 7px;
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    border-radius: 50px;
    display: inline-block;
    width: 195px;
    height: 47px;
    background-color: #DE0103;
    text-align: center;
}
.userprofile .detail-button .contatc-supplier span {
    display: block;
    font-size: 11px;
}
.userprofile .detail-button.certilogo {
    margin-bottom: 20px;
}
.userprofile .certilogo img {
    width: 22%;
    display: inline-block;
    margin-top: 20px;
    margin: 0px 2px;
}
.homepage .userprofile .related-products .related-sec {
    float: left;
    width: 100%;
    position: relative;
    background: transparent;
}
.homepage .userprofile .related-products .related-sec .related-info {
    float: left;
    width: 100%;
    border: 1px solid #d4d4d4;
    padding: 20px;
    background: #fff;
}
.userprofile .related-profile {
    min-height: auto;
}
.homepage .product-detail.userprofile {
    padding-bottom: 10px;
}
.userprofile .product-detail-sec .emailaddress{
    width: 100%;
    padding: 0px 5px;
    font-size: 14px!important;
    margin-bottom: 15px;
}
.userprofile .product-detail-sec h4.emailaddress:before{
    background-image: url(../images/e-mail.png);
    width: 16px;
    height: 16px;
}
.homepage .product-detail.userprofile .product-detail-sec .product-detail-sec1{
    float: none;
    width: 100%;
    padding-right: 0;
}
.product-detail.userprofile .product-detail-sec h5 {
    text-align: center;
    margin-top: 10px;
    border-top: 20px solid #fbfbfb;
    margin-left: -20px;
    margin-right: -20px;
    padding: 20px;
    font-size: 18px;
    font-weight: 500;
}
.product-detail.userprofile .product-detail-sec1 .item img{
    width: 100%;
}
.product-detail.userprofile .product-detail-sec1 .owl-three.owl-carousel .item {
    padding-left: 0;
}
.modal {
    opacity: 1 !important;
}