:root{
	--blue:#698dcd;
	--naranja:#FF8200;
	--grey:#f3f3f3;
	--input_grey:#86888a;
	--coral: #F78772;
	--white:#fff;
	--error:#f00;
}


html,body{
	width:100vw;
	margin: 0;
	font-size:20px!important;
	color:#404040;
	font-family: 'Lato';
	overflow-x:hidden;
}

.mt-20{margin-top:20px}
.mt-30{margin-top:30px}
.mt-40{margin-top:40px}

.mt-100{margin-top:100px}

.pt-60{padding-top:60px!important}
.pl-40{padding-left:40px!important}
.pr-35{padding-right:35px!important}
.pr-40{padding-right:40px!important}
.pb-40{padding-bottom:40px!important}
.p0{padding:0px!important}

.plr0{padding-left:0px!important; padding-right:0px!important; }

.text-right{text-align:right!important}
.text-left{text-align:left!important}

.has_blur{filter: blur(6px); -webkit-filter: blur(6px);}

.coral{color:var(--coral)!important}
.blue{color:var(--blue)!important}

.fw{display:inline-block; width:100%}

#logo{max-height:50px; width:auto;}
#logo_m{display:none; height:50px; width:auto;}
/*#c_main{width:100%; height:100vh; overflow:hidden}*/

#c_header{font-size:35px; line-height:40px; font-weight:400; position:relative; align-content:center; background-repeat: repeat-x; background:url('https://attesor.com/wp-content/uploads/2022/11/isr_header-1900x400.jpg') center center; padding-bottom:50px}

	#c_header .container:first-child{background:#F9F9F9; padding: 1rem 2.5rem; font-size: 15px; color:#404040!important}
		#c_header I{color:var(--coral); margin-right:5px}
			#c_header I:nth-child(2){margin-left:30px}
	#c_header A{font-size:15px; color:#404040; display: inline-block;}

	#c_header .container-fluid{background:rgba(255,255,255, 0.8); margin-top:45px; padding-top:20px}

#c_work_type{padding-top:20px}
	#c_work_type P{text-align:center}
	#c_work_type P.coral, #c_work_type P.blue{font-size:30px; font-weight:bold; line-height:35px}
		#c_work_type P IMG{width:auto; height:50px}
			#c_work_type P:first-child IMG{width:70px; height:auto;}



#c_schedule_selector{margin-bottom:20px}

#video_portrait{display:none!important}

#c_footer{align-content:center; font-size:15px; margin-bottom:20px} 
	
	#c_footer H4{font-size: 20px; margin-bottom:15px}
		#c_footer H4 SPAN{border-bottom: 1px solid var(--coral); padding-bottom: 5px;}
	
	#c_footer A{color:#404040}
	
	#c_legal{margin-bottom:15px}
		#c_legal A{text-decoration:none; font-size:15px;}
			#c_legal A:hover{text-decoration:underline}
	#c_copy{font-size:13px}
	
	#c_file_info{background:#464747; border:1px solid #464747; display:inline-block; margin-top:15px; padding:10px; font-size:15px; position:relative; color:#fff}
		#c_file_info #link_remove_file{color:#fff; font-size:20px; margin-left:10px}
	

.lato{font-family: 'Lato', serif !important;}
.lora-400{font-family: "Lora", serif; font-optical-sizing: auto; font-weight: 400; font-style: normal;}
.lora-500{font-family: "Lora", serif; font-optical-sizing: auto; font-weight: 500; font-style: normal;}
.lora-600{font-family: "Lora", serif; font-optical-sizing: auto; font-weight: 600; font-style: normal;}
.lora-700{font-family: "Lora", serif; font-optical-sizing: auto; font-weight: 700; font-style: normal;}

#c_clientes{border-top:5px solid var(--grey); border-bottom:5px solid var(--grey); padding:30px 0px; margin-top:30px; margin-bottom:30px; }
	#c_clientes .row:first-child DIV P:first-child{color:var(--coral)}
	#c_clientes .row:first-child DIV P:nth-child(2){font-size: 35px;}


