html{
	 padding:0;
	 margin:0;
	 font-family: "Helvetica Neue",Arial,sans-serif;
	  scroll-behavior: smooth;
 transition:10s;
 	overflow-X:hidden;
	
}
body{
	background:url("img/rectangle.png");
}
.navbar{
	background:none;
	border:none;
	transition:1s;
}
.navbar .navbar-nav {
    display: inline-block;
    float: none;
}
.navbar .navbar-brand{
	display:none;
}
.navbar .navbar-collapse {
    text-align: center;
}
.navbar  .navbar-nav li a{
	font-family: "Helvetica Neue",Arial,sans-serif;
    font-weight: 600;
    
    font-size: 12px;
    letter-spacing: 2px;
	text-transform:uppercase;
	color: rgba(255,255,255,.6)
	transition:0.2s;
}

.navbar  .navbar-nav li{
	margin-top:30px;
	
}
.navbar  .navbar-nav li a:hover{
	color:#fff;
	transition:0.2s;
}
.navbar  .navbar-nav .active a:hover{
	color:#fff;
	background:none;
	transition:0.2s;
}
.navbar  .navbar-nav .active a{
	background:none;
	color:#5F5C5C;
	transition:0.2s;
}

.navbar-default .navbar-nav > .active > a:focus {
   color: #fff;
    background: none;
	transition:0.2s;
}
.navbar-nav  .active a:focus{

}
.navbar  .navbar-nav li a:focus{ 
 

 color:#fff;
}
.navbar  .navbar-nav li h2{
	margin-top:5px;
	padding-left:30px;
	padding-right:30px;
	text-transform:uppercase;
    font-family: "Helvetica Neue",Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 30px;
	color: #fff;
	
}
.navbar-default.scrolled {
	 background:#262424;
	 border:1px solid rgba(201,200,196,0.5);
	 border:0px;
	 transition:1s
}
.navbar-default.scrolled .navbar-nav {
	margin-top:-30px;
	
}

.navbar-default.scrolled .navbar-nav .li-h2 {
	display:none;
	
}
.navbar  .navbar-nav{
	transition:1s;
}
.navbar  .navbar-nav.scrolled {
	transition:1s;
}


.section1 .all-col .col-btn-1{
	padding:20px;
	margin-top:-10px;
}
.section1 .all-col .col-btn-1 .btn{
	background:none;
	border:2px solid white;
	transition:0.30s;
	font-size:15px;
	padding-top:22px;
	word-spacing:10px;
	letter-spacing: 3px;
	font-family: Source Code Pro;
	border-radius:0px;
	height:65px;
}
.section1 .all-col .col-btn-1 .btn:hover{
	background:white;
	color:#252323;
	transition:0.30s;
}
.section1 .all-col .col-btn-2{
	padding:50px;
	margin-top:-20px;
}
.section1 .all-col .col-btn-2 .btn{
	background:none;
	border:2px solid white;
	transition:0.30s;
	font-size:15px;
	padding-top:22px;
	word-spacing:10px;
	letter-spacing: 3px;
	font-family: Source Code Pro;
	border-radius:0px;
	height:65px;
}
.section1 .all-col .col-btn-2 .btn:hover{
	background:white;
	color:#252323;
	transition:0.30s;
}

.section1 .all-col .col-h2 .col-md-12 h2{
	font-size:22px;
	color:#fff;
	    font-family: Abel;
    font-style: normal;
    font-weight: 400;
	line-height: 1.1em;
    letter-spacing: .48px;
    text-transform: uppercase;
}
.section3 .get .col-md-12 h1{
font-family: neue-haas-grotesk-text;
    font-weight: 400;
    font-style: normal;
	line-height: 1em;
    color: #fff;
    font-size: 79px;
    
    word-wrap: normal;
    text-transform: uppercase;
	
}


