@font-face {
  font-family: 'Oswald Regular';

  src: url('../fonts/Oswald-Regular.otf') format('opentype');
}

body
{
 font-family: "Oswald Regular";
 background-color: #000000;
 color: #FFFFFF;
 height: 100%;
 min-height: 600px;
 min-width: 320px;
}

p
{
 font-family: "Roboto";
}

.video-fullscreen
{
 
}

.video-bg
{
    width: 100%;
    height: 100%;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    overflow: hidden;
    top: 0px;
    left: 0;
}

.video-bg video
{
    /*width: 100%;
    height: 100%;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;*/
    
    position: fixed; right: 0; bottom: 0;
    min-width: 100%; min-height: 100%;
    width: auto; height: auto;
    background-size: cover;
    
    /*min-width: 100%;*/
    /*min-height: 100%;*/
    
    /*position: absolute;
    bottom: 50%; 
    right: 50%;
    transform: translateX(-50%) translateY(-50%);
    min-width: 100%; 
    min-height: 100%; 
    width: auto; 
    height: auto;
    overflow: hidden;*/
    
}

idea-btn
{
	position: fixed; 
	top: 10%;
	right: 10%;
	z-index: 2000;
	
}

.navbar-black
{
 background-color: #000000;
}

.icon-bar
{
 background-color: #EEEEEE;
}

.no-padding
{
 padding: 0px;
}

.navbar a
{
 color: #EEEEEE;
}

.navbar li a:hover
{
 background: transparent;
 border-bottom: 3px solid #BA936B;
}

.title-text
{
	position: absolute;
	top: 10%;
	left: 50px;
	z-index: 50;
	max-width: 90%;
}

#homepage-header
{
 /*background-image: url("../img/homepage_small.jpg");
 background-position: center;*/
 width: 100%;
 height: 100%;
 background-size: cover;
 margin-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
 /*padding-bottom: 160px;*/
 max-width: 1680px;
}

.full-height
{
 height: 100%;
}

.row pull-down-all
{
	positon: relative; 
	top: 300px;
}

.nav-pin-top
{
 position: fixed;
 top: 0px;
 right: 0px;
 margin-right: 0px;
 z-index: 1050;
}

.carouselcontainer
{
    position: absolute;
    width: 100%;
    height: auto; 
    max-height: 100%;
}

.left carousel-control
{
	position: absolute;
	top: 50%;
	left: 5%;
}

.previous-icon
{
	 position: absolute;top: 40%;left: 7%;width: 40px;
}

.next-icon
{
	position: absolute;top: 40%; right: 7%;width: 40px;
}

.footer
{
	height: 400px; 
	z-index: 10; 
	max-height: 450px; 
}

.social-icons-footer
{
	postion: relative; 
	width: 100%; 
	padding-top: 18%;
	z-index: 10;
}

.social-icons-footer img
{
	margin: 0 2%;
}

.footer a
{
	font-color: #15e06f;
	font-size: 12px;
	/*font-weight: bold;*/
	 font-family: "Oswald Regular";
}

.footer-box
{
	position: absolute;
	bottom: -20%;
	width: 100%;
	max-width: 100%;
	max-height: 260px; 
}

.footer-container-1 
{
	position: relative;
	height: 120px;
	top: 20px;
	right: -10%;
	font-size: 12px;
	font-colour:#FFFFFF;
	/*font-weight: bold;*/
	 font-family: "Oswald Regular";
	 padding-top: 0px;
	 max-width: 33%;
	 z-index: 10;
}

.footer-container-1 a
{
	line-height: 22px; 
}

.footer-container-2 
{
	position: relative;
	height: 0px;
	right: -40%;
	top: -102px;
	font-size: 12px;
	/*font-weight: bold;*/
	 font-family: "Oswald Regular";
	 width: 33%;
	 z-index: 10;
}

.footer-container-2 a
{
	line-height: 22px; 
}

.footer-container-3 
{
	position: relative;
	width: 20%;
	height: 1px;
	right: -70%;
	top: -107px;
	font-height: 150%; 
	font-size: 18px;
	font-weight: bold;
	 font-family: "Oswald Regular";
	 z-index: 10;
}

.footer-container-3 p2
{
	line-height: 31px; 
}

.crown-footer-image
{
	position: absolute; 
	right: 110px;
	bottom: -275px;
	z-index: -100; 
	width: 346px;
	max-width: 33%;
}

.dividing-line-1
{
	position: relative; 
	right: -9%;
	bottom: 220px;
	z-index: 0;
	max-width: 10%; 
}

.dividing-line-2
{
	position: relative; 
	right: -39%;
	bottom: 300px;
	z-index: 0;
	max-width: 10%;
}

.dividing-line-3
{
	position: relative; 
	right: -69%;
	bottom: 380px;
	z-index: 0;
	max-width: 10%;
}

