@charset "utf-8";

/****************************************************************/
/***********************  GENERAL STYLE  ***********************/
/****************************************************************/
* { 
  margin:0;
  padding:0;
}

a img {
  border:none;
}

abbr,article,audio,canvas,datalist,details,figure,dialog,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video{
  display:block;
}

.clear {
  clear:both;
}

@font-face {
    font-family: 'Brandon_reg';
    src: url('police/Brandon_reg.otf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Brandon_reg_it';
    src: url('police/Brandon_reg_it.otf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Brandon_bld';
    src: url('police/Brandon_bld.otf');
    font-weight: normal;
    font-style: normal;
}

body{
  font-family: 'Brandon_reg';
  font-size: 1em;
  background:url(images/ta.jpg)no-repeat center fixed;
  -webkit-background-size: cover; /* pour anciens Chrome et Safari */
  background-size: cover; /* version standardisée */
  letter-spacing: 0.5px;
}
body:before
{
   content: "";
   position: fixed;
   top: -10px;
   left: 0;
   width: 100%;
   height: 10px;
   z-index: 100;
   -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
   -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
   box-shadow: 0px 0px 10px rgba(0,0,0,.8);
   }

a {
  text-decoration: none;
  color: #d5ac83;
}
.clear{clear: both;}
#wrapper {
  width: 960px;
  margin: 0 auto;
}
.bodycenter {
    width: 960px;
    margin: 0 auto;
}

hr {
 border: 0;
 height: 1px;
 background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.75), rgba(0, 0, 0, 0));
 margin: 5px;
}
u {
      text-underline-position: under;
}
h3 {
  color: white;
  margin:10px;
  text-decoration: underline;
  text-underline-position: under;
  font-weight: 100;
  font-size: 22px;
}
.choix {
  border: 1px solid wheat;
    padding: 10px;
    text-align: center;
    letter-spacing: 1px;
}



/****************************************************************/
/***********************  HEADER          ***********************/
/****************************************************************/

header{
   background-color: #181818;
    padding: 1px 10px 10px 10px;
    color: white;
    height: 270px;
}
header img {
      float: left;    
}

.ichead {
  float: right;
  margin: 0 0 0 10px;
}
.client {
    float: right;
    width: 575px;
    text-align: right;
    text-decoration: underline;

}
.contactheader {
 margin: -22px 0;
font-size: 1.2em;
float: left;
}  
.contactheader a {
  color: white;
} 

.contacth {
      margin: 30px 0 0 0;
}

.titre{
  text-align:right;
  font-size: 24px;
  font-family: 'Brandon_reg', helvetica, arial, sans-serif;
  margin: 10px 0 0 0;
}

.ville{
  text-align: right;
}
.ville span {
  text-transform: uppercase;
}
header form {
      text-align:  right;
    margin: 15px 0 5px 0;
}
.logoheader{
 margin: 16px 0 0 0;
}
.onlymobile {
  display: none;
}
/****************************************************************/
/***********************  NAVIGATION      ***********************/
/****************************************************************/
nav {
  margin: 25px 0px 0px 0px;
 }
nav a {
  color: white;
  font-size: 25px;
  display: block;
  transition-duration: .3s;
  transition-timing-function: ease-out;
  transition-delay: .1s;
  
  }

nav a span {
    font-size: 16px;
    display: inherit;
    text-shadow: 1px 1px 1px #000;
    line-height: 20px;
}
nav div {
  float: left;
  text-align: center;
  width: 160px;
  height: 175px;
  padding-top: 30px;
  margin-bottom: 5px;
}
nav div:hover {
  margin-bottom: 0;
 
}

