@import url('bootstrap.min.css');
@import url('font-awesome.min.css');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');

body,
p,
h1,
h2,
h3,
h4,
h5 {
    font-family: 'Lato', sans-serif;
    font-weight: normal;
}


.pad0 {
    padding: 0px;
}

.padlr0 {
    padding-left: 0;
    padding-right: 0;
}

.padlr10 {
    padding-left: 10px;
    padding-right: 10px;
}

.pad20 {
    padding: 20px;
}

.pad50 {
    padding: 50px;
}

.mrg0 {
    margin: 0px;
}

.mrgtop {
    margin-top: 0px;
}

.mrgtop5 {
    margin-top: 5px;
}

.mrgtop10 {
    margin-top: 10px;
}

.mrgtop20 {
    margin-top: 20px;
}

.mrgtop30 {
    margin-top: 30px;
}

.mrgtop50 {
    margin-top: 50px;
}

.mrgtop100 {
    margin-top: 100px;
}

.flex {
    display: flex;
}

.hide-gt-sm {
    display: none;
}

.hide-sm {
    display: inline-block;
}

.b-rad-10 {
    border-radius: 10px;
}

.b-rad-20 {
    border-radius: 20px;
}

.white-text {
    color: #fff;
}

/* Box modal */

body{
    background: url(../images/body-background.png) repeat;
}
/* Header */
.navbar-brand {
    font-weight: 800;
    font-size: 24px;
    padding: 0px;
    color: #00a7e6 !important;
    /* text-shadow: 2px 2px 0px #fff; */
}

.navbar-brand img {
    margin-top: 0px;
    width: 150px;
}

.navbar-color .navbar-brand img {
    width: 100px;
}

.navbar-color {
    background: #fff;
    -webkit-box-shadow: 0px 5px 8px 7px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 5px 8px 7px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 5px 8px 7px rgba(0, 0, 0, 0.06);
}

/* padding */
.prime-right-pad{
    padding-right:100px;
    padding-left: 100px;
}

.banner-btn:hover {
    color: #fff;
    text-decoration: none;
}

.divine-header .navbar .navbar-nav li a.nav-link {
    font-weight: 600;
    color: #fff;
    font-size: 18px;
    padding: 10px 20px;
    transition: all 1s;
    
}
.divine-header .navbar.navbar-color .navbar-nav li a.nav-link {
    color: #565555;
    transition: all 1s;
}
.divine-header .navbar .navbar-nav li:last-child a.nav-link, .login-btn {
    background: #23b574;
    color: #fff;
    padding: 10px 30px;
    border-radius: 30px;
}
.login-btn:hover{
    background: #22b573;
}
.divine-header .navbar .navbar-nav li:hover a.nav-link {
    color: #565555;
    
}
.divine-header .navbar .navbar-nav li.active a.nav-link {
    color: #565555;
}
.divine-header .navbar.navbar-color .navbar-nav li.active a.nav-link {
    color: #23b574;
}
.divine-header .navbar.navbar-color .navbar-nav li:hover a.nav-link {
    color: #23b574;
}

.sub-head {
    font-weight: 600;
    color:#565555;
    font-size: 36px;
}

.sub-p {
    font-weight: 500;
    color:#565555;
    font-size: 24px;
    max-width: 500px;
}
.contact-head{
    font-weight: 600;
    color:#565555;
    font-size: 24px;
}
.contact-p{
    font-weight: 400;
    color:#565555;
    font-size: 16px !important;
}
.sub-p.about{
    font-size: 21px;
    line-height: 36px;
}
.p-size{
    max-width: 150px;
    -webkit-box-shadow: 0px 5px 8px 7px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 5px 8px 7px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 5px 8px 7px rgba(0, 0, 0, 0.06);
    border-radius: 100%;
}
.contact-icon{
    width: 64px;
}
.padl0{
    padding-left:0;
}
/* slider */
#prime-fresh-slider .carousel-indicators li{
    width: 60px; height: 60px;
    text-indent: 0;
    border-radius: 100%;
    border:10px solid rgba(255, 255, 255, 0);
    background:none;
    overflow: visible;
}
#prime-fresh-slider .carousel-indicators li img{
    background: #fff;
    border-radius: 100%;
    overflow: hidden;
    padding:10px;
}
#prime-fresh-slider .carousel-indicators li.active{
    border:10px solid rgba(255, 255, 255, 0.1);
    background:rgba(255, 255, 255, 0.1);
}
#prime-fresh-slider .carousel-indicators{
    margin-bottom: 100px;
}
#prime-fresh-slider .carousel-caption{
    top:20%;
    left:100px;
    right:auto;
}
#prime-fresh-slider .carousel-caption h5, #prime-fresh-slider .carousel-caption h4, #prime-fresh-slider .carousel-caption p{
    text-align: left;
    text-transform: uppercase;
}
#prime-fresh-slider .carousel-caption h5{
    font-weight: 600;
    font-size: 42px;
    margin-top: 20px;
    margin-bottom: 0;
}
#prime-fresh-slider .carousel-caption h4{
    font-weight: 600;
    font-size: 96px;
    margin-bottom: 0;
    margin-top: 0;
    line-height: 96px;
}
#prime-fresh-slider .carousel-caption p{
    margin-bottom: 0;
    font-weight: 600;
    font-size: 36px;
    line-height: 42px;
}

