.register-degradado{
background: rgb(255,255,255);
background: linear-gradient(170deg, rgba(255,255,255,1) 0%, rgba(251,251,251,1) 72%, rgba(221,215,215,1) 100%);
}
.btn{
	background: #ff8f00 !important;
}
.btn-size{
	font-size: 200% !important;
	height:90% !important;
	width:180 !important;
}
.register1{
	background-color: #26bac9 !important;
}
.login1{
	border-color:  #19838e !important;
	color: #26bac9 !important;
	background:none !important;
}
@media (max-width: 999px) {
	.register1{
		display: none;
	}
	.login1{
		display: none;
	}
	.media{
		display: none;
	}

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

	.searchbar .btn{
		font-size: 20px !important;
		text-align: center;
		margin-top: 0.5rem !important;
	}
	.searchbar .form-control{
		font-size: 18px !important;
	}

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

	.searchbar .btn{
		font-size: 15px !important;
		text-align: center;
		margin-top: 0.5rem !important;
	}
	.searchbar .form-control{
		font-size: 15px !important;
	}

}
@media (min-width: 768px) {
	.reg{
		display: none;
	}
	.log{
		display: none;
	}

}
.breadCrumb span{
    	color: #26bac9 !important;
}
.searchList li .listbtn a{
    border-color:  #19838e !important;
	color: #26bac9 !important;

}
.userbtns .nav-tabs>li a:hover, .userbtns .nav-tabs>li a.active{
    background: #26bac9;
    border: none;
    color: #fff;
}
.a-footer:hover{
	color: #347bed !important;
}

.logo2:hover{
	transition-duration: 2s;
  -webkit-filter: invert(100%);
    filter: invert(100%);
}

.logo2{
	color: #347bed !important;
}

.nav-text{
	color:white !important;
}
.navbar-nav>li>a:hover, .navbar-nav>li:hover>a, .navbar-nav>li.active>a{
    border-bottom-color: #26bac9;
}
.navbar-expand-lg .navbar-nav .nav-link.register{
    background:#26bac9;
}
.contact-form button{
     background: #26bac9;
}
.userloginbox .viewallbtn a{
    background :#ff8f00 ;
}

.emploginbox .viewallbtn a{
    background :#ff8f00 ;
}
.viewallbtn a{
     background :#ff8f00 
}
h1,h2,h3,h4{
    	color: #26bac9 !important;
}
.titleTop h3 span{
    	color: #26bac9 !important;
}
p{
font-family: 'Montserrat', sans-serif !important;
font-weight: 400 !important;
font-size: 15px !important;
line-height: 30px !important;
}
input[type=radio] {
    -ms-transform: scale(2); /* IE 9 */
    -webkit-transform: scale(2); /* Chrome, Safari, Opera */
    transform: scale(2);
    margin-right: 0.3rem;
    margin-top: 0.3rem;
}
.searchformpadre{
	 position: relative;
}

.placeholder::placeholder{
color: white;
}

.activeExpat a{
  font-weight: bold;
  color:#f9972d !important;
}

aExpat2 a{
	color:#f9972d !important;
}
.aExpat a:hover{
	color:#f9972d !important;
}

.activePymex a{
  font-weight: bold;
  color:#0d4d9b !important;
}


.aPymex a:hover{
	color:#0d4d9b !important;
}

.searchformhijo{
	position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   width: 50%;
   height: 60%;
   margin: auto;
}
.font-spartan{
	font-family: 'Spartan', sans-serif!important;
}
.registerhome{
	font-family: 'Spartan', sans-serif!important;
	font-weight: 900;
}
.top-footer{
	height: 170px;	
	font-family: 'Spartan', sans-serif!important;
}
.spartan{
	font-family: 'Spartan', sans-serif!important;
	line-height:50pt !important;
}
.top-footer p{
	font-weight: 900!important;
	font-family: 'Spartan', sans-serif!important;
	font-size: 2rem!important;
}
.top-footer a{
	font-weight: 900!important;
	font-family: 'Spartan', sans-serif!important;
	font-size: 1rem!important;
}
.top-footer-button{
	margin:30px;
}
.top-footer-button a{
	background-color:#114aa1!important;
	color:white!important;
		font-family: 'Spartan', sans-serif!important;
		font-weight: 600!important;
	border-radius: 10px;
	padding:15px;
}
.color-azul{
	background-color: #0d2444;
}
.float input{
	display: none;
}

