/* ================
 * TV Screen col-12
   ================ */
.full-page-bg {
    background: #262626;
}
.tv-image-bg .container {
    position: relative;
}
footer{
    margin-top: -10px;
	color: #b4b4b4;
}

/* ================
 * TV Screen col-12
   ================ */
.tv-image-bg.SPAINTRIP-0417-col-12 {
	background: #6bc7d2 url('img/1767x769_BG.jpg') top center no-repeat;
    height: 769px;
	position: relative;
}
.tv-image-bg.SPAINTRIP-0417-col-12 .copy-title {
	color: #480026;
	font-size: 4em;
	text-align: center;
	line-height: 1;
	padding-top: 30px;
}
.tv-image-bg.SPAINTRIP-0417-col-12 .copy-desc {
	color: #000b5b;
	font-size: 1.9em;
	text-align: center;
    margin-top: 10px;
}
.tv-image-bg.SPAINTRIP-0417-col-12 .slider-frame-1 {
	right: 3%;
	top: 5%;
	background: url('img/frame1.png') top center no-repeat;
	padding-top: 26px;
	padding-left: 24px;
}
.tv-image-bg.SPAINTRIP-0417-col-12 .slider-frame-2 {
	right: 27%;
	top: 15%;
	background: url('img/frame2.png') top center no-repeat;
	padding-top: 16px;
	padding-left: 14px;
}
.tv-image-bg.SPAINTRIP-0417-col-12 .slider-frame-3 {
	right: 3%;
	bottom: 15%;
	background: url('img/frame3.png') top center no-repeat;
	padding-top: 23px;
	padding-left: 24px;
}
.tv-image-bg.SPAINTRIP-0417-col-12 .slider-frame-4 {
	right: 27%;
	bottom: 5%;
	background: url('img/frame4.png') top center no-repeat;
	padding-top: 20px;
	padding-left: 21px;
}
.tv-image-bg.SPAINTRIP-0417-col-12 .slider-frame-1, .tv-image-bg.SPAINTRIP-0417-col-12 .slider-frame-2, .tv-image-bg.SPAINTRIP-0417-col-12 .slider-frame-3, .tv-image-bg.SPAINTRIP-0417-col-12 .slider-frame-4 {
	width: 313px;
	height: 312px;
	position: absolute;
}
.tv-image-bg.SPAINTRIP-0417-col-12 .slider-container {
	position: relative;
	width: 270px;
	height: 270px;
}
.titles-slider {
	position: absolute;
	z-index: 5;
	background: #ff9200;
	color: #121212;
	padding: 3px;
	right: 0;
}
.tv-image-bg.SPAINTRIP-0417-col-12 .slider {
	position: relative;
	width: 270px;
	height: 270px;
}
.tv-image-bg.SPAINTRIP-0417-col-12 .slider div {
	width: 270px;
	height: 270px;
	position: absolute;
}

.tv-image-bg.SPAINTRIP-0417-col-12 .slider div span {
	display: block;
	width: 100%;
	position: absolute;
	bottom: 0;
	color: #fff;
	text-align: center;
	background: -webkit-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.7)30%);
	background: -o-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.7)30%);
	background: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 30%);
	padding: 5px;
    padding-top: 15px;
    font-weight: bold;
}

.tv-image-bg.SPAINTRIP-0417-col-12 .slider div img {
	position: absolute;
}

.slider{
  display: flex; 
  align-items: center;
  height: 100%;
  width: 100%;
  background-position: center center;
  background-size: cover; 
}

.tv-image-bg.SPAINTRIP-0417-col-12 .slider div:nth-of-type(1) {
  position: absolute;
  z-index: 3;
  animation: xfade 15s -0s infinite;
  -webkit-animation: xfade 15s -0s infinite;
  animation-timing-function: ease-in-out;
}

.tv-image-bg.SPAINTRIP-0417-col-12 .slider div:nth-of-type(2){
  position: absolute;
  z-index: 2;
  animation: xfade 15s -5s infinite;
  -webkit-animation: xfade 15s -5s infinite;
  animation-timing-function: ease-in-out;
}

.tv-image-bg.SPAINTRIP-0417-col-12 .slider div:nth-of-type(3){
  position: absolute;
  z-index: 1;
  animation: xfade 15s -10s infinite;
  -webkit-animation: xfade 15s -10s infinite;
  animation-timing-function: ease-in-out;
}

@keyframes xfade{

     0% {opacity: 0;}
    20% {opacity: 1;}
    33% {opacity: 1;}
    53% {opacity: 0;}
    100% {opacity: 0;}
}

@-webkit-keyframes xfade{

     0% {opacity: 0;}
    20% {opacity: 1;}
    33% {opacity: 1;}
    53% {opacity: 0;}
    100% {opacity: 0;}
}


.en-gb .tv-image-bg.SPAINTRIP-0417-col-12 .copy-title {
	font-size: 2.75em;
}
.th-th .tv-image-bg.SPAINTRIP-0417-col-12 .copy-title {
	font-size: 2.8em;
}
.ko-kr .tv-image-bg.SPAINTRIP-0417-col-12 .copy-title {
	font-size: 3.2em;
}
.id-id .tv-image-bg.SPAINTRIP-0417-col-12 .copy-title {
	font-size: 3.5em;
}
.ja-jp .tv-image-bg.SPAINTRIP-0417-col-12 .copy-title {
	font-size: 2.95em;
}
.vi-vn .tv-image-bg.SPAINTRIP-0417-col-12 .copy-title {
	font-size: 2.35em;
    font-family: roboto;
    font-weight: 900;
}
.km-kh .tv-image-bg.SPAINTRIP-0417-col-12 .copy-title {
	font-size: 2.8em;
    line-height: 1.2;
}
.zh-cn .tv-image-bg.SPAINTRIP-0417-col-12 .copy-title {
	font-size: 5.2em;
}
.zh-cn .tv-image-bg.SPAINTRIP-0417-col-12 .slider div span {
    font-weight: normal;
}



