.border { border: 1px solid #000;}
.none  {display: none; }
h1
{
    display: block;
    font-size: 30px;
    position: relative;
    text-align: left;
    font-weight: 300;
    padding:10px 25px;
    margin:0px 0px 0px 0px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    color: #333;
    font-family: 'adiNeueBold';
}
h2
{
    display: inline-block;
    font-size: 25px;
    position: relative;
    text-align: center;
    line-height: 30px;
    font-weight: 300;
    color: #7fc025;
    font-family: "GothamProBlack";
    text-transform: uppercase;
    margin:15px 0  23px 0;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
h3
{
    display: block;
    font-size: 16px;
    position: relative;
    font-family: "GothamProBlack";
    text-align:left;
    text-transform: uppercase;
    color: #bcd6d7;
    font-weight: 300;
    margin:0px 0px 0px 0px;
    box-sizing:border-box;
    -moz-box-sizing:border-box; margin-left:-20px;
    -webkit-box-sizing:border-box;
}
h3 > span { padding:0 20px;  position: relative; }
h3 > i { height: 54px; width:54px;
display: block; position: absolute; right:0;     top: -18px;
background: url('../images/logo-water.html') center center no-repeat;}

h3.subtitle.subtitle-1
{
        position: absolute;
    right: -10px;
    bottom: 168px;
}

h3.subtitle.subtitle-1 > span:before { display: none; }
h3.subtitle.subtitle-1 > span:after { top: 16px; }
h3.subtitle.subtitle-2  { opacity: 0.86; }
h3.subtitle.subtitle-2 > span:before { display: none; }
h3.subtitle.subtitle-2 > span:after { width:1000px;  opacity: 0.86;     }
h3.subtitle.subtitle-4 { text-align: center;  width:100%; color:#bcd6d7; display: block;  margin-left: 0; }
h3.subtitle.subtitle-4 > span:after { width:1000px;     border-bottom: 1px solid rgba(55, 179, 178, 0.12); }
h3.subtitle.subtitle-4 > span:before { width:1000px;     border-bottom: 1px solid rgba(55, 179, 178, 0.12); }

h3 > span:before 
{ 
    height: 1px; 
    width:1000px; 
    content: '';
    position: absolute; 
    right:100%; top: 8px;
    border-bottom:1px solid #bcd6d7; 
}
h3 > span:after  
{ 
    height: 1px; 
    width:260px; 
    content: '';
    position: absolute; 
    left:100%; top: 8px;
    border-bottom:1px solid #bcd6d7; 
}
h4
{
    display: block;
        font-size: 14px;

    width: 100%;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    color: #0f8e8e;
    text-align: center;
    height: 35px;
    line-height: 35px;
    background: rgba(15, 142, 142, 0.07);
    font-family: "GothamProBold";
    font-weight: 300;
    margin: 0px 0px 0px 0px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
a.btn
{
    display: inline-block;
    font-size: 16px;
    line-height: 47px;
    height: 64px;
    width: 264px;
    font-weight: 300;
    margin: 15px 5px;
    background: url(../images/btn-1-top.png) 14px 3px no-repeat, url(../images/btn-1-bottom.png) 228px 35px no-repeat, url(../images/btn-1.png) center center no-repeat;
    border-radius: 0;
    color: #fff;
    font-family: "GothamProBold";
    border: none;
    position: relative;
    text-transform: uppercase;
    z-index: 10;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    text-shadow: 1px 1px 3px rgb(12, 123, 121);
    border: none;
}

a.btn:hover 
{ 
color:#074447; 
text-shadow:0 0 2px rgba(255,255,255,0.3);
    background: 
        url(../images/btn-1-top.png) 14px 3px no-repeat, 
        url(../images/btn-1-bottom.png) 228px 35px no-repeat, 
        url(../images/btn-1-hover.png) center center no-repeat;
   
}


a.btn-2
{
    display: inline-block;
    font-size: 16px;
    line-height: 47px;
    height: 64px;
    width: 264px;
    font-weight: 300;
    margin: 15px 5px;
    background: url(../images/btn-2-bottom.html) 16px 36px no-repeat, url(../images/btn-2-top.html) 237px 4px no-repeat, url(../images/btn-2.png) center center no-repeat;
    border-radius: 0;
    border-radius: 0;
    color: #fff;
    font-family: "GothamProBold";
    border: none;
    text-align: center;
    line-height: 61px;
    position: relative;
    text-transform: uppercase;
    z-index: 10;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    text-shadow: 1px 1px 3px rgb(135, 193, 80);
    border: none;
}

a.btn-2:hover 
{ 
color:#074447; 
text-shadow:0 0 2px rgba(255,255,255,0.3);
    background: url(../images/btn-2-bottom.html) 16px 36px no-repeat, url(../images/btn-2-top.html) 237px 4px no-repeat, url(../images/btn-2-hover.html) center center no-repeat; border-radius: 0;
    
   
}



input[type=text], input[type=password]
{
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    width:100%;
    height: 40px;
    outline: none;
    border: none;
    padding: 5px 15px 5px 15px;
    box-shadow:inset 0 5px 5px rgba(0,0,0,0.05), 0 0 0 4px rgba(0,0,0,0.1);
    border-radius: 3px;
    color:#0d3e42;
    margin-top:10px;
    text-align: left;
      font-family: "GothamProRegular";
    font-size: 13px;
}
textarea
{
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    font-size: 14px;
    border-radius: 20px;
    width:100%;
    background: transparent;
    border:1px solid rgba(0,0,0,0.2);
    padding: 10px 15px 10px 15px;
    height: 100px;
    outline: 0;
    box-shadow:inset 0 5px 5px rgba(0,0,0,0.05), 0 0 0 4px rgba(0,0,0,0.1);
    border-radius: 3px;
    color:#7f7f7f;
    margin-top:10px;
    text-align: left;
        font-family: "GothamProRegular";
    font-size: 13px;
    color:#0d3e42;
    border: none;
    resize:none;

}
textarea:focus,input[type=text]:focus,input[type=password]:focus
{
    -webkit-transition:all .4s ease-in-out;
    -moz-transition:all .4s ease-in-out;
    -ms-transition:all .4s ease-in-out;
    -o-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out;
}

input[type=submit]
{
       display: inline-block;
    font-size: 16px;
    line-height: 47px;
    height: 54px;
    width: 264px;
    font-weight: 300;
    border-bottom: 1px solid #75bf45;
    margin: 0;
    background: url(../images/icons/lines.png) center center repeat-x, url(../images/bg-line.png) center top no-repeat;
    border-radius: 0;
    color: #fff;
    font-family: "GothamProBold";
    border: none;
    position: relative;
    outline: none;
    text-transform: uppercase;
    z-index: 10;
   
    text-shadow: 1px 1px 3px rgb(121, 195, 71);
    border: none;
    border-top: 1px solid rgba(169, 239, 112, 0.56);
    border-left: 1px solid rgba(255, 255, 255, 0.12);
    border-right: 1px solid rgba(255, 255, 255, 0.12);
    border-bottom: 2px solid #62b723;
}
input[type=submit]:hover {
        background-position: center center, center bottom;
    border-top: 1px solid rgba(55, 235, 241, 0.35);
    border-left: 1px solid rgba(255, 255, 255, 0.12);
    border-right: 1px solid rgba(255, 255, 255, 0.12);
    border-bottom: 2px solid #4ebbbf;
    text-shadow: 1px 1px 3px rgb(91, 205, 209);
    color:#074447; 
text-shadow:0 0 2px rgba(255,255,255,0.3);
  }
.submit { margin: 15px 5px; display: inline-block; 
position: relative; }





.submit:after 
{
    height: 57px;
    width: 140%;
    position: absolute;
    content: '';
    bottom: -16px;
    left: -20%;
    opacity: 0.3;
    background: url(../images/icons/shadow.png) center top no-repeat;
    background-size: 94.4% auto;
    display: block;
}

input[type=button]
{
    display: inline-block;
    font-size: 16px;
    line-height: 47px;
    height: 54px;
    width: 264px;
    font-weight: 300;
    border-bottom: 1px solid #75bf45;
    margin: 0;
    background: url(../images/icons/lines.png) center center repeat-x, #065a5d;
    border-radius: 0;
    color: #fff;
    font-family: "GothamProBold";
    border: none;
    position: relative;
    outline: none;
    text-transform: uppercase;
    z-index: 10;
   
   
    border: none;
        text-shadow: 1px 1px 3px rgb(38, 111, 114);
    border: none;
    border-top: 1px solid rgb(44, 198, 204);
    border-left: 1px solid rgba(255, 255, 255, 0.12);
    border-right: 1px solid rgba(255, 255, 255, 0.12);
    border-bottom: 2px solid #023c3e;
}


select
{
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    width:100%;
    height: 40px;
    outline: none;
    border: none;
    padding: 5px 15px 5px 15px;
    box-shadow:inset 0 5px 5px rgba(0,0,0,0.05), 0 0 0 4px rgba(0,0,0,0.1);
    border-radius: 3px;
    color:#7f7f7f;
    margin-top:10px;
    text-align: left;
    font-family: "GothamProLight";
    font-size: 14px;
}
input::-moz-placeholder
{
  color:rgba(54,64,74,0.66);
}
input::-webkit-input-placeholder {
  color:rgba(54,64,74,0.66);
}
textarea::-moz-placeholder
{
  color:rgba(54,64,74,0.66);
}
textarea::-webkit-input-placeholder {
  color: rgba(54,64,74,0.66);
}
.fields input::-moz-placeholder
{
  color:rgba(255,255,255,0.66);
}
.fields input::-webkit-input-placeholder {
  color:rgba(255,255,255,0.66);
}

.container { max-width:1100px; width:1000px; }


.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2-5 {
    width: 20%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }