.contactoptions-wrapper {
	clear: both;
}

html {
 font-family:Poppins;
 font-weight:400;
 font-size:17px;
 line-height:1.64706;
 color:#fff;
 background-color:#1b1c26
}
html.is-locked {
 top:0;
 left:0;
 right:0;
 position:fixed
}
body,
html {
 width:100%;
 min-height:100%;
 overflow-x:hidden
}
a {
 color:inherit;
 text-decoration:none
}
i {
 font-style:normal
}
em {
 font-style:italic
}
strong {
 font-weight:700 !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
 font-weight:500
} 

h4 {
	text-transform: uppercase;
}

body {
 line-height:1;
 -webkit-text-size-adjust:none;
 text-rendering:optimizeLegibility;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
 display:block
}



label, p {
	font-size: 13px !important;
	line-height: 1.66667;
	font-weight: 400;
	color: #313131;

}
#wrapper {
	padding: 20px 20px 20px 40px;
}
.gid-footer {
	padding: 20px 45px 60px 45px;
	margin-top: 40px;
	display: flex;
flex-wrap: wrap;
}

	
.header-logo {	
	height: 120px;
	width: 370px;	
	margin: 60px auto 0 auto;
	background-position:  center;
	opacity: .7;
	}
.footer-logo {	
	width: 100%;	
	max-width: 350px;
    margin: auto;
    height: 70px;
	background-position:  center;
	margin-bottom: 15px;
}
	
#gid-header-container {
	height: 300px;	
}

@media (min-width: 768px) {
label, p {
		font-size: 14px !important;
	}
.footer-logo {	
	max-width: 300px;
    margin: 0;
	background-position:  left;

}		

}

@media (min-width: 992px) {
label, p {
		font-size: 14px !important;
	}

}

@media (min-width: 1200px) {
label, p {
		font-size: 14px !important;
	}
#wrapper {
		max-width: 1100px;
		margin: auto;
	}
.gid-footer {
		max-width: 1100px;
		margin: auto;
		padding-bottom: 80px;
		margin-top: 40px;
		display: flex;
		flex-wrap: wrap;
	}
	
.header-logo {	
	height: 181px;
	width: 600px;	
	margin: 100px auto 0 auto;
	background-position:  center;
	opacity: .7;
	}
.footer-logo {	
	max-width: 400px;
    margin: 0;
    height: 50px;
	background-position:  left;

}

#gid-header-container {
	height: 400px;	
}	
}



#gid-header-container {
	background-image: url("/gid/img/pheaders/cape.png");
	background-size: cover;
	background-position:  center;
}

.header-logo, .footer-logo {
	background-image: url("/gid/img/GID-logo-2020-header.png");
	background-size: contain;
	background-repeat: no-repeat;

}




.inputbutton {
	
	display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
    background: 0 0;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
	color: #fff;
    background: #fa5400;
	    border: none;
    overflow: visible;
    -webkit-tap-highlight-color: transparent;
	padding: 8px 20px;
	font-weight: 700;
	font-size: 0.7rem !important;
	
}

.contactform {
	margin-bottom: 10px;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 10px;
}

#header-message::before {
	content: 'NEW G.I.D. WEBSITE LAUNCHING SOON - CLASSES START BACK FROM TUESDAY 22ND SEPTEMBER 2020';
	cursor: pointer;
    display: block;
	text-transform: uppercase;
}

#header-message {
	background-color:#fa5400;
	width:100%;
	display:block;
	color:#fff;
	font-size:12px;
	padding:10px 6px;
	text-align:center;
	line-height: 1.2em;
	font-family: 'Montserrat';
	font-weight: 400;
}

#gid-footer-container {
	background-color: #363738;
}

#gid-footer-container p, #gid-footer-container li, #gid-footer-container ul {
	color:#fff !important;
	font-size: 0.7rem !important;
	font-weight: 400 !important;
}

#gid-footer-container li {
	line-height: 2.4em !important;
}
.gid-footer-list a::before {
	padding-right: 10px;
	content: '●';
	color: #666;
}