/* ================
 * /TV Screen col-12
   ================ */
   
@media (max-width: 1440px) {
    .en-gb .tv-image-bg.SPAINTRIP-0417-col-12 .copy-title {
        font-size: 2.75em;
    }
    .th-th .tv-image-bg.SPAINTRIP-0417-col-12 .copy-title {
        font-size: 2.8em;
    }
    .ko-kr .tv-image-bg.SPAINTRIP-0417-col-12 .copy-title {
        font-size: 3.2em;
    }
    .id-id .tv-image-bg.SPAINTRIP-0417-col-12 .copy-title {
        font-size: 3.5em;
    }
    .ja-jp .tv-image-bg.SPAINTRIP-0417-col-12 .copy-title {
        font-size: 2.95em;
    }
    .vi-vn .tv-image-bg.SPAINTRIP-0417-col-12 .copy-title {
        font-size: 2.8em;
    }
    .km-kh .tv-image-bg.SPAINTRIP-0417-col-12 .copy-title {
        font-size: 2.8em;
        line-height: 1.2;
    }
    .zh-cn .tv-image-bg.SPAINTRIP-0417-col-12 .copy-title {
        font-size: 5.2em;
    }
    .zh-cn .tv-image-bg.SPAINTRIP-0417-col-12 .slider div span {
        font-weight: normal;
    }
}

@media (max-width: 1350px) {
    .en-gb .tv-image-bg.SPAINTRIP-0417-col-12 .copy-title {
        font-size: 2.75em;
    }
    .th-th .tv-image-bg.SPAINTRIP-0417-col-12 .copy-title {
        font-size: 2.8em;
    }
    .ko-kr .tv-image-bg.SPAINTRIP-0417-col-12 .copy-title {
        font-size: 3.2em;
    }
    .id-id .tv-image-bg.SPAINTRIP-0417-col-12 .copy-title {
        font-size: 3.5em;
    }
    .ja-jp .tv-image-bg.SPAINTRIP-0417-col-12 .copy-title {
        font-size: 2.95em;
    }
    .vi-vn .tv-image-bg.SPAINTRIP-0417-col-12 .copy-title {
        font-size: 2.8em;
    }
    .km-kh .tv-image-bg.SPAINTRIP-0417-col-12 .copy-title {
        font-size: 2.8em;
        line-height: 1.2;
    }
    .zh-cn .tv-image-bg.SPAINTRIP-0417-col-12 .copy-title {
        font-size: 5.2em;
    }
    .zh-cn .tv-image-bg.SPAINTRIP-0417-col-12 .slider div span {
        font-weight: normal;
    }
}

@media (max-width: 1300px) {
    .en-gb .tv-image-bg.SPAINTRIP-0417-col-12 .copy-title {
        font-size: 2.75em;
    }
    .th-th .tv-image-bg.SPAINTRIP-0417-col-12 .copy-title {
        font-size: 2.8em;
    }
    .ko-kr .tv-image-bg.SPAINTRIP-0417-col-12 .copy-title {
        font-size: 3.2em;
    }
    .id-id .tv-image-bg.SPAINTRIP-0417-col-12 .copy-title {
        font-size: 3.5em;
    }
    .ja-jp .tv-image-bg.SPAINTRIP-0417-col-12 .copy-title {
        font-size: 2.95em;
    }
    .vi-vn .tv-image-bg.SPAINTRIP-0417-col-12 .copy-title {
        font-size: 2.8em;
    }
    .km-kh .tv-image-bg.SPAINTRIP-0417-col-12 .copy-title {
        font-size: 2.8em;
        line-height: 1.2;
    }
    .zh-cn .tv-image-bg.SPAINTRIP-0417-col-12 .copy-title {
        font-size: 5.2em;
    }
    .zh-cn .tv-image-bg.SPAINTRIP-0417-col-12 .slider div span {
        font-weight: normal;
    }
}

@media (max-width: 1200px) {
    .en-gb .tv-image-bg.SPAINTRIP-0417-col-12 .copy-title {
        font-size: 2.75em;
    }
    .th-th .tv-image-bg.SPAINTRIP-0417-col-12 .copy-title {
        font-size: 2.8em;
    }
    .ko-kr .tv-image-bg.SPAINTRIP-0417-col-12 .copy-title {
        font-size: 3.2em;
    }
    .id-id .tv-image-bg.SPAINTRIP-0417-col-12 .copy-title {
        font-size: 3.5em;
    }
    .ja-jp .tv-image-bg.SPAINTRIP-0417-col-12 .copy-title {
        font-size: 2.95em;
    }
    .vi-vn .tv-image-bg.SPAINTRIP-0417-col-12 .copy-title {
        font-size: 2.8em;
    }
    .km-kh .tv-image-bg.SPAINTRIP-0417-col-12 .copy-title {
        font-size: 2.8em;
        line-height: 1.2;
    }
    .zh-cn .tv-image-bg.SPAINTRIP-0417-col-12 .copy-title {
        font-size: 5.2em;
    }
    .zh-cn .tv-image-bg.SPAINTRIP-0417-col-12 .slider div span {
        font-weight: normal;
    }
}

@media (max-width: 700px) {
	
	.copy-mobile {
		margin-top:120px;
		
	}
	
	
}