.float ul{
	display: none;
}

@media (min-width: 1050px) {
  .large-screen{
  	margin-left:10%
	}
	
	.log-out{
		margin-top:-15%;	
	}
}

@media (max-width: 600px) {
	.margin-search-job{
		margin-left: 32% !important;
	}
}

@media (max-width: 1050px) {
  	.dontshow{
  		display: none;
	}
	
	.margin-bot{
		margin-bottom: 1rem;
	}
	
	.more-largeExpat{
		width:260px !important;
	}
	
	.more-large{
		width:250px !important;
	}
	.log-out{
		margin-top:-10%;	
	}
	
	.textLeft{
		margin-left: -21.2% !important;
	}
	
	.footer-titles2{
		margin-top:6%;
	}
	
	.footer-titles{
		margin-top:9%;
	}
	.no-calendar{
		display: none;
	}
	.login-bottom{
		margin-bottom:40% !important;
	}
}

@media (min-width: 1180px) {
  .large-screen-button{
  margin-left:40% !important;
	}
}

@media (min-width: 1080px) {
  .float .input:checked  ~ ul{
  display:block;
  position: relative;
  right:10%;
}
}
@media (min-width: 980px) {
  .float .input:checked  ~ ul{
  display:block;
  position: absolute;
  right:6%;
}
	.right-margin{
		margin-right: 50px !important;
	}
}
@media (max-width: 979px) {
  .float .input:checked  ~ ul{
  display:block;
  position: absolute;
}
}
.float .ul{
text-align: center;
 margin-top:20px;
 padding: 20px;
 width:200px;
 background-color: white;
 border-radius: 10px;
 z-index: 30;

}

.float .li {
  display: block;
  margin: 0;
	height:30px;
  list-style: none;
  color: #7ca6ee!important;
  border-bottom: 0px solid grey;
  
}
.float .li a{

  color: #477aae!important;

}
.float .ul hr{
	background-color: #477aae;
}
.li:hover{
  filter: brightness(110%);
}
.float label:hover{
	cursor: pointer;
}
.titulos-footer{
	font-family: 'Spartan', sans-serif!important;
	color:white;
	font-weight: 800;
	font-size: 15px
}
.footerWrap{
	padding:100px 0px 0px 0px
}
.laptop{
  position: relative;
}

.laptop img{
  width: 100%;
}

.laptop iframe{
  position: absolute;
  width: 73.2%;
  height: 74.5%;
  background: #000;
  top: 8.6%;
  left: 14%;
}

.noHover{
    pointer-events: none !important;
}

.btn3{
	font-family: 'Spartan', sans-serif!important;
    font-size: 20pt !important;
    text-transform: capitalize !important;
}
.texto-select{
	font-size: 20pt !important;
}
.btn3:hover {
	transition-duration: 2s;
  -webkit-filter: invert(100%);
    filter: invert(100%);
    color:white !important;
}
.animate:hover{
	transition-duration: 2s;
	
  -webkit-transform:scale(0.8);
-moz-transform:scale(0.8);
-ms-transform:scale(0.8);
-o-transform:scale(0.8);
transform:scale(0.8);
}

.changecolor:hover{
	transition-duration: 2s;
	 -webkit-filter: invert(100%);
    filter: invert(100%);
}

@keyframes func{

0%{top: 30px}
100%{top: -20px}

}