.gid-socialbox {
	border: 2px solid #666;
	margin: 8px 4px;
	padding: 6px 0px;
	width: 40px;
	text-align: center;
}

.c-footer {
 width:100%;
 z-index:10;
 display:block;
 margin-top:-12vw;
 position:relative;
 color:#fff
}
.c-footer.c-footer--case-studies {
 z-index:32
}
.c-footer.c-footer--case-studies .c-footer__bottom {
 background-color:#1b1c26
}
.c-footer.c-footer--small {
 z-index:32;
 background-color:#fff
}
.c-footer.c-footer--small .c-footer__bottom {
 background-color:#1b1c26
}
.c-footer.c-footer--small .c-footer__project {
 color:#000;
 padding-top:0;
 padding-bottom:12vw
}
.c-footer.c-footer--small .c-footer__waves-item {
 top:0
}
.c-footer.c-footer--shopify-experts {
 margin-top:0;
 z-index:32;
 background-color:#fff;
 position:relative
}
.c-footer.c-footer--shopify-experts .c-footer__bottom {
 background-color:#1b1c26
}
.c-footer.c-footer--shopify-experts .c-footer__project {
 padding-top:0;
 z-index:1;
 padding-bottom:8vw
}
.c-footer {
 top:67%
}
.c-footer {
 width:12.77778%;
 position:absolute;
 top:-7.5%;
 left:0;
 z-index:3
}
.c-footer {
 width:100%;
 display:block
}
.c-footer {
 transform:scale(1);
 pointer-events:all;
 will-change:transform;
 transform-origin:left;
 transition:all 1s cubic-bezier(.55,.085,.68,.53)
}
.c-footer {
 transform:scale(1.1)
}
.c-footer {
 width:17.63889%;
 position:absolute;
 top:-10%;
 right:0
}
.c-footer img {
 display:block;
 width:100%
}
.c-footer__logo {
 width:120px;
 position:relative;
 margin-top:-15px;
 display:block
}
.c-footer__logo img {
 width:100%;
 display:block
}
.c-footer__project {
 overflow:hidden;
 line-height:1.4;
 text-align:center;
 position:relative;
 padding-top:14vw;
 padding-bottom:6vw;
 color:#fff;
 background-size:100% auto;
 background-repeat:no-repeat;
 background-position:top;
 font-size:1rem
}
.c-footer__project p {
 width:100%;
 margin:0 auto;
 max-width:460px;
 padding-bottom:30px
}
.c-footer__project p.c-form__title {
 max-width:100%
}
.c-footer__project .c-form__label {
 text-align:left
}
.c-footer__project .o-container {
 z-index:5;
 position:relative
}
.c-footer__project-title {
 padding-bottom:10px
}
.c-footer__cta-title,
.c-footer__project-title {
 display:block;
 line-height:1;
 letter-spacing:-.8px;
 font-family:'Montserrat', sans-serif;
 font-weight:400;
 font-size:2.64706rem
}
.c-footer__cta-title {
 padding-bottom:30px
}
.c-footer__nav {
 width:100%;
 display:flex;
 font-size:12px;
 line-height:1.2;
 flex-wrap:nowrap;
 flex-direction:row;
 align-items:center;
 color:#fff;
 text-transform:uppercase;
 justify-content:flex-start
}
.c-footer__nav li {
 padding-left:30px
}
.c-footer__nav li:first-of-type {
 padding-left:0
}


