/*
Author       : Themeplaza
Template Name: Foody Food & Resturant Landing Page Template
Version      : 1.0
*/
/*=============================================================
    CSS INDEX
    =============================
    01. START GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
    02. START HEADER DESIGN
    03. START HOME DESIGN
    04. START FEATURE AND ABOUT DESIGN
    05. START SERVICE DESIGN
    06. START COUNTER UP DESIGN
    07. START VENDOR DESIGN
    13. START FOOTER DESIGN
    14. START COPYRIGHT DESIGN
  =============================================================*/
  
/*
* ----------------------------------------------------------------------------------------
* 01. START GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
body {
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    line-height: 26px;
    font-weight: 400;
    letter-spacing: 0.5px;
    color: #333333;
    overflow-x: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6{
	color: #333333;
	font-weight: 600;
}
img{
	max-width: 100%;
	height: auto;
}
a:hover,
a:focus{
	outline: none;
	text-decoration: none;
}
ul {
    list-style: none;
    padding: 0;
}
p {
    font-weight: 400;
	font-family: 'Poppins', sans-serif;
    margin: 0;
    font-size: 15px;
    color: #333333;
    letter-spacing: 0;
}
.gray_bg{
	background: #f8f4ef;
}
.dark_bg{
	background: #1d293e;
}
/*START PRELOADER DESIGN*/
.preloader {
    background: #fff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;
}