.section-box-twelve{
     
        background: radial-gradient(#6e6e6e,#2f2f2f);
        background: -webkit-radial-gradient(#6e6e6e,#2f2f2f);
        background: -moz-radial-gradient(#6e6e6e,#2f2f2f);
        color: #fff;
        position: relative;
        overflow:hidden;
    }
    .section-box-twelve figure {
        position: absolute;
        text-align: center;
       padding-left:130px;
       padding-right:130px;
		padding-top:40%;
        width: 100%;
        height: 100%;
        transition: ease-in-out .5s;
        opacity: 0;
        transform: scale(1);
    }
    .section-box-twelve:hover figure {
        opacity: 1;
        transform: scale(1);
        background: rgba(0, 0, 0, 0.71);
    }
   


.section3 .get .section-box-twelve figure p {
 width: 100%;
    clear: both;
    text-align: center;
	color: #fefefe;
	font-size:20px;
	font-weight:bold;
	padding-bottom:10px;
   
}
.section3 .get .section-box-twelve figure .text  .btn{
	background:none;
	border:2px solid white;
	
    text-transform:uppercase;
	
	padding-top:3px;
	letter-spacing:20px;
	padding-bottom:-20px;
	word-spacing:10px;
	letter-spacing: 3px;
	font-family: Source Code Pro;
	border-radius:0px;
	height:48px;
	font-family: Futura-Bold,HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-style: italic;
    font-weight: 600;
	letter-spacing:2;
       font-size: 26.92px;
    border-width: calc(.09259vw + 3.7px);
    letter-spacing: 0;
	transition: .2s all ease-in-out;
    cursor: pointer;
}
.section3 .get .section-box-twelve figure .text .btn:hover{
	background:white;
	color:#252323;
	transition:0.30s;
}





.section3 .get .col-md-12 h4{
color:white;
float:right;
margin-top:20px;	
}
.section4 .music .col-md-12 h1{
font-family: neue-haas-grotesk-text;
    font-weight: 400;
    font-style: normal;
	line-height: 1em;
    color: #fff;
    font-size: 79px;
    
    word-wrap: normal;
    text-transform: uppercase;
	
}



.section4 .music .col-md-12 h2{
white-space: pre-wrap;
    color: #fff;
    font-size: 29px;
	font-family: Abel;
    font-style: normal;
    font-weight: 400;
   
    line-height: 1.1em;
    letter-spacing: .48px;
    text-transform: uppercase;
}
.section4 .music .col-md-12 .btn{
	padding:20px;
	text-align:center;
	padding-right:15px;
	margin-top:30px;
	
}
.section4 .music .col-md-12 .btn{
	background:none;
	border:2px solid white;
	transition:0.30s;
	font-size:15px;
	word-spacing:10px;
	letter-spacing: 3px;
	font-family: Source Code Pro;
	border-radius:0px;
	height:65px;
}


.section4 .music .col-md-12 .btn:hover{
	background:white;
	color:#252323;
	transition:0.30s;
}
.section5{
	background:black;
}
.section5 .social_icon{
	margin-top:60px;
	
	
}

.section5 .social_icon li a{
    color: #fff;
	font-size:25px;
    background: none;
    display: block;
    height: 20px;
    width: 25px;
    line-height: 20px;
    border-radius: 2%;
	
  	transition:0.2s;
	
}
.section5 .social_icon ul {
	padding:10px;
}
.section5 .contact center ul li a:hover{
	color:rgba(255,255,255,0.5);
	transition:0.2s;
}
.section5 .contact .col-md-12 h2{
	color: rgba(255,255,255,.8);
	font-size: 20px;
	font-weight:bold;
	margin-top:35px;
	letter-spacing:1;
	word-spacing:1;
}









.section5 .contact .frm{
	margin-top:20px;
	margin-bottom:80px;
}


.section5 .contact .btn{
	border:none;
	width:170px;
	float:right;
	background: #393939;
	font-size:16px;
	border-radius:0px;
	color: #797979;
	margin-right:40px;
	
}
.section5 .contact .btn:focus{
background:#6D6A6A;
	outline:none;
	border-radius:0px;
}
.section5 .btn:active, .open .btn {
       border:none;
     background-image: linear-gradient(to left,#6D6A6A,#434141) !important;
	outline: none;
	border-radius:0px;
    }
.section5 .contact .btn:hover{
	background:#434141;
	border-radius:0px;
	color:white;
	
	transition:0.2s;
}
.material-input-group{
    position:relative;
    margin-bottom: 8px;
}

/*The Input*/
.section5 .contact .frm .col-md-3 label{
	color:white;
	margin-left:45px;
}
.section5 .contact .frm input{
    font-size:14px;
    padding:14px 10px 5px 5px;
    display:block;
	color: #999;
    width:100%;
	background:none;
    border:none;
	margin-left:40px;
	float:left;
    border-bottom:1px solid #aeaeae;
}
.section5 .contact .frm select{
    font-size:14px;
    padding:14px 10px 5px 5px;
    display:block;
    width:100%;
	background:none;
	margin-left:40px;
    border:none;
	
    border-bottom:1px solid #aeaeae;
}
.section5 .contact .frm select option{
   font-size:12px;
   color:black;
  
   
}
.section5 .contact .frm input:focus{
 outline:none; 
border:none;	
box-shadow:none;
 border-bottom:1px solid #aeaeae;
}
.section5 .contact .frm select:focus{
    outline:none; 
border:none;	
box-shadow:none;
 border-bottom:1px solid #aeaeae;
}
.section5 .contact  .frm .col-md-4{
	
}
.section5 .contact .frm  .form-group{
	
	
	
}
.section5 .contact .frm .email .form-group input{
	
	
}
.section5 .contact select {
    -moz-appearance:none;
	
	
}
.section5 .contact .email span{
	position:absolute;
	
	margin-top:15px;
	margin-left:280px;
}





/*The Label (animates up and down)*/
.modal .modal-footer a{
	background:white;
	padding:8px;
	padding-top:6px;
	padding-bottom:6px;
	font-size:10px;
	border-radius:100%;
	text-decoration:none;
}
.modal .modal-footer button{
	font-size:17px;
	font-weight:bold;
	border:none;
	padding:6px;
	padding-top:-1px;
	padding-right:15px;
	padding-left:15px;
	border-radius:0px;
}
.modal .modal-footer button i{
	font-size:11px;
	border:none;
	background:white;
	
		padding:5px;
	border-radius:100%;
}
.modal .modal-footer  .first i {
	padding-right:7px;
	padding-left:7px;
	color:#3b5999;
	font-size:10px;

} 
.modal .modal-footer .second i {
	font-size:9px;
	color:#7fbbdf;
	
}
.modal .modal-footer button:hover{


	border:none;
}
.modal .modal-footer button:focus{
	outline:none;
	border:none;
}
.modal .modal-footer  .second{
	background:#7fbbdf;
}
.modal .modal-footer  .first{
	background: #3b5999;
}
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 80%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.close {
  color:#363535;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color:#757272;
  text-decoration: none;
  cursor: pointer;
}

.modal-header {
  padding: 2px 16px;
 background-color: #fff;
 color: #6a6a6a;
 font-size: 16px;
 text-align:center;
 border:none;
}
.modal-header h2 {
 
 font-size: 16px;

}

.modal-body {
	padding-top:10px;
	margin-left:28px;
	margin-right:28px;
	border:1px solid #ddd;;
	padding: 2px 16px;
    background-color: #f0f0f0;
}
.modal-body center{
	padding-top:10px;
	
}


.modal-footer {
  padding: 2px 16px;
  background-color: #fff;
 color: #6a6a6a;
  border:none;
}

 @media only screen and (max-width : 768px){
	 .navbar .navbar-brand{
		 display:block;
		 text-transform:uppercase;
    font-family: "Helvetica Neue",Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
	color: #fff;
	 }
	 .navbar .navbar-nav .li-h2{
		 display:none;
	 }
	 .section2 {
	margin-top:-150px;
}

.section-box-twelve figure  {
      
       padding-left:80px;
       padding-right:80px;
		padding-top:40%;
        width: 100%;
        height: 100%;
        transition: ease-in-out .5s;
        opacity: 0;
        transform: scale(2);
    }
.section3 .get .section-box-twelve figure .text  .btn{
	font-size:26px;
}
	 
 }

 

  @media only screen and (max-width : 468px) {
	 .section3 .get .section-box-twelve figure .text  .btn{
	font-size:20px;
	padding-top:10px;
}
 .section-box-twelve figure  {
      
       padding-left:40px;
       padding-right:40px;
		
    }
.section1 .all-col .col-btn-1 .btn{
	font-size:20px;
}
.section1 .all-col .col-btn-2 .btn{
	
	font-size:11px;
	
}
	  
.section2 {
	margin-top:-200px;
}

.section2 .list-table-1 .col-left{
	float:none;
	
}
.section2 .list-table-1 .col-mid{
	text-align:left;
	
}	  
.section2 .list-table-1 .col-right .btn{
	float:none;  
  }
  
  .section3 .get .col-md-12 h4{
  float:left;
	
}
 
.section5 .contact .btn{
	
	font-size:16px;
	float:left;
	
	
}
.section5 .contact .frm input{
   
	margin-left:0px;
	float:left;
    
}
.section5 .contact .frm select{
    
	margin-left:0px;
   
}

  }
 @media only screen and (max-width : 468px) {
	.section3 .get .section-box-twelve figure .text  .btn{
	font-size:20px;
	padding-top:8px;
}
 .section-box-twelve figure  {
      
       padding-left:20px;
       padding-right:20px;
		
    }
}