/*
Theme Name: Rathlin
Author: Rathlin
Description: Theme for Rathlin
Version: 1.0
Tags: Rathlin
*/

/*.info-9, .info-10, .info-11, .info-12, .info-13, .info-14 {
	display:none !important;
}*/

html, body {
    background: #28338a;
}

.page-template-default h1 {
    color: #28338a;
}


.feedbackform {
    max-width: 500px !important;
    background: #999;
    padding: 78px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

@font-face {
	font-family: "Equinor-Bold";
	src: url("../fonts/TradeGothicLTStd-Bold.otf");
}

@font-face {
	font-family: "Equinor-Light";
	src: url("../fonts/TradeGothicLTStd-Light.otf");
}

@font-face {
	font-family: "Equinor-Medium";
	src: url("../fonts/TradeGothicLTStd-Light.otf");
}

@font-face {
	font-family: "Equinor-Regular";
	src: url("../fonts/TradeGothicLTStd.otf");
}


@font-face {
	font-family: "Gotham";
	src: url("../fonts/gotham/Gotham-Black.otf");
}
@font-face {
	font-family: "Gotham-Bold";
	src: url("../fonts/gotham/Gotham-Bold.otf");
}
@font-face {
	font-family: "Gotham-Thin";
	src: url("../fonts/gotham/Gotham-Thin.otf");
}
@font-face {
	font-family: "Gotham-Light";
	src: url("../fonts/gotham/Gotham-Light.otf");
}


html, body {
	margin: 0;
	padding: 0;
	font-family: "Equinor-Regular";
}

* {
	outline: none;
}
button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
.row {
    margin-right: -15px;
    margin-left: -15px;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-md-12 span.wpcf7-list-item {
	margin: 10px 0 0;
}
img {
    -khtml-user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

h1 {
	margin: 0;
	font-size: 26px;
	line-height: 30px;
	font-weight: bold;
	color: #243746;
	margin-bottom: 20px;
}

h2 {
	margin: 0;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	color: #243746;
	margin-top: 20px;
	margin-bottom: 6px;
	font-family: Equinor-Bold;
}

h3 {
	margin: 0;
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
    color: #243746;
    margin-bottom: 14px;
}

p {
	margin: 0;
	font-size: 14px;
	line-height: 19px;
	margin-bottom: 10px;
}

p.small {
	font-size: 11px;
	text-align: center;
	cursor: pointer;
}

.bhhidden {
	display: none !important;
}

.bhvisible {
	display: inline-block !important;
}

.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 180px;
  background-color: #28338a;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 10px;
  position: absolute;
  z-index: 1;
  bottom: 120%;
  left: 50%;
  margin-left: -90px;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border-width: 5px;
  border-style: solid;
  border-color: #28338a transparent transparent transparent;
	margin-top: -1px;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

#header-container {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	height: 100px;
	background-color: rgba(255,255,255,0.75);
	z-index: 9999;
	padding: 0px 30px;
	box-sizing: border-box;
}

@media (max-width: 799px) {
	#header-container {
		text-align: center;
	}
}

#expo {
    position: relative;
		display: inline-block;
		cursor: grab;
}

#expo:active {
	cursor: grabbing;
}

#expo_image {
	position: relative;
	display: inline-block;
}

#expo_image img {
	pointer-events: none;
	width: auto;
	height: calc(100vh - 35px);
	display: block;
}

img.info-icon {
	border: 0;
	padding: 0;
	border-radius: 50%;
	width: 34px;
	height: 34px;
	text-align: center;
	cursor: pointer !important;
}

img.video-icon {
	border: 0;
	padding: 0;
	/*border-radius: 50%;*/
	width: 44px;
	height: 44px;
	text-align: center;
	cursor: pointer !important;
}

img.feedback-icon {
	border: 0;
	padding: 0;
	border-radius: 50%;
	width: 70px;
	height: 70px;
	text-align: center;
	cursor: pointer !important;
}

