/*-------------------------- GET STARTED -------------------------- */ 
.page-id-15 .IN-widget span{
	vertical-align: middle !important;
}
.page-id-15 .IN-widget{
	line-height: initial !important;
	vertical-align: initial !important;
}
.page-id-15 iframe{
	vertical-align: middle !important;
}
/*-------------------------- HOME -------------------------- */
.container-tri-image{
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin: 50px 0 20px 0;
	width: 100%;
}
.container-tri-image div{
	width: 32%;
}
.container-tri-image div h3{
	font-size: 16px !important;
	letter-spacing: 0 !important;
	text-align: center;
}
.container-tri-image img{
	display: block;
	margin-right: 10px;
	width: 100%;
}
@media only screen and (max-width: 480px){
	.container-tri-image{
		flex-wrap: wrap;
		margin: 20px 0;
		padding: 0 15px;
	}
	.container-tri-image div{
		margin: 10px 0;
		width: 100%;
	}
}

/*-------------------------- EQUIPMENT MODAL -------------------------- */
#equipment-modal .img-vending{
	display: block;
	max-height: 300px;
	margin: 20px auto;
	width: auto;
}
#equipment-modal .subheading{
	color: #000;
	font-size: 25px;
	font-weight: 700;
	line-height: initial;
	text-align: center;
}
#equipment-modal .heading{
	color: #f7941d;
	font-size: 30px;
	font-weight: 700;
	line-height: initial;
	text-align: center;
}
#equipment-modal .modal-dialog{
	z-index: 1042;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
}
#equipment-modal .modal-header{
	border: 0 !important;
}

/*-------------------------- COFFEE SERVICE -------------------------- */
.page-id-793 #slider2_container_{
	margin: 0 auto;
}
.p-heading span{
  font-size: 40px !important;
}
.p-link{
  	color: #f7941d !important;
 	font-size: 22px; 
  	font-weight: 400;
}
.p-section{
  background-color: #01ba51;
  margin: 50px 0 0 0;
  padding: 20px 15px; 
}
	.p-section .heading,
	.p-section .subheading{
  		color: #FFF;
  		line-height: initial;
	}
	.p-section .heading{
  		font-size: 25px;
  		font-weight: 700 !important;
  		letter-spacing: 0;
  		margin: 0;
	}
	.p-section .subheading{
  		font-size: 20px;
  		font-weight: 400 !important;
  		margin: 0;
	}
.section-brewers{
  	border-bottom: 1px solid #BBB;
 	margin-top: 30px; 
  	overflow: hidden;
}
.section-brewers .col{
 	min-height: 600px; 
}
	.section-brewers .col:nth-last-child(-n+3){
		min-height: initial;
	}
    .section-brewers .get-started{
    	background-color: #f7941d;
    	color: #FFF;
  		display: inline-block;
    	margin: 30px 0 45px 0;
  		padding: 10px 25px;
	}
.section-brewers .col .title{
 	font-size: 20px;
  	font-weight: 700 !important;
  	letter-spacing: 0;
  	line-height: initial;
  	margin: 30px 0 10px 0;
}
.section-brewers .col .desc{
  	font-size: 16px;
 	line-height: 26px; 
}
.section-brewers .col .huge_it_slideshow_dots_gallery_3,
.section-brewers .col #huge_it_slideshow_left_gallery_3,
.section-brewers .col #huge_it_slideshow_right_gallery_3{
  	display: none !important;
}
.bg-black{
  background-color: #000;
}
/*--------------------------*/

/* MEDIA QUERIRES */
@media (max-width: 1024px){
	.mainContainer {width: 100%; padding-left: 0; padding-right: 0;}
}
@media only screen and (max-width: 720px){
	.section-brewers .col{
    	margin-bottom: 40px;
    	min-height: auto;
    	width: 100%;
  	}
}