.arianne {
  padding: 10px 0 10px 15px;
  background-color: #181818;
  margin: 0px 0px 5px 0;
  color: white;
}
.arianne p {
  margin: 0;
}
.arianne img {
  vertical-align: text-top;
  margin-right: 10px;
}
.arianne a {
      float: right;
    padding: 0 20px;
}
.assistance {
  /*background-color: #cc6600;*/
  background-color: #2d2b2b;
    transition-duration: .3s;
    transition-timing-function: ease-out;
    transition-delay: .1s;
}
.assistance:hover a {
  margin-top:15px;
  transition-duration: .3s;
  transition-timing-function: ease-in;
  transition-delay: .1s;
}

.formation {
  /*background-color: #ff9933;*/
   background-color: #3d3a3a;
    transition-duration: .3s;
    transition-timing-function: ease-out;
    transition-delay: .1s;
}
.formation:hover a {
  margin-top:15px;
  transition-duration: .3s;
  transition-timing-function: ease-in;
  transition-delay: .1s;
}

.depannage {
  /*background-color: #0099cc;*/
    background-color: #2d2b2b;
    transition-duration: .3s;
    transition-timing-function: ease-out;
    transition-delay: .1s;
}

.depannage:hover a {
  margin-top:15px;
  transition-duration: .3s;
  transition-timing-function: ease-in;
  transition-delay: .1s;
}

.reparation {
  /*background-color: #006699;*/
    background-color: #3d3a3a;
    transition-duration: .3s;
    transition-timing-function: ease-out;
    transition-delay: .1s;
}

.reparation:hover a {
  margin-top:15px;
  transition-duration: .3s;
  transition-timing-function: ease-in;
  transition-delay: .1s;
}

.gestion {
  /*background-color: #1b3647;*/
   background-color: #2d2b2b;
    transition-duration: .3s;
    transition-timing-function: ease-out;
    transition-delay: .1s;
}

.gestion:hover a {
  margin-top:15px;
  transition-duration: .3s;
  transition-timing-function: ease-in;
  transition-delay: .1s;
}

.contact {
  /*background-color: #152836;*/
   background-color: #3d3a3a;
    transition-duration: .3s;
    transition-timing-function: ease-out;
    transition-delay: .1s;
}

.contact:hover a {
   margin-top:15px;
  transition-duration: .3s;
  transition-timing-function: ease-in;
  transition-delay: .1s;
}

/****************************************************************/
/***********************  CONTENU      ***********************/
/****************************************************************/
p{

  margin : 10px;
  color: #FFF;
}


/** BLOC ASSISTANCE INFORMATIQUE **/

.left {
    background-color: #181818;
    padding: 10px;
    width: 450px;
    box-shadow: 2px 2px 2px #000;
    float: left;
    margin-right: 20px;
    color: white; 
}
.imgcent {
  margin:0 7px;
}
.left h1{
    color: white;
    background-color: #cc6600;
    font-weight: 100;
    padding: 10px 10px 25px 10px;
    vertical-align: middle;
    font-size: 16px;
    margin: 10px 0px 20px 0px;
    position: relative;
    letter-spacing: .7px;
    box-shadow: 1px 1px 1px #000;
   
}
.left h1 img{
    vertical-align: middle;
    margin-right: 10px;
    float: left;
}
h1 span {
  font-size: 12px; 
  float: right;
}

h1 a {
  color: white;
    letter-spacing: 2px;
    font-size:  15px
}
.borderleftassistance {
    position: relative;
    left: -39px;
    z-index: 0;
}

.ensavoirplus {
 display: block;
    text-align: center;
    width: 170px;
    padding: 10px;
    background-color: #cc6600;
    box-shadow: 2px 2px 2px #000;
    float: right;
    color: white;
    font-size: 17px;
    margin: 10px;
    transition-duration: .3s;
  transition-timing-function: ease-out;
  transition-delay: .1s;
   letter-spacing: 1px;
}
.ensavoirplus:hover{
  width: 190px;
  transition-duration: .3s;
  transition-timing-function: ease-in;
  transition-delay: .1s;
  text-decoration: underline;
  letter-spacing: 0.5px;
}

