@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700);
@import url(https://fonts.googleapis.com/css?family=Lora:400,700);
/* These selection declarations have to be separate
   No text-shadow: twitter.com/miketaylr/status/12228805301
   Also: hot pink! */
::-moz-selection{ background: #B546A0; color:#fff; text-shadow: none; }
::selection { background:#B546A0; color:#fff; text-shadow: none; }
/* j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #B546A0; }

.login{position:absolute; top:20px; right:120px; z-index: 999;}

 @media only screen and (max-width: 400px) {
.login{display: none;}	 
}

.bord {border-width:3px; border-color:#fff; border-style:solid;}
.chartered  {width:140px; height:140px; position:absolute; bottom:120px; left:50%; margin-left:-70px; }	
 /* Prevent the slideshow from flashing on load */
	
	.accordion-toggle {cursor: pointer; margin: 0; }
		.accordion-content {display: none; }
		.accordion-content.default {display: block;}
	.accordion-toggle {color:#fff;}
.phone {position:absolute; right:80px;}
 .phone h2 {font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size:1.6rem; padding-top:20px;}
 .phonesmall { position:absolute; text-indent:-9999px; } 
 @media only screen and (max-width: 720px) {
	.phone { display:none;} 
	.phonesmall {position:fixed; bottom:0; height:30px; background-color: #B546A0; width:100%; z-index:9999; }
	.phonesmall h2 {font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size:0.9rem; padding-top:5px; text-align:center; text-indent:0px; }
	.phonesmall a{color:#fff;}
 }
 .down {position:absolute; width:30px; height:45px; left:50%; margin-left:-15px; z-index:999; bottom:80px;}
.magrack {width:100%; height:500px; margin-top:-60px;}
.afterfull {position:absolute; width:100%; top:100%; padding-top:50px;}
.topper {position:absolute; width:100%;}
.tri {width:20px; height:9px; display:block; float:right; position:relative;}
.hero h1 {width:160px;}
@media only screen and (min-width: 320px) {
.hero h1 {width:100px; float:left; }	
.hero1 h1 {width:100px; float:left; }	
.hero1 {position:absolute; top:0; height:120px; width:100%;  }
  .afterhero1 {position:absolute; width:100%; top:120px;}
}
@media only screen and (min-width: 700px) {
.hero h1 {width:140px; float:left; }	
.hero1 h1 {width:140px; float:left;  }	
.hero1 {}
   .afterhero1 {position:absolute; width:100%; top:160px;}
}
@media only screen and (min-width: 1000px) {
.hero h1 {width:180px; float:left;  }
.hero1 h1 {width:180px; float:left;  }
.hero1 {position:absolute; top:0; height:200px; width:100%;  }	
  .afterhero1 {position:absolute; width:100%; top:200px;}
}
.large-10 ul
{
    margin:0;
    padding-left:15px;
	padding-bottom:20px;
	
}
	
	.large-10 li {
	font-size:0.9rem;
	list-style-position: outside;
	list-style-type: square;
	text-indent: 0em;
	margin-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	list-style-image: url(../img/bull.png);
} 
.large-8 ul
{
    margin:0;
    padding-left:15px;
	padding-bottom:20px;
	
}
	
	.large-8 li {
	font-size:0.9rem;
	list-style-position: outside;
	list-style-type: square;
	text-indent: 0em;
	margin-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	list-style-image: url(../img/bull.png);
} 


header {}

.hero {position:absolute; width:100%; height:100vh;}
.afterhero {position:absolute; width:100%; top:100vh;}

footer {background-color:#222; padding-top:50px; padding-bottom:35px;}
footer p{color:#fff; font-size:0.8rem; line-height:1.6; font-family: 'Roboto', sans-serif;}
footer a{color:#C08FC7; font-weight:bold;}
footer a:hover{color:#fff;}

.fix { text-align:left;}

@media only screen and (min-width: 64.0625em) {
	.fix { text-align:right;}
}

.sticky {height:600px; width:100%; background-image: url(../img/bg1.jpg);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;}
  .sticky2 {height:600px; width:100%; background-image: url(../img/bg2.jpg);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;}
  .sticky3 {height:600px; width:100%; background-image: url(../img/bg3.jpg);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;}
  .sticky4 {height:600px; width:100%; background-image: url(../img/bg4.jpg);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;}
  .sticky5 {height:600px; width:100%; background-image: url(../img/bg5.jpg);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;}
  .sticky6 {height:600px; width:100%; background-image: url(../img/bg6.jpg);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;}
  
  
.half {background-color:rgba(20,20,20, 0.7); width:50vw; padding-top:5%; padding-left:8%; padding-right:10%; padding-bottom:5%; position:absolute; left:50%; }
.half h2  {color:#C08FC7;}
.half p {color:#fff;}

.white {width:100%; padding-top:100px; padding-bottom:100px;}
.white h4{color:#fff; padding-bottom:10px; font-size:1.6rem; margin-top:-20px;}
.white h5{color:#fff;padding-bottom:10px;}
.white h3{padding-bottom:14px; font-size:1.4rem; margin-bottom:-10px;}

.orange {width:100%; background-color:#333; padding-top:100px; padding-bottom:100px;}
.orange h2{color:#fff; font-weight:700; padding-bottom:20px;}
.orange h3{color:#fff; font-size:1.4rem; text-align:center; font-weight:700; padding-top:20px;}
.orange p{color:#fff; font-size:0.9rem; text-align:center;}
.subfooter {width:100%; background-color:#5B1945; padding-top:50px; padding-bottom:50px;}
.subfooter p {color:#fff; font-family: 'Roboto', sans-serif; font-size:0.8rem;}
.subfooter h4 { font-family: 'Lora', serif; font-size:1.2rem; text-transform:uppercase; color:#C08FC7; padding-bottom:10px;}

.subfooter a {color:#fff; text-decoration:underline;}
.subfooter a:hover {color:#C08FC7; text-decoration:none;}

.sidebar {
  float: right;
 height:auto;
 
}


/* The sticky */
.sidebar {
  position: -webkit-sticky;
  position: sticky;

}

@media only screen and (max-width: 64.0625em) {
.half {width:100%; padding-top:10%; padding-left:8%; padding-right:10%; padding-bottom:10%; position:absolute;  }	
.sticky {height:300px; width:100%; background-color:#ccc; position:relative; }
.sticky2 {height:300px; width:100%; background-color:#ccc; position:relative; }
.sticky3 {height:300px; width:100%; background-color:#ccc; position:relative; }
.sticky4 {height:300px; width:100%; background-color:#ccc; position:relative; }
.sticky5 {height:300px; width:100%; background-color:#ccc; position:relative; }
.sticky6 {height:300px; width:100%; background-color:#ccc; position:relative; }
.sidebar {
  float: left;

 height:auto;
 
}
}



.btn,
	a.btn {
		font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
		display: inline-block;
		padding: 16px 10px;
		margin-bottom:20px;
		font-size: 12px;
		font-weight: 700;
		line-height: 12px;
		letter-spacing: 1px;
		color: #fff;
		min-width: 140px;
		background-color:#952875;
		border-width:1px;
		border:solid;
		border-color:#952875;
		text-align: center;
		text-transform: uppercase;
		cursor:pointer;
text-decoration:none;
		transition: 0.9s cubic-bezier(0.18, 1, 0.21, 1);
		-o-transition: 0.9s cubic-bezier(0.18, 1, 0.21, 1);
		-ms-transition: 0.9s cubic-bezier(0.18, 1, 0.21, 1);
		-moz-transition: 0.9s cubic-bezier(0.18, 1, 0.21, 1);
		-webkit-transition: 0.9s cubic-bezier(0.18, 1, 0.21, 1);
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
		
	}
	
	.btn:hover,
	a.btn:hover {
		background: #C08FC7;
		border-width:1px;
		border:solid;
		border-color:#C08FC7;
		color: #fff;
		
	}





.btn1,
	a.btn1 {
		display: inline-block;
		padding: 16px 10px;
		margin-bottom:20px;
		font-size: 12px;
		font-weight: 700;
		line-height: 12px;
		letter-spacing: 1px;
		color: #fff;
		min-width: 140px;
		background-color:#222;
		border-width:1px;
		border:solid;
		border-color:#222;
		text-align: center;
		text-transform: uppercase;
		cursor:pointer;
text-decoration:none;
		transition: 0.9s cubic-bezier(0.18, 1, 0.21, 1);
		-o-transition: 0.9s cubic-bezier(0.18, 1, 0.21, 1);
		-ms-transition: 0.9s cubic-bezier(0.18, 1, 0.21, 1);
		-moz-transition: 0.9s cubic-bezier(0.18, 1, 0.21, 1);
		-webkit-transition: 0.9s cubic-bezier(0.18, 1, 0.21, 1);
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
		
	}
	
	.btn1:hover,
	a.btn1:hover {
		background: #006A6C;
		border-width:1px;
		border:solid;
		border-color:#006A6C;
		color: #fff;
		
	}
	
	.quoteparallax p{color:#FFF;}


.quoteparallax {
	width:100%;
	padding-top:60px; padding-bottom:80px;
	}
  
  @media only screen and (max-width: 900px) {
	.quoteparallax {
	width:100%;
	padding-top:40px; padding-bottom:20px;
	}
	  }
  
  
  
  
  
  
  
  
  .preloader{
    background: rgb(98, 16, 70); 
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
 }

.status{
  
  position: absolute;
  left: 50%;
  top: 50%;
 }


@keyframes dash {
  from {
    stroke-dashoffset: 3000;
  }
  to {
    stroke-dashoffset: 0;
  }
}

.mainContent{
  display: none;
  width: 100%;
}

#loader {
  animation: animate 1.5s linear infinite;
  clip: rect(0, 80px, 80px, 40px); 
  height: 80px;
  width: 80px;
  position: absolute;
  left: calc(50% - 40px);
  top: calc(50% - 40px);
}
@keyframes animate {
  0% { 
    transform: rotate(0deg)
  }
  100% { 
    transform: rotate(220deg)
  }
}
#loader:after {
  animation: animate2 1.5s ease-in-out infinite;
  clip: rect(0, 80px, 80px, 40px);
  content:'';
  border-radius: 50%; 
  height: 80px;
  width: 80px;
  position: absolute; 
} 
@keyframes animate2 {
  0% {
    box-shadow: inset #952875 0 0 0 17px;
    transform: rotate(-140deg);
  }
  50% {
    box-shadow: inset #952875 0 0 0 2px;
  }
  100% {
    box-shadow: inset #952875 0 0 0 17px;
    transform: rotate(140deg);
  }
}