.footer-total
{
	max-height: 120px;
}

@media screen and ( max-width: 1500px ) {
.footer-container-1 
{
	position: relative;
	height: 120px;
	top: 20px;
}

.dividing-line-1
{
	position: relative; 
	bottom: 220px;
}

.footer-container-2 
{
	position: relative;
	height: 0px;
	top: -102px;
} 

.dividing-line-2
{
	position: relative; 
	bottom: 300px;
}

.footer-container-3 
{
	position: relative;
	width: 20%;
	height: 1px;
	top: -107px;
}

.dividing-line-3
{
	position: relative; 
	bottom: 380px;
}

.carouselcontainer
{
	height: 75%;
}


}

@media screen and ( max-width: 1195px ) {
.footer-container-1 
{
	position: relative;
	height: 120px;
	top: 20px;
}

.dividing-line-1
{
	position: relative; 
	bottom: 220px;
}

.footer-container-2 
{
	position: relative;
	height: 0px;
	top: -102px;
} 

.dividing-line-2
{
	position: relative; 
	bottom: 300px;
}

.footer-container-3 
{
	position: relative;
	width: 20%;
	height: 1px;
	top: -107px;
}

.dividing-line-3
{
	position: relative; 
	bottom: 380px;
}

.carouselcontainer
{
	height: 65%;
}

}

@media screen and ( max-width: 998px ) {
.footer-container-1 
{
	position: relative;
	height: 20px;
	top: 20px;
}

.dividing-line-1
{
	position: relative; 
	bottom: 120px;
}

.footer-container-2 
{
	position: relative;
	height: 0px;
	top: 0px;
} 

.dividing-line-2
{
	position: relative; 
	bottom: 200px;
}

.footer-container-3 
{
	position: relative;
	width: 20%;
	height: 1px;
	top: 0px;
}

.dividing-line-3
{
	position: relative; 
	bottom: 280px;
}

}

@media screen and ( max-width: 900px ) {
.footer-container-1 
{
	position: relative;
	height: 20px;
	top: 20px;
}

.dividing-line-1
{
	position: relative; 
	bottom: 120px;
}

.footer-container-2 
{
	position: relative;
	height: 0px;
	top: 0px;
} 

.dividing-line-2
{
	position: relative; 
	bottom: 200px;
}

.footer-container-3 
{
	position: relative;
	width: 20%;
	height: 1px;
	top: 0px;
}

.dividing-line-3
{
	position: relative; 
	bottom: 280px;
}

.carouselcontainer
{
	height: 45%;
}


}

@media screen and ( max-width: 800px ) {
.footer-container-1 
{
	position: relative;
	max-width: 50%;
	height: 20px;
	top: 20px;
}

.dividing-line-1
{
	position: relative; 
	right: -8%;
	bottom: 120px;
}

.footer-container-2 
{
	position: relative;
	max-width: 50%;
	height: 0px;
	right: -10%;
	top: 150px;
} 

.dividing-line-2
{
	position: relative; 
	max-width: 10%;
	right: -8%;
	bottom: 50px;
}

.footer-container-3 
{
	position: relative;
	max-width: 80%;
	min-width: 70%;
	font-size: 14px;
	height: 1px;
	right: -10%;
	top: 300px;
}

.dividing-line-3
{
	position: relative; 
	max-width: 10%;
	right: -8%;
	bottom: -25px;
}

.carouselcontainer
{
	height: 40%;
}

}

@media screen and ( max-width: 991px ) {
  .nav-pin-top {
     margin-right: 52px;
  }
}

.navbar-top-social li
{
 z-index: 2000;
}

.navbar-icons
{
 float: right;
 margin: 0px;
 padding: 12px;
}

.navbar-collapse
{
 z-index: -100;
}

@media screen and ( max-width: 991px ) {
  .navbar-collapse {
     background-color: #060606;
  }
}

@media screen and ( max-width: 992px )
{
 .navbar-small-align-right li a
 {
  text-align:right;
 }
}

.navbar-icons li
{
 list-style: none;
 position:relative;
 display:block;
 float:left;
}

.navbar-icons li a
{
 padding: 15px 4px;
}

.navbar-brand
{
 z-index:1060;
}

h1
{
 color: #FFFFFF;
 font-size: 85px; 
}

h4
{
 color: #15e06f;
font-size: 85px; 
}



h2
{
 color: #FFFFFF;
 font-size: 32px;
}

.nav-info
{
 padding: 18px 4px;
 color: #BBBBBB;
}

.btn-ch-pad
{
 padding: 8px 20px;
}

.hr-orange
{
 padding: 0px;
 margin: 0px;
 border: 3px solid #BA936B;
}

.social-icons ul
{
 list-style: none;
 margin: 0;
 padding: 0;
}

