/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
/*Display: NONE LARGE*/
#float-contact-buttons{
	display:none;
}
/*********************/

.section{
	background-color: #fff;
}

h2{color:#EB1C22 !important;}

#countdown-ex3 > span > span{
	background-color:#fff !important;
	padding-top:20px;
	padding-bottom:20px;
	border: 5px solid #b12135;
	border-top-left-radius:15px;
	border-bottom-right-radius:15px;
}

#patrocinadores{
/* 	background:url('../shisan/pics/galeria/IMG-20200213-WA0016.jpg'); */
	background:url('../shisan/pics/652.jpg');
	background-size:cover;
    
}

#patrocinadores > .row{
	-webkit-backdrop-filter: blur(5px) !important;
	-moz-backdrop-filter: blur(5px) !important;
	-o-backdrop-filter: blur(5px) !important;
	-ms-backdrop-filter: blur(5px) !important;
	backdrop-filter: blur(5px) !important;
/* background: rgba(0, 0, 0, 0.2); */
padding-top:2%;
padding-bottom:2%;
}

#patrocinadores img{
	margin:5px;
}

#entradas:after{
	content:" ";
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	right:0;
	bottom:0;
    -webkit-backdrop-filter: brightness(30%);
    -moz-backdrop-filter: brightness(30%);
    -o-backdrop-filter: brightness(30%);
    -ms-backdrop-filter: brightness(30%);
    backdrop-filter: brightness(30%);
}

#registro form{
/* 	background-color:rgb(88, 108, 164); */
	border: 2px solid rgb(88, 108, 164) !important;
	border-radius:15px;
}

#registro form fieldset{
	padding:0 !important;
}

#registro form > fieldset:nth-child(1) > legend{
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}
#registro form legend{
	color:#fff;
	background-color:rgb(88, 108, 164);
}
#registro form input,
#registro form select{
	background: rgba(88, 108, 164,0.5) !important;
	border: 2px solid rgb(88, 108, 164) !important;
}


#contacto .border-form-control {
	height: 48px;
	padding: 8px 4px;
	font-size: 21px;
	letter-spacing: 1px;
	background-color: transparent !important;
	border-top: transparent;
	border-right: transparent;
	border-left: transparent;
	border-bottom-width: 1px rgb(88, 108, 164);
	font-family: 'Source Sans Pro', sans-serif;
}

#contacto .border-form-control::-moz-placeholder { font-weight: 300; }
#contacto .border-form-control:-ms-input-placeholder { font-weight: 300; }
#contacto .border-form-control::-webkit-input-placeholder { font-weight: 300; }

#contacto textarea.border-form-control {
	resize: none;
	overflow: hidden;
	word-wrap: break-word;
}


#footer.dark,
.dark #footer{
	background-color:rgb(88, 108, 164) ;
}

footer div,
footer i{
	color:#fff;
}

#tel-menu a div{
	font-weight:bold;
	padding:0.3em;
	background-color:#4BEC68;
	box-shadow:0.4em 0.3em 0.4em 0px #000;
	border-radius:10px;
	color:#fff;
}

.social-icon i:last-child {color: #000 !important;}

.videoWrapper {
  position: relative;
  /*   padding-bottom: 56.25%; */
    /* padding-bottom: 20em; */
  padding-bottom: calc(var(--aspect-ratio, .5625) * 100%);
  margin-bottom:4em;
  height: 0;
  width:100% !important;
}
.videoWrapper .fluid-width-video-wrapper{
	padding:0 !important;
	position:initial !important;
	height:315px;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


@media all and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) {
	.videoWrapper .fluid-width-video-wrapper{
		min-height:515px;
	}
}

@media all and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:landscape) {
   .videoWrapper {
    	padding-bottom: 56.25%;
	}
  .videoWrapper .fluid-width-video-wrapper{
		min-height:515px;
	}
}
/* MOBILE */

@media (max-width:1200px){

	/*Display: IN MOBILE*/
	#float-contact-buttons{
		display:block;
	}
	/*********************/

	a[href="mailto:capacitaciones@iasolutions.com.mx"]{
		word-wrap: break-word;
	}

	.fluid-width-video-wrapper iframe{
		position: relative !important;
	}

	#float-contact-buttons{
		width:75%;
		position:fixed;
		bottom:0.5em;
		left:12.5%;
		text-align:center;
		z-index:9;
		}
	
		#float-contact-buttons ul{
			list-style:none;
			background-color:blue;
			display:contents;
		    }
	
		#float-contact-buttons ul li{
			font-weight:bold;
			display:inline-block !important;
			width:45%;
			text-align:center !important;
			padding:0.3em;
			background-color:#4BEC68;
			box-shadow:0.4em 0.3em 0.4em 0px #000;
			border-radius:15px;
		    }
	
			#float-contact-buttons ul li a{
				color:#fff;
			    }

				#float-contact-buttons ul li i{
					margin-right:0.3em;
					}
}

@media (min-width: 1200px) {

	#patrocinadores a:after{
		content:" ";
		position:absolute;
		width:100%;
		height:100%;
		top:0;
		left:0;
		right:0;
		bottom:0;
		-webkit-backdrop-filter: grayscale(100%);
		-moz-backdrop-filter: grayscale(100%);
		-o-backdrop-filter: grayscale(100%);
		-ms-backdrop-filter: grayscale(100%);
		backdrop-filter: grayscale(100%);
	}
	
	#patrocinadores a:hover:after{
		content:" ";
		position:absolute;
		width:100%;
		height:100%;
		top:0;
		left:0;
		right:0;
		bottom:0;
		-webkit-backdrop-filter: grayscale(0%);
		-moz-backdrop-filter: grayscale(0%);
		-o-backdrop-filter: grayscale(0%);
		-ms-backdrop-filter: grayscale(0%);
		backdrop-filter: grayscale(0%);
	}
}