.savor-share-btn{
background: #8ec33b none repeat scroll 0 0;
border: 1px solid #7ba75f;
border-radius: 4px;
box-shadow: 4px 4px 5px #e2e2e2;
color: #fff;
font-family: "Open Sans",Arial,Helvetica,sans-serif;
font-size: 13px;
font-weight: 600;
margin-left: 27px;
margin-top: 20px;
padding: 5px 8px;
position: absolute;
text-decoration: none;
left: 0px;
width: 100px !important;
}


.buzz-btn,
.savor-share-btn,
.savor-btn{
background: #8ec33b none repeat scroll 0 0;
border: 1px solid #7ba75f;
border-radius: 4px;
box-shadow: 4px 4px 5px #e2e2e2;
color: #fff;
font-family: "Open Sans",Arial,Helvetica,sans-serif;
font-size: 13px;
font-weight: 600;
margin-left: 27px;
margin-top: 20px;
padding: 5px 8px;
position: absolute;
text-decoration: none;
left: 0px;
}


.buzz-btn:hover,
.savor-share-btn:hover,
.savor-btn:hover
{

    background:#a1d743 none repeat scroll 0 0;
    cursor: pointer;
}

.arrow{
    background: rgba(0, 0, 0, 0) url("http://166.62.125.35/~newtreec/beta/en_us/../skin/frontend/default/MAG090178/images/homeToutCtaArrow.png") repeat scroll 0 0;
    float:right;
    height: 9px;
    margin-left: 10px;
    margin-top: 7px;
    width: 5px;
}

.down-btn{

    color: #ffffff;
    background: #8ec33b none repeat scroll 0 0;
    border: 1px solid #7ba75f;
    border-radius: 4px;
    position: absolute;
    left: 40%;
    margin: 7px 10px 0 0;
    padding: 5px 8px;
    font-size: 13px;
    font-weight: 600;
    margin-top: 10%;
}


.down-btn:hover{
background-color:#a1d743;
color:#fff
}

.mob-box{

    height:200px !important;
    border: 1px solid #ddd !important;
    height:200px !important;
    margin-bottom: 10px;
    border-radius: 5px;
    background-color: white !important;
}

.mob-btn:hover{

    background: #a1d743;
    color:#fff;
}


.mob-btn{
    background: #8ec33b none repeat scroll 0 0;
    border: 1px solid #7ba75f;
    border-radius: 4px;
    box-shadow: 4px 4px 5px #e2e2e2;
    color: #fff;
    cursor: pointer;
    font-family: "Open Sans",Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: 600;

    padding: 5px 8px;
    text-decoration: none;
    margin-top: 50px;
    margin-left: 10px;
    position: absolute;


}


.map-title{
color: #3c3c3c !important;
float: left !important;
font-size: 18px !important;
}

.category-description.std{
    color: #fff !important;
    padding: 20px 35px !important;
}




/*Start 10.11.2016 Updation */

.responsive-menu #nav-mobile {
    position: absolute;
    z-index: 999;
    display: none;
    margin-top: 10px;
    padding: 1%;
    width: 465px;
    list-style: none;
    top: 90px !important;
    right: 0;
    -webkit-border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    -khtml-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
}


.map-btn{
        color: #ffffff;
        background: #8ec33b none repeat scroll 0 0;border: 1px solid #7ba75f;
        border-radius: 4px;float:right;
        margin: 7px 10px 0 0;
        padding: 5px 8px;
}
.featured-products .customNavigation a{
    width: 48px !important;
}

.contact-location-block-time{
    border: 1px solid #dddddd;
    float: left;
    height: 251px;
    padding: 0px;
    display: inline-block;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    width: 100%;
}



.location-box{
padding-left:10px;
}

.breadcrumbs{
  margin-top:0px !important;
  padding-top: 10px !important;
}



.slider-caption{

    padding: 15px;
}
.exp-caption{
-moz-box-shadow: 0px 3px 8px rgb(100,100,100);
-webkit-box-shadow: 0px 3px 8px rgb(201, 201, 201);
box-shadow: 0px 3px -14px rgb(100,100,100);

}



.responsive-menu #nav-mobile{
    text-align: left !important;
}


.landing-page-tout-link {
    text-decoration: none;
    display: inline-block;
    float: left;
    margin-right: 17px;
    margin-bottom: 17px;
    width: 100% !important;

}