.textss{
  position: relative;
  box-sizing: border-box;
  animation: marquee 9s linear infinite;
}

@keyframes marquee{

0%{top: 70px}
100%{top: 2px}

}

.textsss{
  position: relative;
  box-sizing: border-box;
  animation: func 6s linear infinite;
}

@media (min-width: 768px) {
  .text-slider {
    font-size:22pt;
    font-weight:200;
  }
}

@media (min-width: 1080px) {
  .text-slider2{
    font-size:35pt;
    font-weight:200!important;
  }
}

@media (min-width: 990px) {
  .card-register{
    margin-right:18%;
  }
}


.social .fa{
    background: white!important;
    border-radius: 50px!important;
    color: black!important;
    padding: 15px!important;
    width: 50px;
    font-size: 20px;
    text-align: center;
}
.position{
	position: absolute;
	z-index:2;
	
}
.color a{
	color: #114ea0!important;
	border:none!important;
}
.pageTitle{
margin-top: 50px;

}
.title-banner{
	color: white!important;
	top:35%;
	left:14%;
	font-size: 3.5vw;
		font-family: 'Spartan', sans-serif!important;
		font-weight: 900;
	
}
.title-butons{
		top:80%;
	   left:14%;
	
}
.title-butons a{
		width: 210px;
		font-family: 'Spartan', sans-serif!important;
		font-weight: 600;
		padding:10px;
		
		
	
}
.ofertas{
		font-family: 'Spartan', sans-serif!important;
		font-weight: 800!important;
		font-size: 30px!important;
}
.double{
	color: white;
}
.jobint{
   
    height: 100%;
    border-radius: 10px!important;
   
	
}
.jobslist li{
	
}
.jobint img{
	border-radius: 0px;
	width: 80%;
 	height: 100%;
}

.tajeta-job p{
	font-size: 12px!important;
    padding-right:10px;
}
.tarjeta-title a{
		font-family: 'Spartan', sans-serif!important;
		font-weight: 900!important;
		color:#183861!important;
}
.tarjeta-ver a{
	color:#e7994e!important;
		font-family: 'Spartan', sans-serif!important;
		font-weight: 900!important;
}
.tarjeta-fecha{
	font-size: 12px!important;
	color:#b1b1b1;
}
.bar{
background:rgba(0, 0, 0, 0.2);
width: -webkit-fill-available;
}
.boton-azul{
	background:#0e4d9d!important;
}

@media (max-width: 600px) and (min-width: 300px) { 
	.title-butons a{
		width: 80px;
		font-family: 'Spartan', sans-serif!important;
		font-weight: 600;
		padding:5px;
		font-size: 1vh;
		
		
	
}
	.jobint img{
		width: 60px;
	}
	.jobint {
		width: 100%;
	}
	.header-min{
		text-align: center;
	}
	.img-btn-register{
		width: 200px;
	}
	.jobslist li{
		margin:0;
		margin-top: 10px
	}
	.srchbox1{
		width: 200px;
	}
	
}
@media (max-width: 1024px) and (min-width: 768px) { 
	.jobint img{
		width: 100px;
	}
	.header-min{
		text-align: center;
	}
		.srchbox1{
		width: 1000px;
	}
		.jobslist li{
		margin:0;
		margin-top: 10px
	}
	
}

@media (max-width: 549px) and (min-width: 2px){
	.smallf{
		font-size: 12pt !important;
		right:24% !important;
	}
}