#c_body H2{text-align:center; font-size:35px; width:80%; margin:20px auto}


/* FORMULARIO */

	#c_form{border:1px solid #c0bfbf; background:#f3f3f3; width:96%; margin:0 auto; padding:20px 40px; -webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75); margin-top:20px}
		#c_form H3{color:#313b45; text-align:center; font-weight:900; width:100%; margin-bottom:30px; margin-top:10px; font-size:30px}
		#c_form{color:#313b45;}

	#c_form .form-control{border:1px solid var(--input_grey); border-radius:25px; padding:15px 25px; font-size:15px}

	#c_interesado P{font-size:14px!important}


	.form-check-input:not(:checked) {
		background-color: var(--white);
	}
	.form-check-input:checked {
		background-color: var(--input_grey);
		color:var(--white);
	}

	.form-check-input:checked[type="checkbox"] {
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
	}
	
	
	.form-check-input {
		border: 0;
	}
	.form-check-input {
		margin: 0;
		float: none;
		flex-shrink: 0;
	}
	.form-check-input[type="checkbox"] {
		border-radius: 0.45em;
	}
	.form-check-input {
		float: left;
		margin-right:10px
	}
	.form-check-input {
		--bs-form-check-bg: transparent;
		flex-shrink: 0;
		width: 1.35rem;
		height: 1.35rem;
		margin-top: -0.125rem;
		vertical-align: top;
		appearance: none;
		background-color: var(--white);
		background-image: var(--white);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		border: 1px solid var(--input_grey);
		print-color-adjust: exact;
		border-color: var(--input_grey)!important;
	}

	#file_selector{background:#dcdcdc; color:#454646; font-size:25px; display:inline-block; font-size:20px; text-decoration:none; border-radius:25px; padding:15px 25px; font-size:15px; font-weight:bold; border:1px solid #454646}

/*  */

.error_input{
	background-color:var(--coral)!important;
	color:var(--white); 
}

.error_input::placeholder {
  color: var(--white);
  opacity: 1; /* Firefox */
}

.error_input::-ms-input-placeholder { /* Edge 12 -18 */
  color: var(--white);
}


#btnContact{background:#464747; display:inline-block; color:#fff; padding:10px 20px; border-radius:5px; text-decoration:none; border:1px solid #464747}
	#btnContact:hover{background:#fff; color:#464747;}
#msj_error{color:var(--error); font-size:15px; margin-bottom: 20px;}
#msj_waiting{color: var(--blue) !important; font-size:15px;}
/*  */


#c_form_msj{
	position: fixed;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.6);
	z-index: 100; display:none
}
#c_form_msj DIV{
	background: #fff;
	margin: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%) translateX(-50%);
	width: 550px;
	max-width:90%;
	left: 50%; padding:20px; border-radius:25px; text-align:center}
#c_form_msj DIV H2{color: #000; text-align:center}
#c_form_msj DIV A{background-color: #fff;
	border-style: solid;
	border-radius: 90px; color: #000; display: inline-block;
	line-height: 1; font-size: 15px;
	padding: 12px 24px; text-align: center;  transition: all .3s;}
#c_form_msj DIV A:hover{color: #FFFFFF;
	background-color: #000;
	border-color: #000;}
	


@media (max-width: 1550px){
	#c_footer H4{font-size:18px}
	#c_footer .offset-sm-1{margin-left:0px!important; width:100%!important}
}
@media (max-width: 1600px){

}
@media (max-width: 1450px){

}
@media (max-width: 1280px){
	
}
@media (max-width: 1200px){
	#c_header .container, #c_body .container{max-width:100%}
	#c_footer H4{font-size:15px; font-weight:600}
	#c_footer{font-size:15px}
	
	
}
@media (max-width: 980px){

	#c_body H2{width:100%}

	.fw_t1{width:100%}

	#c_footer .offset-sm-1 .col-sm-4:first-child{width:100%!important}
	#c_footer .offset-sm-1 .col-sm-2{width:50%!important}
	#c_footer .offset-sm-1 .col-sm-4:last-child{width:100%!important}
	
	#c_footer H4 SPAN {width: 100%;	display: inline-block;}

}