.landing-page-tout.testimonial h4{
    color: #dce8d4 !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    padding: 15px;
}


.black-background {
    background: rgba(0, 0, 0, 0) url("/~newtreec/beta/skin/frontend/default/MAG090178/images/category-desc-bg.png") repeat scroll 0 0;
    bottom: 0;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
}



.landing-page-tout.action{
    
    width:100% !important;
}
/*Till 9.11.2016 End*/
body{
    overflow-x:hidden;
}
*{
    box-sizing: content-box !important;

}

/*cart*/
@media only screen and (min-width: 200px) and (max-width:900px){
    
    .cart .page-title{
        margin-top:200px !important;
    }
    

}

/*Its for login page issue in*/

@media only screen and (min-width:600px) and (max-width:770px){
    .account-login{
        margin-top: 200px !important;
    }

}
/*For Mobile Block*/
@media only screen and (min-width: 1000px){
.for-mob{
    display:none!important;
}       
}
/*footer*/
@media only screen and (min-width: 320px) and (max-width:1000px){
.footer address {
    margin: 3px;
    float: left;
    padding-top:0px!important;
}
}

@media only screen and (min-width: 320px) and (max-width:1000px){
.cafe{
    float:left;
    width:100% !important;
}
}
.cafe{
    float:left;
    width:150px;
}

.cafe li:hover {
    background: url("../images/megnor/footer_arrow_hover.png") no-repeat left 8px;
}
.footer #block_3 li {
    padding: 0 0 5px 12px;
    background: url("../images/megnor/footer_arrow.png") no-repeat left 8px;

}   
@media only screen and (min-width: 320px) and (max-width:640px){
.footerBranding .socialLinks {
    float: right;
    width: auto;
    margin-top: 20px!important;
}
}
@media only screen and (min-width: 320px) and (max-width:1000px){
.footerSocial{
float:left !important;
margin-top:20px;
}
}


/*Slider*/
.flex-control-nav{
    display:none!important;
}
.subbanner{
    overflow: hidden;
    margin-bottom: 15px;
    position: absolute !important;
    top: 509px !important;
    
}



.col1-layout{
    padding-top:0px!important;
}

/*.main-container{
    padding-top:100px;
}*/


@media (max-width:600px){
.breadcrumbs{
    margin-top:50px !important;
}
}


@media only screen and (min-width:600px) and (max-width:763px){
.breadcrumbs{
    margin-top:50px !important;
}
}


/*Header Section*/
#advancedmenu {
    position: relative;
    margin: 0px -106px !important;
    z-index: 99;
    float: left;
}


.label{
    padding:0px !important;  /*its for menu button size */
}
.header_top{
border:none!important;
height: 57px;
position: absolute;
right: 0;
top: 70px !important;
width: 474px !important;
}





@media only screen and(max-width:1000px){
    .manmenug ul
    {
        margin: 22px 0 0 -278px !important;
    }   
    
    
}

@media only screen and (min-width:768px) and (max-width:900px){
.header .form-search
{
position: absolute;
right: 136px !important;
top: -37px !important;
}
}
@media only screen and (min-width:700px) and (max-width:1000px){
.header-bottom{
text-align: center !important;
}   
}

@media only screen and (max-width:750px){
.header-bottom{
height: 200px !important;
text-align: center !important;
}   
}

.header-container{
    height:150px!important;
    margin-bottom:0px!important;
}
.header .form-search {
    position: relative;
    float: left;
    height: 30px;
    padding: 0px;
    border: 1px solid #E2DFDC;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    margin: 13px 13px 0 0;
    background: #fff;
}
.header .form-search input.input-text{
    height:11px !important;
}
@media only screen and (min-width: 480px) and (max-width:100px){
header .form-search {
    width: 100%!important;
    margin: 0 !important;
    position: static important;
}
}

@media only screen and (max-width: 480px){
        .manmenug ul{
            margin:0px !important;
            display:inline-block !important;
        }
    }
/*@media only screen and (max-width: 480px){    
.cart-label{
    height:40px !important;
}
}*/

@media only screen and (max-width: 766px){  
#search_mini_form {
    position: absolute !important;
    top: 148px !important;
    right: 0;
    width: 80% !important;
    float: left !important;
    left: 40px !important;
}
}
@media only screen and (max-width: 480px){  
.header .form-search input.input-text{
width: 95% !important;
height: 13px !important;
}
}
@media only screen and (max-width: 480px){
.header .tm_top_currency, .header .form-language {
    width: 25%;
    margin: 0 1px 0 0px;
    position: relative;
    background: #5A3421;
    top: -180px !important;
    padding: 0px 0;
}
}