/* Enter Your Custom CSS Here */
body{
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
a{
	text-decoration: none !important;
}
p{
  margin-bottom: 20px;
}
h4{
	font-weight: 700 !important;
  	color: #ffffff;
    padding-bottom: 0px !important;
}
h3{
	padding-bottom: 0px !important;
}
/*spacer*/
.spacer-10{
	padding-top: 10px;
}
.spacer-20{
	padding-top: 20px;
}
.spacer-30{
	padding-top: 30px;
}
.spacer-40{
	padding-top: 40px;
}
.spacer-50{
	padding-top: 50px;
}
.spacer-60{
	padding-top: 60px;
}
.spacer-70{
	padding-top: 70px;
}
.spacer-80{
	padding-top: 80px;
}
.spacer-90{
	padding-top: 90px;
}
.spacer-100{
	padding-top: 100px;
}
.spacer-150{
	padding-top: 150px;
}
.spacer-200{
	padding-top: 200px;
}
.spacer-300{
	padding-top: 300px;
}
/*spacer*/
.cont-img img{
    width: 100%;
}
.cont-img-00 p{
    letter-spacing: 2.5px;
}
.cont-img-00 img{
    width: 100%;
    margin-top: -9px;
}
.cont-img-00 a{
    color: #000000;
    text-decoration: none;
}
.nav-foot{
    list-style-type: none;
    color: #000000;
}
.nav-foot li a{
    color: #000000;
    text-decoration: none;
}
.nav-foot-bold a{
    font-weight: bold;
}
.follow-us{
    font-weight: bold;
}
.nav-menu{
    padding: 13px 0;
}
.nav-menu a{
    text-decoration: none;    
    color: #000000;
}
.nav-menu a:hover{   
    color: #d2535e;
}
.nav-menu-a{
    font-size: 15px;
    padding: 9px 0;
}
.nav-menu-b{
    font-size: 15px;
    color: #d2535e;
}
.mid-text h3{
    font-family: 'Raleway',sans-serif;
}
.site-logo img{
    width: 100%;
}
.char-height{
    line-height: 200%;
}
.char-height p{
    width: 90%;
}
.img-size img{
    width: 100%;
}
.cont-img-0{
    padding-right: 5px;
    padding-left: 5px;
}
.residence{
    color: #c5c5c5;
    letter-spacing: 2.5px;
    padding-top: 2px;
}
.header-cont{
    letter-spacing: 10px;
}
.present{
    background-color: gainsboro;
    list-style-type: none;
}


@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) {
  .container.verticalTop{
  	    margin-top: 17px !important;
  	}
  .dynamicColumn video{
  		margin-top: 17px !important;
 	}
}
@media (max-width: 361px) {	
	.flexb437e339-8026-4554-b89a-2a93dc7dd5e5{
		top: -60px !important;
	}
}
@media (max-width: 768px) {	
	.rolo_slider:hover .slider-arrow.arrow-left{
      	left: -10px;
	}
	.rolo_slider:hover .slider-arrow.arrow-right{
      	right: -10px;
	}
	.rolo_slider .slider-arrow.arrow-left{
	    background-color: rgba(0, 0, 0, 0) !important;     	
	}
	.rolo_slider .slider-arrow.arrow-right{
	    background-color: rgba(0, 0, 0, 0) !important;
	}
	.slider-arrow.arrow-left span:after{
	    border-color: #000000 !important;
	}
	.slider-arrow.arrow-right span:after{
	    border-color: #000000 !important;
	}
	.rolo_slider .slider-arrow span:after{
		width: 10px !important;
    	height: 10px !important;
	}

	.slider-meta-outer-wrap.top{
		top: 17% !important;
	}
    .pos-1200{
        display: none;
    }
    .center-logo img{
    	display: none;
    }
	.bx-caption{
		display: inline !important;
	}
	.bx-viewport{
	}
	.bx-caption span{
		position: absolute;
    	margin-top: 20%;
    	background-color: #ffffff;
    	width: 100%;
	}
	.junior-jumbo{
      	padding-top: 0;
      	padding-bottom: 18px;
		text-align: center;
	}
	.og-expander{
  		padding-top: 20px;
	}
	.feed-fb-01{
		display: none !important;
	}
	.feed-fb-02{
		display: inline !important;
	}
	.insta-row{
	    padding-bottom: 60px;
	}

	.pos-1200-below{
        display: initial !important;
    }
}
@media (max-width: 1023px) {
    .pos-1200{
        display: none;
    }
    .center-logo img{
    display: none;
    }
	.feed-fb-01{
		display: inline;
	}
	.feed-fb-02{
		display: none;
	}

}
@media (min-width: 1024px) {
    .pos-1200-below{
        display: none;
    }
	.feed-fb-01{
		display: inline;
	}
	.feed-fb-02{
		display: none;
	}
    .mid-center-logo{
        display: none;
    }
	.hover-section{
    	margin-bottom: 75%;
  		margin-top: 6%;
	}
	.bx-viewport{
	height: 300px !important;
}
	.og-expander{
    	margin-top: 8px !important;
		width: 60% !important;
}
	.og-pointer{
	display: none;
}
	.og-fullimg{
  	width: 100% !important;
	left: 50%;
    transform: translateX(-50%);
}

.bx-caption{
	margin-bottom: 170px !important;
}
}