/** BLOC ASSISTANCE SMATPHONE TABLETTE **/

.right {
    background-color: #181818;
    padding: 10px;
    width: 450px;
    box-shadow: 2px 2px 2px #000;
    float: left;
    
}
.right h1{
    color: white;
    background-color: #286790;
    font-weight: 100;
    padding: 10px 10px 25px 10px;
    margin: 10px 0px 20px 0px;
    vertical-align: middle;
    font-size: 16px;
    position: relative;
    letter-spacing: .7px;
    box-shadow: -1px 1px 1px #000;
}
.right h1 img{
    vertical-align: middle;
    margin-right: 10px;
    float: left;
}
.borderrightassistance {
    position: relative;
    left: 460px;
    z-index: 0;
}

.ensavoirplus006699 {
 display: block;
    text-align: center;
    padding: 10px;
    background-color: #286790;
    box-shadow: 2px 2px 2px #000;
    width: 170px;
    float: right;
    color: white;
    font-size: 17px;
    margin: 10px 10px 21px 0;
    transition-duration: .3s;
  transition-timing-function: ease-out;
  transition-delay: .1s;
   letter-spacing: 1px;
}
.ensavoirplus006699:hover{
  width: 190px;
  transition-duration: .3s;
  transition-timing-function: ease-in;
  transition-delay: .1s;
  text-decoration: underline;
  letter-spacing: 0.5px;
}

/** BLOC SOLUTION GESTION **/

.center {
    background-color: #181818;
    padding: 10px;
    box-shadow: 2px 2px 2px #000;
    margin:20px 0px;
    float: left;
}
.center h1{
    color: white;
    background-color: #4ba34d;
    font-weight: 100;
    padding: 10px 10px 25px 10px;
    margin: 10px 0px 20px 0px;
    vertical-align: middle;
    font-size: 16px;
    position: relative;
    letter-spacing: .7px;
    box-shadow: 1px 1px 1px #000;
}
.center h1 img{
    vertical-align: middle;
    margin-right: 10px;
    float: left;
}
.borderleftassistance {
    position: relative;
    left: -39px;
    z-index: 0;
}

.ensavoirplus1b3647 {
  display: block;
  text-align: center;
  padding: 10px;
  background-color: #4ba34d;
  box-shadow: 2px 2px 2px #000;
  width: 126px;
  float: right;
  color: white;
  text-transform: uppercase;
  font-size: 15px;
  margin: 10px;
  transition-duration: .3s;
  transition-timing-function: ease-out;
  transition-delay: .1s;
   letter-spacing: 1px;
}
.ensavoirplus1b3647:hover{
  width: 150px;
  transition-duration: .3s;
  transition-timing-function: ease-in;
  transition-delay: .1s;
}

/** BLOC FORMATION INFORMATIQUE ET TELEPHONIE **/

.leftformation {
    background-color: #181818;
    padding: 10px;
    width: 450px;
    box-shadow: 2px 2px 2px #000;
    float: left;
    margin-right: 20px;
    margin-top: 10px;
   
}
.leftformation h1{
    color: white;
    background-color: #962898;
    font-weight: 100;
    padding: 10px 10px 25px 10px;
    margin: 10px 0px 20px 0px;
    vertical-align: middle;
    font-size: 16px;
    position: relative;
    letter-spacing: .7px;
    box-shadow: 1px 1px 1px #000;
}
.leftformation h1 img{
    vertical-align: middle;
    margin-right: 10px;
    float: left;
}
.borderleftassistance {
    position: relative;
    left: -39px;
    z-index: 0;
}

.ensavoirplusff9933 {
 display: block;
    text-align: center;
    padding: 10px;
    background-color: #962898;
    box-shadow: 2px 2px 2px #000;
    width: 170px;
    float: right;
    color: white;
    font-size: 15px;
    margin: 10px;
    transition-duration: .3s;
  transition-timing-function: ease-out;
  transition-delay: .1s;
   letter-spacing: 1px;
}
.ensavoirplusff9933:hover{
  width: 190px;
  transition-duration: .3s;
  transition-timing-function: ease-in;
  transition-delay: .1s;
}