.status-mes {
    width: 120px;
    height: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -40px 0 0 -40px;
    font-size: 10px;
    text-indent: -12345px;
    border-top: 3px solid rgba(0, 0, 0, 0.08);
    border-right: 3px solid rgba(0, 0, 0, 0.08);
    border-bottom: 3px solid rgba(0, 0, 0, 0.08);
    border-left: 3px solid #60dbb8 ;
    border-radius: 50%;
    -webkit-animation: spinner 700ms infinite linear;
    animation: spinner 700ms infinite linear;
    z-index: 10000;
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/* END PRELOADER DESIGN */

/* START BUTTON DESIGN */
.main_btn {
    display: inline-block;
    background: #60dbb8;
    border: 0px none;
    font-size: 15px;
    letter-spacing: 0.5px;
    padding: 15px 40px;
	box-shadow: 10px 15px 18px rgb(23 23 36 / 15%);
    color: #fff;
    text-transform: capitalize;
    transition: 0.3s;
    border-radius: 30px;
    font-family: 'Poppins', sans-serif;
}
.main_btn:hover{
    background: #859893;
    color:#fff;
}
/* END BUTTON DESIGN */

/* START SECTION-HEADING DESIGN */
.section_padding{
	padding: 100px 0;
}
.section_heading{
	margin-bottom: 60px;
}
.section_heading h2{
    text-transform: capitalize;
    font-size: 40px;
    line-height: 36px;
    color: #222;
    font-weight: 600;
    position: relative;
    letter-spacing: 1px;
}
.dark_bg .section_heading h2{
	color: #fff;
}
.section_heading p{
    margin: 15px 0 5px;
}
.dark_bg .section_heading p{
	color: #fff;
}
.section_heading h2 span{
	color: #60dbb8;
}
.section_heading_border:before {
    content: "";
    height: 2px;
    width: 50px;
    position: absolute;
    left: -55px;
    top: 50%;
    background-color: #60dbb8;
    margin-top: 26px;
}
.section_heading_border:after {
    content: "";
    height: 2px;
    width: 50px;
    position: absolute;
    right: -55px;
    top: 50%;
    background-color: #60dbb8;
    margin-top: 26px;
}
.section_heading_border {
    width: 20px;
    display: inline-block;
    margin-top: -50px;
    position: relative;
}
.section_heading_border span {
    height: 2px;
    width: 16px;
    background: #60dbb8;
    display: inline-block;
}
.section_heading_border span:nth-child(1) {
    margin-bottom: -46px;
}
.section_heading_border span:nth-child(2) {
    margin-bottom: -23px;
}
.section_heading_border span:nth-child(3) {
    margin-top: 2px 0;
}
/* END SECTION-HEADING DESIGN */


/* START SCROLL TO-TOP */
.topcontrol {
    background: #60dbb8 none repeat scroll 0 0;
    border-radius: 50%;
    box-shadow: 0 1px 10px 0 rgb(0 0 0 / 20%);
    color: #fff;
    cursor: pointer;
    font-size: 26px;
    margin-bottom: 50px;
    height: 50px;
    filter: alpha(opacity=100);
    padding: 10px 16px;
    position: fixed;
    transition: all 0.2s ease 0s;
    width: 50px;
	z-index: 999;
}
.topcontrol:hover {
    background: #859893;
    color: #fff;
}
/* END SCROLL TO-TOP */
/*
* ----------------------------------------------------------------------------------------
* 01. END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/



/*
* ----------------------------------------------------------------------------------------
* 02. START HEADER DESIGN
* ----------------------------------------------------------------------------------------
*/
.navbar-default {
    background-color: transparent;
    border: none;
    padding: 10px 0;   
    position: absolute;
    width: 100%;
    z-index: 999;
}
.navbar-brand p{
    font-size: 24px;
	width: 150px !important;
    font-weight: 800;
    text-transform: capitalize;
	margin: -5px 2px 2px 0px;
    letter-spacing: 1px;
    color: #fff;
	font-family: 'Kaushan Script', cursive;
}
.navbar-default.sticky_menu .navbar-brand p{
    color: #60dbb8;
}
.navbar-default .navbar-nav > li > a {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    padding: 0;
    margin-top: 10px;
    margin-left: 26px;
    text-transform: capitalize;
    transition: all 0.3s ease;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover{
    color: #fff;
    background-color: transparent;
}
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover,
#nav li.current a {
	color: #859893;
	background-color: transparent;
}
.main_header.sticky_menu {
    position: fixed;
    width: 100%;
    padding: 10px 0;
    top: 0;
    background: #fff;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.32);
    -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.32);
    box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.1);
    z-index: 999;
}
.main_header.dark_bg_menu.sticky_menu{
	background-color: #1d293e;
    color: #fff;
    padding: 10px 0;
	border: none;
    box-shadow: 0 1px 20px rgba(255, 255, 255, 0.1);
    width: 100%;
    animation: fadeInDown 1s both 0.2s;
}
.main_header.sticky_menu .navbar-nav > li > a {
	color: #333 !important;
	transition: all 0.3s ease;
}
.main_header.dark_bg_menu.sticky_menu .navbar-nav > li > a{
	color: #fff !important;
	transition: all 0.3s ease;
}
.main_header.sticky_menu .navbar-nav > li > a:hover{ color: #60dbb8 !important }
.main_header.sticky_menu .navbar-nav>.active>a,
.main_header.dark_bg_menu.sticky_menu .navbar-nav > li > a:hover,
.main_header.sticky_menu .navbar-nav>.active>a:hover,
.main_header.sticky_menu .navbar-nav>.active>a:focus{
    color: #60dbb8 !important;
    background-color: transparent;
}
.navbar-default .navbar-toggle {
    border: none;
    padding: 0;
	color: #fff;
    font-size: 20px;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.main_header.sticky_menu .navbar-toggle .icon-bar {
    background-color: #60dbb8;
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: transparent;
}
/*
* ----------------------------------------------------------------------------------------
* 02. END HEADER DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 03. START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
#particles-js {
	width: 100%;
	height: 100%;
	position: absolute;
}

.single-service_slider {
    padding: 40px 25px;
	border-radius: 10px;
    margin-bottom: 30px;
    transition: all 0.4s ease;
} 

.single-service_slider i {
	width: 70px;
    height: 70px;
	line-height: 70px;
	border-radius: 50%;
	background: #60dbb8;
	box-shadow: 0 2px 40px rgb(0 0 0 / 7%);
	border: 1px solid #60dbb8;
	text-align: center;
	transition: all 0.4s ease;
    font-size: 35px;
    display: inline-block;
    color: #fff;
}

.single-service_slider:hover i{
	-webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
	background: #60dbb8;
	border: 1px solid #60dbb8;
	color: #fff;
}


.welcome-area,
.welcome-slider-area,
.welcome-slider-area div{
    height: 700px;
}
.welcome-slider-area div.single-slide-item-tablecell,
.welcome-slider-area div.single-slide-item-tablecell div {
    height: auto;
}
.single-slide-item-table{
    display: table;
    text-align: center;
    width: 100%;
}
.single-slide-item-tablecell {
	display: table-cell;
	vertical-align: middle;
	padding-bottom: 80px;
}
.single-slide-item{
    position: relative;
    z-index: 1;
	padding-top: 3%;
}
.single-slide-item:after{
	content: "";
    position: absolute;
	background: #231f40c4;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.carousel-fade .carousel-inner .item{
    -webkit-transition-property: opacity;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right{
    opacity: 1;
    filter: alpha(opacity=0);
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right{
    opacity: 1;
    filter: alpha(opacity=100);
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right{
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.single-slide-item h1{
    color: #fff;
    font-size: 60px;
    font-weight: 700;
    margin-bottom: 20px;
	font-family: 'Kaushan Script', cursive;
    margin-top: 10px;
    text-transform: capitalize;
    letter-spacing: 1px;
}
.single-slide-item h2{
	color: #60dbb8;
    font-size: 20px;
	letter-spacing: 8px;
	font-family: 'Kaushan Script', cursive;
	text-transform: uppercase;
	margin-bottom: 6px;
}
.single-slide-item p{
    color: #fff;
    text-transform: capitalize;
    margin-bottom: 50px;
}
.single-slide-item span{
	color: #60dbb8;
}
.single-slide-item .slider_btn{
	background: transparent;
	border: 2px solid #60dbb8;
	margin-right: 20px;
	color: #fff;
	font-size: 14px;
	padding: 10px 30px;
	text-transform: capitalize;
	font-weight: 500;
	letter-spacing: 1px;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.2s ease 0s;
	display: inline-block;
	margin-bottom: 20px;
	border-radius: 30px;
}
.single-slide-item .slider_btn:hover{
	color: #fff;
	background: #859893; 
	border-color: #859893;
	text-decoration: none;
}
.single-slide-item .s_bg_btn{
	background: #60dbb8;
	border-color: #60dbb8;
}
.single-slide-item .s_bg_btn:hover,
.single-slide-item .s_bg_btn:focus{
    background: transparent;
    border-color: #859893;
}
.carousel-control{
    z-index: 1;
    background-image: none !important;
    top: 46.6%;
    width: 60px;
    height: 60px;
    line-height: 60px;
    background: transparent;
    border: 1px solid #fff;
    opacity: 1;
    color: #fff;
    font-size: 30px;
    font-weight: 400;
    border-radius: 50%;
    transition: .5s;
}
#welcome-slide-carousel .carousel-indicators li{
	width: 15px;
	height: 15px;
	margin: 0 5px;
}
#welcome-slide-carousel .carousel-indicators .active{
	background: #75ceae;
	border-color: #75ceae;
}
.carousel-control.left{
	margin-left: 25px;	
}
.carousel-control.right{
	margin-right: 25px;	
}
.carousel-control:hover{
	background: #60dbb8;
	border-color: #60dbb8;
}
.carousel-fade .carousel-inner .item{
    -webkit-transition-property: opacity;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
    filter: alpha(opacity=0);
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
    filter: alpha(opacity=100);
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
/*
* ----------------------------------------------------------------------------------------
* 03. END HOME DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 04. START ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/
.single_about{
	margin-top: 40px;
}
.single_about .about_title span {
	text-transform: capitalize;
	letter-spacing: 1px;
    color: #60dbb8;
    font-size: 15px;
    font-weight: 700;
}
.single_about .about_title h2 {
    font-size: 32px;
    color: #222;
    font-weight: 700;
    margin: 15px 0 20px;
}
.dark_bg .single_about .about_title h2 {
	color: #fff;
}
.single_about .about_title .description{
	margin: 0 0 30px;
}
.dark_bg .single_about .about_title .description{
	color: #fff;
}
/* END ABOUT */
/*
* ----------------------------------------------------------------------------------------
* 04. END FEATURE AND ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 05. START SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/
.single-service{
    padding: 40px 25px;
	box-shadow: 0px 17px 60px #00000012;
	background: #fff;
	border-radius: 10px;
    margin-bottom: 30px;
    transition: all 0.4s ease;
}
.dark_bg .single-service{
	background: transparent;
	border: 1px solid #384967;
}
.single-service i {
	width: 70px;
    height: 70px;
	line-height: 70px;
	border-radius: 50%;
	background: #60dbb8;
	box-shadow: 0 2px 40px rgb(0 0 0 / 7%);
	border: 1px solid #60dbb8;
	text-align: center;
	transition: all 0.4s ease;
    font-size: 35px;
    display: inline-block;
    color: #fff;
}
.dark_bg .single-service i{
	background: transparent;
	border: 1px solid #60dbb8;
}
.single-service:hover i{
	-webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
	background: #60dbb8;
	border: 1px solid #60dbb8;
	color: #fff;
}
.single-service h4{
    font-size: 20px;
    margin-top: 30px;
    text-transform: capitalize;
    color: #222;
	transition: all 0.4s ease;
}
.dark_bg .single-service h4{
	color: #fff;
}
.single-service p{
	transition: all 0.4s ease;
	color: #333333;
	margin-top: 15px;
}
.dark_bg .single-service p{
	color: #fff;
}
/*
* ----------------------------------------------------------------------------------------
* 05. END SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 07. START VENDORS DESIGN
* ----------------------------------------------------------------------------------------
*/
.our_port_menu {
	margin-bottom: 50px;
}
.our_port_menu ul{
	list-style-type: none;
	padding: 0;
}
.our_port_menu ul li {
	border: 1px solid #bbb;
	color: #333333;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	margin:  5px;
	padding: 5px 20px;
	border-radius: 30px;
	text-transform: capitalize;
	transition: all 0.3s ease 0s;
}
.dark_bg .our_port_menu ul li{
	border: 1px solid #fff;
	color: #fff;
}
.our_port_menu ul li:hover, .our_port_menu ul li.active{
	border-color: #60dbb8 ;
	background-color: #60dbb8 ;
	color:#fff;
}
.box{
    text-align: center;
    overflow: hidden;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    position: relative;
}
.box:after{
    content: "";
    width: 65%;
    background: #60dbb8;
    padding-bottom: 65%;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transform-origin: 0 0 0;
    transition: all 0.3s ease 0s;
}
.box:hover:after{
    opacity: 1;
}
.box img{
    width: 100%;
    height: auto;
	transition: all 1s ease 0s;
}
.box:hover img{
    transform: scale(1.3);
}
.box .box-content{
    width: 100%;
    position: absolute;
    top: 40%;
    left: 0;
    opacity: 0;
    z-index: 1;
    transition: all 0.3s ease 0s;
}
.box:hover .box-content{
    opacity: 1;
}
#vendors .box .title {
    display: inline-block;
    padding: 10px 0;
    color: #000;
    margin: 0;
    font-size: 17px;
}
.box .icon{
    padding: 0;
    margin: 12px 0 0 0;
    list-style: none;
}
.box .icon li{
    display: inline-block;
}
.box .icon li a {
    display: block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
    border: 1px solid #60dbb8;
    background: #60dbb8;
    font-size: 18px;
    color: #fff;
    margin-right: 10px;
    transition: all 0.3s ease 0s;
}
.box{
    text-align: center;
	margin-bottom: 30px;
    overflow: hidden;
    box-shadow: inherit;
    position: relative;
}
.box:after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(255, 204, 51, 0.6);
    padding-bottom: 65%;
    opacity: 0;
    position: absolute;
    transform-origin: 0 0 0;
    transition: all 0.3s ease 0s;
}
.box:hover:after{
    opacity: 1;
}
.box img{
    width: 100%;
    height: auto;
}
.box .box-content{
    width: 100%;
    position: absolute;
	color: #000;
    top: 30%;
    left: 0;
    opacity: 0;
    z-index: 1;
    transition: all 0.3s ease 0s;
}
.box:hover .box-content{
    opacity: 1;
}
.box .title{
    display: inline-block;
    padding: 10px 0;
    color: #000;
    margin: 0;
}
/*
* ----------------------------------------------------------------------------------------
* 07. END PORTFOLIO DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 06. START COUNTERUP DESIGN
* ----------------------------------------------------------------------------------------
*/
.count_overlay{
	background: rgba(255, 204, 51, 0.6) none repeat scroll 0 0;
    padding: 60px 0;
}
.count h3{
	color: #fff;
	font-size: 30px;
}
.count span {
    font-size: 30px;
    font-weight: 600;
	color: #fff;	
}
.count h5{
	color: #fff;
	font-size: 16px;
}
/*
* ----------------------------------------------------------------------------------------
* 06. END COUNTERUP DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
*-----------------------------------------------------------------------------------------
*  FOOTER DESIGN SOCIAL
*-----------------------------------------------------------------------------------------
*/
.single-service_footer{
    padding: 40px 25px;
	background: #fff;
	border-radius: 10px;
    margin-bottom: 30px;
    transition: all 0.4s ease;
}

