/*
Theme Name: Custom Tailored WordPress theme based
Author: MOJO JOJO
Version: 0.0.1a
*/

@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700');
html,
body{
	overflow-x: hidden; 
}
body{
	font-family: 'Lato', sans-serif;
	color: #444444;
	max-width: 1980px;
	margin: 0 auto
}
a,
a:hover,
a:focus{
	text-decoration: none !important;
	color: #fff;
	cursor: pointer;
}

.sticky {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 100;
  border-top: 0;
  background-color: #161616;
  transition: .3s ease-in-out all;
}
.show{
	display: block !important;
}
.back-to-top {
	background-color: rgb(118, 140, 43);
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
    opacity: 0.6;
    padding: 15px 25px;
    border-radius: 100%;
    z-index: 99;
}
.back-to-top:hover{
    opacity:1;
}

.logos a img:nth-child(2){
	display: none;
}
.logos a:hover img:nth-child(1){
	display: none;
}
.logos a:hover img:nth-child(2){
	display: inline-block;
}
.top-header{
	background-color: #768C2B;
	padding: 5px 0;
}
.top-header a:hover{
	color: #c1e644;
}
.top-header a:hover i{
	transform: scale(1.5);
}
.logo-link img,
.top-header a i{
	transition: .3s ease-in-out all;
}
.top-header a{
	color: #fff;
	vertical-align: sub;
}
.top-header .row div:first-child h6 span,
.top-header .row div:first-child h6{
	font-size: 14px;
	color: #fff;
	vertical-align: sub;
}
.top-header .row div:nth-child(2) div{
	text-align: right;
}
.top-header .row div:nth-child(2) div a{
	padding: 5px;
}
.main-header{
	margin: 15px 0; 
}
.main-header .row div:nth-child(2){
	text-align: right;
}
.main-header .row div:nth-child(2) img{
    padding: 10px;
}
.logo-link img:hover{
	transform: scale(.9);
}
.navigation{
	background-color: rgb(243,243,243);
	transition: .3s all ease-in-out;
}
#menu-primary-menu li.active a,
#menu-primary-menu li:hover a{
	color: #768C2B;
}
#menu-primary-menu li.active:before,
#menu-primary-menu li:hover:before{
	width: 50%;
}
#menu-primary-menu li{
	position: relative;
	transition: .3s ease-in-out all;
}