.social-icons li
{
 display: inline-block;
 zoom: 1;
 vertical-align: middle;
}

.social-icons ul li a
{
 display: block;
 margin: 0 5px;
 text-decoration: none;
}

/*.footer-container
{
 height: 112px;
 /*bottom: 0px;*/
 /*position: fixed;
 width: 100%;
} */

.maps-footer
{
 background-image: url("../img/map.png");
 background-size: cover;
 background-position: center;
 width: 100%;
 height: 112px;
 padding: 0px;
}

.purple-box
{
 background-image: url("../img/purplebox.png");
 background-size: cover;
 background-position: center;
 width: 405px;
 height: 112px;
 padding: 0px;
}

.purple-box h2
{
 text-align: left;
 padding-left: 24px;
 padding-top: 18px;
}

.purplebox-image
{
    padding-top: 28px;
    position: absolute;
    right: 0px;
}

.purple-container
{
 background-color: #792D78;
}

.purple-container-text h2
{
 line-height: 68px;
}

@media screen and ( max-width: 800px ) {
  .purple-container-text h2
   {
    font-size: 20px;
    line-height: 68px;
  }
}


@media screen and (max-width : 390px ){
	.homepage-header-small
	{
		background-image: url("../img/homepage_small.jpg")
	}
	
 	.purple-container-text h2
   {
    font-size: 12px;
  }
  
  .title-text
  {
	  top: 150px;
  }
  
  .carouselcontainer
{
	top: 150px;
}

.btn-purple
{
	bottom: -20px;
}

.footer-box
{
	bottom: -30%;
	padding-top: 50px;
}
  
.previous-icon
{
	width: 20px;

}

.next-icon
{
	width: 20px;
}

  
}


.btn-purple
{
  color: #FFFFFF;
  background-color: #92278f;
  border-color: #92278f;
  font-size: 55px;
  position: absolute;
  bottom: 10%;
  left: 50px;
  z-index: 50;
  }
.btn-purple:hover,
.btn-purple:focus,
.btn-purple.focus,
.btn-purple:active,
.btn-purple.active,
.open > .dropdown-toggle.btn-purple {
  color: #FFFFFF;
  background-color: #c434c0;
  border-color: #c434c0;
}
.btn-purple:active,
.btn-purple.active,
.open > .dropdown-toggle.btn-purple {
  background-image: none;
}
.btn-purple.disabled,
.btn-purple[disabled],
fieldset[disabled] .btn-purple,
.btn-purple.disabled:hover,
.btn-purple[disabled]:hover,
fieldset[disabled] .btn-purple:hover,
.btn-purple.disabled:focus,
.btn-purple[disabled]:focus,
fieldset[disabled] .btn-purple:focus,
.btn-purple.disabled.focus,
.btn-purple[disabled].focus,
fieldset[disabled] .btn-purple.focus,
.btn-purple.disabled:active,
.btn-purple[disabled]:active,
fieldset[disabled] .btn-purple:active,
.btn-purple.disabled.active,
.btn-purple[disabled].active,
fieldset[disabled] .btn-purple.active {
  background-color: #fff;
  border-color: #ccc;
}
.btn-purple .badge {
  color: #fff;
  background-color: #333;
}

a,
a:hover,
a:focus {
  text-decoration: none;
}

.nav > li > a,
.nav > li > a:hover,
.nav > li > a:focus {
  background:none;
}

/* footer
{
  position: absolute;
  font-family: 'Roboto' sans-serif;
  bottom: 0;
  right: 0;
  padding: 8px;
  color: white;
  z-index: 100;
}

footer a
{
  color: white;
  font-size: 1.1em;
  font-family: 'Roboto' sans-serif;
}

.footer-pad
{
	position: relative;
	top: 35px;
	padding-bottom: 16px;
}*/

.footer-container-3 
{
	padding-bottom: 125px;
}

@media screen and ( max-width: 991px ) {
	.btn-purple 
	{
		font-size: 50px;
	}
	
	h1
	{
		font-size: 70px;
	}
	
	h4
	{
		font-size: 80px;
	}
}
	@media screen and (max-width : 736px ){
	
	.footer-box
	{
		bottom: -65%;
	}
	
	.footer-icon
	{
		width: 10%;
	}
	
	
	.btn-purple
	{
		position: absolute;
		bottom: 5%;
	}
}

@media screen and ( max-width: 722px ) {
	.btn-purple
	{ 
	font-size: 40px;
	}
	
	h1
	{
		font-size: 60px;
	}
	
	h4
	{
		font-size: 70px;
	}
}

@media screen and ( max-width: 480px ) {
  h1 {
     font-size: 35px;
  }
  
  h4
  {
	  font-size: 42px;
  }
  
  .btn-purple
  {
	  font-size: 20px
  }
  
 .footer-container-3 
 {
	 padding-bottom: 125px; 
 }
 
}