@media only screen and (max-width: 780px){
.header .form-language{
    position:absolute !important; 
    top:10px !important;
}
}
@media only screen and (max-width: 780px){
.header .form-language{
    position:absolute !important; 
    top:10px !important;
    
}
}
@media only screen and (min-width:768px) and (max-width: 1024px){
.header .form-language{
    position:absolute !important; 
    top: -39px !important;
    float:right!important;
    right:0px;
    
}
}
@media only screen and (min-width: 768px) and (max-width:1000px){
.nav-responsive {
    width:200px !important;
    float:left !important;
    margin-left:150px !important;
}
}
@media only screen and (min-width: 768px) and (max-width:1000px){
.responsive-menu #nav-mobile {
    position: absolute !important;
    z-index: 999;
    display: none;
    margin-top: 10px;
    padding: 1%;
   width: 181px !important;
   list-style: none;
   top: 70px !important;
   left: 147px !important;
   -webkit-border-radius: 0px 0px 10px 10px;
   -moz-border-radius: 0px 0px 10px 10px;
   -khtml-border-radius: 0px 0px 10px 10px;
   border-radius: 0px 0px 10px 10px;
}
}
@media only screen and (min-width: 768px) and (max-width:1000px){
.header-cart {
    float: right !important;
}
.header_top{
    width: 400px !important;
}


}
@media only screen and (min-width:1100px) and (max-width:1920px){
.header_top{border: 1px solid #E1D8CF!important;}
}
@media only screen and (min-width: 768px) and (max-width:1000px){
.manmenug {
    margin: 5px 0;
    padding: 0px;
    display: inline-block;
    float: left;
    width: 70% !important;
    margin-top: 59px !important;
    font-weight: bold;
    position: absolute;
    top: 20px;
    left:0px;
}
}
@media only screen and (min-width: 768px) and (max-width:1000px){
.header .header-cart #panel {
    background: none repeat scroll 0 0 #F8F7F3;
    border: 1px solid #E8E4DC;
    display: none;
    text-align: left;
    min-width: 20px;
    padding: 10px;
    position: absolute;
    left: 178px !important;
    top: 58px;
    width: 250px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -khtml-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    border-top: 0;
}
}
@media only screen and (max-width:1024px){
.manmenug ul {
    margin: 22px 0 0 22px !important;
    padding: 0px;
    list-style: none;
    display: inline-block;
    float: left !important;
}
}
/*@media only screen and (min-width:320px) and (max-width:700px){
.manmenug {
margin: 5px 0;
padding: 10px;
display: inline-block;
float: left;
width: 100%;
margin-top: -51px;
font-weight: bold;
}
}*/





/*Careers*/
.box_two{
position: absolute !important;
top: 30px !important;
left: 45px !important;
margin-left: 30px !important;
}

.caption .job-header {
    background: #a0a0a0 none repeat scroll 0 0 !important;
    height: 60px !important;
    padding-left: 20px !important;
}

.caption .job-header h2 {
    color: #fff;
    float: left;
    font-size: 22px;
    font-weight: 400;
    line-height: 60px;
    margin: 0px;
}

.job-country h3{
color: #619c28;
font-size: 15px;
margin-bottom: 17px;
margin-top: 25px;
text-transform: uppercase;
margin-left:10px;
}


.category-description {
    position: relative !important;
    margin-left: 0px !important;
    background: rgba(0, 0, 0, .7) !important;
    padding: 0px !important;
    min-height: 50px !important;
    margin-top: -89px !important;
    width: auto !important;
    color:#fff;
    padding:15px!important
}

.des-gap {
    color: #fff !important;
    padding: 20px 35px !important;
}

.form-group input{
    height:25px !important;
}

.share-btn{
    background:#a1d743 !important;
    color:#fff!important;
}

.btn-space{
    margin-top:50px;
}