/* slider */
.mission-sec{
    padding:50px 100px;
}
.mission-sec h3{
    font-weight: 600;
    color:#565555;
    font-size: 36px;

}
.mission-sec p{
    font-weight: 500;
    color:#565555;
    font-size: 24px;
    max-width: 500px;
}
.quality-sec{
    padding:50px 100px;
}
.product-sec{
    padding:50px 100px;
}
.p-box{
    width: 100%;
    border-radius: 20px;
    padding:20px 10px;
}
.p-box{
    
    margin-top:120px;
}
.p-box.banana{
    background: #feba0b;
}
.p-box.orange{
    background: #f88203;
}
.p-box.potato{
    background: #efc87d;
}
.p-box.onion{
    background: #b6266c;
}
.p-box.watermelon{
    background: #42681a;
}
.p-box h4{
    color:#fff;
    font-weight: 600;
    text-align:center;
    font-size: 30px;

}
.p-box .img-box{
    width: 200px;
    height: 200px;
    border-radius: 100%;
    overflow: hidden;
    -webkit-box-shadow: 0px 5px 8px 7px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 5px 8px 7px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 5px 8px 7px rgba(0, 0, 0, 0.06);
    margin: -120px auto 30px auto;
}

.t-bk{
    background: #22b573;
    padding-top: 50px;
    padding-bottom: 50px;
}
.t-bk h3.sub-head{
    color:#fff;
}
.t-bk img{
    width: 100px;
    border-radius: 10px;
    display: block;
    margin-left:auto;
    margin-right: auto;
}
.t-bk .carousel-item{
    min-height: 300px;
}
.t-bk .carousel-caption{
    top: 100px;
    min-height: 300px;
}
#testimonials{
    margin-top:50px;
}
.t-bk .carousel-caption h5{
    font-size: 24px;
    font-weight: 500;
}
.t-bk .carousel-caption p{
    max-width: 400px;
    font-size: 18px;
    margin-left:auto;
    margin-right: auto;
}
.t-bk .carousel-indicators li{
    background:#feba0b;
}
.t-bk .carousel-indicators li.active{
    background:#fff;
}
footer{
    padding: 0 0 30px 0;
}
.about-sec{
    padding:50px 100px;
}
.about-sec h3{
    font-weight: 600;
    color:#565555;
    font-size: 36px;

}
.about-sec p{
    font-weight: 500;
    color:#565555;
    font-size: 24px;
    text-align: justify;
}
.inner-banner{
    width: 100%;
    height: 300px;
    display: block;
    background: url(../images/inner-banner.png) center center;
   
}

@media (max-width: 1024px) {}

@media (max-width: 1366px) {}

@media (max-width: 1200px) {}

@media (max-width: 992px) {
    .navbar-brand img {
        width: 250px;
    }
    .prime-right-pad{
        padding-right:50px;
        padding-left:50px;
    }
    .mrgtop-xs-30{
        margin-top:30px;
    }
    .divine-header .navbar .navbar-nav{
        background: #22b573;
    }
    .divine-header .navbar.navbar-color .navbar-nav{
        background: #fff;
    }
 
}

@media (max-width: 768px) {
    #prime-fresh-slider .carousel-indicators{
        margin-bottom: 50px;
    }
    .mission-sec{
        padding:50px 20px;
    }
    .quality-sec{
        padding:50px 20px;
    }
    .product-sec{
        padding:50px 20px;
    }
    .inner-banner{
        height: 200px;
    }
    .about-sec{
        padding:50px 20px;
    }
    
}

@media (max-width: 576px) {
    .navbar-brand img {
        width: 200px;
    }
    .prime-right-pad{
        padding-right:10px;
        padding-right:10px;
    }
    #prime-fresh-slider .carousel-indicators{
        margin-bottom: 20px;
    }
}

@media (max-width: 475px) {}