body{
    font-family: 'Montserrat', sans-serif;
    position: relative;
    background: url('images/bg.png') repeat center;
}
.main {
    background: url(images/leaf-bg-1.png) no-repeat;
    background-position: 0 70px;
}
a { color: #00b3e3;}
a:hover { color: #73a337; text-decoration: none;}


.navbar-nav>li>a{
    color: #000;
    font-size: 22px;
    font-weight: 700;
    padding-left: 56px;
    padding-right: 0px;
}
.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
    color: #73a337;
}
.navbar-brand { padding: 0; float: none;}
.navbar-fixed-bottom, .navbar-fixed-top { position: relative;}
.navbar-header { float: none;}
.navbar { position: initial;}
.top-bar { margin: 70px 0 0 0; padding: 0; float: right; height: 85px;}
.top-bar li { margin: 0; padding: 0 0 0 80px; list-style-type: none; display: inline-block !important;}
.top-bar li a { font-size: 18px; font-weight: 400; color: #000;}
.top-bar li a:hover { color: #73a337;}
.top-bar li a i { padding-right: 16px; }
.navbar .container { width: 100% !important; padding: 0;}
.spacing50 { height: 50px;}

.blue-btn { color: #fff; background: #00b3e3; border:0px solid #fff; text-transform: capitalize; border-radius: 30px;
    display: inline-block;
    padding: 0px 28px;
    margin-bottom: 0;
    font-size: 19px;
    font-weight: 500;
    line-height: 55px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    font-style: normal;
    -webkit-box-shadow: 0px 10px 30px 0px rgba(0,179,227,0.3);
    -moz-box-shadow: 0px 10px 30px 0px rgba(0,179,227,0.3);
    box-shadow: 0px 10px 30px 0px rgba(0,179,227,0.3);
}
.blue-btn:hover { 
    text-decoration:none; 
    color:#fff; 
    background: #73a337;
    -webkit-box-shadow: 0px 10px 30px 0px rgba(115,163,55,0.25);
    -moz-box-shadow: 0px 10px 30px 0px rgba(115,163,55,0.25);
    box-shadow: 0px 10px 30px 0px rgba(115,163,55,0.25);
}

/* Carousel */
.carousel-inner .content h4 { font-size: 30px; font-weight: 400;}
.carousel-inner .content h4 span { font-weight: 700;}
.carousel-inner .content h1 { font-size: 69px; font-weight: 900;}
.content .blue-btn { margin: 50px 0 0 0;}


/* Search Bar*/
.searchbar {
    padding: 15px 0;
  display: flex;
  justify-content: left;
  align-items: center;
  position: relative;
}
.searchbar .fa-search { background: #00b3e3; line-height: 55px; padding-left: 20px; padding-right: 20px; border-radius: 30px;z-index: 999; color: #fff; cursor: pointer;}
  .searchbar input {
    border: 0px solid;
    border-bottom: 0px solid #f36e21;
    width: 200px;
    font-size: 16px;
    outline: none;
    color: #fff;
    background: #231f20;
    line-height: 55px;
    border-radius: 30px;
    padding-left: 25px; 
    opacity: 0.7;
    margin-right: -50px;
    height: 55px;
    z-index: 20;
  }



/* Slider */
#custom_carousel .item  .top {
    overflow:hidden;
    max-height:600px;
    margin-bottom:15px;
}
#custom_carousel .item {
    color:#000;
    padding:0px 0;
    overflow:hidden
}
#custom_carousel .item img{
width:100%;
height:auto
}

#custom_carousel .izq {
    position: absolute;
    left: -23%;
    top: 40%;
    background-image: none;
    background: none repeat scroll 0 0 #00b3e3;
    border: 0px solid #FFFFFF;
    border-radius: 50%;
    height: 66px;
    width: 66px;
    margin-top: 30px;
    line-height: 60px;
    font-size: 24px;
    opacity: 1;
}
/* Next button  */
.content {
    margin-top: 15%;
}
#custom_carousel .der {
    position: absolute;
    right: 0px !important;
    top: 40%;
    left: inherit;
    background-image: none;
    background: none repeat scroll 0 0 #00b3e3;
    border: 0px solid #FFFFFF;
    border-radius: 50%;
    height: 66px;
    width: 66px;
    margin-top: 30px;
    line-height: 60px;
    font-size: 24px;
    opacity: 1;
}
#custom_carousel .controls{

    overflow:hidden;
    padding:0;
    margin:0;
    white-space: nowrap;
    text-align: center;
    position: relative;
    background:#fff;
    border:0;
}
#custom_carousel .controls .nav{

    padding:0;
    margin:0;
    white-space: nowrap;
    text-align: center;
    position: relative;
    background:#fff;
    width: auto;
    border: 0;
}
#custom_carousel .controls li {
    transition: all .5s ease;
    display: inline-block;
    max-width: 100px;
    height: 90px;
    opacity:.5;
}
#custom_carousel .controls li a{
    padding:0;
}
#custom_carousel .controls li img{
width:100%;
height:auto
}

