/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,700&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Courgette&subset=latin,latin-ext);

body, img, div, p {
  margin:0;
  padding:0;
  display:block;
  font-family:"Open Sans";
  color:#333333;
}


h1 {
  font-size:29px;
  margin:5px 0 25px 30px;
  color: #447799
}

.right ul {
    list-style-image: url('img/bullet-red.png');
    list-style-position: outside;
    text-align: left;
}

.right li {
   margin: 10px 0;
   color: #333333;
}

.center {
  margin:0 auto 0 auto;
  text-align:center;
}

.round {
    border-radius:5px;
}

.clear {
  clear:both;
}

.line {
  background-color:#dcdcdc;
  height:1px;
  width:100% !important;
}

.left {
  background-color:#447799;
  float:left;
  width:52%;
}

.left h2 {
  color:#fff000;
  font-size:24px;
  margin:45px 0 0 30px;
}

.left o, div {
  color:#fff;
}


.left .formLeftHeaders {
  margin:25px 0 25px 30px;
  font-size:15px;
  float:left;
  width:40%;
  position:relative;
}

.left .formLeftHeaders div {
  margin:23px 0 37px 0;
}

.left .formLeftHeaders .required {
  margin:56px 0 15px 0;
}

.left .formRightInputs {
  margin:25px 30px 25px 0;
  float:right;
  width:50%;
  position:relative;
}

.left .formRightInputs div {
  margin:15px 0 15px 0;
}

.left .formRightInputs input, .left .formRightInputs select {
  width:285px;
  height:30px;
  border:1px solid #447799;
  border-radius:5px;
  font-size:18px;
  padding:5px 10px 5px 10px;
  position:relative;
}

.left .formRightInputs select {
  width:306px;
  height:42px;
  border:1px solid #cbcad0;
  border-radius:5px;
  font-size:18px;
  padding:5px 10px 5px 10px;
}

.left .formRightInputs #button {
  background: #ffcc44;
  background-image: -webkit-linear-gradient(top, #ffcc44, #ff8e16);
  background-image: -moz-linear-gradient(top, #ffcc44, #ff8e16);
  background-image: -ms-linear-gradient(top, #ffcc44, #ff8e16);
  background-image: -o-linear-gradient(top, #ffcc44, #ff8e16);
  background-image: linear-gradient(to bottom, #ffcc44, #ff8e16);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;  padding:10px 0 15px 0;
  text-align:center;
  width:306px;
  display:block;
  text-decoration:none;
  transition: opacity 0.3s ease-out 0s;

}

.left .formRightInputs #button:hover {
  opacity: 0.8;
}

.left .formRightInputs #button p {
  color:#040807;
  font-size:14px;
  margin:0;
  padding:0;
}

.left .formRightInputs #button .order {
  font-size:22px;
  font-weight:bold;
}

.left .rights {
  font-size:12px;
  font-style:italic;
  text-align:center;
  background-color:#ffffff;
  padding:20px 0 50px 0;
}

.right {
  float:right;
  width:48%;
}

.right #product {
  margin:40px auto;
  width:400px;
  position:relative;
}

.right #product h3 {
  margin:0;
  text-align:center;
  font-weight:bold;
}

.right #product .satisfaction {
  position:absolute;
  top:75px;
  right:75px;
}

.right #product .satisfaction img {
  width:100px;
}

.right #product .productBox img {
  width:300px;
  margin:10px 0 0 53px;
}

.right .info {
  padding:0 60px 15px 60px;
  text-align:center;
  margin:0 auto 0 auto;
  text-decoration:none;
  font-size:14px;
}

#site {
  width:1200px;
  z-index:1;
  margin:80px auto 0 auto;
}

#reference {
  margin:5px auto 0 auto;
  z-index:2;
  width:1200px;
  position:absolute;
  opacity:0.5;
}
#textforphone{
  margin: 5px 0 25px 30px;
  



}}