@media (max-width: 549px) and (min-width: 2px){
	.smallfont{
		font-size: 10pt !important;
		line-height: 120% !important;
	}
	.tamano-check{
		height: 14px !important;
    	width: 14px !important;
	}
	
	.checkbox1 .check1:after {
    left: 9px !important;
    top: 5px !important;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

	
	
}

@media (max-width: 900px) and (min-width: 700px){
	.smallfont{
		font-size: 22pt !important;
		line-height: 130% !important;
	}
}

@media (max-width: 699px) and (min-width: 550px){
	.smallfont{
		font-size: 18pt !important;
		line-height: 130% !important;
	}
}
@media (max-width: 1025px) and (min-width: 1300px) { 
	.jobint img{
		width: 100px;
	}
	.header-min{
		text-align: center;
	}
		.srchbox1{
		width: 1000px;
	}
		.jobslist li{
	
	}
		
}
.fondo-nube{
	background-image: url("/images/nubes.jpg") ;
	background-repeat: no-repeat;
	background-size:  cover;
	
}
.azul{
	background: #0e4d9c!important;
	color:white!important;
}

.formpanel{
	margin:0!important;
}
.userbtns .nav-tabs{
 margin: 0!important;
}
.tab-blue{
	background-color:  #0e4d9c;
	padding: 40px;
	border-radius: 0 0 10px 10px;
}
.welcome-blue{
	background-color:  #0e4d9c;
	padding: 40px;
	border-radius: 10px 10px 10px 10px;
}
.tab-orange{
	background-color:  #ff8f00;
	padding: 40px;
	border-radius: 0 0 10px 10px;
}
.welcome-orange{
	background-color:  #ff8f00;
	padding: 40px;
	border-radius: 10px 10px 10px 10px;
}
.form-expat{
	background:#073267;
	border:0!important;

}
.form-pymex{
	background:#e47e0f;
	border:0!important;

}
.form-expat::placeholder, .form-pymex::placeholder{
		color:white!important;
}

.naranja{
	background:#ff8f00!important;
	color:white!important;
}
.btn-100{
	font-weight: 100!important;
}

.form-azul input{
	background:#073267;
	border:0;
}
.form-orange input{
	background:#e47e0f;
	border:0;

}
.form-azul input::placeholder{
	color:white!important;
	
}

.form-orange input::placeholder{
	color:white!important;
	
}
.form-control + .fa {
  position: absolute;
  right: 0;
  padding: 8px 27px;
  top:0;
}
.fa-eye{
	color:white!important;
	font-size: 20px;
}
.checkexpat{
    padding-left: 0px;
    margin-bottom: 0px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* custom checkbox */
.checkbox {
    display: block;
    position: absolute;
    padding-left: 35px;
    margin-bottom: 18px;
    cursor: pointer;
    font-size: 22px;
    margin-right: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* hide the browser's default checkbox */
.checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* create custom checkbox */
.check {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #f9962e;
    border: 1px solid white;
    border-radius: 4px;
}

/* on mouse-over, add border color */
.checkbox:hover input ~ .check {
    border: 2px solid #f9962e;
    background-color: white;
}

/* add background color when the checkbox is checked */
.checkbox input:checked ~ .check {
    background-color: #2489C5;
    border:none;
}



/* create the checkmark and hide when not checked */
.check:after {
    content: "";
    position: absolute;
    display: none;
}


/* show the checkmark when checked */
.checkbox input:checked ~ .check:after {
    display: block;
}

/* checkmark style */
.checkbox .check:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* custom checkbox */
.checkbox1 {
    display: block;
    position: absolute;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    margin-right: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* hide the browser's default checkbox */
.checkbox1 input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* create custom checkbox */
.check1 {
    position: absolute;
    top: -2px;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: white;
    border: 1px solid white;
    border-radius: 4px
}

/* on mouse-over, add border color */
.checkbox1:hover input ~ .check1 {
    border: 2px solid #f9962e;
    background-color: white;
}

/* add background color when the checkbox is checked */
.checkbox1 input:checked ~ .check1 {
    background-color: #D37314;
    border:none;
}



/* create the checkmark and hide when not checked */
.check1:after {
    content: "";
    position: absolute;
    display: none;
}


/* show the checkmark when checked */
.checkbox1 input:checked ~ .check1:after {
    display: block;
}

/* checkmark style */
.checkbox1 .check1:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}