#menu-primary-menu li:before{
	content: '';
	position: absolute;
	top: 0;
	width: 0%;
	border-top: 3px solid #768C2B;
	transition: .3s ease-in-out all;
}
.navigation ul{
	margin-bottom: unset;
}
.navigation ul li{
	display: inline-block;
	list-style: none;
	padding: 20px 15px;
	font-weight: 700;
	font-size: 15px;
}
.navigation ul li:first-child{
	padding-left: 0;
}
.navigation ul li a{
	color: #000000;
}
.section-banner {
	margin-bottom: 70px;
}
.banner-background{
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	position: relative;
	width: 100%;
	height: 100%;
	padding-left: unset;
	padding-right: unset;
}
.banner-background:before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
.back-text h1{
	font-family: 'georgia';
	font-size: 500px;
	opacity: .2 !important;
	color: #fff;
	position: relative;
    z-index: 1;
}
.banner{
	position: relative;
}
.banner .container{
	position: absolute;
    bottom: 15%;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    z-index: 2;
    color: #fff;
}
.banner .container h2{
	margin-bottom: 0;
	font-size: 75px;
}
.banner .container h4{
	font-size: 20px;
	margin-bottom: 0;
}
.welcome ul{
	width: 100%;
}
.welcome .row{
	width: 100%;
}
.welcome .welcome-texts h3{
	color: #768C2B;
	font-size: 35px;
	line-height: 42px;
}
.bottom-welcome-text p,
.welcome .welcome-texts h5,
.welcome .welcome-texts p{
	color: #444444;
	font-size: 16px;
}
.welcome .welcome-texts h5{
	line-height: 24px;
}
.welcome .welcome-texts p{
	line-height: 24px;
	margin-top: 55px;
}
.welcome ul{
	display: inline-block;
	padding-left: 0;
}
.welcome li{
	display: inline-block;
	padding: 7px;
}
.section-of-buttons{
	padding-bottom: 5%;
}
.section-of-buttons button{
	width: 100%;
	border: none;
	outline: none !important;
	padding: 15px 30px;
	color: #fff;
	transition: .5s ease-in-out all;
}
.section-of-buttons button:hover{
	background-color: transparent!important;
	font-weight: 700;
	cursor: pointer;
}
.section-of-buttons .row div:first-child button{
	background-color: #768C2B;
}
.section-of-buttons .row div:first-child button:hover{
	border: 2px solid #768C2B;
	color: #768C2B;
}
.section-of-buttons .row div:nth-child(2) button{
	background-color: #AC405C;
}
.section-of-buttons .row div:nth-child(2) button:hover{
	border: 2px solid #AC405C;
	color: #AC405C;
}
.section-of-buttons .row div:last-child button{
	background-color: #FEB525;
}
.section-of-buttons .row div:last-child button:hover{
	border: 2px solid #FEB525;
	color: #FEB525;
}
.bottom-welcome{
	margin-bottom: 90px;
}
.bottom-welcome-img-wrapper img{
	width: 100%;
}
.testimonial{
	background-color: #F0F0F0;
	padding: 10px 0; 
}
.testimonial .google-review img,
.testimonial .quote img{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.Alcohol{
	margin-top: 5%;
}
.Stress-Reduction h2,
.Alcohol h1{
	font-size: 35px;
	color: #768C2B;
}
.Stress-Reduction p,
.Alcohol p{
	font-size: 16px;
	color: #444444;
	margin-top: 4%;
	line-height: 27px;
	letter-spacing: .5px;
}
.Stress-Reduction {
	margin-top: 5%;
}
.stress-wrapper{
	margin-top: 5%;
}
#gform_wrapper_2{
	border:1px solid #768C2B;
}
#input_2_6 div{
	transform: scale(.87);
    transform-origin: 0 0;
}
#gform_2 .gform_heading h3{
	background-color: #768C2B;
}
#gform_fields_2{
	padding: 0 10px;
}
#gform_2 .gform_footer{
	padding: 0 10px;
}
#gform_2 .gform_description{
	padding: 0 10px;
	text-align: center;
}
.gform_wrapper h3.gform_title{
	margin-top: 0 !important;
	text-align: center;
	padding: 20px;
	color: #fff;
}
#gform_wrapper_2 span.gform_description {
    font-size: 14px;
    margin-bottom: 16px;
    margin: 0 auto;
    color: #444444;
}
#gform_fields_2 li input,
#gform_fields_2 li textarea{
	border-color: #768C2B !important;
	outline: none !important;
	text-indent: 5%;
	border-width: 1px;
}
#gform_fields_2 li input::placeholder,
#gform_fields_2 li textarea::placeholder{
	font-size: 14px !important;
	color: #444444 !important;
	text-indent: 5%;
}
#gform_submit_button_2{
	width: 100%;
	margin: 0 auto;
	background-color: #768C2B;
	border: 1px solid #768C2B;
	color: #FFFFFF;
	outline: none !important;
	padding: 10px; 
	transition: .3s ease-in-out all;

}
#gform_submit_button_2:hover{
	background-color:transparent;
	border: 1px solid #768C2B;
	color:  #768C2B; 
	cursor: pointer;
}
#gform_2  .gform_footer p{
	text-align: center;
	color: #444444;
	font-size: 14px;
	letter-spacing: .15px
}
#gform_confirmation_message_2 #gform_wrapper_2{
	height: 500px
}
#gform_confirmation_message_2 #gform_body_2{
	padding: 5px 10px;
	position: relative;
	text-align: center;
	top: 28%;
	transform: translateY(-50%);
	font-size: 25px;
}
.stress-contents{
	margin-top: 16px;
}
.sidebar-widget-wrapper .widget_text{
	border-bottom: 1px solid #768C2B;
}
.sidebar-widget-wrapper .widget_text p{
	font-size: 16px;
	color: #444;
}
.sidebar-widget-wrapper .widget_media_image{
	margin: 10% 0;
}
#text-7{
	border: none;
}
#text-7 .textwidget p{
	color: #768C2B;
}
.after-stress-buttons{
	margin-top: 5%;
	margin-bottom: 4%;
}
.after-stress-buttons a{
	color: #768C2B;
	font-size: 25px;
	text-align: center;
}
.after-stress-buttons a:hover img:nth-child(1),
.after-stress-buttons a img:nth-child(2){
	display: none;
}
.after-stress-buttons a:hover img:nth-child(2){
	display: inline-block;
}
.after-stress-buttons a h4{
	margin-top: 5%;

}
.after-stress-buttons img{
	position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.articulo{
	margin-top: 5%;

}
.articulo img{
	width: 100%;
}
.articulo div .article-context-wrapper h4 p{
	margin-top: 0;
	padding: 20px;
	font-size: 18px;
	font-weight: 700;
	color: #768C2B;
	height: 141px;
	line-height: 25px;
}
.article-context-wrapper p{
	font-size: 16px;
	color: #444444;
	padding: 30px 20px;
	line-height: 27px;
	letter-spacing: .5;
}
.articulo div:first-child .article-context-wrapper h4 p{
	background-color: rgba(118,140,43,.1);
}
.articulo div:nth-child(2) .article-context-wrapper h4 p{
	background-color: rgba(172,64,92,.1)
}
.articulo div:nth-child(3) .article-context-wrapper h4 p{
	background-color: rgb(254,181,37,.1)
}
.articulo div:nth-child(1) .article-context-wrapper{
	background-color: rgba(118,140,43,.1);
}
.articulo div:nth-child(2) .article-context-wrapper{
	background-color: rgba(172,64,92,.1)
}
.articulo div:nth-child(3) .article-context-wrapper{
	background-color: rgb(254,181,37,.1)
}

.Stress-Reduction .text-wrapper{
	letter-spacing: .5px;
	line-height: 27px;
}
.team-wrapper h3{
	font-size: 35px;
	line-height: 42px;
	color: #768C2B;
	margin-top: 5%;
	margin-bottom: 3%;
}
.
.team-wrapper p{
	color: #444;
	font-size: 16px;
}
.team-members-wrapper .row .col{
	margin-top: 5%;
}
.team-members-wrapper .row .col h5{
	color: #768C2B;
	font-size: 20px;
	margin-top: 2%;
}
.team-members-wrapper .row .col h6{
	font-size: 16px;
}
.top-footer {
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	color: #fff;
	padding-top: 90px;
	padding-bottom: 50px;
	margin-top: 70px;
}
.footer-wrapper h4{
	font-weight: 700;
}
.footer-wrapper h5{
	font-weight: 300;
	font-size: 16px;
}
.footer-wrapper .contact-us h5{
	padding: 15px;
}
.contact-us h5 a:hover{
	color: #c1e644;
	/*font-weight: 700;*/
}
.contact-us h5:nth-child(5){
	margin-bottom: 10%;
}
.contact-us .fa-angle-right{
	padding-left: 10%;
	position: relative;
}
@keyframes slidein {
  from { left: 0% }
  to   { left: 5%; }
}
.footer-wrapper .contact-us button:hover .fa-angle-right{
	animation: slidein linear .8s infinite alternate;
}
.footer-wrapper .contact-us button{
	background-color: transparent;
    border: 2px #fff solid;
    border-radius: 50px;
    color: #fff;
    padding: 15px 30px;
    width: 70%;
    margin: 0 auto;
    outline: none !important;
    transition: .3s ease-in-out all;
}
.footer-wrapper .contact-us button:hover{
	cursor: pointer;
	color: #768C2B;
	background-color: #fff
}
.video-center img{
	width: 100%;
}

.team-members-wrapper .col{
	width: 10%;
}
.team-members-wrapper .col img{
	width: 100%;
	height: auto;
}

.helpful h5:not(:last-child){
	border-bottom: 1px solid #fff;
	padding: 10px 0;
}
.helpful p {
	font-weight: 300;
	font-size: 16px;
	padding-right: 16%;
	margin-top: 5%;
}
.business {
	padding-left: 5%;
}
.business h4{
	margin-bottom: 10%;
}
.business h5:nth-child(9){
	margin-top: 15%;
}
.business div a i{
	margin-right: 5%;
	margin-top: 5%;
}
.business div a:hover i{
	color: #c1e644;
	transform: scale(1.5);
}
#copyright a,
#copyright {
	color: #768C2B;
	font-size: 14px;
	line-height: 21px;
	letter-spacing: 2px;
}
#copyright a:hover{
	color: #000;
}
#socket{
	padding: 20px 0;
}
#copyright{
	margin-top: 1rem;
}