.rack-1 {
	position: absolute;
	transform: translate(-50%, -50%);
	left: 60.2%;
top: 64%;
	z-index: 9;
}
.rack-2 {
	position: absolute;
	transform: translate(-50%, -50%);
	left: 70.5%;
top: 64%;
	z-index: 9;
}
.rack-3 {
	position: absolute;
	transform: translate(-50%, -50%);
	left: 81%;
top: 64%;
	z-index: 9;
}
.rack-4 {
	position: absolute;
	transform: translate(-50%, -50%);
	left: 91%;
top: 64%;
	z-index: 9;
}

.info-1 {
	position: absolute;
	transform: translate(-50%, -50%);
	left: 13.5%;
top: 22%;
	display:none;
}

.info-2 {
	position: absolute;
	transform: translate(-50%, -50%);
	left: 21.5%;
top: 22%;
	display:none;
}

.info-3 {
	position: absolute;
	transform: translate(-50%, -50%);
	left: 13.5%;
top: 46%;
	display:none;
	
}

.info-4 {
	position: absolute;
	transform: translate(-50%, -50%);
	left: 21.5%;
top: 46%;
	display:none;
	
}

.info-5 {
	position: absolute;
	transform: translate(-50%, -50%);
	left: 34%;
top: 8.5%;
}

.info-6 {
	position: absolute;
	transform: translate(-50%, -50%);
	left: 44.3%;
top: 8.5%;
}

.info-7 {
	position: absolute;
	transform: translate(-50%, -50%);
	left: 34%;
top: 43%;
}

.info-8 {
	position: absolute;
	transform: translate(-50%, -50%);
	left: 44.3%;
top: 43%;
}

.info-9 {
	position: absolute;
	transform: translate(-50%, -50%);
	left: 56%;
top: 22.7%;
}

.info-10 {
	position: absolute;
	transform: translate(-50%, -50%);
	left: 56%;
    top: 45.5%;

}

.info-11 {
	position: absolute;
	transform: translate(-50%, -50%);
	left: 65.2%;
top: 22.7%;
}

.info-12 {
	position: absolute;
	transform: translate(-50%, -50%);
	    left: 65.2%;
    top: 45.5%;
}

.info-13 {
	position: absolute;
	transform: translate(-50%, -50%);
	left: 74.3%;
top: 22.7%;
}
.info-14 {
	position: absolute;
	transform: translate(-50%, -50%);
	left: 74.3%;
    top: 45.5%;

}

.info-15 {
	position: absolute;
	transform: translate(-50%, -50%);
	left: 83.1%;
top: 22.7%;

}

.info-16 {
	position: absolute;
	transform: translate(-50%, -50%);
	left: 83.1%;
    top: 45.5%;

}
.info-17 {
	position: absolute;
	transform: translate(-50%, -50%);
	left: 92.2%;
top: 22.7%;

}
.info-18 {
	position: absolute;
	transform: translate(-50%, -50%);
	left: 92.2%;
top: 45.5%;

}
.info-19 {
	position: absolute;
	transform: translate(-50%, -50%);
	left: 97.5%;
top: 33.5%;
display: none;
}
.doc-1 {
	position: absolute;
	transform: translate(-50%, -50%);
	left: 58%;
top: 74.6%;
z-index: 10;
}
.doc-2 {
	position: absolute;
	transform: translate(-50%, -50%);
	left: 59.9%;
top: 74.6%;
z-index: 10;
}
.doc-3 {
	position: absolute;
	transform: translate(-50%, -50%);
	left: 61.7%;
top: 74.6%;
z-index: 10;
}
.doc-4 {
	position: absolute;
	transform: translate(-50%, -50%);
	left: 63.5%;
top: 74.6%;
z-index: 10;
}
.doc-5 {
	position: absolute;
	transform: translate(-50%, -50%);
	left: 68.4%;
top: 74.6%;
z-index: 10;
}
.doc-6 {
	position: absolute;
	transform: translate(-50%, -50%);
	left: 70.2%;
top: 74.6%;
z-index: 10;
}
.doc-7 {
	position: absolute;
	transform: translate(-50%, -50%);
	left: 72%;
top: 74.6%;
z-index: 10;
}
.doc-8 {
	position: absolute;
	transform: translate(-50%, -50%);
	left: 73.8%;
top: 74.6%;
z-index: 10;
}
.doc-9 {
	position: absolute;
	transform: translate(-50%, -50%);
	left: 79.3%;
top: 74.6%;
z-index: 10;
}
.doc-10 {
	position: absolute;
	transform: translate(-50%, -50%);
	left: 81.2%;
top: 74.6%;
z-index: 10;
}
.doc-11 {
	position: absolute;
	transform: translate(-50%, -50%);
	left: 83.1%;
top: 74.6%;
z-index: 10;
}
.doc-12 {
	position: absolute;
	transform: translate(-50%, -50%);
	left: 85.1%;
top: 74.6%;
z-index: 10;
}
.doc-13 {
	position: absolute;
	transform: translate(-50%, -50%);
	left: 90.4%;
top: 74.6%;
z-index: 10;
}
.doc-14 {
	position: absolute;
	transform: translate(-50%, -50%);
	left: 92.3%;
top: 74.6%;
z-index: 10;
}
.doc-15 {
	position: absolute;
	transform: translate(-50%, -50%);
	left: 94.4%;
top: 74.6%;
z-index: 10;
}
.rc-1 {
	position: absolute;
	transform: translate(-50%, -50%);
	left: 96.2%;
top: 76%;
z-index: 10;
}
.video-1 {
	position: absolute;
	transform: translate(-50%, -50%);
	left: 14%;
top: 29%;
}

.video-he {
	position: absolute;
	transform: translate(-50%, -50%);
	left: 88.4%;
  top: 74%;
}

.video-2 {
	position: absolute;
	transform: translate(-50%, -50%);
	left: 21.2%;
    top: 44%;
	display: none;
}
.video-3 {
	position: absolute;
	transform: translate(-50%, -50%);
	left: 16.7%;
top: 69.5%;
	display:none;
}
.video-3 a {
  top: 5px;
position: absolute;
left: -20px;
}
span.desktop-texts-1 {
    position: absolute;
    left: -62px;
    width: 127px;
    color: #fff;
    text-align: center;
    top: -57px;
    line-height: 17px;
}
.video-4 {
    position: absolute;
    transform: translate(-50%, -50%);
    left: 26.3%;
top: 67%;
	display: none;
}

.chalk-texts {

    color: #fff;
    text-align: center;
    line-height: 17px;
	display: block;
	margin-bottom: 15px;
	width: 150px;
}

.chalk-2 {
    position: absolute;
    transform: translate(-50%, -50%);
    left: 26.3%;
top: 67%;
	text-align: center;
}

.chalk-3 {
    position: absolute;
    transform: translate(-50%, -50%);
   left: 49.5%;
top: 69%;
	text-align: center;
}

.video-4 a {
    top: 15px;
    position: absolute;
    left: -24px;
}
span.desktop-texts-2 {
    position: absolute;
    left: -62px;
    width: 127px;
    color: #fff;
    text-align: center;
    top: -43px;
	 line-height: 17px;
}


.video-5 {
    position: absolute;
    transform: translate(-50%, -50%);
    left: 74.5%;
    top: 30%;
	display: none;
}
.video-6 {
    position: absolute;
    transform: translate(-50%, -50%);
    left: 84.5%;
    top: 30%;
	display: none;
}

.video-7 {
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50.5%;
    top: 57%;
	display: none;
}

.video-8 {
    position: absolute;
    transform: translate(-50%, -50%);
    left: 55.5%;
    top: 57%;
	display: none;
}

.video-9 {
    position: absolute;
    transform: translate(-50%, -50%);
    left: 64.5%;
    top: 57%;
	display: none;
}
.video-10 {
    position: absolute;
    transform: translate(-50%, -50%);
    left: 65.1%;
top: 68%;
	display: none;
}
.video-10 a {
    top: 10px;
    position: absolute;
    left: -24px;
}
span.desktop-texts-3 {
    position: absolute;
    left: -62px;
    width: 127px;
    color: #fff;
    text-align: center;
    top: -50px;
	 line-height: 17px;
}