/** BLOC DEPANNAGE **/

.rightdepannage {
    background-color: #181818;
    padding: 10px;
    width: 450px;
    box-shadow: 2px 2px 2px #000;
    float: left;
    margin-top: 10px;
    
}
.rightdepannage h1{
    color: white;
    background-color: #005aff;
    font-weight: 100;
    padding: 10px 10px 25px 10px;
    margin: 10px 0px 20px 0px;
    vertical-align: middle;
    font-size: 16px;
    position: relative;
    letter-spacing: .7px;
    box-shadow: -1px 1px 1px #000;
}
.rightdepannage h1 img{
    vertical-align: middle;
    margin-right: 10px;
    float: left;
}
.borderrightassistance {
    position: relative;
    left: 460px;
    z-index: 0;
}

.ensavoirplus005aff {
 display: block;
    text-align: center;
    padding: 10px;
    background-color: #005aff;
    box-shadow: 2px 2px 2px #000;
    width: 170px;
    float: right;
    color: white;
    font-size: 15px;
    margin: 10px;
    transition-duration: .3s;
  transition-timing-function: ease-out;
  transition-delay: .1s;
  letter-spacing: 1px;
}
.ensavoirplus005aff:hover{
  width: 190px;
  transition-duration: .3s;
  transition-timing-function: ease-in;
  transition-delay: .1s;
}

/** BLOC CONTENU **/

.box {
    background-color: #181818;
    padding: 10px;
    box-shadow: 2px 2px 2px #000;
    float: left; 
    width: 940px;
}
.box h1{
    color: white;
    background-color: #cc6600;
    font-weight: 100;
    padding: 10px;
    vertical-align: middle;
    text-transform: uppercase;
    font-size: 19px;
    margin: 10px 0 20px 0px;
    letter-spacing: 3px;
    box-shadow: 1px 1px 1px #000;
    overflow: hidden;
}
h1.aff {
    background-color: #005aff;
}
h1.affcenter {
  text-align: center;
    background-color: #38688b;
    font-size: 20px;
}
.box h1 img{
    vertical-align: middle;
    margin-right: 10px;
    float: left;
}

.box h2 {
    text-align: left;
    font-size: 22px;
    margin: 0 0 10px 10px;
    font-weight: bold;
    text-decoration: underline;
    text-underline-position: under;
}
.box h2 img {
      vertical-align: middle;
    margin-right: 10px;
}
.boxblue {
    background-color: #181818;
    padding: 10px;
    box-shadow: 2px 2px 2px #000;
    float: left; 
    width: 940px;
}
.boxblue h1{
    color: white;
    background-color: #286790;
    font-weight: 100;
    padding: 10px;
    vertical-align: middle;
    text-transform: uppercase;
    font-size: 18px;
    margin: 10px 0 20px 0px;
    letter-spacing: 3px;
    box-shadow: 1px 1px 1px #000;
    overflow: hidden;
}
.boxblue h1 img{
    vertical-align: middle;
    margin-right: 10px;
    float: left;
}

.boxblue h2 {
    text-align: left;
    font-size: 22px;
    margin: 0 0 10px 10px;
    font-weight: bold;
    text-decoration: underline;
    text-underline-position: under;
}
.boxblue h2 img {
      vertical-align: middle;
    margin-right: 10px;
}


.boxformation {
    background-color: #181818;

}
.boxformation h1{
    color: white;
    background-color: #286790;
    font-weight: 100;
    padding: 10px;
    vertical-align: middle;
    text-transform: uppercase;
    font-size: 18px;
    margin: 10px 0 20px 0px;
    letter-spacing: 3px;
    box-shadow: 1px 1px 1px #000;
    overflow: hidden;
}
.boxformation h1 img{
    vertical-align: middle;
    margin-right: 10px;
    float: left;
}

