body{
	font-family: 'Mark Offc For MC';
	font-weight: 300;
}

h1{
	font-family: 'Mark Offc For MC Heavy';
	font-weight: 700;
}

a{
	color: #fff !important;
	text-decoration: none !important
}
a:hover{
	color: #fff !important;
	text-decoration: none !important;
	font-weight: 700;
}
header {
  position: relative;
  background-color: black;
  height: 75vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}

header video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

header .container {
  position: relative;
  z-index: 2;
}

header .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.1;
  z-index: 1;
}

  header {
    background: url('../img/video-poster.jpg') black no-repeat center center scroll;
  }
@media (pointer: coarse) and (hover: none) {
  header {
    background: url('../img/video-poster.jpg') black no-repeat center center scroll;
  }
  header video {
    display: none;
  }
}


.logo{
	width: 150px;
    position: absolute;
    top: 50px;
}
.logo2{
      width: 194px;
    top: 42px;
    right: 0;
}

#postOne{
  border-top: 4px solid white;
  border-bottom: 4px solid white;
}
#postTwo{
  border-bottom: 4px solid white;
}
#postThree{
  border-bottom: 4px solid white;
}

#postFour{
  border-top: 4px solid white;
  border-bottom: 4px solid white;
}
#postOne .bottomColp, #postFour .bottomColp{
  background-color: #ec3f04;
}
#postFour .bottomColp{
  text-align: right;
}
#postTwo .bottomColp{
  background-color: #f78d14;
  text-align: right;
}
#postFive .bottomColp{
  background-color: #f78d14;
  text-align: left;
}
#postThree .bottomColp, #postSix .bottomColp{
  background-color: #d90f14;
}

 #postSix .bottomColp{
  background-color: #d90f14;
  text-align: right;
}


.bottomColp p{
  font-weight: 700;
}

.carousel-caption {
    text-align: left;
}

footer{
  background-color: #fff;
  color: white;
  border-top: 4px solid white;
  font-size: 14px;
  color: black;
}

footer a{
  color: black !important;
}
footer a:hover{
  color: black !important;
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(198,33,42,1);
background: -moz-linear-gradient(left, rgba(198,33,42,1) 0%, rgba(227,157,47,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(198,33,42,1)), color-stop(100%, rgba(227,157,47,1)));
background: -webkit-linear-gradient(left, rgba(198,33,42,1) 0%, rgba(227,157,47,1) 100%);
background: -o-linear-gradient(left, rgba(198,33,42,1) 0%, rgba(227,157,47,1) 100%);
background: -ms-linear-gradient(left, rgba(198,33,42,1) 0%, rgba(227,157,47,1) 100%);
background: linear-gradient(to right, rgba(198,33,42,1) 0%, rgba(227,157,47,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6212a', endColorstr='#e39d2f', GradientType=1 );
    z-index: 99999;
}

#status {
    width: 100vw;
    height: 100vh;
    position: absolute;
    left: 0;
    top: 42%;
    margin: -0 0 0 -0;
    text-align: center;
}

.arrow1 {
  animation: slide1 2s ease-in-out infinite;
  margin-left: 19px;
}

@keyframes slide1 {
  0%,
  100% {
    transform: translate(0, 0);
  }

  50% {
    transform: translate(-10px, 0);
  }
}



.colpO-a { background: #f26522; color: white; }
.colpO-b  { background: url(../img/Boingo-Wifi.jpg) no-repeat right center scroll; 
  background-size: cover;}

.colp1-a { background: #f99f1c; color: white; }
.colp1-b  { background: url(../img/mastercard-travel-lifestyle-destacada-02.jpg) no-repeat right center scroll; 
  background-size: cover;}


.colp1-b22  { background: url(../img/MASTERCARD_Pep-Avila1545b.jpg) no-repeat right center scroll; 
  background-size: cover;}

.colp2-a { background: #e51b24; color: white; }
.colp2-b  { background: url(../img/Travel-Protection.jpg) no-repeat right center scroll; 
  background-size: cover;}

  .colp2-b22  { background: url(../img/MASTERCARD_Pep-Avila1920B.jpg) no-repeat right center scroll; 
  background-size: cover;}

  .colp1-b2  { background: url(../img/Lounge-key.jpg) no-repeat right center scroll; 
  background-size: cover;}

.container-left-half,
.container-right-half {
  padding-right: 15px;
  padding-left: 15px;

}
.container-left-half {
  margin-right: 0;
  margin-left: auto;
}
.container-right-half {
  margin-right: auto;
  margin-left: 0;
}


.carousel h1, .carousel p{
  text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}

#videoOne {
  border-top: 4px solid white;
   background: rgba(198,33,42,1);
background: -moz-linear-gradient(left, rgba(198,33,42,1) 0%, rgba(227,157,47,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(198,33,42,1)), color-stop(100%, rgba(227,157,47,1)));
background: -webkit-linear-gradient(left, rgba(198,33,42,1) 0%, rgba(227,157,47,1) 100%);
background: -o-linear-gradient(left, rgba(198,33,42,1) 0%, rgba(227,157,47,1) 100%);
background: -ms-linear-gradient(left, rgba(198,33,42,1) 0%, rgba(227,157,47,1) 100%);
background: linear-gradient(to right, rgba(198,33,42,1) 0%, rgba(227,157,47,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6212a', endColorstr='#e39d2f', GradientType=1 );

}

#postFive, #postSix {
  border-bottom: 4px solid white;
}

.colpO-b2 {
    background: url(../img/car-rental.jpg) no-repeat center center scroll;
    background-size: cover;
}

.colp1-b3 {
    background: url(../img/concierge.jpg) no-repeat right center scroll;
    background-size: cover;
}

.colp2-b-3 {
    background: url(../img/princeless.jpg) no-repeat right center scroll;
    background-size: cover;
}

@media (min-width: 768px) {
  .container-left-half,
  .container-right-half {
    width: 375px;
  }
}
@media (min-width: 992px) {
  .container-left-half,
  .container-right-half {
    width: 485px;
  }
}
@media (min-width: 1200px) {
  .container-left-half,
  .container-right-half {
    width: 585px;
  }
}
@media (max-width: 768px) {
	.logo {
	    width: 110px;
	    position: absolute;
	    top: 20px;
	}
	
	.logo2 {
	    top: 12px;
	        width: 194px;
	}
	header h1{
		    font-size: 24px;
	}
  .colp1-b {
    background: url(../img/mastercard-travel-lifestyle-destacada-02.jpg) no-repeat center center scroll;
    background-size: cover;
}
.colp2-b {
    background: url(../img/Travel-Protection.jpg) no-repeat left center scroll;
    background-size: cover;
}
.colp1-b2 {
    background: url(../img/Lounge-key.jpg) no-repeat left center scroll;
    background-size: cover;
}
  .colp2-b22  { background: url(../img/MASTERCARD_Pep-Avila1920B.jpg) no-repeat right center scroll; 
  background-size: cover;}
  .colp1-b22  { background: url(../img/MASTERCARD_Pep-Avila1545b.jpg) no-repeat right center scroll; 
  background-size: cover;}
  .carousel-caption {
    left: 6%;
}
.colp1-b3 {
    background: url(../img/concierge.jpg) no-repeat right center scroll;
    background-size: cover;
}
.colp2-b-3 {
    background: url(../img/princeless.jpg) no-repeat left center scroll;
    background-size: cover;
}

}