* { box-sizing: border-box; }




@font-face {
  font-family: 'euclid_circular_abold_italic';
  src: url('euclid_circular_a_bold_italic-webfont.woff2') format('woff2'),
       url('euclid_circular_a_bold_italic-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}




@font-face {
  font-family: 'euclid_circular_abold';
  src: url('euclid_circular_a_bold-webfont.woff2') format('woff2'),
       url('euclid_circular_a_bold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}




@font-face {
  font-family: 'euclid_circular_aitalic';
  src: url('euclid_circular_a_italic-webfont.woff2') format('woff2'),
       url('euclid_circular_a_italic-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}




@font-face {
  font-family: 'euclid_circular_alight_italic';
  src: url('euclid_circular_a_light_italic-webfont.woff2') format('woff2'),
       url('euclid_circular_a_light_italic-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}




@font-face {
  font-family: 'euclid_circular_alight';
  src: url('euclid_circular_a_light-webfont.woff2') format('woff2'),
       url('euclid_circular_a_light-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}




@font-face {
  font-family: 'euclid_circular_aMdIt';
  src: url('euclid_circular_a_medium_italic-webfont.woff2') format('woff2'),
       url('euclid_circular_a_medium_italic-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}




@font-face {
  font-family: 'euclid_circular_amedium';
  src: url('fonts/euclid_circular_a_medium-webfont.woff2') format('woff2'),
       url('fonts/euclid_circular_a_medium-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'euclid_circular_aregular';
  src: url('fonts/euclid_circular_a_regular-webfont.woff2') format('woff2'),
       url('fonts/euclid_circular_a_regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}


@font-face {
  font-family: 'euclid_circular_aSBdIt';
  src: url('fonts/euclid_circular_a_semibold_italic-webfont.woff2') format('woff2'),
       url('fonts/euclid_circular_a_semibold_italic-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'euclid_circular_asemibold';
  src: url('fonts/euclid_circular_a_semibold-webfont.woff2') format('woff2'),
       url('fonts/euclid_circular_a_semibold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}





html, body, div, p, textarea, input {
  font-family: 'euclid_circular_aregular', sans-serif;
  color: black;
  line-height: 1.5rem; 

}

body {
  margin: 0;
  padding: 0; 
  display: flex;
  flex-direction: column;
}

html, body {
  height: 100%;
}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #CCCCCC;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #CCCCCC;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #CCCCCC;
}
:-moz-placeholder { /* Firefox 18- */
  color: #CCCCCC;
}




/* Generic Rules
----------------------------------------------- */
h1, h2, h3 {
  color: #3f0075;
  font-weight: 400;
  font-family: 'euclid_circular_aregular', cursive;
  line-height: 2.5rem;
}

h2 {
  font-size: 1.5rem; 
}

a:link, a:active {
  color: #F39600;
  text-decoration: none; 
}

a:visited {
  color: #F39600;
  text-decoration: none; 
}

a:hover {
  color: #F39600;
  border-bottom: 1px dotted #F39600; 
}

.white-link a:link, a:active {
  color: #FFFFFF;
  text-decoration: none; 
  border-bottom: 2px dotted #FFFFFF; 
}

.white-link a:visited {
  color: #FFFFFF;
  text-decoration: none; 
  border-bottom: 2px dotted #FFFFFF; 
}

.white-link a:hover {
  color: #FFFFFF;
  border-bottom: 2px solid #FFFFFF; 
}

a img {
  border-width: 0;
  border-style: none; }


a[href^="tel"] {
  color: inherit; /* Inherit text color of parent element. */
  text-decoration: none; /* Remove underline. */
  /* Additional css `propery: value;` pairs here */
}

.script{
  font-family: 'Caveat Brush', cursive;
}

.display{
  font-family: 'Lilita One', cursive;
}

/* Icons
----------------------------------------------- */
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?cff1ky');
  src:  url('fonts/icomoon.eot?cff1ky#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?cff1ky') format('truetype'),
    url('fonts/icomoon.woff?cff1ky') format('woff'),
    url('fonts/icomoon.svg?cff1ky#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-hospital:before {
  content: "\e90d";
}
.icon-physio-pointer:before {
  content: "\e90a";
}
.icon-GP-pointer:before {
  content: "\e90b";
}
.icon-hospital-pointer:before {
  content: "\e90c";
}
.icon-geo:before {
  content: "\e909";
}
.icon-department-circle:before {
  content: "\e908";
}
.icon-email-sent-circle:before {
  content: "\e906";
}
.icon-email-sent-circle2:before {
  content: "\e907";
}
.icon-alert-circle:before {
  content: "\e902";
}
.icon-link-circle:before {
  content: "\e903";
}
.icon-lock-circle:before {
  content: "\e904";
}
.icon-unlink-circle:before {
  content: "\e905";
}
.icon-bell-ring:before {
  content: "\e901";
}
.icon-condition-icon:before {
  content: "\e900";
}
.icon-tick-circle:before {
  content: "\e670";
}
.icon-bell:before {
  content: "\e02f";
}
.icon-unlink:before {
  content: "\e133";
}
.icon-facebook:before {
  content: "\e224";
}
.icon-twitter:before {
  content: "\e227";
}
.icon-medical-centre:before {
  content: "\e66f";
}
.icon-cart:before {
  content: "\e600";
}
.icon-calendar:before {
  content: "\e601";
}
.icon-warning:before {
  content: "\e602";
}
.icon-file:before {
  content: "\e603";
}
.icon-minus:before {
  content: "\e604";
}
.icon-plus:before {
  content: "\e605";
}
.icon-checkmark:before {
  content: "\e606";
}
.icon-close:before {
  content: "\e607";
}
.icon-home:before {
  content: "\e608";
}
.icon-bubble:before {
  content: "\e609";
}
.icon-bubbles:before {
  content: "\e60a";
}
.icon-user:before {
  content: "\e60b";
}
.icon-users:before {
  content: "\e60c";
}
.icon-user-plus:before {
  content: "\e60d";
}
.icon-user-minus:before {
  content: "\e60e";
}
.icon-spinner:before {
  content: "\e60f";
}
.icon-spinner2:before {
  content: "\e610";
}
.icon-zoom-in:before {
  content: "\e611";
}
.icon-zoom-out:before {
  content: "\e612";
}
.icon-wrench:before {
  content: "\e613";
}
.icon-remove:before {
  content: "\e614";
}
.icon-link:before {
  content: "\e615";
}
.icon-attachment:before {
  content: "\e616";
}
.icon-flag:before {
  content: "\e617";
}
.icon-plus2:before {
  content: "\e618";
}
.icon-minus2:before {
  content: "\e619";
}
.icon-checkmark2:before {
  content: "\e61a";
}
.icon-close2:before {
  content: "\e61b";
}
.icon-cursor:before {
  content: "\e61c";
}
.icon-enter:before {
  content: "\e61d";
}
.icon-arrow-up:before {
  content: "\e61e";
}
.icon-arrow-right:before {
  content: "\e61f";
}
.icon-arrow-down:before {
  content: "\e620";
}
.icon-arrow-left:before {
  content: "\e621";
}
.icon-arrow-up2:before {
  content: "\e622";
}
.icon-arrow-right2:before {
  content: "\e623";
}
.icon-arrow-down2:before {
  content: "\e624";
}
.icon-arrow-left2:before {
  content: "\e625";
}
.icon-arrow-up3:before {
  content: "\e626";
}
.icon-arrow-right3:before {
  content: "\e627";
}
.icon-arrow-down3:before {
  content: "\e628";
}
.icon-arrow-left3:before {
  content: "\e629";
}
.icon-star:before {
  content: "\e62a";
}
.icon-cloud-upload:before {
  content: "\e62b";
}
.icon-cloud-download:before {
  content: "\e62c";
}
.icon-cloud:before {
  content: "\e62d";
}
.icon-stats-up:before {
  content: "\e62e";
}
.icon-pie:before {
  content: "\e62f";
}
.icon-unlocked:before {
  content: "\e630";
}
.icon-lock:before {
  content: "\e631";
}
.icon-lock2:before {
  content: "\e632";
}
.icon-envelope:before {
  content: "\e633";
}
.icon-location:before {
  content: "\e634";
}
.icon-print:before {
  content: "\e635";
}
.icon-bubble-notification:before {
  content: "\e636";
}
.icon-signup:before {
  content: "\e637";
}
.icon-flag2:before {
  content: "\e638";
}
.icon-eye:before {
  content: "\e639";
}
.icon-info:before {
  content: "\e63a";
}
.icon-warning2:before {
  content: "\e63b";
}
.icon-loop:before {
  content: "\e63c";
}
.icon-refresh:before {
  content: "\e63d";
}
.icon-switch:before {
  content: "\e63e";
}
.icon-lightning:before {
  content: "\e63f";
}
.icon-star2:before {
  content: "\e640";
}
.icon-smiley:before {
  content: "\e641";
}
.icon-sad:before {
  content: "\e642";
}
.icon-arrow-up4:before {
  content: "\e643";
}
.icon-arrow-right4:before {
  content: "\e644";
}
.icon-arrow-down4:before {
  content: "\e645";
}
.icon-arrow-left4:before {
  content: "\e646";
}
.icon-enter2:before {
  content: "\e647";
}
.icon-mail:before {
  content: "\e66a";
}
.icon-image:before {
  content: "\e648";
}
.icon-images:before {
  content: "\e649";
}
.icon-bullhorn:before {
  content: "\e64a";
}
.icon-mic:before {
  content: "\e64b";
}
.icon-file2:before {
  content: "\e64c";
}
.icon-file3:before {
  content: "\e64d";
}
.icon-file-plus:before {
  content: "\e64e";
}
.icon-file-minus:before {
  content: "\e64f";
}
.icon-file-check:before {
  content: "\e650";
}
.icon-file-remove:before {
  content: "\e651";
}
.icon-folder:before {
  content: "\e652";
}
.icon-folder-plus:before {
  content: "\e653";
}
.icon-folder-minus:before {
  content: "\e654";
}
.icon-folder-minus2:before {
  content: "\e655";
}
.icon-folder8:before {
  content: "\e656";
}
.icon-folder-remove:before {
  content: "\e657";
}
.icon-folder-download:before {
  content: "\e658";
}
.icon-folder-upload:before {
  content: "\e659";
}
.icon-folder-plus2:before {
  content: "\e65a";
}
.icon-support:before {
  content: "\e65b";
}
.icon-clock:before {
  content: "\e65c";
}
.icon-minus-circle:before {
  content: "\e65d";
}
.icon-starburst:before {
  content: "\e66b";
}
.icon-key:before {
  content: "\e65e";
}
.icon-barcode:before {
  content: "\e65f";
}
.icon-qrcode:before {
  content: "\e660";
}
.icon-cancel-circle:before {
  content: "\e661";
}
.icon-remove2:before {
  content: "\e662";
}
.icon-pencil:before {
  content: "\e663";
}
.icon-pencil2:before {
  content: "\e664";
}
.icon-pencil3:before {
  content: "\e665";
}
.icon-eye2:before {
  content: "\e666";
}
.icon-new:before {
  content: "\e667";
}
.icon-spinner3:before {
  content: "\e668";
}
.icon-podcast:before {
  content: "\e66c";
}
.icon-file-pdf:before {
  content: "\e669";
}
.icon-bag:before {
  content: "\e66d";
}
.icon-search:before {
  content: "\e130";
}
.icon-bubble2:before {
  content: "\e0eb";
}
.icon-bubble-plus:before {
  content: "\e0fc";
}
.icon-paper-plane:before {
  content: "\e19b";
}
.icon-arrow-down5:before {
  content: "\e1ba";
}
.icon-newtab:before {
  content: "\e319";
}
.icon-arrow-left5:before {
  content: "\e1bb";
}
.icon-arrow-right5:before {
  content: "\e1b9";
}
.icon-arrow-up5:before {
  content: "\e1b8";
}
.icon-user_circle:before {
  content: "\e66e";
}
.icon-drawer:before {
  content: "\e0cb";
}
.icon-cog:before {
  content: "\e146";
}
.icon-trophy:before {
  content: "\e170";
}
.icon-list:before {
  content: "\e1c1";
}
.icon-grid:before {
  content: "\e1c2";
}
.icon-tree:before {
  content: "\e1c6";
}
.icon-menu:before {
  content: "\e1c8";
}



/* Styles
----------------------------------------------- */

.example {
  padding: 20px;

}

.content{
  flex: 1 0 auto;
background:white;
position:relative;
}

.row-center-s100{
  flex-direction: row; 
  justify-content: center; 
  align-items: stretch; 
  width:100%;
}


.gradient-fill{
background: #3f0075; /* Old browsers */
background: -moz-linear-gradient(top,  #3f0075 0%, #ff0084 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #3f0075 0%,#ff0084 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #3f0075 0%,#ff0084 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f0075', endColorstr='#ff0084',GradientType=0 ); /* IE6-9 */
}

.gradient-fill-link{
background: #3f0075; /* Old browsers */
background: -moz-linear-gradient(top,  #3f0075 0%, #ff0084 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #3f0075 0%,#ff0084 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #3f0075 0%,#ff0084 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f0075', endColorstr='#ff0084',GradientType=0 ); /* IE6-9 */
}

.gradient-fill-link:hover, .gradient-fill-link:active {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3f0075+0,02c0f9+100 */
background: #3f0075; /* Old browsers */
background: -moz-linear-gradient(top,  #3f0075 0%, #02c0f9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #3f0075 0%,#02c0f9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #3f0075 0%,#02c0f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f0075', endColorstr='#02c0f9',GradientType=0 ); /* IE6-9 */


  -webkit-transition: background 1s; /* Safari prior 6.1 */
  transition: background 1s; 
  /*padding: 2rem;*/
 }

.flex-wrap{
    display:flex;
    flex-wrap: wrap;
}

.flex-no-wrap{
  display:flex;
  align-items: stretch;
}

.fg1{
  flex-grow:1;
}

.fg2{
  flex-grow:2;
}

.flex-center{
	justify-content: center;
  }
  
  .flex-v-center{
	align-items: center;
  }

.header{
  flex-direction: column; 
  justify-content: center; 
  align-items: center; 
  padding:2rem 0 0 0; 
  background:#FFFFFF; 
  position:relative;
}

.header-left{
  width:200px; 
  padding-top:1rem;
}

.header-center{
  width:200px; 
  text-align: center
}

.header-right{
  flex-grow:2; 
  width:200px; 
  text-align: right; 
  font-size:2.5rem; 
  line-height:2.5rem;
}

.mheader{
  padding:0rem; 
  position:fixed; 
  height:90px; 
  background:#FFFFFF; 
  width:100%;  
  background-position: center; 
  background-position: center; 
  background-size: 190px; 
  background-repeat: no-repeat;  
  -webkit-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.2); 
  box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.2); 
}

.logo-bg{
  background-image: url('../img/scorpio_clinics.svg');
}
.logo-bg2{
  background-image: url('../img/scorpio_clinics.svg');
}

.hero-img-bg{
background:#F4F4F4;
}

#m-menu-list{
  position:relative; 
  top:0; 
  left:0; 
  padding:0rem; 
  width:0%; 
  background:#444; 
  height:220px; 
  overflow: hidden;
}

.side-bar-box{
  padding: 1.5rem 2rem 1rem 2rem; 
  margin-top:0; 
  margin-bottom:2rem; 
  text-align: center;
}

.side-bar-text{
  font-size: 1.5rem; 
  line-height: 2rem; 
  color:white; 
  margin-top: 0; 
  margin-bottom:1rem;
}

.footer {
  flex-shrink: 0;
}



.nav a:link, .nav a:active {
  color: #FFFFFF;
  text-decoration: none; 
  margin-right:2rem;
  font-size:1rem;
}

.nav a:visited {
  color: #FFFFFF;
  text-decoration: none; 
  margin-right:2rem;
  font-size:1rem;
}

.nav a:hover {
  color: gold;
  border: 0;
  margin-right:2rem;
  font-size:1rem;
  transition: color 0.75s;
}


/* Font sizes */
.fs1 {font-size:1rem;}
.fs1-25 {font-size:1.25rem;}
.fs1-5 {font-size:1.5rem;}
.fs1-75 {font-size:1.75rem;}
.fs2 {font-size:2rem;}
.fs2-5 {font-size:2.5rem;}
.fs3 {font-size:3rem;}

/* Font properties */
.center-text{text-align:center;}
.left-text{text-align:left;}

/* Line height */
.lh1 {line-height: 1rem;}
.lh1-25 {line-height: 1.25rem;}
.lh1-5 {line-height: 1.5rem;}
.lh1-75 {line-height: 1.75rem;}
.lh2 {line-height: 2rem;}
.lh2-25 {line-height: 2.25rem;}
.lh2-5 {line-height: 2.5rem;}
.lh2-75 {line-height: 2.75rem;}
.lh3 {line-height: 3rem;}

/* Padding */
.pad1 {padding:1rem;}
.pad1-5 {padding:1.5rem;}
.pad1-75 {padding:1.75rem;}
.pad2 {padding:2rem;}
.pad2-5 {padding:2.5rem;}
.pad3 {padding:3rem;}
.pad0-2-2-2 {padding:0 2rem 2rem 2rem;}
.pad0-2-0-2 {padding:0 2rem 0rem 2rem;}
.pad1-2-2-2 {padding:1rem 2rem 2rem 2rem;}
.pad1_5-1-1-1 {padding:1.5rem 1rem 1rem 1rem;}
.pt1{padding-top:1rem;}
.pt2{padding-top:2rem;}
.pt3{padding-top:3rem;}
.pt4{padding-top:4rem;}
.pb1{padding-bottom:1rem;}
.pb2{padding-bottom:2rem;}
.pb3{padding-bottom:3rem;}
.pb4{padding-bottom:4rem;}
.pr0-5{padding-right:0.5rem;}
.pr1{padding-right:1rem;}
.pr2{padding-right:2rem;}
.pr3{padding-right:3rem;}
.pr4{padding-right:4rem;}
.pb4{padding-bottom:4rem;}
.pl0-5{padding-left:0.5rem;}
.pl1{padding-left:1rem;}
.pl2{padding-left:2rem;}
.pl3{padding-left:3rem;}
.pl4{padding-left:4rem;}
.pad1-0 {padding:1rem 0;}

/* Margins */
.mb0{margin-bottom:0;}
.mb0-5{margin-bottom:0.5rem;}
.mb1{margin-bottom:1rem;}
.mb1-5{margin-bottom:1.5rem;}
.mb2{margin-bottom:2rem;}
.mb2-5{margin-bottom:2.5rem;}
.mb3{margin-bottom:3rem;}
.m1{margin:1rem;}
.m2{margin:2rem;}
.m3{margin:3rem;}
.m3-0-3-0{margin:3rem 0;}
.m1-0-0-0{margin:1rem 0 0 0;}
.m0-0-05-0{margin:0 0 0.5rem 0;}
.m1-0-05-0{margin:1 0 0.5rem 0;}
.ml1{margin-left:1rem;}
.ml2{margin-left:2rem;}
.ml3{margin-left:3rem;}


/* Width */
.w100{width:100%;}
.w90{width:90%;}
.w80{width:80%;}
.w70{width:70%;}
.w60{width:60%;}
.w50{width:50%;}
.w40{width:40%;}
.w33{width:33%;}
.w30{width:30%;}
.w20{width:20%;}
.w10{width:10%;}
.w1200{width:1200px;}
.mw1200{min-width:1200px;}
.fr1{width:1fr;}
.fr2{width:2fr;}
.fr3{width:3fr;}
.fr4{width:4fr;}
.fr5{width:5fr;}

/* border */
.b0 {border:0;}

/* Backgrounds */
.light-grey-bg{background:#F4F4F4;}
.dark-grey-bg{background:#666666;}
.taupe-bg{background:#726659;}
.light-taupe-bg{background:#9b958e;}
.purple-bg{background:#3f0075;}
.orange-bg{background:#F39600;}

/* positions */
.p-rel{position:relative;}
.p-ab{position:absolute;}
.p-fix{position:fixed;}

/* Buttons */

.button-submit {
	color: #FFFFFF;
	background: #db812d; 
	padding: 10px 10px 10px 10px;
	font-size:16px;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	border:0;
	width:100%;
	-webkit-appearance: none;
}

.button-submit:hover {
	color:#FFF;
	background: #ff912a;
	border-bottom:0; 
	padding: 10px 10px 10px 10px;
	-webkit-appearance: none;
}

.button-submit-grey-out {
  color: #FFFFFF;
  background: #CCCCCC; 
  padding: 0.75rem;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border:0;
}

.submitting {
  color: #FFFFFF;
  background: #CCCCCC; 
  padding: 0.75rem;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border:0;
  width:100%;
}

.button-link a:link, .button-link a:visited {
  outline: none;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 0.75rem;
  border: none;
  color: #FFFFFF;
  background-color: #d7017f;
  }
    
.button-link a:hover {
  outline: none;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 0.75rem;
  border: none;
  color:#FFF;
  background-color: #3f0075;
  }

  .pink-button {
    outline: none;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0.75rem;
    border: none;
    color: #FFFFFF;
    background-color: #d7017f;
    font-size:1rem;
    -webkit-appearance: none;
    }
      
  .pink-button:hover {
    outline: none;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0.75rem;
    border: none;
    color:#FFF;
    background-color: #b6036b;
    font-size:1rem;
    -webkit-appearance: none;
    }


.green_tick{background-image: url("../img/green-tick.png"); background-repeat: no-repeat;background-position:right; }
.green_tick_br{background-image: url("../img/green-tick.png"); background-repeat: no-repeat;background-position: 100% 95%; }
.red_cross{background-image: url("../img/red-cross.png"); background-repeat: no-repeat;background-position:right; }
.red_cross_br{background-image: url("../img/red-cross.png"); background-repeat: no-repeat;background-position: 100% 95%; }


.tc-list li {
  margin-bottom:0.75rem;
}

.stripes{
 background: linear-gradient(-45deg, 
              #fb3 25%, black 0, black 50%,
              #fb3 0, #fb3 75%, black 0);
background-size: 42.4px 42.4px; 
margin-top:0;
flex-direction: row; 
justify-content: center; 
text-align: center;
}

.col-wrap{
  align-items: stretch; 
  flex-direction: row; 
  justify-content: center; 
  background:white;
}

.img-wrap{
  width:95%; 
  margin:0 auto; 
  padding:1rem 1.5rem 0 0;
}

.center1200{
  margin:0 auto; 
  max-width:1200px;
}

.flex-center-row {
  flex-direction: row; 
  justify-content: center; 
  text-align:center;
}

.main-heading{
    color:#F39600; 
    align-self: center; 
    padding:0rem 2rem;
    margin-top: 1.5rem;
    margin-bottom: 1rem;
  }

  .main-heading-white{
    font-size:4rem; 
    color:white; 
    align-self: center; 
    line-height: 4rem; 
    padding:0rem 2rem;
    margin-top: 1.5rem;
    margin-bottom: 1rem;
  }


.twentyfour-header{
  font-size:2rem; 
  color:black; 
  padding:1rem; 
  background: #fb3;
}

.glow{
  -webkit-box-shadow: 0px 0px 36px 25px rgba(255,255,255,1);
  -moz-box-shadow: 0px 0px 36px 25px rgba(255,255,255,1);
  box-shadow: 0px 0px 36px 25px rgba(255,255,255,1);
}

.text-glow{
  color: #FFFFFF;
  text-shadow: 3px 3px 2px #474747;
}

.mb05{margin:0 0 0.5rem 0;}
.mb1{margin:0 0 1rem 0;}
.mb2{margin:0 0 2rem 0;}

.sub-head{
  color:#d7017f; 
  font-size:2rem; 
  margin:0 3rem 1.5rem 3rem; 
  line-height: 2rem; 
}
.sub-head-white{
  color:white; 
  font-size:2rem; 
  margin:0 3rem 1.5rem 3rem; 
  line-height: 2rem; 
}

.purple-mast-head{
  background:#3f0075; 
  padding:1rem; 
  text-align:center; 
  font-size:1.5rem
}

.taupe-mast-head{
  background:#726659; 
  padding:1rem; 
  text-align:center; 
  font-size:1.5rem
}


.white-text{color:white;}
.grey-text{color:#ccc;}
.dark-grey-text{color:#666;}
.pink-text{color:#d7017f;}
.purple-text{color:#3f0075;}
.gold-text{color:gold;}
.green-text{color:#157315;}
.dark-blue-text{color:#000077;}
.red-text{color:red;}

.two-one-one{padding:2rem;}
.two-one-two{padding:2rem;}

#map{
  width: 100%; 
  height: 500px;
}

.main-heading-wrap{
  background: rgba(64, 0, 117, 0.4); 
  align-self: center; 
  margin:0 3rem; 
}

.overlay-wrap {
  position:absolute; 
  top:0; 
  left:0; 
  width:100%; 
  height:100%; 
  font-size:3rem; 
  text-align:center; 
  display:flex; 
  justify-content: center; 
  align-items: center; 
}

.purple-overlay{
  background: rgba(243,150,0,0.75); 
  display:inline-block; 
  padding-top:2rem; 
  padding-bottom:2rem;
}

.strap-line{
  background:#d7017f; 
  color:#f2e7fc; 
  text-align: center; 
  padding:1rem; 
  font-size:2rem;
}

.user-image {
  border:6px solid #d7017f; 
  -webkit-border-radius: 50px; 
  -moz-border-radius: 50px; 
  border-radius: 50px; 
  width:80px; 
  height:80px; 
  overflow:hidden;
  margin:0 auto; 
  background-size: cover; 
  background-position: center;
}

.shadow{ -webkit-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2); box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2);}

.shadow360{
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
} 

.img100 {
  width: 100%;
  height: auto;
}

.pink-text{color: #d7017f;}
.purple-text{color: #3f0075;}
.white-text{color: #ffffff;}

.green-mast-top{
  background:#157315; 
  padding:1rem; 
  text-align:center; 
  font-size:1.5rem; 
  margin:0;
}

.taupe-mast-top{
  background:#726659; 
  padding:1rem; 
  text-align:center; 
  font-size:1.5rem; 
  margin:0;
}

.light-taupe-mast-top{
  background:#9b958e; 
  padding:1rem; 
  text-align:center; 
  font-size:1.5rem; 
  margin:0;
}

.light-green-box{
  background:#e0fde0; 
  padding:1.5rem 1rem; 
  margin-bottom:3rem;
}



/* Testimonials */
.testimonial-container {
  /*background-color: #eee;*/
  padding: 1.5rem;
  margin: 1.5rem 0;
  border-left:1rem #3f0075 solid;
}

.testimonial-container::after {
  content: "";
  clear: both;
  display: table;
}

.testimonial-container img {
  float: left;
  margin-right: 20px;
  border-radius: 50%;
  border:5px white solid;
}

.lined-paper {
  position: relative;
  background-color: #ffffe7; 
  background-image: 
    linear-gradient(90deg, transparent 29px, #fcc 29px, #fcc 31px, transparent 31px),
    linear-gradient(90deg, transparent 49px, #fcc 49px, #fcc 51px, transparent 51px),
    linear-gradient(rgba(153,204,255,.3) .1em, transparent .1em);
  background-size: 100% 1.5em;
}

.lined-paper:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  /*height: 4em;*/
  background-color: #ffffe7; 
  background-image: 
    linear-gradient(90deg, transparent 29px, #fcc 29px, #fcc 31px, transparent 31px),
    linear-gradient(90deg, transparent 49px, #fcc 49px, #fcc 51px, transparent 51px);
}



/* Gallery */
.gallery-row {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
  width:100%;
}

.gallery-column {
  flex: 50%;
  max-width: 50%;
  padding: 0 4px;
}

.gallery-column img {
  margin-top: 8px;
  vertical-align: middle;
}




/* Mobile nav */
.mnav{margin:0; padding:0; border-top:0.5rem solid black; border-bottom:0.5rem solid #F39600; position:relative;}
.mnav li {border-bottom: 1px solid #666;}
.mnav li a:link, .mnav li a:hover, .mnav li a:active, .mnav li a:visited {color:white; border-bottom:0; display:block; padding:0.5rem 0.5rem 0.5rem 1rem;}
.mnav li a:hover, .mnav li a:active {background:#F39600;}
.clear-mnav {height:0;}


/* Footer */
.footer-links{text-align: center;}
.footer-links ul {margin:0; padding:0; list-style-type:none;}
.footer-links li a:link, .footer-links li a:visited {font-size:1rem; color:white; border-bottom:0; margin-right: 2.5rem;}
.footer-links li a:hover, .footer-links li a:active {font-size:1rem; border-bottom:1px dotted white; margin-right: 2.5rem;}
.footer-links li a:last-child {
  margin-right: 0;
}


/* START Scroll top */
.scrollTop {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  background-color: RGBA(243,150,0,0.75);
  padding: 0.8rem 1rem;
  opacity: 0;
  transition: all 0.4s ease-in-out 0s;
}

.scrollTop a:link, .scrollTop a:active, .scrollTop a:hover, .scrollTop a:visited {
  font-size: 18px;
  color: #fff;
  padding: 0px;
  border:0;
  text-decoration: none;
  margin: 0;
}
/* END Scroll top */




.main-image {

    background-image: url("../img/couple.png");
    background-size: cover;
    background-position: center top;
    width:100%;
    
}




.video-wrap {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.video-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
/* max-width:480px; */
margin-top:1rem;
}



/* Padding */
.pad0 {padding:0;}
.pad0-25 {padding:0.25rem;}
.pad0-5 {padding:0.5rem;}
.pad0-75 {padding:0.75rem;}
.pad1 {padding:1rem;}
.pad1-5 {padding:1.5rem;}
.pad1-75 {padding:1.75rem;}
.pad2 {padding:2rem;}
.pad2-5 {padding:2.5rem;}
.pad3 {padding:3rem;}
.pad3-5 {padding:3.5rem;}
.pad4 {padding:4rem;}
.pad4-5 {padding:4.5rem;}
.pad5 {padding:5rem;}
.pad0-2-2-2 {padding:0 2rem 2rem 2rem;}
.pad1-2-2-2 {padding:1rem 2rem 2rem 2rem;}
.pad1-8-3-8 {padding:1rem 8rem 8rem 3rem;}
.pad1-8-1-8 {padding:1rem 8rem 1rem 8rem;}
.pt1{padding-top:1rem;}
.pt2{padding-top:2rem;}
.pt3{padding-top:3rem;}
.pt4{padding-top:4rem;}
.pt5{padding-top:5rem;}
.pt6{padding-top:6rem;}
.pt6{padding-top:6rem;}
.pt7{padding-top:7rem;}
.pt8{padding-top:8rem;}
.pb1{padding-bottom:1rem;}
.pb2{padding-bottom:2rem;}
.pb3{padding-bottom:3rem;}
.pb4{padding-bottom:4rem;}
.pb5{padding-bottom:5rem;}
.pb6{padding-bottom:6rem;}
.pb7{padding-bottom:7rem;}
.pb8{padding-bottom:8rem;}
.pad0-5-1-1-1{padding:0.5rem 1rem 1rem 1rem;}
.pl1{padding-left: 1rem;}
.pr1{padding-right: 1rem;}
.pl2{padding-left: 2rem;}
.pr2{padding-right: 2rem;}
.pl3{padding-left: 3rem;}
.pr3{padding-right: 3rem;}
.pl8{padding-left: 8rem;}
.pr8{padding-right: 8rem;}



.grey-fade-bg { background: rgb(204,204,204);
  background: linear-gradient(90deg, rgba(204,204,204,0) 0%, rgba(204,204,204,1) 50%, rgba(204,204,204,0) 100%); }
.white-fade-bg { background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%); }
 .h1px{height:1px;} 

 .br5{
  border-radius: 5px;
  }
.br10{
  border-radius: 10px;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .example {background: red;}

  .main-image{
    height:250px;
    -webkit-transition: height 0.5s; /* Safari prior 6.1 */
    transition: height 0.5s;
    -webkit-transition: background 3s; /* Safari prior 6.1 */
    transition: background 3s;
  }

  .main-heading{
    margin: 0.5rem 0.5rem 0 0.5rem;
  }

  .twentyfour-header{font-size:1rem; padding:0.5rem;}
  .sub-head{font-size:1.5rem; padding:0.2rem; line-height:1.5rem; margin:0rem 1.5rem 0.5rem 1.5rem;}
  .two-one-one{padding:1rem;}
  .two-one-two{padding:1rem;}

  .text-glow{
   color: #FFFFFF;
   text-shadow: 2px 2px 2px #474747;
}

.strap-line{
  font-size:1.5rem;
  padding: 1rem 2rem;
}

.header{display:none;}
.mheader{display:flex;}
.strap-line{display:none;}

.stripes{margin-top:120px;}
#wtt{height:1100px;}

 .testimonial-container {
      text-align: center;
  }
  .testimonial-container img {
      margin: auto;
      float: none;
      display: block;
  }

.gallery-column {
    flex: 100%;
    max-width: 100%;
  }


h1 {
  color: #F39600;
  font-size:2.1rem;;
  line-height: 2.3rem;
}

h2 {
  color: #666666;
  font-size:1.8rem;
  line-height: 2rem;
}

h3 {
  color: #F39600;
  font-size:1.5rem;
  line-height: 2rem;
}

.clear-mnav {height:90px;}  
.main-heading-white{font-size:3rem;}
.m-strip-pad{padding:0;}
.m-strip-margin{margin:0;}
.leader{font-size:1.5rem; line-height:2rem }

} /* END */








/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  .example {background: green;}
    .main-image{
    height:350px;
    -webkit-transition: height 0.5s; /* Safari prior 6.1 */
    transition: height 0.5s;
    -webkit-transition: background 3s; /* Safari prior 6.1 */
    transition: background 3s;
  }

.twentyfour-header{font-size:1.2rem; padding:0.5rem;}

.header{display:none;}
.mheader{display:flex;}
.stripes{margin-top:40px;}
#wtt{height:1100px;}

.gallery-column {
    flex: 100%;
    max-width: 100%;
  }

.clear-mnav {height:90px;}

h1 {
  color: #F39600;
  font-size:3rem;;
  line-height: 3rem;
}

h2 {
  color: #666666;
  font-size:2.5rem;
  line-height: 2.5rem;
}

h3 {
  color: #F39600;
  font-size:1.5rem;
  line-height: 2rem;
}

.leader{font-size:1.7rem; line-height:2rem }

} /* END */










/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .example {background: blue;}
    .main-image{
    height:300px;
    -webkit-transition: height 0.5s; /* Safari prior 6.1 */
    transition: height 0.5s;
    -webkit-transition: background 3s; /* Safari prior 6.1 */
    transition: background 3s;
  }



  .two-one-one{
    width:1rem;
    flex-grow: 2;
    padding:2rem; 
  }

 .two-one-two{
    width:1rem;
    flex-grow: 1;
  }

.twentyfour-header{font-size:1.5rem; padding:0.5rem;}

.header{display:flex;}
.mheader{display:none;}
.stripes{margin-top:0;}
.strap-line{font-size:1.6rem;}
.nav a:link {font-size: 1.5rem; margin-right:1rem;}
#wtt{height:1100px;}
.affiliations{width:220px;}
.call{font-size:2rem;}

.gallery-column {
    flex: 50%;
    max-width: 50%;
  }

.clear-mnav {height:0;}

h1 {
  color: #F39600;
  font-size:3rem;;
  line-height: 1.8rem;
}

h2 {
  color: #666666;
  font-size:2.5rem;
  line-height: 2.5rem;
}

h3 {
  color: #F39600;
  font-size:1.5rem;
  line-height: 2rem;
}

.leader{font-size:1.7rem; line-height:2rem }

} /* END */ 












/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .example {background: orange;}
   .main-image{
    height:350px;
    -webkit-transition: height 0.5s; /* Safari prior 6.1 */
    transition: height 0.5s;
    -webkit-transition: background 3s; /* Safari prior 6.1 */
    transition: background 3s;
  }

  .three-two-one{
    width:50%;
} 

  .three-one{
    width:100%;
}


  .two-one-one{
    width:1rem;
    flex-grow: 2;
  }

 .two-one-two{
    width:1rem;
    flex-grow: 1;
  }

  .twentyfour-header{font-size:2rem; padding:1rem;}

  .header{display:flex;}
.mheader{display:none;}
.stripes{margin-top:0;}
.footer-links li {display:inline; margin-right: 1.5rem;}
#wtt{height:600px;}
.strap-line{font-size:2rem;}
.nav a:link {font-size: 1.5rem; margin-right:1.5rem;}
.affiliations{width:300px;}
.call{font-size:2.5rem;}

.gallery-column {
    flex: 50%;
    max-width: 50%;
  }

  .clear-mnav {height:0;}

  h1 {
    color: #F39600;
    font-size:4rem;;
    line-height: 2rem;
  }
  
  h2 {
    color: #666666;
    font-size:3rem;
    line-height: 4rem;
  }
  
  h3 {
    color: #F39600;
    font-size:1.5rem;
    line-height: 2rem;
  }

  .leader{font-size:2rem; line-height:2.5rem }

} /* END */



/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .example {background: pink;}
  .main-image{
    height:450px;
    -webkit-transition: height 0.5s; /* Safari prior 6.1 */
    transition: height 0.5s;
    -webkit-transition: background 3s; /* Safari prior 6.1 */
    transition: background 3s;    


  }



  .full-width{
    max-width:1200px;
  }

  .three-two-one{
    width:33%;
    max-width: 400px;
  }

  .three-one{
     width:33%;
    max-width: 400px;
  }

  .two-one-one{
    width:1rem;
    flex-grow: 2;
  }

 .two-one-two{
    width:1rem;
    flex-grow: 1;
  }

.twentyfour-header{font-size:2rem; padding:1rem;}

.header{display:flex;}
.mheader{display:none;}
.stripes{margin-top:0;}
.footer-links li {display:inline; margin-right: 1.5rem;}
#wtt{height:600px;}
.strap-line{font-size:2rem;}
.nav a:link {font-size: 1.5rem; margin-right:1.5rem;}
.affiliations{width:350px;}
.call{font-size:3rem;}

.gallery-column {
    flex: 50%;
    max-width: 50%;
  }

  .clear-mnav {height:0;}

  h1 {
    color: #F39600;
    font-size:4rem;;
    line-height: 2rem;
  }
  
  h2 {
    color: #666666;
    font-size:3rem;
    line-height: 4rem;
  }
  
  h3 {
    color: #F39600;
    font-size:1.5rem;
    line-height: 2rem;
  }

  .leader{font-size:2rem; line-height:2.5rem }

} /* END */