.box_two h4{
font-size: 28px;
font-weight: 600;
line-height: 35px;
margin-bottom: 5px;
margin-top: 0;
}
@media only screen and (min-width:320px) and (max-width:979px)
{
    .btn-space{
    margin-top:0px !important;
    }

.box_two h4{
font-size: 14px;
font-weight: 600;
line-height: 17px;
margin-bottom: 5px;
margin-top: 0;
}
}
.scroll-height{
    overflow-y:scroll;
    height:300px !important; 
}
@media only screen and (min-width:220px) and (max-width:1000px){
.category-description
{
    margin-top: 3px !important; 
}
}
/*Contact us*/
@media only screen and (min-width:990px) and (max-width:1400px){
.txt-space{
    margin-left:50px !important;

}
}
@media only screen and (min-width:220px) and (max-width:1400px){
.con-select{
    width:100% !important;
    height: 25px !important;
    
}
}

#faq-nav{
    margin-bottom:10px;
}



/*Savor Flavor*/

h2.ingredients-title {
   
    background:#4a881f;
    color: #fff;
    display: inline;
    font-size: 15px;
    font-weight: 600;
    line-height: 40px;
    padding: 5px 50px;
    text-transform: uppercase;
}


.flavors h2.flavors-title, .ingredients h2.ingredients-title {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(left center , #5d9927 1%, #4a881f 25%, #4a881f 75%, #5d9927 100%) repeat scroll 0 0;
    box-shadow: 0 8px 8px #d6d6d6;
    color: #fff;
    display: inline;
    font-size: 15px;
    font-weight: 600;
    line-height: 40px;
    padding: 5px 50px;
    text-transform: uppercase;
}


.flavors {
   background: rgba(0, 0, 0, 0) url("http://166.62.125.35/~newtreec/beta/en_us/../skin/frontend/default/MAG090178/images/shadow-divider.jpg") no-repeat scroll 0 0;
    margin-bottom: 50px;
    position: relative;
    text-align: center;
}
.flavors h2.flavors-title, .ingredients h2.ingredients-title {
    background: #4a881f;     
    color: #fff;
    display: inline;
    font-size: 15px;
    font-weight: 600;
    line-height: 40px;
    padding: 5px 50px;
    text-transform: uppercase;
}
.ingredients h2.ingredients-title {
    font-size: 13px;
    position: relative;
    z-index: 10;
}
.flavors .flavors-cta {
    font-size: 16px;
    font-weight: 400;
    margin-top: 30px;
    text-transform: uppercase;
}
.flavor {
    cursor: pointer;
    float: left;
    height: 200px;
    position: relative;
    text-transform: uppercase;
    width: 25%;
}
.flavor h3 {
    bottom: 0;
    display: block;
    font-size: 15px;
    position: absolute;
    text-align: center;
    width: 245px;
}
.content-block {
    margin-bottom:30px;
     /*clear:both;
   overflow: hidden;*/
}
.content-block-icon {
    float: left;
    width: 13%;
}
.content-block-icon img {
    margin-bottom: 20px;
}
.content-block-text {
    float: right;
    width: 87%;
}
.content-block-text a {
    color: #8ec33b;
}
.content-block-text.grid {
    float: right;
    width: 340px;
}
.content-block-text h3 {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 12px;
}
.content-block-text .body {
    -moz-column-gap: 50px;
    -moz-column-width: 395px;
}
.content-block-text p {
    margin-bottom: 15px;
    width: auto;
    text-align:justify;
}
.content-block-text.secondary {
    float: left;
    width: 49%; margin-right:20px;
}

.content-block.grid {
    float: left;
    margin-bottom: 50px;
    margin-right: 30px;
    overflow: hidden;
    width: 48%;
}
.content-block.grid.last {
    margin-right: 0;
}
.shadow-divider {
    background: rgba(0, 0, 0, 0) url("newtree../skin/frontend/default/MAG090178/images/shadow-divider.jpg") repeat scroll 0 0;
    height: 24px;
    width: 979px;
}
.shadow-divider-flip {
    background: rgba(0, 0, 0, 0) url("/~newtreec/beta/skin/frontend/default/MAG090178/images/shadow-divider-flip.jpg") repeat scroll 0 0;
    height: 24px;
    width: 979px;
}
.content-block-video {
    float: right;
    height: 400px;
    text-align: center;
    width: 410px;
}
.content-block-video h4 {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    margin-top: 12px;
    text-shadow: 0 0 5px #000;
}
.play-video-arrow {
    background: rgba(0, 0, 0, 0) url("../skin/frontend/default/MAG090178/images/play-video-arrow.png") repeat scroll 0 0;
    height: 74px;
    margin-left: 116px;
    margin-right: auto;
    margin-top: -51px;
    width: 74px;
}
}
.video-link {
    text-decoration: none; display:inline-block; float:left; margin-right:17px; margin-bottom:17px; width:49%;
}
.video-link:nth-child(2n+2) {
    margin-right:0px;
}
.video-link:hover .play-video-arrow {
    background-position: -74px 0;
}

