.text-left {
	text-align: left; 
}
.text-right {
	text-align: right; 
}
.cfont {
	font-family: Arial;
}
.cfonttimes {
	font-family: "Times New Roman", Times, serif;
}
.cfontbelepotan {
	font-family: Belepotan;
}
.cbold {
	font-weight: bold;
}
.cwhite {
	color: #fff;
}
.cblack {
	color: #000;
}
.cgrey {
	color: #777;
}
.cred {
	color: #CC0000;
}
.cblue {
	color: #313D92;
}
.cextrabig {
	font-size: 80px;
}
.cbig {
	font-size: 36px;
}
.cbigger {
	font-size: 54px;
}
.cmedium {
	font-size: 28px;
}
.csmall {
	font-size: 18px;
}
.cextrasmall {
	font-size: 14px;
}
.cpad10 {
	padding: 10px;
}
.cpad20 {
	padding: 20px;
}
.cpad30 {
	padding: 30px;
}
.cpadtop100 {
	padding-top: 100px;
}
.cpadtop {
	padding-top: 20vh;
}
.cattention {
        background-color: #FFC4C4;
}
.csuccess {
        background-color: #7CBA2B;
}
.clightblue {
        background-color: #E9FEFF;
}	
.cuba-flag {
	background-image: url("/images/cuba-flag.jpg");
	background-size: cover;
	background-position: top left;
}
.cshadow {
	text-shadow: 2px 2px 1px #555;
}
.cstartpageshadow {
	text-shadow: 3px 3px 10px #FEEECC, -3px -3px 10px #FEEECC, -3px 3px 10px #FEEECC, 3px -3px 10px #FEEECC;
}
.s-parallax-container-cuba, .s-parallax-container-ibiza, .s-parallax-container-saigon {
    position: relative;
    height: 100vh; 
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.s-parallax-container-cuba {
    background-image: url("/images/cuba-header-bg.jpg");
}

.s-parallax-container-ibiza {
    background-image: url("/images/ibiza-header-bg.jpg");
}

.s-parallax-container-saigon {
    background-image: url("/images/saigon-header-bg.jpg");
}

.s-parallax-container-min-cuba, .s-parallax-container-min-ibiza, .s-parallax-container-min-saigon, .s-parallax-container-call-cuba, .s-parallax-container-call-ibiza, .s-parallax-container-call-saigon {
    position: relative;
    height: 50vh; 
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.s-parallax-container-min-cuba {
    background-image: url("/images/cuba-header-min-bg.jpg");
}

.s-parallax-container-min-ibiza {
    background-image: url("/images/ibiza-header-min-bg.jpg");
}

.s-parallax-container-min-saigon {
    background-image: url("/images/saigon-header-min-bg.jpg");
}

.s-parallax-container-call-cuba {
    background-image: url("/images/cuba-header-call-bg.jpg");
}

.s-parallax-container-call-ibiza {
    background-image: url("/images/ibiza-header-call-bg.jpg");
}

.s-parallax-container-call-saigon {
    background-image: url("/images/saigon-header-call-bg.jpg");
}
 
.s-parallax-content {
    position: absolute;
    max-width: 1200px;
    width: 100%;	
    height: 100vh; 
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.s-parallax-content-min {
    position: absolute;
    max-width: 1200px;
    width: 100%;	
    height: 50vh; 
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.s-parallax-logo {
    text-align:left;	
    padding-top:10%;
}
.s-parallax-text {
    text-align:center;	
}
.maintext-ibiza {
    position: absolute;
    width: 100%;	
    bottom: 30vh;
    text-align:right;
    padding-right: 15px;		
}
.maintext-saigon {
    position: absolute;
    width: 100%;	
    bottom: 15vh;
    text-align:right;
    padding-right: 15px;		
    font-family: Belepotan;
}
.maintext-cuba {
    position: absolute;
    width: 100%;	
    bottom: 20vh;
    text-align:right;
    padding-right: 15px;		
    text-shadow: 3px 3px 10px #6DA6DF, -3px -3px 10px #6DA6DF, -3px 3px 10px #6DA6DF, 3px -3px 10px #6DA6DF;
    font-family: "Times New Roman", Times, serif;
}
.start-page {
    background-image: linear-gradient(to bottom, #62a5b1, #75b4b1, #8ec1b1, #aacdb3, #c7d9b9, #d5dfbd, #e2e4c2, #f0eac8, #f2ebc9, #f4edc9, #f7eeca, #f9efcb);
    height: 100vh; 
}

.divcenter {
    position: absolute;
    width: 100%;	
    top: 15vh;
    text-align:center;	
}
.buy-cert-input {
      border: 1px solid #ccc;
      color: #000;
      font-size: 40px;
      text-align:center;	
      width: 300px;
      height:60px;
	      
      &::placeholder {
      font-size: 18px;
      }
      
      &:focus, &:active {
      border: 1px solid #5AB600;
      }
      
      &:focus, &:active, &.populated {
          &::placeholder {
          color: transparent;
        }
      }
}

.buy-cert-input-mail {
      font-size: 20px;
      margin-top: 3px;	
}
  
.buy-cert-submit {
    margin-top:3px;
    border: none;
    width: 300px;
    height:60px;
    background: #5AB600;
    color: #fff;
    
    &:hover {
      background: #4D9C00;
    }
}

.button-startpage:hover, .button-startpage:active {
    background-color: #1E0646;
    border-color: #1E0646;
}
.bg-ibiza {
    background-color: #A0B854;
}
.bg-decorate-ibiza:after {
    background: #548554;
}
.bg-saigon {
    background-color: #D1213A;
}
.bg-decorate-saigon:after {
    background: #404040;
}
.bg-saigon-red {
    background-color: #D1213A;
}
.bg-saigon-grey {
    background-color: #404040;
}
.bg-cuba-blue {
    background-color: #313D92;
}


@media (max-width: 1400px) {
.start-page {
    height: auto; 
}
.cbigger {
	font-size: 48px;
}

}

@media (max-width: 1200px) {
.cbigger {
	font-size: 42px;
}

}

@media (max-width: 992px) {
.s-parallax-logo {
    text-align:left;	
    padding-top:10%;
}
.cextrabig {
	font-size: 48px;
}

}
@media (max-width: 768px) {
.s-parallax-logo {
    text-align:left;	
    padding-top:10%;
}
.cextrabig {
	font-size: 44px;
}

}
@media (max-width: 576px) {
.s-parallax-logo {
    text-align:center;	
    padding-top:10%;
}
.cextrabig {
	font-size: 42px;
}
.cbigger {
	font-size: 40px;
}
.s-parallax-container-min-cuba, .s-parallax-container-min-ibiza, .s-parallax-container-min-saigon {
    height: 30vh; 
}
.cextrabig {
	font-size: 38px;
}
.divcenter {
    position: absolute;
    width: 100%;	
    top: 5vh;
    text-align:center;	
}

}
@media (max-width: 400px) {
.cextrabig {
	font-size: 36px;
}
.cbig {
	font-size: 28px;
}
.cbigger {
	font-size: 34px;
}

}