@media (max-width: 680px){
	#c_footer .offset-sm-1 .col-sm-2{width:100%!important}
	
	#c_clientes .row:first-child DIV P:nth-child(2) {
		font-size: 35px;
		padding: 0 10px;
		line-height: 40px;
	}
	#c_clientes .row:first-child DIV P:nth-child(3) {
		padding: 0 10px;
	}
	
	#c_form{padding:20px}
	#c_form P, #c_schedule_selector{font-size:18px}
	#c_schedule_selector .col-sm-7{padding-bottom:10px}
	
	
	#video_landscape{display:none!important}
	#video_portrait{display:inline-block!important}
	
}
@media (max-width: 575px){
	#c_header DIV, #c_footer DIV{text-align:center!important}
	#logo{margin-bottom:10px}
	#c_header .container:first-child{padding:1rem 5px;}
	
	#c_form #c_action{text-align:center}
	
}


/* SLIDER */

img {
  max-width: 100%;
  height: auto;
}

.slider-container {    
    padding: 0rem 3rem 0rem 3rem;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 5px;    
    position:relative;
}

.my-slider {
    display: flex;
    position: relative;    
}

.slider-item {
    background: var(--grey)!important;
    border-right: 2px solid #333;
    padding: 1.5rem .75rem;
    position: relative;
}

.controls {
    margin: 0;
    padding: 0 20px;
    list-style: none;
    position: absolute;
    left: 0;    
    width: 100%;    
    top: 50%;
    transform: translatey(-50%);
    display: flex;
    align-items: center;    
    justify-content: space-between;
    &:focus {
        outline: none;
    }

    li:hover {
        cursor: pointer;        
    }
}

/* DROPDOWN */
.dropdown {
	position: relative;
	font-size: 14px;
	color: #333;

	.dropdown-list {
		padding: 12px;
		background: #fff;
		position: absolute;
		top: 50px;
		left: 2px;
		right: 2px;
		box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .15);
		transform-origin: 50% 0;
		transform: scale(1, 0);
		transition: transform .15s ease-in-out .15s;
		max-height: 66vh;
		overflow-y: scroll;
	}

	.dropdown-option {
		display: block;
		padding: 8px 12px;
		opacity: 0;
		transition: opacity .15s ease-in-out;
	}

	.dropdown-label {
		display: block;
		height: 50px;
		background: #fff;
		border:1px solid var(--input_grey); 
		border-radius:25px; 
		padding: 15px 25px; 
		font-size:15px;
		/*padding: 6px 12px;*/
		line-height: 1;
		cursor: pointer;

		&:before {
		  content: '▼';
		  float: right;
		}
	}

	&.on {
		.dropdown-list {
			transform: scale(1, 1);
			transition-delay: 0s;

			.dropdown-option {
				opacity: 1;
				transition-delay: .2s;
			}
		}

		.dropdown-label:before {
		  content: '▲';
		}
	}

	[type="checkbox"] {
		position: relative;
		top: -1px;
		margin-right: 4px;
	}

}

.hidden{display:none!important}
.legal{font-size:15px!important}
	.legal A{color:#404040}
	
	
.gt-btn-style-1{
	background-color: #fff!important;
	color: var(--coral) !important;
	border-color: var(--coral)!important;
	border-radius: 25px !important;
	font-family: 'Lato';
	margin-top:30px;
	margin-bottom:30px;
}
.gt-btn-style-1 I{margin-left:10px}
.gt-btn-style-1:hover{background:#000!important; color:#fff!important; border-color: #000!important;}
	.gt-btn-style-1:hover I{color:#fff!important}


.btn {
	padding: 1rem 1.875rem;
	border-radius: 200px;
	font-weight: 600;
	line-height: 0.75rem;
	font-size: 0.75rem;
	text-transform: uppercase;
	color: #fff;
}
.btn {
	display: inline-block;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: .25rem;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}