.video-link1 {text-decoration: none;}
.video-link-general {text-decoration: none; display:inline-block; float:left; width:49%; margin:0px; padding:0px;}

.chocolate-science {
    position: relative;
}
.chocolate-science .cta {
    bottom: 160px;
    box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.2);
    left: 400px;
}
.chocolate-science h2 {
    font-size: 26px;
    font-weight: 400;
    margin-bottom: 50px;
    margin-top: -5px;
    text-align: center;
}
.chocolate-science-item {

    margin-bottom: 35px;
    margin-right: 45px;
    width: 295px;
}
.chocolate-science-item.last {
    margin-right: 0;
}
.chocolate-science-item h3 {
    color: #83b826;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 12px;
}
.chocolate-science-item p {
    width: auto;
}
.chocolate-science-image {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.landing-page-tout {
    float: left;
    position: relative;
    width: 100%;
    height:251px;   
}
.landing-page-tout h3 {
/*  background-color:#fff;*/
    color: #3c3c3c;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 35px;
    padding-left: 16px;
    text-transform: uppercase;
}
.title{ background:#FFF;}
.landing-page-tout-link {
    text-decoration: none; display:inline-block; float:left; margin-right:17px; margin-bottom:17px; width:23.6666%;
}
.landing-page-tout-link:nth-child(4n+4) {
     margin-right:0px;
}

.landing-page-tout-link.large-right { width:49%; margin-right:0px;}
.landing-page-tout-link.large-left { width:49%;}

.landing-page-tout.category {
    box-shadow: 0 0 15px #cdcdcd;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}
.landing-page-tout.category p.hover-style {
    color: #fff;
    font-size: 13px;
    line-height: 22px;
    padding: 60px 50px 50px;
    position: relative;
    text-align: center;
    z-index: 20;
}
.landing-page-tout.action {
    border: 1px solid #dddddd;
    position: relative;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    width:230px;
}

.wh230{ width:230px;}
.landing-page-tout.action h3 {
    background-color:transparent;
    color: #8f908f;
    font-size: 13px;
    line-height: 13px;
    margin-bottom: 0;
    margin-left: 27px;
    margin-top: 27px;
    padding-left: 0;
}
.landing-page-tout.action h4 {
    color: #535453;
    font-size: 19px;
    font-weight: 400;
    line-height: 24px;
    margin-left: 27px;
    margin-top: -5px;
}
.landing-page-tout.action p {
    font-size: 11px;
    line-height: 16px;
    margin-left: 27px;
    width: 250px;
}
.landing-page-tout.action .cta {
    background: #8ec33b none repeat scroll 0 0;
    border: 1px solid #7ba75f;
    border-radius: 4px;
    box-shadow: 4px 4px 5px #e2e2e2;
    color: #fff;
    font-family: "Open Sans",Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: 600;
    margin-left: 27px;
    margin-top: 20px;
    padding: 5px 8px;
    position: absolute;
    text-decoration: none;
}
.landing-page-tout.action:hover .cta {
    background: #a1d743 none repeat scroll 0 0;
}
.landing-page-tout.action .cta .label {
    float: left;
}
.landing-page-tout.action .cta .arrow {
    background: rgba(0, 0, 0, 0) url("/newtree/skin/frontend/default/MAG090178/images/homeToutCtaArrow.png") repeat scroll 0 0;
    float: left;
    height: 9px;
    margin-left: 10px;
    margin-top: 7px;
    width: 5px;
}

.landing-page-tout.email-signup {
    background: rgba(0, 0, 0, 0) url("/uploads/landing-touts/email-signup-bg.jpg") repeat scroll 0 0;
}
.landing-page-tout.email-signup h3 {
    color: #535453;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 13px;
    margin-left: 20px;
    margin-top: 20px;
    text-transform: none;
}
.landing-page-tout.email-signup p {
    color: #878787;
    font-size: 13px;
    margin-bottom: 20px;
    margin-left: 20px;
    width: auto;
}
.landing-page-tout.email-signup input {
    border: 1px solid #dadada;
    color: #878787;
    font-size: 13px;
    height: 29px;
    margin-left: 20px;
    padding-left: 10px;
    width: 180px;
}
.landing-page-tout.email-signup .cta {
    margin-left: 20px;
    margin-top: 16px;
    padding-left: 25px;
    padding-right: 25px;
}
#cafe-map-wrap {
    background: #fff none repeat scroll 0 0;
    height: 251px;  
    display: inline-block;
    float: left;
    margin-bottom: 17px;
    margin-right: 17px;
    text-decoration: none;

}
#cafe-map-wrap h3 {
    color: #3c3c3c;
    float: left;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 35px;
    padding: 5px 0 0 16px;
}
#cafe-map-wrap a {
    background: #8ec33b none repeat scroll 0 0;
    border: 1px solid #7ba75f;
    border-radius: 4px;
    color: #ffffff;
    float: right;
    font-family: "Open Sans",Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: 600;
    margin: 7px 10px 0 0;
    padding: 5px 8px;
    text-decoration: none;
}
#cafe-map-wrap img {
    margin: 0px 0 0 0px;
}
.landing-page-tout.testimonial h3 {
    color: #fff;
}
.landing-page-tout.testimonial .content {
    padding: 17px;
}
.landing-page-tout.testimonial .content p {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
}
.landing-page-tout.testimonial .content h4, .landing-page-tout.testimonial .content h5 {
    color: #dce8d4;
    font-size: 11px;
    text-transform: uppercase;
}
.landing-page-tout.testimonial .content h5 {
    color: #a3b09c;
}
.landing-page-tout.large, .landing-page-tout.action.large {
    width: 100%;
}
.landing-page-tout.action.large h3 {
    font-size: 16px;
    text-transform: none;
}
.landing-page-tout.action.large h4 {
    font-size: 28px;
    font-weight: 600;
    line-height: 35px;
    margin-bottom: 5px;
    margin-top: 0;
}
.landing-page-tout.action.large .cta {
    font-size: 14px;
}
.landing-page-tout .content-block-video {
    float: none;
    height: auto;
    position: absolute;
    right: 0;
    top: 90px;
    width: 270px;
}
.landing-page-tout .content-block-video h4 {
    color: #fff;
    font-size: 24px !important;
    margin-left: 0;
}
.landing-page-tout .content-block-video .play-video-arrow {
    margin-top: 0;
}
.landing-page-tout .category-links {
    bottom: 30px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 30;
}
.landing-page-tout .category-links a {
    color: #fff;
    margin-right: 30px;
    text-transform: none;
}
.landing-page-tout .category-links a:hover {
}