/*thank you message*/
#gform_confirmation_message_2 #gform_wrapper_2 .gform_heading h3.gform_title{
	background-color: #768C2B;
    text-align: center;
    color: #fff;
    padding: 20px 0;
}
#gform_confirmation_message_2 #gform_wrapper_2 .gform_heading .gform_description{
	text-align: center;
}
.fb_iframe_widget iframe,
.fb_iframe_widget span{
	width: 100%;
}
.textarea{
	overflow: unset;
}
@media (max-width: 1199px){
	.welcome ul li img{
		width: 100%;
	}
	.back-text h1{
		font-size: 470px;
	}
}
@media (max-width: 1154px){
	.back-text h1{
		font-size: 430px;
	}
}
@media (max-width: 1108px){
	#input_2_6 div {
    	transform: scale(.85);
    	transform-origin: 0 0;
	}
}
@media (max-width: 1103px){
	.navigation ul li{
		padding: 20px 10px;
	}
}
@media (max-width: 1090px){
	.navigation ul li{
		padding: 20px 10px;
	}
	#input_2_6 div {
    	transform: scale(.84);
    	transform-origin: 0 0;
	}
}
@media (max-width: 1050px){
	.back-text h1{
		font-size: 400px;
	}
	#input_2_6 div {
    	transform: scale(.82);
    	transform-origin: 0 0;
	}
}
@media (max-width: 1028px){
	.navigation ul li{
		padding: 20px 8px;
	}
}
@media (max-width: 999px){
	.navigation ul li{
		padding: 20px 8px;
	}
	#input_2_6 div {
    	transform: scale(.8);
    	transform-origin: 0 0;
	}
}
@media (min-width: 992px){
	.container {
	    max-width: 1140px;
	}
}
@media (max-width: 991px){
	.sidebar-widget-wrapper,
	.stress-contents {
		margin-top: 16px;
		max-width: 100%;
		flex: 100%;
	}
	#gform_widget-3{
		width: 60%;
		margin: 0 auto;
		margin-bottom: 10%;
	}
	#gform_fields_2 li input, 
	#gform_fields_2 li textarea{
		text-indent: unset;
	}
	.sidebar-widget-wrapper .widget_media_image{
		margin: 5% 0;		
	}
	.team-members-wrapper .col{
		flex: 34%;
	}
	.team-members-wrapper .col-12{
		display: none;
	}
	.bottom-welcome .bottom-welcome-img-wrapper{
		flex: 0 0 100%;
		max-width: 100%;
		text-align: center;

	}
	.bottom-welcome-img-wrapper img{
		width: unset;
		margin-bottom: 5%;
	}
	.bottom-welcome-text{
		text-align: center;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.bottom-welcome-text p{
		text-align: justify;
	}
	.back-text h1 {
    	font-size: 315px;
	}
	.google-review img{
		width: 100%;
	}
	#input_2_6 div {
		transform: scale(.9) translateX(-50%);
		position: relative;
		left: 50%;
		transform-origin: 0 0;
	}
	.custom-html-widget{
		text-align: center;
	}
	#custom_html-5 iframe{
		width: 100% !important;
	}
	.fb_iframe_widget_fluid span{
		width: 100% !important;
	}
}
@media (max-width: 767px){
	.Stress-Reduction h2,
	.Stress-Reduction p,
	.Stress-Reduction h4,
	.Alcohol,
	.welcome-texts,
	.business,
	.business h5:nth-child(9),
	.quote,.google-review,
	.welcome .col-md-7,
	.top-header .row div,
	.top-header .row div:nth-child(2) div,
	.main-header .row div:nth-child(2),
	#site-logo {
		text-align: center;
	}
	.back-text h1 {
    	font-size: 260px;
	}
	.banner .container h2 {
		margin-bottom: 0;
		font-size: 50px;
	}
	.banner .container h4 {
		font-size: 18px;
		margin-bottom: 0;
	}
	.google-review img{
		width: unset;
	}
	.testimonial-slick{
		margin: 3% 0;
	}
	.top-footer{
		padding-top: 10px;
	}
	.footer-wrapper h4{
		margin-top: 10%;
	}
	.articulo div .article-context-wrapper h4 p{
		font-size: 32px;
		line-height: 35px;
	}
}
@media only screen and (min-width: 641px){
	.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium{
		width: 100% !important;
	}
	.gform_wrapper ul#gform_fields_2 li.gfield{
		padding-right: 0;
	}
}
@media (max-width: 615px){
	.back-text h1 {
    	font-size: 215px;
	}
}
@media (max-width: 520px){
	.back-text h1 {
		font-size: 170px;
	}
	#gform_widget-3 {
    	width: 70%;
    	margin: 0 auto;
    	margin-bottom: 10%;
	}
}
@media (max-width: 420px){
	#gform_widget-3 {
    	width: 100%;
    	margin: 0 auto;
    	margin-bottom: 10%;
	}
	.Stress-Reduction h2, .Alcohol h1{
		font-size: 24px;
	}
}
@media (max-width: 420px){
	.section-banner{
		display: none;
	}
}


/*03-16-2018*/
.inner-text h1 {
    font-family: 'georgia';
    font-size: 200px;
    opacity: .2 !important;
    color: #fff;
    position: relative;
    left: 5%;
    z-index: 1;
}
.inner-banner .container h2 {
    margin-bottom: 0;
    font-size: 75px;
    text-align: left;
}
.banner.inner-banner {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.inner-page .banner-background {
	height: 450px;
}
.banner.inner-banner .container{
	left: 40%;
}

section.welcome ul > li img,
.team-members-wrapper .col img {
    transition: all .3s ease-in-out;
}
	section.welcome ul > li img:hover,
	.team-members-wrapper .col img:hover {
		transform: scale(1.05);
	}