/* 
Theme Name: OI Elementor
Theme URI: https://github.com/elementor/hello-theme/
Description: Customized Hello Elementor Theme by the Once Interactive Team.
Author: Once Interactive
Author URI: https://onceinteractive.com
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
*/


/*******************************************************
********************************************************
********************************************************

					General 
					 
********************************************************
********************************************************
********************************************************/
a:focus {
   outline: 2px solid #133549; /* color visible sobre el fondo */
   outline-offset: 2px;
}


html, body {
    overflow-x: hidden;
}

.elementor-button:focus, button:focus, a:focus, input:focus {
    outline: none !important;
}

a, a:hover button, button:hover, .elementor-button, .elementor-button:hover {
    transition: all .3s ease-in-out !important;
}

::placeholder {
    opacity: 1 !important;
    color: #fff;
    font-family: "Segoe UI", Sans-serif;
}

.av-burger-overlay-active .accessability_container {
     z-index: 500 !important;
 }
 
.close_container.wahout {
     border: solid 1px !important;
     padding: 2px 10px !important;
     height: auto !important;
     text-transform: Uppercase;
     font-weight: 600;
}
 
#wp_access_helper_container {
     background: rgba(0, 0, 0) !important;
}
 
body .accessability_container * {
     background: black !important;
     color: white !important;
     text-transform: Uppercase;
     font-weight: 600;
}
 
body .accessability_container button.wah-action-button {
     background: transparent !important;
     padding: 13px 10px !important;
     text-transform: Uppercase;
     font-weight: 600;
}
 
body .aicon_link {
     top: 110px;
	 padding: 0 !important;
	 background: transparent !important;
}

body .aicon_link img{
	background: transparent !important;
}


/*******************************************************
********************************************************
********************************************************

					 Header 
					 
********************************************************
********************************************************
********************************************************/


body header.elementor-location-header{
	position: absolute;
	width: 100%;
	z-index: 10;
}
body.error404 header.elementor-location-header{
	position: relative !important;
}
body header.elementor-location-header .header-menu{
	max-height: 109px;
}

body header.elementor-location-header .header-menu > .elementor-container > .elementor-row{
	position: relative;
	top: 25px;
}

body header.elementor-location-header .header-menu .header-logo img{
	min-width: 170px;
	top: -15px;
    position: relative;
}

body:not(.home):not(.error404) header.elementor-location-header .header-menu{
	background-color: transparent !important;
}

/*******************************************************
********************************************************
********************************************************

					 Homepage 
					 
********************************************************
********************************************************
********************************************************/



body .slider .swiper-pagination-bullets{
	bottom: 60px;
}

body .slider .swiper-pagination-bullets .swiper-pagination-bullet{
	background: #fff;
	opacity: 1;
	margin: 0 3px;
	width: 9px;
	height: 9px;
}

body .slider .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background: #7A7A7A;
}

/************************************************************************************
*************************************************************************************
*************************************************************************************

								FORM STYLES
							
*************************************************************************************
*************************************************************************************
************************************************************************************/	

/******  Start Reset *******/

body .form .gform_wrapper, body .form .gform_wrapper .gfield, body .form .gform_wrapper .gfield .ginput_container, body .form .gform_wrapper .gfield .ginput_container input, body .form .gform_wrapper .gfield .ginput_container textarea, body .form .gform_wrapper .gform_footer{
	margin: 0 !important;
}

body .form .gform_wrapper .gform_footer{
	text-align: center;
}


/******  End Reset *******/

/******  Start Errors *******/


body .form .validation_error{
	border: 0 !important;
	color: #FF0000 !important;
	max-width: calc(100% - 16px);
	padding: 0 !important;
}
body .form .gform_wrapper .gfield.gfield_error{
	border:  0 !important;
	background: transparent;
	margin-bottom: 0 !important;
	padding: 0;
}


body .form .gform_wrapper .gfield.gfield_error input{
	margin-top: 0;
	border-color: #707070 !important;
}

