/* Custom CSS */

@font-face{
	font-family: "Montserrat";
	src: url("/3dsculptor-3dcreator/views/static/fonts/Montserrat/Montserrat-Regular.ttf");
}

@font-face{
	font-family: "Montserrat Bold";
	src: url("/3dsculptor-3dcreator/views/static/fonts/Montserrat/Montserrat-Bold.ttf");
}

@font-face{
	font-family: "3ds Bold";
	src: url("/3dsculptor-3dcreator/views/static/fonts/3ds/3ds-Bold.ttf");
}

@font-face{
	font-family: "3ds Light";
	src: url("/3dsculptor-3dcreator/views/static/fonts/3ds/3ds-Light.ttf");
}

.container-fluid{padding-left: 3%; padding-right: 3%;}
h1.h1,.footer-text-1{font-family: "Poppins"; font-weight: 700;}
.footer-text-2,p{font-family: "Poppins"; font-weight: 400;}
a.footer-text-1{color: #f8f9fa;}
a.footer-text-1:hover{color: #007bff;}
p{font-size: 18px;}
h2.h2,h3.h3{font-family: "Poppins"; font-weight: 700;}
h5.h5, h6.h6, .h1-2, ul, .concursos{font-family: "Poppins"; font-weight: 400;}
.font-banner{font-size: 3.5rem;}
.font-banner-2{font-size: 2rem;}
ul, .concursos{font-size: 24px;}
img.banners{max-width: 100%;}
img.icons{max-width: 70%;}
.pd-10{padding-top: 10px; padding-bottom: 10px;}
.pdb-10{padding-bottom: 10px !important;}
.pdb-20{padding-bottom: 20px;}
.pd-20{padding-top: 20px; padding-bottom: 20px;}
.reproductor{width: 100%; background: #f1f3f4;}
.formulario{padding: 15px; background: #ffffff; border-radius: 0px; box-shadow: 0 0 20px rgba(0,0,0,0.5);}
.icon-form{margin-top: -60px;}
.sticky-form{
	position: fixed;
    top: 60px;
    width: 32%;
    right: 15px;
    z-index: 100;
    height: 500px !important;
    overflow: auto;
    box-shadow: 0 0 20px rgba(0,0,0,0.5);
}
.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:20px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  	font-size:30px;
	box-shadow: 2px 2px 3px #999;
  	z-index:100;
}
.float:hover {
	text-decoration: none;
	color: #25d366;
  	background-color:#fff;
}

.my-float{
	margin-top:16px;
}
.certificaciones{
	background: transparent; 
	border: #fff solid 2px; 
	padding: 15px 25px; 
	border-radius: 15px; 
	box-shadow: 0 0 20px #fff;
}
.pdp{padding-bottom: 20px;}
.form-control, label{
	font-family: "Poppins"; 
	font-size: 12px;
}
.form-control{
	background-color: #f2f2f2;
    border: 1px solid #e7e7e7;
    border-radius: 4px;
    -webkit-appearance: none;
    -webkit-box-shadow: 0 5px 10px 0 transparent;
    box-shadow: 0 5px 10px 0 transparent;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.form-control:hover, .form-control:focus{
	background: #ffffff;
    border-color: #ffffff;
    -webkit-box-shadow: 0 10px 27px 0 rgba(0,0,0,0.1);
    box-shadow: 0 10px 27px 0 rgba(0,0,0,0.1);
}
.btn-largo, .btn-largo-2, .btn-custom
{
  font-family: "Poppins";
    padding: 10px 40px;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    font-weight: 400;
    -webkit-mask-image: -webkit-radial-gradient(circle,white 100%,black 100%);
    -webkit-transition: all .5s cubic-bezier(.3,.95,.3,.95);
    -moz-transition: all .5s cubic-bezier(.3,.95,.3,.95);
    transition: all .5s cubic-bezier(.3,.95,.3,.95);    
    border-radius: 43px;
}
.btn-custom{border-radius: 0px !important; font-size: 18px !important; font-weight: 400 !important;}
.btn-custom-azul{color: #ffffff; background: linear-gradient(45deg, #29abe2, #004a7b); border: solid 2px #29abe2;}
.btn-custom-azul:hover{color: #004a7b; background: transparent; border: solid 2px #29abe2;}
.btn-custom-azul-1{color: #ffffff; background: linear-gradient(45deg, #004a7b, #004a7b); border: solid 2px #004a7b;}
.btn-custom-azul-1:hover{color: #004a7b; background: transparent; border: solid 2px #004a7b;}
.btn-custom-azul-2{color: #ffffff; background: #29abe2; border: solid 2px #29abe2;}
.btn-custom-azul-2:hover{color: #ffffff; background: transparent; border: solid 2px #29abe2;}
.btn-custom-rojo{color: #ffffff; background: linear-gradient(45deg, #9E005D, #F15A24); border: solid 2px #9E005D;}
.btn-custom-rojo:hover{color: #9E005D; background: transparent; border: solid 2px #9E005D;}

.btn-custom-azro{color: #ffffff; background: linear-gradient(45deg, #FF0000, #2E3192); border: solid 2px #FF0000;}
.btn-custom-azro:hover{color: #FF0000; background: transparent; border: solid 2px #FF0000;}

.btn-custom-naranja{color: #ffffff; background: #FBB03B; border: solid 2px #FBB03B;}
.btn-custom-naranja:hover{color: #FBB03B; background: transparent; border: solid 2px #FBB03B;}
.btn-custom-verde{color: #ffffff; background: linear-gradient(45deg, #00B0D8, #FEC601); border: solid 2px #00B0D8;}
.btn-custom-verde:hover{color: #ffffff; background: transparent; border: solid 2px #00B0D8;}
.btn-largo-2{border-radius: 5px !important; font-size: 24px !important; line-height: 34px !important;}
.btn-largo-2:hover{cursor: pointer; border-radius: 5px !important;}
.btn-largo:hover{cursor: pointer; border-radius: 43px !important;}
.btn-rojo{color: #fff; background: #bf0411; border: solid 2px #bf0411;}
.btn-rojo:hover{color: #bf0411 ; background: transparent; border: solid 2px #bf0411;}
.btn-azul{color: #fff; background: #1d7cbc; border: solid 2px #1d7cbc;}
.btn-azul:hover{color: #fff ; background: transparent; border: solid 2px #1d7cbc;}
.text-azul{color: #004a7b;}
.text-rojo{color: #de0009;}
.columna-gris{background: #e8eff3; color: #333333;}
.columna-azul{background: #004a7b; color: #ffffff;}
.columna-borde{background: transparent; border: #ffffff solid 2px; color: #ffffff;}
.columna-roja{background: #de0009; color: #ffffff; padding: 10px 50px; margin-left: -25px;}
img.flecha{margin-left: -20px; margin-top: 15px;}
img.mano{margin-left: -40px;}
label.form-text{font-family: "Poppins"; font-size: 16px; font-weight: 400;}
.formulario > div > label.form-text, .formulario > div > div > label.form-text{font-size: 12px !important;}
span.name-company{background: #ffffff; color: #004a7b !important; padding: 10px 50px; border-radius: 100px; font-size: 18px; font-family: "Poppins";}
.bg-gradiente{background: linear-gradient(45deg, #29abe2, #004a7b) !important;}
.barra{
  background: #ffffff;
  border-radius: 15px;
  border: #78A7AF solid 1px;
  padding: 5px 10px;
  margin-bottom: 15px;
  min-height: 360px;
}
.vid-confer{
  margin: auto;
  border: #004a7b solid 2px;
  border-radius: 100px;
  padding: 0px 20px;
  color: #999999;
}

i.icon-vid-confer{
  background: #004a7b;
  border: #004a7b solid 2px;
  padding: 32px 34px;
  border-radius: 50px;
  color: #ffffff;
  margin-left: -30px;
  -webkit-mask-image: -webkit-radial-gradient(circle,white 100%,black 100%);
  -webkit-transition: all .5s cubic-bezier(.3,.95,.3,.95);
  -moz-transition: all .5s cubic-bezier(.3,.95,.3,.95);
  transition: all .5s cubic-bezier(.3,.95,.3,.95);
}

i.icon-vid-confer:hover{
  background: #29abe2;
  border: #29abe2 solid 2px;
}

p.vid-confer-2p{
  font-family: "Poppins";
  font-size: 22px;
  padding: 20px 10px 0px 20px;
}

p.vid-confer-p{
  font-family: "Poppins";
  text-align: justify;
  padding: 15px 1%;
  font-size: 14px;
}

@media only screen and (max-width: 799px)
{
	.font-banner{font-size: 2rem;}
	.font-banner-2{font-size: 1.5rem;}
	.pdp{padding-left: 3%; padding-right: 3%;}
	.column-mobi{display: block;}
	.column-desk{display: none;}
	.btn-largo-2{font-size: 18px !important;}
	.sticky-form{
		display: none;
	}
	i.icon-vid-confer{margin-left: 100px; margin-top: -50px}
	p.vid-confer-2p{text-align: center;}
}

@media only screen and (min-width: 800px)
{
	.column-mobi{display: none;}
	.column-desk{display: flex;}
	.btn-largo-2{border-radius: 5px !important; font-size: 24px !important; line-height: 34px !important;}
}