@charset "UTF-8";

/*   
Purple = #663398
Pink = #CB99CC
*/

@import url('magic-bootstrap.css');

@import url('animate.css');

@import url('http://blueimp.github.io/Gallery/css/blueimp-gallery.min.css');


/* FONTS */

@font-face{
  font-family: aliquam;
  src: url(../fonts/Aliquam.ttf);
}

html, body{  	
  height: 100%; 
  max-height: 100%; 
  margin: 0;
  padding-top: 30px;
  text-shadow:none !important;
}

h1{
	margin: 40px 0px 32px 0px;
  font-weight: 300;
  font-size: 32px;
}

h1 span{
	color : #663398;
}



h2,h3,h4,h5{
	font-weight: 700;
}



.navbar{
	-webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.39);
	-moz-box-shadow:    0px 2px 2px 0px rgba(50, 50, 50, 0.39);
	box-shadow:         0px 2px 2px 0px rgba(50, 50, 50, 0.39);
}


.navbar-brand{
	padding-top: 8px;
}

.nav li span{
	display: none;
}

.navbar-default .navbar-nav > li > a.btn,
.navbar-default .navbar-nav > li > a.btn:visited {
    color: #ffffff;
    background-color: #c288c3;
    padding: 10px 15px;
    margin-top: 10px;
}

.navbar-default .navbar-nav > li > a.btn:hover,
.navbar-default .navbar-nav > li > a.btn:visited:hover {
    color: #ffffff;
    background-color: #663398;
}

.fullscreen{
  text-align: center;
  padding-top: 80px;
  height: 100%; 
  max-height: 100%; 
}

.btn-sm{
  margin : 4px 0;
}

.girlbg{
  background-image: url(../img/bg.jpg);
  background-position:bottom right;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.wrapper-home {
  width: 100%;
  height: 100%;
  background-image: url(../img/bg.jpg);
  background-repeat: no-repeat;
  background-position: bottom right;
  -webkit-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  background-attachment: fixed;
  padding-top: 60px;
}

.wrapper-be {
  top : 0px;
  width: 100%;
  height: 100%;
  background-image: url(../img/bg2.jpg);
  background-repeat: no-repeat;
  background-position: bottom right;
  -webkit-background-size: cover;
  background-size: cover;
  background-attachment: scroll;
  padding-top: 60px
}

.wrapper-bbl {
  top : 0px;
  width: 100%;
  height: 100%;
  background-image: url(../img/bg3.jpg);
  background-repeat: no-repeat;
  background-position: bottom right;
  -webkit-background-size: cover;
  background-size: cover;
  background-attachment: scroll;
  padding-top: 60px
}

.feature h1{
  margin: 64px 0px 16px 0px;
  font-weight: 300;
  font-size: 32px;
}

.feature p{
  font-size: 20px;
  color: #999999;
}

.glasspanel{
  background-color: rgba(255,255,255,0.9);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}


.img-thumbnail{
	margin-bottom: 16px;
}

.row{
	margin-bottom: 16px;
}

.homepagelogo{
	width: 600px;
}


/* COLOURED SECTIONS */

.pink, .purple, .white{
  padding: 64px 0px;
}

.pink h2, .purple h2, .white h2{
  text-align: center;
  margin : 0 0 32px 0;
  font-size: 48px;
  font-weight: 200;
}

.pink a,
.purple a{
  color: #ffffff;
  text-decoration: underline;
}

.pink a.btn,
.purple a.btn{
  background-color: #ffffff;
  color: #CB99CC;
  text-decoration: none;
}


/* PINK SECTION */

.pink{
  background-color: #CB99CC;
  color: #FFFFFF ;
  background-image: url(../img/pinkbg.jpg);
  background-repeat: no-repeat;
  background-position: top right;
}

.pink h2, .pink h3{
  color: #FFFFFF;
}

.pink h2, .purple h2, .white h2{
  text-align: center;
  margin : 0 0 32px 0;
}


/* PURPLE SECTION */

.purple{
  background-color: #663398;
  color: #FFFFFF ;
  background-image: url(../img/purplebg.jpg);
  background-repeat: no-repeat;
  background-position: top left;
}

.purple h2, .purple h3{
  color: #FFFFFF;
}


/* WHITE SECTION */

.white{
  background-color: #FFFFFF;
  color: #CB99CC;
    background-image: url(../img/whitebg.jpg);
  background-repeat: no-repeat;
  background-position: bottom center;
}

.white h2, .white h3{
  color: #CB99CC;
}

.white h4{
  background-color:  #CB99CC;
  color: #FFFFFF;
  padding: 8px;
  min-height:56px;
}

.footer{
  padding-top: 16px;
  border-top: 1px solid #CB99CC;
  color: #CB99CC;
}

.footer ul{
  padding: 0;
  list-style-type: none;
}

.footer li{
  margin: 4px 0;
}

li.footer-social i{
  margin-right: 16px;
}

.copyr{
  
}


/* CAROUSEL */

.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  top: 16px;
  z-index: 10;
  padding-top: 8px;
  padding-bottom: 8px;
  color: #ffffff;
  text-align: center;
  text-shadow: none;
}
.carousel-caption p{
  color: #000;
}
.carousel-caption .btn {
  text-shadow: none;
}

 .carousel-control .glyphicons-chevron-left,
  .carousel-control .glyphicons-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
    font-size: 30px;
  }

.carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px;
  }

.carousel, .item, .active {
height:300px;
}
.carousel-inner {
height:300px;
}
.carousel {
margin-bottom: 0;
}
.carousel-caption {
z-index: 10;
}
.carousel .item {
background-color:  transparent;
}
.carousel .carousel-inner .bg {
	background-color: transparent;
}

.quote{
	font-size: 24px;
	font-style: italic;
	margin-top : -20px;
}


.galthumb{
  margin-bottom: 32px;
}

.gallery{
  text-align:center;
}
 

@media screen and (max-width: 768px) {
	
  html, body{  	
    	padding-top: 28px;
  }

  h1{
  	margin-bottom: 8px;
  }

  h4{
  	margin-top: 16px;
  	min-height:0px;
  }

  .row{
  	margin-bottom: 4px;
  }

  .homepagelogo{
  	margin-top: 32px;
  }

  .feature h1{
    margin: 38px 0px 8px 0px;
    font-weight: 300;
    font-size: 24px;
  }

  .feature p{
    font-size: 16px;
    color: #999999;
  }

  .carousel-caption {
    position: absolute;
    left: 5%;
    right: 5%;
    top: -16px;
  }

  .nav li span{
  	display: inline;
  }

  .boxed{
  	border-bottom: thin solid #CB99CC;
  	padding-bottom : 16px;
  }

  .quote{
  	font-size: 14px;
  	font-style: italic;
  	margin-top : 8px;
  }

}


@media screen and (max-width: 480px) {
  .homepagelogo{
  	display:none;
  }

  .glasspanel{
    position: absolute;
    bottom: 8px;
    width: 90%;
    margin: 0px auto;
  }

  .glasspanel h1{
    margin-top: 16px;
    font-size: 18px;
    font-weight: 700;
  }
  .glasspanel p{
    font-size: 14px;
  }
}

@import url('normalize.css');
/* CSS Document */