.closeit {
    position: absolute;
    right: 10px;
    top: 7px;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
}


.video-11 { 
    position: absolute;
    transform: translate(-50%, -50%);
    left: 83.5%;
    top: 65.5%;
	display: none;
}
.video-11 a {
    top: 23px;
    position: absolute;
    left: -24px;
}
span.desktop-texts-4 {
    position: absolute;
    left: -62px;
    width: 127px;
    color: #fff;
    text-align: center;
    top: -23px;
	 line-height: 17px;
}



.feedback-1 {
	position: absolute;
	transform: translate(-50%, -50%);
	left: 35%;
    top: 69%;
	display: none;
}

.book {
	position: absolute;
	transform: translate(-50%, -50%);
	left: 33.2%;
top: 76%;
}
.book2 {
	position: absolute;
	transform: translate(-50%, -50%);
	left: 37.5%;
top: 76%;
}

.fancybox-slide--iframe .fancybox-content {
    max-width  : 95%;
    max-height : 95%;
    margin: 0;
}

.fancybox-is-open .fancybox-bg {
	opacity: 0.8 !important;
}

#arrow-to-left {
	position: fixed;
	left: 10px;
	top: 50%;
	font-size: 70px;
	color: #ff1243;
	cursor: pointer;
}

#arrow-to-right {
	position: fixed;
	right: 10px;
	top: 50%;
	font-size: 70px;
	color: #ff1243;
	cursor: pointer;
}

#welcome-modal, #signin-modal, #rc-modal {
	padding: 0px;
    width: 100%;
    max-width: 400px;
    position: relative;
}

#welcome-modal-inner {
	position: relative;
	width: 100%;
	/*display: grid;
	grid-template-columns: 6fr 4fr;*/
}

@media (max-width: 500px) {
	#welcome-modal-inner {
		grid-template-columns: 1fr;
	}
}

#welcome-left {
    padding: 30px;
    background-color: #e2e2e2;
}

#welcome-left ol {
	padding-left: 18px;
}

#welcome-left ol li {
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 19px;
}

#welcome-right {
	background-color: #243746;
    padding: 30px;
}

#welcome-right h3 {
	color: #ffffff;
}

#welcome-right p {
	color: #ffffff;
}

#welcome-right .wpcf7 label {
	font-size: 12px;
	font-weight: normal;
	font-family: Equinor-Regular;
}

#welcome-right .wpcf7 input {
	width: 100%;
	box-sizing: border-box;
	border: 0px;
	padding: 6px;
	font-family: Equinor-Regular;
}

#welcome-right .wpcf7 textarea {
	width: 100%;
	box-sizing: border-box;
	font-family: Equinor-Regular;
}

#welcome-right .wpcf7 input[type=submit] {
	background-color: #ff1423;
	color: #ffffff;
	cursor: pointer;
}

#welcome-right span.wpcf7-not-valid-tip {
	color: #ffffff;
	font-weight: bold;
}

#welcome-right .wpcf7-response-output {
	margin: 0;
	font-size: 12px;
	border-color: #fff;
	color: #fff;
	text-align: center;
}

.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	height: auto;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#access-button {
	position: relative;
	background-color: #eb4000;
	color: white;
	text-align: center;
	font-size: 14px;
	padding: 8px;
	cursor: pointer;
	display: none;
	font-family: "Gotham";
}

/*.sent input {
	display: none;
}
.sent textarea {
	display: none;
}*/

.sent #access-button {
	display: block;
}

.sent .cf7-wrapper input, .sent .cf7-wrapper input[type="submit"] {
	display:none;
}

#live-chat-container {
	position: fixed;
	bottom: 37px;
	right: 0px;
	background-color: #243746;
    color: white;
    font-size: 16px;
    font-weight: bold;
    border-radius: 10px 10px 0px 0px;
    width: 300px;
}

.live-chat-git {
	position: relative;
    padding: 6px 12px;
    width: 100%;
    box-sizing: border-box;
    cursor: pointer;
    text-align: center;
}