.choco{
font-size: 26px;
font-weight: 400;
margin-bottom: 50px;
text-align: center;
}

.chocolate-science-item {

font-weight: 400;
margin-bottom: 12px;
}

.download-btn
{    background: #8ec33b none repeat scroll 0 0;
    border: 1px solid #7ba75f;
    border-radius: 4px;
    bottom: 133px;
    box-shadow: 4px 4px 5px #e2e2e2;
    color: #fff;
    font-family: "Open Sans",Arial,Helvetica,sans-serif;
    font-size: 15px;
    font-weight: 600;
    padding: 8px 23px;
    position: absolute;
    left: 40%;
    text-decoration: none;
}

.btn-savor{
    margin-top:30px !important;
}


/*Company*/

.testimonial{
color: #3c3c3c;
font-size: 14px;
font-weight: 394;
letter-spacing: 1px;
line-height: 20px;
}

.testi-content{
    padding: 17px !important;
    color:#fff !important;
    font-size: 14px;
    font-weight: 600 !important;
    margin-bottom: 20px !important;
    line-height: 25px;
}

.testi-sign{
    
color: #dce8d4 !important;
font-size: 11px !important;
text-transform: uppercase !important;

}

.wisdom{
    height:350px;
    overflow-y:scroll;
}


/*Location */

.contact-location-block strong {
    color: #fff;
    display: block;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 4px;
    margin-left: 15px;
}

.contact-location-block {
    background: rgba(0, 0, 0, 0) url("http://166.62.125.35/~newtreec/beta/uploads/promo-touts/cafe_location_bg.jpg") no-repeat scroll left top;
    border: 1px solid #dddddd;
    float: left;
    height: 251px;
    padding: 0px;
    display: inline-block;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
   width: 100%;
}

.contact-location-block p {
    color: #fff;
    font-size: 15px;
    padding: 2px 30px;
    margin: 0px;
    line-height: 18px;
}