.center-logo{
    z-index: -1;
    position: relative;
}
.center-logo-01{
    position: absolute;
    padding-top: 220px;
}
.center-logo img{
    width: 100%;
}
.mid-center-logo img{
    width: 100%;
}
.pos-1200{
    position: relative;
}
.logo-01{
    position: absolute;
    width: 18%;
    margin-top: 24%;
    margin-left: 9%;
}
.logo-02{
    width: 14%;
    position: absolute;        
    margin-top: 3%;
    margin-left: 17%;
}
.logo-03{
    width: 14%;
    position: absolute;
    margin-left: 34%;
    margin-top: 1%;
}
.logo-04{
    width: 14%;
    position: absolute;
    margin-left: 53%;
    margin-top: 1%;
}
.logo-05{
    width: 14%;
    position: absolute;
    margin-left: 70%;
    margin-top: 3%;
}
.logo-06{
    width: 18%;
    position: absolute;
    margin-left: 75%;
    margin-top: 20%;
}
.logo-07{
    width: 18%;
    position: absolute;
    margin-left: 75%;
    margin-top: 37%;
}
.logo-08{
    width: 14%;
    position: absolute;
    margin-top: 50%;
    margin-left: 69%;
}
.logo-09{
    width: 14%;
    position: absolute;
    margin-top: 51%;
    margin-left: 53%;
}
.logo-10{
    width: 14%;
    position: absolute;
    margin-top: 51%;
    margin-left: 36%;
}
.logo-11{
    width: 14%;
    position: absolute;
    margin-top: 46%;
    margin-left: 16%;
}
.logo-12{
    width: 17%;
    position: absolute;
    margin-top: 39%;
    margin-left: 9%;
}
.logo-01-01{
    background-color: #f69e5e;
    padding: 15px;
}
.logo-02-01{
    background-color: #ffdd8d;
    padding: 15px;
}
.logo-03-01{
    background-color: #b6dd8c;
    padding: 15px;
}
.logo-04-01{
    background-color: #6cc37a;
    padding: 15px;
}
.logo-05-01{
    background-color: #80b3b7;
    padding: 15px;
}
.logo-06-01{
    background-color: #65b7dd;
    padding: 15px;
}
.logo-07-01{
    background-color: #a7aff4;
    padding: 15px;
}
.logo-08-01{
    background-color: #bd95dc;
    padding: 15px;
}
.logo-09-01{
    background-color: #e0a6db;
    padding: 15px;
}
.logo-10-01{
    background-color: #f299ac;
    padding: 15px;
}
.logo-11-01{
    background-color: #ff6f6f;
    padding: 15px;
}
.logo-12-01{
    background-color: #fc544c;
    padding: 15px;
}
/*sample 2*/
.logo-01:hover .hover-text {
    visibility: visible;
    padding-left: 10px;
}
.logo-02:hover .hover-text {
    visibility: visible;
    padding-left: 10px;
}
.logo-03:hover .hover-text {
    visibility: visible;
    padding-left: 10px;
}
.logo-04:hover .hover-text {
    visibility: visible;
    padding-left: 10px;
}
.logo-05:hover .hover-text {
    visibility: visible;
    padding-left: 10px;
}
.logo-06:hover .hover-text {
    visibility: visible;
    padding-left: 10px;
}
.logo-07:hover .hover-text {
    visibility: visible;
    padding-left: 10px;
}
.logo-08:hover .hover-text {
    visibility: visible;
    padding-left: 10px;
}
.logo-09:hover .hover-text {
    visibility: visible;
    padding-left: 10px;
}
.logo-10:hover .hover-text {
    visibility: visible;
    padding-left: 10px;
}
.logo-11:hover .hover-text {
    visibility: visible;
    padding-left: 10px;
}
.logo-12:hover .hover-text {
    visibility: visible;
    padding-left: 10px;
}
.hover-text {
    margin-top: -35%;
    visibility: hidden;
    width: 300px;
    background-color: rgba(0, 0, 0, 0.55);
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 30px !important;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}
/*sample 2*/