body .form .gform_wrapper .gfield.gfield_error .validation_message{
	color: #FF0000;
	padding-top: 0;
}

.gform_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_left_half, .gform_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_right_half{
	padding-right: 16px !important;
	max-width: 100% !important;
}
.gform_wrapper li.gfield_error div.ginput_complex.ginput_container label, .gform_wrapper li.gfield_error ul.gfield_checkbox, .gform_wrapper li.gfield_error ul.gfield_radio, .gform_wrapper .gfield_error .gfield_label{
	color: #fff !important;
}

/******  End Errors *******/

body .form .gform_wrapper .gfield .ginput_container input[type='text']{
	background-color: transparent !important;
	border-left: 0 !important;
	border-right: 0 !important;
	border-top: 0 !important;
	border-radius: 0 !important;
	padding: 12px !important;
	width: 90% !important;
	border-color: #707070 !important;
	font-size: 16px;
	font-family: "Segoe UI", Sans-serif;
	color: #fff !important;
}

body .form .gform_wrapper .gfield{
	padding-bottom: 30px;
}

body .form .gform_wrapper .gfield.radio-container.top{
	padding: 55px 16px 55px 0;
}

body .form .gform_wrapper .gfield.radio-container .gfield_label{
	font-size: 20px !important;
	font-weight: 600 !important;
	line-height: 27px !important;
	padding-bottom: 10px !important;
}

body .form .gform_wrapper .gfield.radio-container .gfield_label .gfield_required{
	color: #fff !important;
}


body .form .gform_wrapper .gfield.radio-container .gfield_radio label, body .form .gform_wrapper .gfield.radio-container .gfield_checkbox label{
	margin-left: 12px;
	font-size: 16px;
}

body .form .gform_footer{
	padding-top: 45px;
}

body .form .gform_confirmation_message{
	text-align: center;
	font-weight: 600;
	font-size: 20px;
}

/*******************************************************
********************************************************
********************************************************

					Datepicker 
					 
********************************************************
********************************************************
********************************************************/

.ui-datepicker-header{
	min-width: 218px;
}

.ui-datepicker-header .ui-datepicker-title{
	padding: 0 5px 9px;
}


/*******************************************************
********************************************************
********************************************************

					 Footer 
					 
********************************************************
********************************************************
********************************************************/

.fotter-list .elementor-icon-list-items .elementor-icon-list-item a:hover, .socket a:hover{
	text-decoration: underline;
}

.hide-br br {
	display: none;
}
/*******************************************************
********************************************************
********************************************************

				Media Queries 
					 
********************************************************
********************************************************
********************************************************/


@media (max-width: 767px) {
	body.home header.elementor-location-header{
		position: relative;
	}
	body header.elementor-location-header .header-menu > .elementor-container > .elementor-row{
		top: -10px;
	}
	body header.elementor-location-header .header-menu .header-logo img{
		min-width: 98px;
	}
	body .form .gform_wrapper .gfield .ginput_container input[type="text"]{
		width: 100% !important;
	}
	body .form .gform_wrapper .gfield.radio-container.top{
		padding: 0 0 15px;
	}
	body .form .gform_wrapper .gfield.radio-container .gfield_label{
		font-size: 18px !important;
	}
	body .form .gform_wrapper .gfield.radio-container .gfield_radio label, body .form .gform_wrapper .gfield.radio-container .gfield_checkbox label{
		font-size: 14px;
	}
	body .form .gform_footer{
		padding-top: 0px;
	}
	.socket span:not(.m-h){
		display: block;
	}	
	.socket span.m-h{
		display: none;
	}	

	body:not(.home) header.elementor-location-header .header-mobile{
		background-color: transparent !important;
	}
	
	.fotter-list .elementor-icon-list-items .elementor-icon-list-item:last-child a{
		margin-left: -25px;
	}
	
	.hide-br br {
		display: block;
	}
}