#custom_carousel .controls li.active {
    background-color:#fff;
    opacity:1;
}
#custom_carousel .controls a small {
    overflow:hidden;
    display:block;
    font-size:10px;
    margin-top:5px;
    font-weight:bold
}

/* Title */
.title { margin: 100px 0 0 0; }
.title h2 { font-size: 49px; font-weight: 700; color: #231f20; margin: 0 0 40px;}

/* About */
.about-bb { padding: 50px 0;}
.about-title { font-size: 28px; line-height: 43px; color: #73a337; text-align: center; font-weight: 300; margin: 0 0 70px 0;}
.about-title span { font-size: 39px; font-weight: 700;}
.abtbox { }
.abtbox h4 { font-size: 22px; font-weight: 700; line-height: 30px; color: #000;}
.abtbox p {font-size: 16px; font-weight: 400; line-height: 24px; color: #000;}
.about-bb .blue-btn { margin-top: 90px;}
  .about-bb{
    background: rgba(129,184,62,0);
    background: -moz-linear-gradient(top, rgba(129,184,62,0) 0%, rgba(129,184,62,0.14) 7%, rgba(129,184,62,0.16) 8%, rgba(129,184,62,0.16) 50%, rgba(129,184,62,0.16) 91%, rgba(0,178,227,0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(129,184,62,0)), color-stop(7%, rgba(129,184,62,0.14)), color-stop(8%, rgba(129,184,62,0.16)), color-stop(50%, rgba(129,184,62,0.16)), color-stop(91%, rgba(129,184,62,0.16)), color-stop(100%, rgba(0,178,227,0)));
    background: -webkit-linear-gradient(top, rgba(129,184,62,0) 0%, rgba(129,184,62,0.14) 7%, rgba(129,184,62,0.16) 8%, rgba(129,184,62,0.16) 50%, rgba(129,184,62,0.16) 91%, rgba(0,178,227,0) 100%);
    background: -o-linear-gradient(top, rgba(129,184,62,0) 0%, rgba(129,184,62,0.14) 7%, rgba(129,184,62,0.16) 8%, rgba(129,184,62,0.16) 50%, rgba(129,184,62,0.16) 91%, rgba(0,178,227,0) 100%);
    background: -ms-linear-gradient(top, rgba(129,184,62,0) 0%, rgba(129,184,62,0.14) 7%, rgba(129,184,62,0.16) 8%, rgba(129,184,62,0.16) 50%, rgba(129,184,62,0.16) 91%, rgba(0,178,227,0) 100%);
    background: linear-gradient(to bottom, rgba(129,184,62,0) 0%, rgba(129,184,62,0.14) 7%, rgba(129,184,62,0.16) 8%, rgba(129,184,62,0.16) 50%, rgba(129,184,62,0.16) 91%, rgba(0,178,227,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#81b83e', endColorstr='#00b2e3', GradientType=0 ); 
  }

/*  Products  */
.products { padding: 50px 0;}
.headings {}
.headings h2 { font-size: 49px;font-weight: 300;}
.headings h2 span { font-weight: 700; }
.headings h4 { font-size: 20px;font-weight: 400; line-height: 30px; opacity: 0.7;}

/* BB List */
.why-blueberry { padding: 230px 0 50px 0; background: url('images/logoicon-bg.png') no-repeat center top; background-position-x: 40%;}
.why-blueberry .headings { margin-bottom: 70px;}
.bb-list { padding: 55px 0;}
.bblist-box {}
.bblist-box h3 { font-size: 24px; line-height: 30px; color: #000; font-weight: 700;}
.bblist-box p { font-size: 20px; line-height: 30px; color: #000; font-weight: 400;}
.berry-grph img { display: inline-block; }
.green-check { margin-top: 25%;}

/* Blog */
.blog { padding: 50px 0;}
.blog-img img { border-radius: 0 0 0 50px;}
.blog-box {}
.blog-box h3 { font-size: 24px; line-height: 30px; font-weight: 700;}
.blog-box p { font-size: 18px; line-height: 30px; font-weight: 400; opacity: 0.7;}
.blog-list { margin: 55px 0 0 0; }

/* Contact */
.contactbg {background: url('images/logoicon-bg2.png') no-repeat right top; background-position-x: 90%; background-position-y: 20%;}
.contactpage {
	background: rgba(129,184,62,0);
    background: -moz-linear-gradient(top, rgba(129,184,62,0) 0%, rgba(129,184,62,0.14) 7%, rgba(129,184,62,0.16) 8%, rgba(129,184,62,0.16) 50%, rgba(129,184,62,0.16) 91%, rgba(0,178,227,0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(129,184,62,0)), color-stop(7%, rgba(129,184,62,0.14)), color-stop(8%, rgba(129,184,62,0.16)), color-stop(50%, rgba(129,184,62,0.16)), color-stop(91%, rgba(129,184,62,0.16)), color-stop(100%, rgba(0,178,227,0)));
    background: -webkit-linear-gradient(top, rgba(129,184,62,0) 0%, rgba(129,184,62,0.14) 7%, rgba(129,184,62,0.16) 8%, rgba(129,184,62,0.16) 50%, rgba(129,184,62,0.16) 91%, rgba(0,178,227,0) 100%);
    background: -o-linear-gradient(top, rgba(129,184,62,0) 0%, rgba(129,184,62,0.14) 7%, rgba(129,184,62,0.16) 8%, rgba(129,184,62,0.16) 50%, rgba(129,184,62,0.16) 91%, rgba(0,178,227,0) 100%);
    background: -ms-linear-gradient(top, rgba(129,184,62,0) 0%, rgba(129,184,62,0.14) 7%, rgba(129,184,62,0.16) 8%, rgba(129,184,62,0.16) 50%, rgba(129,184,62,0.16) 91%, rgba(0,178,227,0) 100%);
    background: linear-gradient(to bottom, rgba(129,184,62,0) 0%, rgba(129,184,62,0.14) 7%, rgba(129,184,62,0.16) 8%, rgba(129,184,62,0.16) 50%, rgba(129,184,62,0.16) 91%, rgba(0,178,227,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#81b83e', endColorstr='#00b2e3', GradientType=0 ); 
}
.contactinfo { font-size: 20px; line-height: 30px;}
.c-address { opacity: 0.7;display: inline-flex;}
.c-address i { color: #00b3e3; padding-right: 20px}
.c-mail i { color: #00b3e3; padding-right: 15px}
.c-mail { opacity: 0.7; display: inline-flex;}
.c-mail a { color: #000;opacity: 0.7;}

/* Form */
.form-control { line-height: 55px; height: 55px; background: #fff; color: #000; padding: 0 38px; border-radius: 30px; border: 0px; font-size: 19px; font-weight: 500; margin: 27px 0 50px 0;}
label {display: inline-block; margin-bottom: 5px; font-weight: 500; font-size: 19px; color: #231f20; }
.map { margin: 80px 0 0 0;}

/* Footer */
footer { background: #231f20; padding: 55px 0;}
.subscribe { padding: 0 0 80px 0;}
.subscribe h6 { font-size: 18px; line-height: 29px; color: #fff; opacity: 0.2; font-weight: 300;}
.subscribe-inpt { height: 55px; background: #434343; border: 0px; line-height: 55px; padding: 0 38px; border-radius: 30px 0 0px 30px; color: #fff; font-size: 19px; font-weight: 500; margin-right: -30px;}
.subscribe-inpt:focus { outline: -webkit-focus-ring-color auto 0px; outline: 0px;}
.subscribe-btn { background: #00b3e3; border: 0px; line-height: 55px; padding: 0 38px; border-radius: 30px; color: #fff; font-size: 19px; font-weight: 500;}
.subscribe-btn:hover { background: #73a337;}
.subscribe-btn:focus { outline: -webkit-focus-ring-color auto 0px; outline: 0px;}
.footer-menu { margin: 0; padding: 0;}
.footer-menu li { margin: 0; display: inline-block; list-style-type: none; padding: 0 24px;}
.footer-menu li a { font-size: 18px; line-height: 29px; color: #fff; font-weight: 400;}
.footer-menu li a:hover { color: #00b3e3;}
.social-icons { margin: 40px 0 0 0;}
.social-icons a { background: #fff; color: #000; font-size: 14px; width: 18px; height: 18px; line-height: 18px; display: inline-block; margin: 0 6px;}
.social-icons a:hover { background: #00b3e3; color: #fff;}
.location-address { opacity: 0.5; color: #fff; font-size: 18px; line-height: 29px; font-weight: 400; padding: 50px 0;}
.location-address i { padding-right: 10px;}
.copyright { font-size: 14px; color: #989696; line-height: 30px;}
.copyright a { color: #fff;}
.copyright a:hover { color: #00b3e3;}
.m-auto{margin: auto;display: block;}

/*Product Slider*/

#carousel-pager .carousel-inner>.item{/*display: inline-block;float: left;*/ width:100%;}
.horizontal .item img {
  width: 20%;
  float: left;}

@media (min-width: 1680px){
    .container { width: 1170px;}
	.homepage .container { width: 1600px;}
	.header .container { width: 1600px;}
   
}
@media(max-width:1679px){
    .top-bar {
        margin: 20px 0 0 0;
        padding: 0;
        float: right;
    }
    .top-bar li{
        padding-left: 60px;
    }
    .navbar-nav>li>a{
        padding-left: 40px;
    }
    .berry-grph img:nth-child(2){
        width:60%;
        float: left;
    }
    
    .berry-grph img:nth-child(1), .berry-grph img:nth-child(3){
        width:20%;
        float: left;
    }
    .berry-grph{
        padding-top: 160px;
    }
}

@media (max-width:1199px){
    .navbar-nav>li>a{
        padding-left: 20px;
        font-size: 20px;
    }
    .top-bar{margin-top: 30px;}
    .top-bar li{padding-left: 10px;}
    .navbar-fixed-top{
        top: 50px;
    }
    #header .navbar-nav.navbar-right{
        float: none !important;
        margin: auto;
        width: fit-content;
        width: -webkit- fit-content;
        width: -mox-fit-content;
        width: -o-fit-content;
    }
    #custom_carousel .izq{left: 0;}
    .berry-grph img:nth-child(2){float: none;width:100%;}
    .bb-list{display: flex;align-items: center;}
    .carousel{padding: 0 66px;}
}
@media (max-width:991px){
    #header .navbar-nav.navbar-right{
        float: left !important;
    }
    .navbar-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
        background: #000;
    }
    .navbar-brand{
        height: initial;
        float: left;
    }
    .navbar-header{
        float: right;
    }
    .navbar-toggle{margin-top: 90px;}
    .carousel-inner .content h1{font-size:40px;}
    .abtbox{width:70%;text-align: center !important;margin: auto;}
    .berry-grph img:nth-child(2){width:initial;max-width: 70%;}
    .berry-grph{padding: 80px 0;}
    .bb-list{display: block;}
    #header{margin-top: 30px;}
}
@media(min-width:768px) and (max-width:991px){
    .navbar-toggle {
        display: block;;
    }
    .navbar-header{
        float: none;
    }
    .navbar-nav>li{
        float: none;
    }
    .navbar-collapse.collapse {
    display: none !important; 
    padding-bottom: 0;
    }
    .navbar-collapse.collapse.in{
     display: block !important;
    }

}
@media(max-width:768px){
    .navbar-nav {
        float: none;
        margin: 0;
    }
    #banner .banner-caption{
        position: static;
    }
    .nav-tabs>li{
        float: none;
    }

}
@media(max-width:767px) {
    .navbar-toggle .icon-bar {background: #000;}
    .navbar-brand{max-width: 70%;}
    .subscribe-inpt{
        border-radius: 30px;
        margin: auto;
        display: block;
        margin-bottom: 20px;
    }
    #custom_carousel .izq{
        width: 10px;
        height: 100px;
        opacity: 0;
    }
    #custom_carousel .der{
        width: 10px;
        height: 100px;
        opacity: 0;
    }
    .carousel{
        padding: 0;
    }
}

@media(max-width:475px){
    .top-bar { margin: 10px 0 0 0;}
    .top-bar li { padding: 0;}
    .searchbar { margin-top: 0px; width: 100%; height: 70px;}
    .navbar-nav>li>a { padding-left: 0; font-size: 18px;}
    .carousel-inner .content h1 { font-size: 34px;}
    .content { margin-top: 0;}
    #custom_carousel .izq { left: 0;}
    .navbar-toggle{margin-top: 80px;}
    .about-bb .blue-btn{padding: 0 15px;}
    .abtbox{width:100%;}
}
@media(max-width:320px){
    .navbar-toggle{margin-top: 50px;}
}