.pos-1200 h3{
	font-size: 18px;
    font-weight: 700;
  	line-height: 1.2;
}
.pos-1200 p{
	font-size: 16px;
    line-height: 1.5;
  	padding-top: 10px;
}
.card-block{
	padding: 25px;
    line-height: 1.5em;
}
.pos-1200-below img{
	max-width: 52px;
  	max-height: 52px;
}
.pos-1200-below h4{
  	font-size: 20px;
    width: 100%;
    margin-top: 10px;
  	line-height: 1.5em;
  	text-align: center;
  	
}
.logo-11-01 img{
  	width: 100%;
}
.logo-09-01 h4{

}
.collapseomatic_content .hays{
 	padding-top: 0; 
}
.hays{
	padding-top: 20px;
}
.ada-padd{
    padding-bottom: 15px;
}
.bx-viewport{
	height: 300px !important;
}

.bx-caption{
	margin-bottom: 170px !important;
}
.collapseomatic{
	background-position: 50% 100%;
}
.collapseomatic{
	text-align: center;
    padding: 0 0 20px 0 !important;
  	text-decoration: none !important;
}
.add-img-03 img{
	width: 25%;
}
.add-img-03{
	padding-top: 9%;
}
.collapseomatic_content{
	margin-top: 15px;
}
.three-img img{
	width: 70%;
}
.junior-jumbo{
    padding-top: 10%;
}
.three-imgs img{  
    padding-top: 50px;
	width: 100%;
}
.reslidetitle{
  	top: 79% !important;
    left: 28% !important;
    border: 1px solid rgba(187, 174, 174, 0.59) !important;
  	background: rgba(255, 255, 255, 0.83) !important;
}
.reslidetitle span{
	color: #00b65c !important;
}
.letter-c{
  	padding-top: 15px;
}
.letter-c b{
	font-weight: 700;
  	font-size: 24px;
}
.ti-01{
	padding-top: 30px;
}
.ti-02{
    padding-top: 30px;
}
.og-details{
	display: none !important;
}
.og-fullimg img{
	margin-bottom: 0 !important;
}
#top_arrows{
	display: none ;
}
.sub-menu{
}
#sb_instagram{
	overflow: initial !important;
  	overflow y: initial !important;
}
#ffwd_container1_0 #ffwd_container2_0 .blog_style_object_container_0{
	width: 24.2% !important;
  	float: left !important;
  	display: inline-block !important;
}
#ffwd_container1_0 #ffwd_container2_0 .blog_style_objects_0{
	width: 100% !important;
}
#ffwd_container1_0 #ffwd_container2_0 .blog_style_objects_conteiner_0 .blog_style_objects_conteiner_1_0{
	width: 100% !important;
}
#ffwd_container1_0 #ffwd_container2_0 .ffwd_title_spun1_0 {
    background: #3b5998 !important;
    position: relative;
    z-index: 999;
}
#ffwd_container1_0 #ffwd_container2_0 .ffwd_title_spun1_0 a{
  	color: #ffffff !important;
}
#ffwd_container1_0 #ffwd_container2_0 .ffwd_comments_count_0{
	color: #ffffff !important;
}
#ffwd_container1_0 #ffwd_container2_0 .ffwd_shares_0{
	color: #ffffff !important;
}
#ffwd_container1_0 #ffwd_container2_0 .ffwd_likes_0{
	color: #ffffff !important;
}
.fb-row{
	padding-top: 30px;
}
.bwg_blog_style_img_cont_0 img{
  
}
.feed-fb-01{
	padding-top: 30px;
}

