/*dark background to support form theme*/
body{
  background:url("../images/01.png");
}


h1{
  text-align:left;
  padding:30px 0px 0px 0px;
  font-family: 'Roboto Condensed', sans-serif; 
  font-size:30px;
  color:#FFF;
  text-transform:uppercase;
  text-shadow:#000 0px 1px 5px;
  margin:30px;
  margin-right:50%;

}

p{
  width:90%;
  font-family: 'Roboto Condensed', sans-serif; 
  font-size:16px;
  color:#00;
  margin-bottom:30px;
  margin-top:10px;
  margin-left:35px;
  margin-right:50%;
  font-family: 'Roboto Condensed', sans-serif; 
  text-align: justify;
}


input[type="text"],input[type="email"],input[type="mobile"]{
  width:96.5%;
  margin-right:10px;
  padding:15px 0px 15px 8px;
  border-radius:5px;
  box-shadow:inset 4px 6px 10px -4px rgba(0,0,0,0.3), 0 1px 1px -1px rgba(255,255,255,0.3);
	background:rgba(0,0,0,0.2);
  @include disable;
  border:1px solid rgba(0,0,0,1);
  margin-bottom:10px;
  color:#00;
  float:left;
  color:#00297A;
  font-family: 'Roboto Condensed', sans-serif; 
  font-size:16px;

}

textarea[type="message"]{
  width:97%;
  height:260px;
  margin-left:5%;
  padding:15px 0px 15px 8px;
  border-radius:5px;
  box-shadow:inset 4px 6px 10px -4px rgba(0,0,0,0.3), 0 1px 1px -1px rgba(255,255,255,0.3);
	background:rgba(0,0,0,0.2);
  @include disable;
  border:1px solid rgba(0,0,0,1);
  margin-bottom:10px;
  color:#00297A;
  font-family: 'Roboto Condensed', sans-serif; 
  font-size:16px;

}

select[name="selectSubject"]{
  width:100%;
  height:50px;
  margin-right:10%;
  padding:15px 0px 15px 8px;
  border-radius:5px;
  box-shadow:inset 4px 6px 10px -4px rgba(0,0,0,0.3), 0 1px 1px -1px rgba(255,255,255,0.3);
    background:rgba(0,0,0,0.2);
  border:1px solid rgba(0,0,0,1);
  margin-bottom:10px;
  color:#00297A;
  font-family: 'Roboto Condensed', sans-serif; 
  font-size:16px;
}


input[type="submit"]{
  width:100%;
  padding:15px;
  margin-left:5%;
  border-radius:5px;
  @include disable;
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #CFCFCF),
	color-stop(0.52, #636363)
);
background-image: -o-linear-gradient(bottom, #CFCFCF 0%, #636363 52%);
background-image: -moz-linear-gradient(bottom, #CFCFCF 0%, #636363 52%);
background-image: -webkit-linear-gradient(bottom, #CFCFCF 0%, #636363 52%);
background-image: -ms-linear-gradient(bottom, #CFCFCF 0%, #636363 52%);
background-image: linear-gradient(to bottom, #CFCFCF 0%, #636363 52%);
  font-family: 'Roboto Condensed', sans-serif; 
  font-size:20px;
  color:#FFF;
  text-transform:uppercase;
  text-shadow:#000 0px 1px 5px;
  border:1px solid #000;
  opacity:0.7;
	-webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.7);
  -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.7);
	box-shadow: 0 8px 6px -6px rgba(0,0,0,0.7);
  border-top:1px solid rgba(255,255,255,0.8)!important;
  -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, transparent), to(rgba(255,255,255,0.2)));
  margin-bottom:70px;
}

input:focus{
  box-shadow:inset 4px 6px 10px -4px rgba(0,0,0,0.7), 0 1px 1px -1px rgba(255,255,255,0.3);
  background:rgba(0,0,0,0.3);
  @include easeme;
}

input[type="submit"]:hover{
  opacity:1;
  cursor:pointer;
}

.name-help,.email-help{
  display:none;
  padding:0px;
  margin:0px 0px 15px 0px;
}


#page-wrap { width: 80%; margin: 60px auto; }
#page-wrap > div { margin: 0 0 50px 0; min-width: 500px; width: 100%; }

.group:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.group { display: inline-block; }

#nicolas-gallagher {
            position: relative; 
            background:url("../images/01.png");
            z-index: 1; 
            width: 100%; 
        }
        #nicolas-gallagher .col { 
            position: relative; 
            width: 27%; 
            padding: 3%; 
            float: left; 
        }
        #nicolas-gallagher .col:nth-child(1) { left: 33%; }
        #nicolas-gallagher .col:nth-child(2) { left: -33.3%; }
        #nicolas-gallagher .col:nth-child(3) { left: 0; }
        #nicolas-gallagher:before, #nicolas-gallagher:after {
           content: "";
           position: absolute;
           z-index: -1;
           top: 0;
           left: 33.4%;
           width: 33.4%;
           height: 100%;
background:url("../images/01.png");
        }
        #nicolas-gallagher:after {
           left: 66.667%;
           background:url("../images/01.png");
        }