.single-service_footer i {
	width: 50px;
    height: 50px;
	line-height: 50px;
	border-radius: 50%;
	background: #60dbb8;
	box-shadow: 0 2px 40px rgb(0 0 0 / 7%);
	border: 1px solid #60dbb8;
	text-align: center;
	transition: all 0.4s ease;
    font-size: 35px;
    display: inline-block;
    color: #fff;
}

.single-service_footer:hover i{
	-webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
	background: #60dbb8;
	border: 1px solid #60dbb8;
	color: #fff;
}

/*
* ----------------------------------------------------------------------------------------
* 14. START COPYRIGHT DESIGN
* ----------------------------------------------------------------------------------------
*/
.copyright_area{
    background: #60dbb8;
}
.copy_text{
	padding: 10px 0;
}
.copy_text p{
	color: #fff;
	margin-top: 20px;
	padding-bottom: 2px;
}
/*
* ----------------------------------------------------------------------------------------
* 14. END COPYRIGHT DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* MAILCHIMP CODING 
* ----------------------------------------------------------------------------------------
*/

/* MailChimp Form Embed Code - Classic - 12/17/2015 v10.7 */
#mc_embed_signup form {display:block; font-family: 'Poppins', sans-serif; position:relative; text-align:left; margin: 20px}
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup input {border: 1px solid #ABB0B2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#mc_embed_signup input:focus {border-color:#333;}

#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}

#mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px; display:grid;}
#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;}
#mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}

#mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
#mc_embed_signup .asterisk {color:#e85c41; font-size:150%; font-weight:normal; position:relative; top:5px;}     
#mc_embed_signup .clear {clear:both;}
#mc_embed_signup .foot {display:grid; grid-template-columns: 3fr 1fr; width:96%; align-items: center;}

@media screen and (max-width:400px) {#mc_embed_signup .foot {display:grid; grid-template-columns: 1fr; width:100%; align-items: center;}}
@media screen and (max-width:400px) {#mc_embed_signup .referralBadge {width:50%;}}


#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%; margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#C2CCC9; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}
#mc_embed_signup .helper_text {color: #C2CCC9; margin-top: 2px; display: inline-block; padding: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 14px; font-weight: normal; z-index: 1;}

#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}

#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {display:inline-block; width: 120px; margin:2px 0 1em 0; padding:3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size:14px; font-weight:normal; z-index:1; color:#e85c41;}
#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {border:2px solid #e85c41;}

/*
* ----------------------------------------------------------------------------------------
* END MAILCHIMP CODING 
* ----------------------------------------------------------------------------------------
*/