.slider-meta-outer-wrap.top{
	top: 43%;
  	text-align: center;
}
.slider-meta-outer-wrap.top h3{
  	font-weight: 700;
}
.header-wrap{
	position: fixed;
    top: 0px;
}
#ffwd_container1_0 #ffwd_container2_0 .bwg_blog_style_img_cont_0 .ffwd_blog_style_img_0{
	top: 0px;
    position: relative;
    left: 0;
    width: 100% !important;
    height: 405px;
    border: 0!important;
    max-width: 100%;
    vertical-align: middle;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    transition: all 1s;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.insta-row{
	padding-bottom: 60px;
}
h2.site-tagline.ftagline{
	text-transform: capitalize;
    margin-top: 32px;
    margin-left: -6px;
}
.slide-layer h3{
top: 0px;
}
.logo_showcase .slick-slide img{
    width: 75%;
}
.lb h1{
    font-weight: 700;
  	padding-bottom: 15px;
}
.lb{
    padding-bottom: 45px;
}
div#flexaac0cb91-9e19-400a-87a6-7f1514158f36{
    padding-bottom: 65px;
}
.flexContainer.has-headerv2-module.is-fixed{
	position: fixed !important;
}
h4.h4-about{
	color: #000000;
}






/* Blog */
.entry-title {
    font-size: 32px;
    margin-bottom: 20px; font-weight: 400;     clear: both;
    color: #141414;
    font-family: "Open Sans",sans-serif;
    line-height: 1.3;
}
.entry-title a {
    color: #141414; font-size: 32px;
    font-weight: 400;     text-decoration: none;
}
div.blog ul li{margin-top: 25px; border-bottom: 1px solid #eeeeee; padding-bottom: 25px;}
.entry-thumbnail {
    margin: 0 0 20px;     width: 100%;
    height: 282px;
    overflow: hidden;
}
.entry-thumbnail img, .post-thumbnail img, amp-img {
    margin: 0 auto;
    display: block;
}
.entry-meta {
    margin-bottom: 20px;
}

.entry-meta  a{color: #000; font-size: 20px; font-weight: 400; }

.row.single-post .span5 {
    width: 100%;
}
/* Comment */
div#respond {
    background: #f2f2f2;
    padding: 15px;
    position: relative;
    margin-bottom: 50px;
}

div.entry-para p, p.comment-notes{    color: #141414;
    font-family: "Open Sans",sans-serif;
    font-size: 15px;
    line-height: 1.8;}
#reply-title {
    font-weight: 600;
    font-size: 18px;}
#respond textarea {
    height: 135px;
    resize: none;
    padding: 10px;     width: 100%; border: none;
}
.name-email-row {
    margin-left: -3%;
}
.comment-form-author, .comment-form-email {
    width: 47%;
    float: left;
}
#respond .comment-form-author input, #respond .comment-form-email input {
    width: 100%; height: 40px;
    border: none;
    padding: 0 10px;
}
respond input#submit {
    padding: 0 20px;
    width: auto;
    background: #1eb0bc;
    font-weight: 300;
    text-transform: uppercase;
    color: #ffffff;
    cursor: pointer;
    -webkit-transition: background 0.3s ease 0s;
    -moz-transition: background 0.3s ease 0s;
    transition: background 0.3s ease 0s;
}
input#url {width: 100%;     height: 40px; border: none; padding: 0 10px;}
p.comment-form-email {margin-left: 6%;}
form#commentform label{font-size: 15px;}






/* Sidebar */
aside#secondary {margin-top: 50px;}
#secondary .widget {
    box-shadow: rgb(238, 238, 238) 0px 0px 4px;
    padding: 10px;
    border-top: 5px solid rgb(1, 186, 81);
}
h2.widget-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
    text-transform: uppercase;
}
#secondary .widget form.search-form label {
    width: 100%;
    display: block;
}
#secondary .widget form.search-form label input.search-field {
    width: 100%;
    display: block;
}
#secondary .widget form.search-form input[type="submit"] {
    width: 100%;
    line-height: 26px;
    padding: 1px;
}
#secondary .widget ul li a{color: #000; text-transform: uppercase; font-size: 15px;}
#secondary .widget ul li a:visited{color: #000;}
#secondary .widget ul li a:hover{color: rgb(1, 186, 81);}
h2.comments-title {font-size: 18px;}
.comment-content p{font-size: 15px;}
.comment-metadata a time {color: #000; font-size: 15px;}
article.comment-body {background: aliceblue; padding: 12px; margin-bottom: 14px;}

.mainContainer.for-single-post {
    margin-top: 130px;
}





.header-wrap.get-started{padding: 40px 40px 100px 40px !important}
.span4.widget-span.widget-type-widget_container.col1.container_option_sidebar.coside-on-solid{width: 31.623931623931625%;}