.boxformation h2 {
    text-align: left;
    font-size: 22px;
    margin: 0 0 10px 10px;
    font-weight: bold;
}
.boxformation h2 img {
      vertical-align: middle;
    margin-right: 10px;
}



.boxviolet {
    background-color: #181818;
    padding: 10px;
    box-shadow: 2px 2px 2px #000;
    float: left; 
    width: 940px;
}
.boxviolet h1{
    color: white;
    background-color: #962898;
    font-weight: 100;
    padding: 10px;
    vertical-align: middle;
    text-transform: uppercase;
    font-size: 18px;
    margin: 10px 0 20px 0px;
    letter-spacing: 3px;
    box-shadow: 1px 1px 1px #000;
    overflow: hidden;
}
.boxviolet h1 img{
    vertical-align: middle;
    margin-right: 10px;
    float: left;
}
.boxviolet h3 {
  color:  wheat;
}
.boxvert {
    background-color: #181818;
    padding: 10px;
    box-shadow: 2px 2px 2px #000;
    float: left; 
    width: 940px;
}
.boxvert h1{
    color: white;
    background-color: #289863;
    font-weight: 100;
    padding: 10px;
    vertical-align: middle;
    text-transform: uppercase;
    font-size: 18px;
    margin: 10px 0 20px 0px;
    letter-spacing: 3px;
    box-shadow: 1px 1px 1px #000;
    overflow: hidden;
}
.boxvert h1 img{
    vertical-align: middle;
    margin-right: 10px;
    float: left;
}
.boxvert h3 {
  color:  wheat;
}
.tarif{
  float: right;
  margin: 20px 10px 10px 10px;
  box-shadow: 2px 2px 2px #000;
}
.tarif2{
  float: right;
  margin: 5px 10px 10px 10px;
  box-shadow: 2px 2px 2px #000;
}
.bloc {
    width: 264px;
    background-color: #962898;
    padding: 12px;
    float: left;
    margin: 5px;
    border: 1px solid white;
    height: 208px;
}
.bloc .informatique {
  margin: 21px 0 0 30px;
}
.bloc .webdesign {
  margin:10px 0 0 0 ;
}
.bloc h2 {
  text-align: center;
  font-size: 20px;
  
}
.blocvert {
    width: 264px;
    background-color: #289863;
    padding: 12px;
    float: left;
    margin: 5px;
    border: 1px solid white;
    height: 208px;
}
.blocvert .informatique {
  margin: 21px 0 0 30px;
}
.blocvert .webdesign {
  margin:10px 0 0 0 ;
}
.blocvert h2 {
  text-align: center;
  font-size: 20px;
  color: white;
  
}
.bloc1 {
    width: 588px;
    background-color: #96289887;
    float: left;
    margin: 19px 0 20px 0;
    border: 1px solid white;
    height: 46px;
    padding: 10px 0 0 0;
}
.bloc1 h2 {
    font-size: 25px;
    margin: 0 0 10px 10px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}
ul {
    margin: 0px 40px;
    font-size: 0.9em;
    color: white;

  }

 .visitcard {
  margin: 20px auto;
  display: block;
  -moz-box-shadow: 0px 0px 5px white;
  -webkit-box-shadow: 0px 0px 5px white;
  -o-box-shadow: 0px 0px 5px white;
  box-shadow: 0px 0px 5px white;

 } 
/****************************************************************/
/***********************  FOOTER     ***********************/
/****************************************************************/

