/*
 Theme Name:   G5 Beyot Child Theme
 Theme URI:    http://themes.g5plus.net/beyot/
 Description:  G5 Beyot Child Theme
 Author:       G5Theme
 Author URI:   http://g5plus.net
 Template:     g5-beyot
 Version:      1.4.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags: 				two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-menu, editor-style, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
 Text Domain: 		g5-beyot
*/
/************************************************************************************
Put your custom CSS below this block :)
*************************************************************************************/
@media only screen and (max-width: 600px) {
	.wzp_web {
		display: none !important;
	}
	
	.orange_btn_container {
		text-align: center; 
		padding-bottom: 10px; 
		display: inline-block;  
		width:100%;
	}
	
	.with-40-center {
		
	}
}

@media only screen and (min-width: 601px) {
	.wzp_mobile {
		display: none !important;
	}
	
	.orange_btn_container {
		text-align: center; 
		padding-bottom: 10px; 
		display: inline-block;  
		width:33%;
	}
	
	.with-40-center {
		width:40%;
		margin: 0px auto 0px auto;
	}
}

.whatsapp-button {
	display:none;
	position: fixed;
	backface-visibility: visible;
	bottom: 160px;
	right: 10px;
	width: 44px;
	height: 44px;
	text-align: center;
	z-index: 2;
	transition: all .5s;
	color: #fff;
    background-color: #222;
	font-size: 2em;
}

.whatsapp-button:hover {
    text-decoration: none;
    color: #fff;
    background-color: #00af9a;
}

.vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat{
	background-color: #00af9a !important;
}

.verde h1{
    color: #00af9a !important;
}

.gris h3{
	font-size: 2vw !important;
}

.negro h3{
	font-size: 17pt !important;
}


.gris h5{
	color: #909090;
	font-size: 12pt;
	font-weight: 400;
}

.container{
    width: 95% !important;
}

.fondo_blanco{
    background-color: #fff;
}

.linea_inferior:after{
    content: '';
    display: block;
    width: 24%;
    height: 4px;
    background-color: #00af9a;
    margin-top: 16px;
    margin-left: 38%;
	margin-bottom:30px;
}

.acceso_perfil {
    top: 195px;
	height: 415px;
    position: absolute;
    text-align: center;
	padding: 3% 1% 1% 1%;
	left: 35%;
	width: 30%;
}

.padboton{
    padding-left: 10px !important;
	margin-bottom: 3px !important;
}

.padboton a{
    /*padding-left: 10px !important;*/
	/*padding-right: 24px !important;*/
	padding-right: 40px !important;
	width: 140px !important;
}

.padboton .vc_btn3-icon{
    right: 7px !important;
}

.centrar{
    text-align: center !important;
}

.header-customize-nav{
    display: none !important;
}

.bottom-bar-inner{
    padding-top: 6px !important;
	padding-bottom: 0px !important;
}

.heading_linea_inferior{
    max-width: 100px !important;
}


#text-5{
	margin-bottom: 6px !important;
}

#text-3 a{
    font-size: 12px !important;
	color: #959595;
}

#text-3 a:hover{
	color: #00af9a !important;
}

#menu-item-5276 a, #menu-item-mobile-5276 a{
    color: #00af9a !important;
}

#menu-item-5276 a::before {
  content: " | ";	
  color: #00af9a;
  display: inline;
  padding-right: 14px;
}

#wp-live-chat{
    display: none !important;
}

.post-single .entry-thumb-wrap, .entry-post-meta{
    display: none !important;
}

.logo-header{
    margin-top: 6px !important;
}

@media only screen and (max-width: 1300px) {
.acceso_perfil {	
	width: 40%;
	left: 30%;
	height: 495px;
	top: 247px;
}
}

@media only screen and (max-width: 1240px) {
.padboton{
    padding-left: 0px !important;
}
}

@media only screen and (max-width: 1296px) {
.negro h3{
	font-size: 15pt !important;
}


.gris h5{
	color: #909090;
	font-size: 10pt;
	font-weight: 400;
}

}

@media only screen and (max-width: 991px) {
.acceso_perfil {	
		width: 46%;
	left: 27%;
	top: 255px;
}
}

@media only screen and (max-width: 890px) {
.container{
    width: 98% !important;
}
}

@media only screen and (max-width: 864px) {
.negro h3{
	font-size: 14pt !important;
}


.gris h5{
	font-size: 8pt;
}
}

@media only screen and (max-width: 767px) {
.acceso_perfil {	
	top: 150px;
	height: 603px;
	width: 64%;
	left: 18%;
	padding: 3% 1% 1% 1%;
}
	
.container{
    width: 95% !important;
}
	
.negro h3{
	font-size: 15pt !important;
}

.gris h5{
	font-size: 10pt;
}
}

@media only screen and (max-width: 480px) {
.acceso_perfil {
	width: 70%;
	left: 15%;
	top: 118px;
	height: 572px;
	padding: 3% 1% 1% 1%;
}
}