@font-face { font-family: GilroyBold; src: url('//static3.traveltek.net/images/www.virginholidayscruises.co.uk/fonts/gilroy-bold-webfont.woff'); }
@font-face { font-family: GilroyMedium; src: url('//static3.traveltek.net/images/www.virginholidayscruises.co.uk/fonts/gilroy-medium-webfont.woff'); }

@font-face{
	font-family: 'ProximaNova-Regular';
	src: url('//static3.traveltek.net/images/www.virginholidayscruises.co.uk/fonts/proximanova-reg.eot');
	src: url('//static3.traveltek.net/images/www.virginholidayscruises.co.uk/fonts/proximanova-reg.woff') format('woff'),
	     url('//static3.traveltek.net/images/www.virginholidayscruises.co.uk/fonts/proximanova-reg.ttf') format('truetype'),
	     url('//static3.traveltek.net/images/www.virginholidayscruises.co.uk/fonts/proximanova-reg.svg') format('svg');
}

@font-face {
    font-family: 'DeliciousPro';
    src: url('//static3.traveltek.net/images/www.virginholidayscruises.co.uk/fonts/vh/DeliciousPro-webfont.eot');
    src: url('//static3.traveltek.net/images/www.virginholidayscruises.co.uk/fonts/vh/DeliciousPro-webfont.eot?#iefix') format('embedded-opentype'),
         url('//static3.traveltek.net/images/www.virginholidayscruises.co.uk/fonts/vh/DeliciousPro-webfont.woff2') format('woff'),
         url('//static3.traveltek.net/images/www.virginholidayscruises.co.uk/fonts/vh/DeliciousPro-webfont.ttf') format('truetype'),
         url('//static3.traveltek.net/images/www.virginholidayscruises.co.uk/fonts/vh/DeliciousPro-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BrauerNeueStd-Bold';
    src: url('//static3.traveltek.net/images/www.virginholidayscruises.co.uk/fonts/vh/BrauerNeueStd-Bold.eot');
    src: url('//static3.traveltek.net/images/www.virginholidayscruises.co.uk/fonts/vh/BrauerNeueStd-Bold.eot?#iefix') format('embedded-opentype'),
         url('//static3.traveltek.net/images/www.virginholidayscruises.co.uk/fonts/vh/BrauerNeueStd-Bold.woff2') format('woff'),
         url('//static3.traveltek.net/images/www.virginholidayscruises.co.uk/fonts/vh/BrauerNeueStd-Bold.ttf') format('truetype'),
         url('//static3.traveltek.net/images/www.virginholidayscruises.co.uk/fonts/vh/BrauerNeueStd-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BebasNeueBook';
    src: url('//static3.traveltek.net/images/www.virginholidayscruises.co.uk/fonts/vh/BebasNeueBook.eot');
    src: url('//static3.traveltek.net/images/www.virginholidayscruises.co.uk/fonts/vh/BebasNeueBook.eot?#iefix') format('embedded-opentype'),
         url('//static3.traveltek.net/images/www.virginholidayscruises.co.uk/fonts/vh/BebasNeueBook.woff2') format('woff'),
         url('//static3.traveltek.net/images/www.virginholidayscruises.co.uk/fonts/vh/BebasNeueBook.ttf') format('truetype'),
         url('//static3.traveltek.net/images/www.virginholidayscruises.co.uk/fonts/vh/BebasNeueBook.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

.preview-window {
  width: 700px;
  height: 343px;
  background: #f3f3f3;
  overflow: hidden;
}

.preview-window img {
  width: 100%;
}
.preview-window .main-title,
.preview-window .sub-title{
  background: none;
  color: #fff;
	margin: 0px !important;
	line-height: normal !important;
}
.preview-window .btn {
  -webkit-appearance: none;
  background: #E10A0A !important;
  margin: 15px auto 15px auto;
  border: currentColor;
  height: 38px;
  text-align: center;
  color: rgb(255, 255, 255);
  line-height: 20px;
  padding: 0px;
  font-size: 16px;
  display: block;
  cursor: pointer;
  text-shadow: none;
  border-radius: 0;
  font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;

}

.preview-window .btn:hover {
	background: #c40f29 !important;
}

.page-form .preview-window {
	width: 700px;
	position: relative;
}



.carousel-main-viewport {
	position: absolute;
	width: 100%;
	height: 343px;
	background-size: 100% 100%;
}

.scroller-padder {
	display: none;
}

@media only screen and (max-width:767px){

    .carousel-main-viewport {
        width: 300px;
				height: 146px;
				background-size: cover !important;
				position: relative;
    }

		.preview-window {
			width: 100%;
			height: auto;
			background: none;
		}

		.scroller-padder {
			display: block;
			height: 115px;
		}

		.preview-window .ad-copy {
			margin: 30px;
			width: 270px !important;
			height: 116px;
		}

		#scroller-fade, ul.bjqs {
			overflow: visible;
		}

		.responsive-scroller-view {
			text-align: center;
			margin-top: 20px;
		}

		.responsive-scroller-view h1 {
			font-size: 18px;
		}

		.responsive-scroller-view h2 {
			font-size: 15px;
		}

		.hide-in-mobile {
			display: none;
		}

		.responsive-scroller-view button {
			float: none;
			margin-top: 10px;
			display: inline-block;
		}

		.main-title, .sub-title {
			color: #000 !important;
			text-align: center !important;
		}

}

.preview-window .ad-copy {
  margin: 30px;
}

.preview-window .main-title {
  text-align: left;
}


.bottom-middle .main-title,
.bottom-middle .sub-title,
.top-middle .main-title,
.top-middle .sub-title,
.center .main-title,
.center .sub-title {
  text-align: center;
}

.middle-left .sub-title {
	text-align: left;
}

.preview-window .ad-copy.middle-left,
.preview-window .ad-copy.middle-right,
.preview-window .ad-copy.center {
  margin-top: 120px;
}
.preview-window .ad-copy.top-left {
  float: left;
}
.preview-window .ad-copy.top-right {
  float: right;
}
.preview-window .ad-copy.bottom-middle,
.preview-window .ad-copy.top-middle {
  width: 100%;
  text-align: center;
}
.preview-window .ad-copy.bottom-left {
  position: absolute;
  left: 10px;
  bottom: 5px;
}
.preview-window .ad-copy.bottom-right {
  position: absolute;
  right: 10px;
  bottom: 5px;
}
.preview-window .ad-copy.bottom-middle {
  position: absolute;
  bottom: 5px;
}
.top-right h1,
.top-right h2,
.middle-right .main-title,
.middle-right h2,
.bottom-right h1,
.bottom-right h2 {
  text-align: right;
}
.top-left h1,
.top-left h2,
.bottom-left h1,
.bottom-left h2 {
  text-align: left;
}
.preview-window button.top-left {
  float: left;
  left: 10px;
  top: 5px;
}
.preview-window button.top-right {
  float: right;
  right: 10px;
  top: 5px;
}
.preview-window button.bottom-left {
  float: left;
  left: 10px;
  bottom: 5px;
}
.preview-window button.bottom-right {
  float: right;
  right: 10px;
  bottom: 5px;
}
.carouselshowmaintext-hide .main-title,
.carouselshowtext-hide .sub-title,
.carouselshowbutton-hide button {
	display: none !important;
}