footer {
  background: url(design/footer_bg.jpg) repeat-x;
  background-color: #181818;
  color: white;
  overflow: hidden;
  margin: 20px 0 0 0;
  padding: 10px;

}
footer p {
  color: inherit;
  text-align: center;
  font-size: 21px;
}
h2 {
  font-weight: 100;
  text-align: center;
  color: #d5ac83;
}
.question {

    font-size: 22px;
    margin: 13px 0 0 10px;
}
.foot{
  float: left;
  width: 310px;
  border-right: solid 1px #ccc;
  overflow: hidden;
}
.footlast{
  float: left;
  width: 310px;
}

footer form  {
    text-align: center;
    margin: 10px;
}
.leftfooter{
  text-align: left;
}
.rightfooter{
  text-align: right;
}
.copyright{
      font-size: 14px;
    border-top: 1px solid;
    padding: 10px;
}
.wrapper {
  width: 960px;
  margin: 0 auto;
}


#hello {
    border: 2px solid wheat;
    padding: 19px;
    width: 338px;
}
#hello input {
  padding: 5px;
    text-align: center;
}
/***** FORMULAIRE DE CONTACT ****/
.contactform {
    margin: 0 auto;
    display: block;
    padding: 10px;
    color: wheat;
    border: 1px solid white;
    width: 50%;

}

.contactform .lefts {
  line-height: 30px;
}
.contactform select {
  margin-left: 15px;
  width: 150px;
}

.contactform textarea{
  width: 90%;
  padding:5%;
  height: 110px;
  -o-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.contactform fieldset {
  padding: 10px;
  border-radius: 5px;
  background-color: #A5C9FF;
  margin-top: 8px;
}

.contactform input[type="tel"],input[type="text"],input[type="email"] {
    width: 90%;
    height: 25px;
    border-radius: 5px;
    float: right;
    padding: 0 5%;
}
#search input[type="tel"],input[type="text"],input[type="email"] {
  float: none;
}
#search,#ajout,#newsletter input[type="submit"]{
  padding: 5px;
}

