body{
background: url('../img/background.png') no-repeat center fixed;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
overflow-x:hidden;
}

.coming_soon{
    color: #000;
    letter-spacing: 1px;
    padding: 50px 0px;
    }
    .coming_soon a{
        color:#000;
    }

    .coming_soon a:hover{
      text-decoration: none !important
    }

.logoimg{
  max-width: 155px;
    margin: 0 auto;
}

@media only screen and (max-width: 767px) and (min-width: 0px){
	
body {
    background: url(../img/background.png) no-repeat top center fixed;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  overflow-x:hidden;
}

.coming_soon {
    padding: 50px 15px;
}
  
.coming_soon a{
font-size: 20px;
}
.coming_soon h1{
font-size: 30px;
}
.panel-body
{
    padding: 0 !important;
}
.formcontainer{  
	padding: 0 !important;
    width: 100%;
   position: absolute;
    right: 0%;
        bottom: 20%;}
.sky-form section {
    margin-bottom: 16px;
}
.sky-form header {
    display: block;
    padding: 5px 30px !important;
    border-bottom: 1px solid rgba(0,0,0,.1);
    background: rgba(248,248,248,.9);
    font-size: 20px !important;
    font-weight: 300;
    color: #232323;
}
.sky-form fieldset {
    display: block;
    padding: 10px 30px 5px !important;
    border: none;
    background: rgba(255,255,255,.9);
}
}

@media only screen and (max-width: 1279px) and (min-width: 1025px)
{
.formcontainer {
    position: absolute;
    right: 0% !important;
    bottom: 0%;
}
}	
@media only screen and (max-width: 1024px) and (min-width: 768px)
{
body {
    background: url(../img/mobile-bg.jpg) no-repeat top center fixed;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow-x:hidden;
}
.formcontainer .col-md-4.col-md-offset-8{    margin: 0 !important;
    width: 100%;}
.formcontainer{   
	    width: 100%;
	  position: absolute;
    right: 0%;
      bottom: 15%;}
  .sky-form section {
    margin-bottom: 16px;
}  
}

@media only screen and (max-width: 1990px) and (min-width: 1025px)
{

.panel-default {
opacity: 0.9;
margin-top:30px;
outline: none;
box-shadow: 0 0 20px rgba(0,0,0,.3);
font: 13px/1.55 'Open Sans', Helvetica, Arial, sans-serif;
color: #666;
border-radius: 0px !important;
}
.panel-default>.panel-heading{    padding: 10px 30px;
border-bottom: 1px solid rgba(0,0,0,.1);
background: rgba(248,248,248,.9);
font-size: 20px;
font-weight: 300;
color: #37171a;
font-weight: 300;
/* text-align: center; */
text-transform: uppercase;}
.form-group.last {
margin-bottom:0px;
}
	
.formcontainer{     position: absolute;
    right: 3%;
        bottom: 10%;}
 	
    ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #2d2c2c;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #2d2c2c;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #2d2c2c;
}
:-moz-placeholder { /* Firefox 18- */
  color: #2d2c2c;
}

}

.btn {
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 16px;
  font-weight: 400;
      letter-spacing: 1px;
  line-height: 35px;
  margin: 0 auto 0em;
  max-width: 160px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: middle;
  width: 100%;
}
.btn:hover {
  text-decoration: none;
}


.btn-1 svg {
  height: 45px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.btn-1 rect {
  fill: none;
  stroke: #fff;
  stroke-width: 2;
  stroke-dasharray: 422, 0;
}

.btn-1:hover {
  background: rgba(225, 51, 45, 0);
    font-weight: 500;
    letter-spacing: 1px;
    color: #fff;
}
.btn-1:hover rect {
  stroke-width: 5;
  stroke-dasharray: 15, 310;
  stroke-dashoffset: 48;
  -webkit-transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
}


.modal-header .close {
    /* margin-top: 15px; */
    margin-right: 13px;
    line-height: 2;
}