.c-footer__waves-item {
 top:3%;
 left:50%;
 z-index:-1;
 width:200vw;
 opacity:.9;
 height:200vw;
 display:block;
 margin-top:15vw;
 border-radius:40%;
 position:absolute;
 margin-left:-100vw;
 transform-origin:50% 48%;
 animation:a 7s infinite linear;
 background:linear-gradient(103deg,#c1212f,#f16835)
}
.c-footer__waves-item.item-01 {
 animation:a 9s infinite linear
}
.c-footer__waves-item.item-02 {
 opacity:.7;
 margin-left:-115vw;
 animation:b 11s infinite linear;
 background:linear-gradient(103deg,#06beb6,#48b1bf)
}
.c-footer__waves-item.item-03 {
 opacity:1;
 margin-left:-115vw;
 animation:a 15s infinite linear;
 background:linear-gradient(55deg,#1b1c26,#1b1c26)
}

@keyframes a {
 0% {
  transform:rotate(0deg)
 }
 0% {
  transform:rotate(1turn)
 }
}
@keyframes b {
 0% {
  transform:rotate(0deg)
 }
 0% {
  transform:rotate(-1turn)
 }
}



@media (max-width: 767px) {
.swiper-slider-2 .swiper-title {
	-webkit-text-stroke-color:  rgba(0, 0, 0, 0.7) !important;
	  -webkit-text-stroke-width: 2px;
/*text-shadow: 4px 4px 0 #616161, 4px -4px 0 #616161, -4px 4px 0 #616161, -4px -4px 0 #616161, 4px 0px 0 #616161, 0px 4px 0 #616161, -4px 0px 0 #616161, 0px -4px 0 #616161;*/
}

}

@media (min-width: 768px) {
.swiper-slider-2 .swiper-title {
	-webkit-text-stroke-color:  rgba(0, 0, 0, 0.4) !important;
	  -webkit-text-stroke-width: 5px;
/*text-shadow: 4px 4px 0 #616161, 4px -4px 0 #616161, -4px 4px 0 #616161, -4px -4px 0 #616161, 4px 0px 0 #616161, 0px 4px 0 #616161, -4px 0px 0 #616161, 0px -4px 0 #616161;*/
}
	}






.swiper-slider-2 .swiper-subtitle {
text-shadow: 1px 1px 0 #4a4a4a, 1px -1px 0 #4a4a4a, -1px 1px 0 #4a4a4a, -1px -1px 0 #4a4a4a, 1px 0px 0 #4a4a4a, 0px 1px 0 #4a4a4a, -1px 0px 0 #4a4a4a, 0px -1px 0 #4a4a4a;
	font-weight: 900 !important;
}



.breadcrumbs-custom-title {
-webkit-text-stroke-color:  rgba(35, 35, 35, 0.2) !important;
	  -webkit-text-stroke-width: 4px;
	font-weight: 900 !important;
}


.rd-navbar-classic.rd-navbar-static .rd-navbar-brand img {
    max-width: 200px;
    max-height: 90px;
}
.breadcrumbs-custom-path {
	
	opacity: 0.90;

}

.breadcrumbs-custom-path li {
	color: #000;	
	font-size: 25px;
	letter-spacing: .02em;
}




.TextBlockContainer {
	margin: 12px 0px 25px 4px;
	padding: 5px 11px;
	width: 94%;
	border: 2px solid #605F49;
	float:left;
	background-color:#dad3c8;
    position: relative;
	-webkit-border-radius:  20px 0px 20px 0px;
	-moz-border-radius:  20px 0px 20px 0px;
	border-radius: 20px 0px 20px 0px;
	behavior: url(/pie/PIE.htc);
}

.TextBlockContainer h2 {
	color:#CC0000;
	font-size:24px;
	padding:0px;
}

/*.TextBlockContainer strong {
	color:#fff !important;
}*/

.TextBlockContainer h3 {
	color:#605F49;
	font-size:15px;
	padding:0px;
}

.TextBlockContainer ul {
	color:#fff;
	padding:0px;
	padding-left:16px !important;
}

.TextBlockContainer li {
	float:left;
	width:47%;
	color:#fff !important;
	padding:0px !important;
	margin-left:0px !important;
	margin-right:14px !important;
}





.pagetint {
	padding: 16px 25px;
	border: 2px solid #ccc;
	float:left;
	background-color:#fff;
    position: relative;
	-webkit-border-radius:  20px 0px 20px 0px;
	-moz-border-radius:  20px 0px 20px 0px;
	border-radius: 20px 0px 20px 0px;
	behavior: url(/pie/PIE.htc);
}

@media (max-width: 854px) {
	.pagetint {
	margin: 12px 0px 25px 0px !important;
			width: 100%;
	}
}

@media (min-width: 855px) {
.pagetint {
	margin: 12px 0px 25px 24px !important;
		width: 94%;

	}
}

.pagetint h2 {
	color:#fa5400;
	font-size:24px;
	padding:0px;
}

/*.TextBlockContainer strong {
	color:#fff !important;
}*/

.pagetint h3 {
	color:#605F49;
	font-size:15px;
	padding:0px;
}

.pagetint li::before {
	content: '●';
	margin-left: -20px;
	padding-right: 12px;
	color: #fa5400;
}

.pagetint ul {
	color:#fff;
	padding:0px;
	padding-left:16px !important;
}

.pagetint li {
	float:left;
	width:100%;
	color:#414040 !important;
	padding:0 0 10px 0 !important;
	margin-left:0px !important;
	margin-right:14px !important;
	
}









.TextBlockContainer2 {
	padding: 5px 11px;
	width: 94%;
	border: 2px solid #DAD3C8;
	float:left;
	background-color:#fff;
    position: relative;
	-webkit-border-radius:  20px 0px 20px 0px;
	-moz-border-radius:  20px 0px 20px 0px;
	border-radius: 20px 0px 20px 0px;
	behavior: url(/pie/PIE.htc);
}






.TextBlockContainer2 h2 {
	color:#605F49;
	font-size:24px;
	padding:0px;
}

/*.TextBlockContainer strong {
	color:#fff !important;
}*/

.TextBlockContainer2 h3 {
	color:#605F49;
	font-size:15px;
	padding:0px;
}

.TextBlockContainer2 ul {
	color:#fff;
	padding:0px;
	padding-left:16px !important;
}

.TextBlockContainer2 li {
	float:left;
	width:47%;
	color:#4B8C2E !important;
	padding:0px !important;
	margin-left:0px !important;
	margin-right:14px !important;
}


.tablerow {
	border-bottom: 1px dotted #ccc;
	padding: 5px 0;
	display: flex;
}

.tablerow .mini {
	background-color: #C44D58;
}

.tablerow .junior::after {
	background-color: #4ECDC4;
	display: block;
	height: 20px;
	width: 20px;
}

.tablerow .juniorplus {
	background-color: #556270;
}

.tablerow .youth {
	background-color: #C7F464;
}

.tablerow .adult {
	background-color: #C44D58;
}


input[type=text] {
  width: 100%;
}

input::placeholder {
	margin-left: 10px;
	color: #666 !important;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  margin-left: 10px;
	color: #666 !important;
}
::-moz-placeholder { /* Firefox 19+ */
  margin-left: 10px;
	color: #666 !important;
}
:-ms-input-placeholder { /* IE 10+ */
  margin-left: 10px;
	color: #666 !important;
}
:-moz-placeholder { /* Firefox 18- */
  margin-left: 10px;
	color: #666 !important;
}

.strikeout {
  position: relative;
}
.strikeout::after {
  border-bottom: 0.125em solid rgba(76, 145, 180, 0.5);
  content: "";
  left: 0;
  line-height: 1em;
  margin-top: calc(0.125em / 2 * -1);
  position: absolute;
  right: 0;
  top: 50%;
}


#paymentmethods-kids p, #paymentmethods-adults p, #pineapple-booknow p {
	margin-top: 0 !important;
}


#paymentmethods-kids .unit, #paymentmethods-adults .unit, #pineapple-booknow .unit {
    margin-bottom: -10px;

}

#paymentmethods-kids .unit:first-of-type, #paymentmethods-adults .unit:first-of-type, #pineapple-booknow .unit:first-of-type {
    padding-top: 20px;

}

#paymentmethods-kids .icon, #paymentmethods-adults .icon, #pineapple-booknow .icon {
    color: #CCCCCC
}