.contactform input[type="submit"] {
margin:10px 0 0 0;
background: #333;
background: -moz-linear-gradient(90deg, #0459B7, #08ADFF);
background: -webkit-gradient(linear, left top, left bottom, from(#08ADFF), to(#0459B7));
border: 1px solid #093C75;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
color: white;
cursor: pointer;
font-family: Arial,sans-serif;
font-size: 12px;
font-weight: bold;
padding: 10px;
text-decoration: none;
text-shadow: 0 1px 1px #333;
text-transform: uppercase;
width: 100%;
}

.contactform input[type="submit"]:hover {
background: #EEE;
background: -moz-linear-gradient(90deg, #067CD3, #0BCDFF);
background: -webkit-gradient(linear, left top, left bottom, from(#0BCDFF), to(#067CD3));
border-color: #093C75;
text-decoration: none;
}

p.succes{
  border: 1px solid red;
  background-color: green;
  font-size: 14px;
  color: white;
  padding: 10px;
  text-align: center;
  margin: 10px 0;
}

p.error{
  border: 1px solid red;
  background-color: red;
  font-size: 14px;
  color: white;
  padding: 10px;
  text-align: center;
  margin: 10px 0;
}




/***** FORMULAIRE DE CONTACT ****/
.contactformadmin {
    margin: 0 auto;
    display: block;
    padding: 10px;
    color: wheat;
    border: 1px solid white;
    width: 50%;

}

.contactformadmin .lefts {
  line-height: 30px;
}
.contactformadmin select {
  margin-left: 15px;
  width: 150px;
}

.contactformadmin textarea{
  width: 90%;
  padding:5%;
  height: 110px;
  -o-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.contactformadmin fieldset {
  padding: 10px;
  border-radius: 5px;
  background-color: #A5C9FF;
  margin-top: 8px;
}

.contactformadmin input[type="tel"],input[type="text"],input[type="email"],input[type="password"] {
    width: 90%;
    height: 25px;
    border-radius: 5px;
    float: right;
    padding: 0 5%;
}
#search input[type="tel"],input[type="text"],input[type="email"] {
  float: none;
}
#search,#ajout,#newsletter input[type="submit"]{
  padding: 5px;
}

.contactformadmin input[type="submit"] {
margin:10px 0 0 0;
background: #333;
background: -moz-linear-gradient(90deg, #0459B7, #08ADFF);
background: -webkit-gradient(linear, left top, left bottom, from(#08ADFF), to(#0459B7));
border: 1px solid #093C75;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
color: white;
cursor: pointer;
font-family: Arial,sans-serif;
font-size: 12px;
font-weight: bold;
padding: 10px;
text-decoration: none;
text-shadow: 0 1px 1px #333;
text-transform: uppercase;
width: 100%;
}

.contactformadmin input[type="submit"]:hover {
background: #EEE;
background: -moz-linear-gradient(90deg, #067CD3, #0BCDFF);
background: -webkit-gradient(linear, left top, left bottom, from(#0BCDFF), to(#067CD3));
border-color: #093C75;
text-decoration: none;
}

.facebook {
  float: right;
padding: 0 10px 0 0;
}
.facebookheader {
  float: right;
  margin-top: 20px;
}

/************* FORMULAIRE ADMIN ****/
.form-style-10{
    width:640px;
    padding:30px;
    margin:40px auto;
    background: #FFF;
    border-radius: 10px;
    -webkit-border-radius:10px;
    -moz-border-radius: 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
}
.form-style-10 .inner-wrap{
    padding: 30px;
    background: #F8F8F8;
    border-radius: 6px;
    margin-bottom: 15px;
}
.form-style-10 h1{
    background: #2A88AD;
    padding: 20px 30px 15px 30px;
    margin: -30px -30px 30px -30px;
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    color: #fff;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
    font: normal 30px 'Bitter', serif;
    -moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
    -webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
    box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
    border: 1px solid #257C9E;
}
.form-style-10 h1 > span{
    display: block;
    margin-top: 2px;
    font: 13px Arial, Helvetica, sans-serif;
}
.form-style-10 label{
    display: block;
    font: 13px Arial, Helvetica, sans-serif;
    color: #888;
    margin-bottom: 15px;
}
.form-style-10 input[type="text"],
.form-style-10 input[type="date"],
.form-style-10 input[type="datetime"],
.form-style-10 input[type="email"],
.form-style-10 input[type="number"],
.form-style-10 input[type="search"],
.form-style-10 input[type="time"],
.form-style-10 input[type="url"],
.form-style-10 input[type="password"],
.form-style-10 textarea,
.form-style-10 select {
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    padding: 8px;
    border-radius: 6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border: 2px solid #fff;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33);
    -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33);
    -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33);
    height: 40px;
}

.form-style-10 .section{
    font: normal 20px 'Bitter', serif;
    color: #2A88AD;
    margin-bottom: 5px;
}
.form-style-10 .section span {
    background: #2A88AD;
    padding: 5px 10px 5px 10px;
    position: absolute;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border: 4px solid #fff;
    font-size: 14px;
    margin-left: -45px;
    color: #fff;
    margin-top: -3px;
}
.form-style-10 input[type="button"],
.form-style-10 input[type="submit"]{
    background: #2A88AD;
    padding: 8px 20px 8px 20px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #fff;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
    font: normal 30px 'Bitter', serif;
    -moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
    -webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
    box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
    border: 1px solid #257C9E;
    font-size: 15px;
}
.form-style-10 input[type="button"]:hover,
.form-style-10 input[type="submit"]:hover{
    background: #2A6881;
    -moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
    -webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
    box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
}
.form-style-10 .privacy-policy{
    float: right;
    width: 250px;
    font: 12px Arial, Helvetica, sans-serif;
    color: #4D4D4D;
    margin-top: 10px;
    text-align: right;
}

.build{
      text-align: center;
    font-size: 2.5em;
    margin-top: -62px;
    margin-bottom: 25px;
}
.build a{
  color: yellow;
}