.live-chat-inner {
	position: relative;
	padding: 12px;
	display: none;
}

.live-chat-text {
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 12px;
	line-height: 15px;
}

#live-chat-container .wpcf7 label {
	font-size: 12px;
	font-weight: normal;
	font-family: Equinor-Regular;
}

#live-chat-container .wpcf7 input {
	width: 100%;
	border: 0px;
	box-sizing: border-box;
	font-family: Equinor-Regular;
	padding: 3px;
}

#live-chat-container .wpcf7 textarea {
	width: 100%;
	box-sizing: border-box;
	font-family: Equinor-Regular;
	padding: 3px;
}

#live-chat-container .wpcf7 input[type=submit] {
	background-color: #ff1423;
	color: #ffffff;
	cursor: pointer;
	padding: 7px;
}

#live-chat-container span.wpcf7-not-valid-tip {
	color: #ffffff;
	font-weight: bold;
}

#live-chat-container .wpcf7-response-output {
	margin: 0;
	font-size: 12px;
	border-color: #fff;
}

@media (max-width: 799px) {
	#live-chat-container {
		position: fixed;
		left: 50%;
		bottom: 37px;
		right: auto;
		transform: translate(-50%, 0%);
	}
}

@media (max-width: 579px) {
	#live-chat-container {
		bottom: 80px;
	}
}

#footer-container {
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	z-index: 9999;
	background-color: #28338a;
	border-top: 1px solid #c1c1c1;
	color:#fff;
}

@media (min-width: 799px) {
	#footer-container {
		height: 36px;
	}
}

#footer-container a {
	color: #fff;
	text-decoration: none;
}

#footer-inner {
	position: relative;
	width: 100%;
	padding: 10px 20px;
	box-sizing: border-box;
	display: grid;
	grid-template-columns: 3fr 1fr;
	font-size: 14px;
	line-height: 16px;
}

#footer-left {
	text-align: left;
}

#footer-right {
	text-align: right;
}

@media (max-width: 579px) {
	#footer-inner {
		grid-template-columns: 1fr;
		grid-row-gap: 10px;
		height: 79px;
	}

	#footer-left {
		text-align: center;
	}

	#footer-right {
		text-align: center;
	}
}


.cf7-wrapper input[type="text"], .cf7-wrapper input[type="email"],.cf7-wrapper input[type="tel"],.cf7-wrapper input[type="date"], .cf7-wrapper textarea {
    border: none;
    padding: 10px;
    margin: 8px 0;
    width: 100%;
	    max-height: 115px;
    color: #000;
	font-size: 13px;
	font-family: "Gotham-Bold";
}

.cf7-wrapper input[type="text"]::placeholder, .cf7-wrapper input[type="email"]::placeholder, .cf7-wrapper textarea::placeholder , .cf7-wrapper input[type="tel"]::placeholder{
    color: #000;
}
.wpcf7 form .wpcf7-response-output {
    /*margin: 0 !important;*/
	
}
.cf7-wrapper input[type=submit] {
    width: 100%;
    border: none;
    background: #28338a;
    color: #fff;
    padding: 10px 0;
	background-image: url(../images/white-arrow.png);
    background-repeat: no-repeat;
    background-position: 210px;
    background-size: 7px;
	font-size: 13px;
	margin-top: 10px;
    cursor: pointer;
	font-family: "Gotham-Thin";
    font-weight: bold;
}

div#welcome-left p.subtitle {
    margin: 30px 0 20px;
    font-size: 15px;
    font-family: Gotham-Light;
}

a#online_enq_link img {
    width: 8px;
    margin-left: 6px;
}

#footer-left, #footer-right {
    
    font-family: "Gotham-Light";
}

div#wpcf7-f104-o2 form.sent input , div#wpcf7-f104-o2 form.sent textarea{
    display: none;
}

div#wpcf7-f90-o1 form.sent input, div#wpcf7-f90-o1 form.sent textarea {
    display: none;
}


.wpcf7 form .wpcf7-response-output {
    margin: 0;
        text-align: center;
}