@media only screen and (max-width: 767px) {

    .nav-container{
       width:92% !important;
    }
}



/*Layout*/
@media (min-width: 992px){

    .col-md-11

        {
        width: 96.667%;
    }



    .col-md-6-new{
       width: 51%;
       float: left;
    }

     .col-md-6-res{
       width: 49%;
       float: left;
    }

     .col-md-5-new{
       width: 37.667%;
       float: left;
    }

    .col-md-5-health{
       width: 40.667%;
       float: left;
    }

    .col-md-4-health {
    width: 30.333%;
    }

    .col-md-3-new {
        width: 22%;
    }



}


/*For Mobile*/

@media (min-width: 300px) and (max-width: 1000px){

.content-block-icon img{
float: left;
width: 100%! important;


}


}

@media (min-width: 300px) and (max-width: 599px){



.col-mob-full{

width: 100%;
float: left;
margin-right: 10px;
margin-top: 10px;
margin-bottom: 20px;
}



.content-block-text.third{
   
    margin-left: 15px !important;
}


.content-block-text.grid{
    width: 100% !important;
    margin: 0px !important;
}


.formFloat textarea, .formBlock textarea{
    width: 100px;
    height: 100px;
}

.content-block-text .body{
-moz-column-width:250px;
}


.content-block-text.grid{
    width: 87% !important;
    float: left;
}

.content-block-text.grid body{
    width: 87% !important;
    float: left;
}


.content-block.grid {
    width: auto;
}



.map-title{
color: #3c3c3c !important;
float: left !important;
font-size: 8px !important;
}

}



/*For Tablet*/

@media (min-width: 600px){

.col-mid-full{

width: 97%;
float: left;
margin-right: 10px;
margin-top: 10px;
}


}


@media (min-width: 768px){

.col-mid{
   width: 48%;
   float: left;
   margin-right: 10px;
   margin-top:10px;

}

.content-block-text p{
    width: auto;
}

.map-title{
color: #3c3c3c !important;
float: left !important;
font-size: 8px !important;
}







}




/*For DeskTop */


@media(min-width:1100px){

        .manmenug{
        position: absolute;left: -167px;
        width: 70% !important
    }


.header_top{
    width: 450px;
}




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

    /*for samfransis location*/
  


    .col-full-fill{

        width: 100%;
        float: left;
        margin-top: 10px;
        margin-bottom: 10px;

    }

    .col-full-6{
         width: 49%;
         float: left;
         margin-right: 10px;
         margin-top: 10px;
    }


    .col-full-3 {
    width: 24%;
    margin-right: 10px;
    float: left;
    margin-bottom: 10px;
    margin-top: 10px;
    }


    .col-lg-3-san {
    width: 23%;
    padding-left:0px;
    
    }

    .col-img-full{

    width: 2%;
    margin-right: 5px;
    float: left;
    }


    .content-block-text.third{
   
        width: 42%;
        float: left;
        /*margin-left: 25px;*/

    }

.content-block-text p{
    width: auto;
}


.content-block-text .body {
    -moz-column-width: 395px;
    -webkit-column-width: 395px;
    -moz-column-gap: 50px;
    -webkit-column-gap: 50px;
}


.content-block-text.grid{

    -moz-column-width: 395px;
    -webkit-column-width: 395px;
    -moz-column-gap: 50px;
    -webkit-column-gap: 50px;
}


.primary_content p {
    line-height: 22px;
    margin-bottom: 10px;
}

.content-block-text p {
    margin-bottom: 15px; 
    text-align: justify; 
}


.map-title{
color: #3c3c3c !important;
float: left !important;
font-size: 18px !important;
}



/*
.manmenug {
    margin: 5px 0;
    padding: 0px;
    display: inline-block;
    float: left;
    width: 100%;
    position: absolute;
    left: 0px;

*/


.content-block-icon.last{
    margin-top: 87px;
}


}





@media (max-width: 1000px){


/*Sustainability Width Problem*/
.content-block.grid {
    width: 92%;

}


}

@media (max-width: 1200px){
.ingredients{

    width: auto !important;

}

.chocolate-science-item{
    width: auto !important;
}


.chocolate-science-item.last{
margin-right: 45px;
}




@media (max-width: 900px){
/*Contact us Text Ares*/
.formFloat input,
.formFloat textarea, .formBlock textarea
{
width: 200px !important;
}
}