/***
font-family: 'Cinzel Decorative', cursive;
font-family: 'Tenor Sans', sans-serif;
font-family: 'Raleway Dots', cursive;
font-family: 'Six Caps', sans-serif;
font-family: 'Source Sans Pro', sans-serif;
*/


* {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0
}

html{
	width:100%;
	height:100%;
	
}

body{
	background:#000;
	
	margin:0;
	
	padding:0;
}

.title h1{
  width:70%;
  font-weight: 300;
  text-transform: uppercase;
  font-family: 'Raleway Dots', cursive;
  position:absolute;
margin:0 auto;
right:0;
left:0;
text-align: center;
opacity:1;
top:53%;
letter-spacing:5px;
  z-index: 100;
  color: white;
  font-size:3vw;
}

#bgimg{
  opacity: 0.7;
  display: block;
  width:100%;
  height:100vh;
}


#bgimg img{
  position: relative;
    width: 100%;
    height: 100vh;
   object-fit: cover;
}

.container {
	
	margin:0 auto;
	width:100%;

	
}


.logo svg{
	padding:12px;
max-width:105px;
width:80%;	
position:absolute;
margin:0 auto;
right:5%;
opacity:1;
top:3%;
	-webkit-transition: all 2s ease-in-out;
-moz-transition: all 2s ease-in-out;
-o-transition: all 2s ease-in-out;
transition: all 2s ease-in-out;
	}
	
	
	.logo img:hover{
	
opacity:1;
	
	}



	.formwrap{
  display: none;

}

#subscribe-result{
 padding:1%;
 width: 50%;
 margin: 0 auto;
 letter-spacing: 2px;
 font-size:12px;
 text-transform: uppercase;
font-family: 'Source Sans Pro', sans-serif;
}

.subcribe h2{
  font-family: 'Raleway', sans-serif;
  letter-spacing:5;
  font-weight: bolder;
  text-align:center;
  text-transform:uppercase;
  font-size:14px;
  color:#FFF;
}


.box{
  text-align:center;
 position:absolute !important;
  left:0;
  width: 100%;
  max-width: auto;
  bottom:10% !important;
  right:0;
  margin:0 auto;
}

input[type="email"] {
  
  padding:1%;
  appearance: none;
  max-width:30%;
  width:100%;
  height:auto;
  font-size:12px;
  letter-spacing:4px;
  background:transparent;
  text-transform:uppercase;
  outline:none;
 

  border:solid 2px #FFFFFF;
  text-align:center;
  transition: border-color 0.6s ease;
 color:#FFF;
}



::-webkit-input-placeholder {
   color:#FFF;
   transition: color 0.3s ease;
}

:focus::-webkit-input-placeholder {
   color: transparent;
   transition: color 0.3s ease;
}


input[type="email"]:focus {
   outline:none;
   

  border:solid 2px  #FFFFFF;
  transition: border-color 1s ease;
}

input[type="submit"] {
padding: 1%;
  max-width:30%;
  width:100%;
  height:auto;
  font-size:12px;
  background:transparent;
  color: #FFF;
  border:none;
  text-align:center;
  letter-spacing:0.15em;
  text-transform:uppercase;
  transition: color 0.5s ease;
  outline:none;
   border:none;
}

input[type="submit"]:hover {
 
  cursor:pointer;
  transition: color 0.5s ease;
  color:#000;
  -webkit-box-shadow: inset 500px 0 0 0 #FFF;
  -moz-box-shadow: inset 500px 0 0 0 #FFF;
  -ms-box-shadow: inset 500px 0 0 0 #FFF;
  -o-box-shadow: inset 500px 0 0 0 #FFF;
  box-shadow: inset 500px 0 0 0 #FFF;
  -webkit-transition: all 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 100ms;
  -moz-transition: all 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 100ms;
  -o-transition: all 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 100ms;
  transition: all 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 100ms;
  -webkit-transform: none;
  transform: none;
}



.social ul{

  position: absolute;
  left: 0; bottom: 4%; right: 0;
text-align: center;
  margin:auto;

width:20%;
max-width:auto;
}
.social ul li a{
 font-size: 14px;
text-decoration: none;
 vertical-align: top;
  color: white;
}

.social ul li{
  padding:5%;
  list-style: none;
  display:inline-block;
}



@media (max-width:761px) {
  
input[type="email"] {
  
padding:2%;
  appearance: none;
  max-width:63%;
  width:100%;
  height:auto;
  font-size:12px;
  letter-spacing:4px;
  background:transparent;
  text-transform:uppercase;
  outline:none;
 

  border:solid 2px #FFFFFF;
  text-align:center;
  transition: border-color 0.6s ease;
 color:#FFF;
}


input[type="submit"] {
padding:2%;
  max-width:63%;
  width:100%;
  height:auto;
  font-size:12px;
  background:white;
  color: #000;
  border:none;
  text-align:center;
  letter-spacing:0.15em;
  text-transform:uppercase;
  transition: color 0.5s ease;
  outline:none;
   border:none;
}

.logo img{
  padding:12px;
max-width:335px;
width:80%;  
position:absolute;
margin:0 auto;
left:0;
right:0;
opacity:1;
top:11%;
  -webkit-transition: all 2s ease-in-out;
-moz-transition: all 2s ease-in-out;
-o-transition: all 2s ease-in-out;
transition: all 2s ease-in-out;
  }
  
  input {

    -webkit-appearance: none !important;
}

input {
    border-radius: 0 !important;
}

}



@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) {
  
.box{
  display: none !important;
}


.logo img{
  padding:12px;
max-width:285px;
width:80%;  
position:absolute;
margin:0 auto;
left:0;
right:0;
opacity:1;
top:11%;
  -webkit-transition: all 2s ease-in-out;
-moz-transition: all 2s ease-in-out;
-o-transition: all 2s ease-in-out;
transition: all 2s ease-in-out;
  }
  
  .social ul{

  position: absolute;
  left: 0; bottom: 7%; right: 0;
text-align: center;
  margin:auto;

width:20%;
max-width:auto;
}

}