/*-------------------------------------
#. Defaults
---------------------------------------*/

body{font-family: 'Lato', sans-serif;font-size:15px;font-weight: 400;}
a{color: inherit;}
a:hover,a:active{color: inherit;text-decoration: none;}
h1,h2,h3,h4,h5,h6{}
img{max-width: 100%;vertical-align: top;}
strong{font-weight:bold;}

.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #7f7f7f;
    opacity: 1; /* Firefox */
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #7f7f7f;
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
    color: #7f7f7f;
}



body{background: #f3f3f3 url("images/background.jpg") no-repeat top right;background-size: cover;color:#898989;}
.col-left{width: 53.95%;padding-left: 17.60%;padding-top: 85px;padding-right: 57px;}
.diffusion-logo{/*margin-right:60px;*/float: left;}
/*.content{max-width: 1048px;margin:0 auto;}*/
.bg-opacity{background-color: rgba(255,255,255,0.8);}
h1{font-size: 80px;font-weight: 900;color: #111016;line-height: 1;margin-top: 95px;margin-bottom: 17px;}
h2{font-size: 30px;line-height: 1;font-weight: 300;margin-bottom: 65px;color: #111016;}
h3{font-size: 15px;font-weight: 700;margin-top:30px;margin-bottom: 22px;color: #313131;}


.form-title{font-size: 20px;font-weight: 900;line-height: 1;margin-bottom: 25px;color:#121016;}
p{font-size: 15px;line-height: 19px;color: #8a8a8a}

input[type="text"]{width: 100%;height: 60px;background-color: #eeeeee;border:0px;border-radius: 1px;padding:0 28px;text-transform: uppercase;font-size: 17.51px;}
select.form-control{background-color: #eeeeee;height: 60px !important;padding: 0 28px;text-transform: uppercase;font-size: 17.51px;/* color: #495057; */border-radius:0px;border:0px;-webkit-appearance: none;
  -moz-appearance: none;
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%);
  background-position:
    calc(100% - 20px) calc(1em + 11px),
    calc(100% - 15px) calc(1em + 11px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
}
select.form-control:focus {
  background-image:
    linear-gradient(45deg, green 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, green 50%);
  background-position:
    calc(100% - 15px) calc(1em + 11px),
    calc(100% - 20px) calc(1em + 11px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  border-color: green;
  outline: 0;
}
select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

/*https://codepen.io/mirobin/pen/mVZLxQ */
.form-group{position: relative;}
.form-group .palceholder{position: absolute;top: 18px;left: 28px;color: #7f7f7f;display: none;text-transform: uppercase;font-size: 17.51px;}
.form-group label{font-weight: normal;color: #7f7f7f;}
.star{color: red}

/* https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_custom_checkbox */
.checkbox{position: relative;margin-bottom: 10px;}
.checkbox label{margin-left: 30px;}
input[type="checkbox"]{position: absolute;opacity: 0;cursor: pointer;}
.checkmark {position: absolute;top: 5px;left: 0;height: 21px;width: 21px;background-color: #ffffff;border:1px solid #7d7d7d;border-radius:1px;}
input:checked ~ .checkmark {
    background-color: #2196F3;
}
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
input:checked ~ .checkmark:after {
    display: block;
}
.checkmark:after {
    left: 6px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.btn-block{max-width: 240px;height: 50px;background-color: #515151;border:none;font-weight: 700;font-size: 20px;text-transform: uppercase;padding:0px;margin-top: 15px;}

.disclaimer p{font-size: 12px;margin-top: 20px;padding-bottom: 218px;margin-bottom: 0px;}
.diffusion-logo-mobile{display:none;}
.twenty9-logo-mobile{display:none;}
@media (max-width: 1120px) and (min-width: 1000px)
{
  h1 {font-size: 70px;}

}

@media (max-width: 999px) and (min-width: 813px)
{
  h1 {font-size: 57px;}

}

@media (max-width: 812px) and (min-width: 751px)
{
	h1 {font-size: 53px;}
}
@media (max-width: 750px)
{
  body{background-image: none;background-color:#fff;font-size: 19.38px;}
  body > .content{padding-left: 15px;padding-right: 15px;}
  .col-left{width: 100%;padding:40px;}
  h1{font-size: 126px;}
  h2{font-size: 38.76px;}
  h3{font-size: 19.38px;}
  .form-title{font-size: 25.84px;}
  p{font-size: 19.38px;line-height: 23px;}
  .form-group .palceholder{font-size: 22.62px;top:13px;}
  .btn-block{max-width: 100%;font-size: 54.13px;height:138px;}
  .checkmark{border: 1px solid #a8a8a8;}
  .checkbox label{line-height: 22px;}
  .disclaimer p{font-size: 15.5px;line-height: 21.96px;}
  .diffusion-logo{display:none;}
  .twenty9-logo{display:none;}
  .diffusion-logo-mobile{display:inline-block;}
  .twenty9-logo-mobile{display:inline-block;float:right;}
  .logos{padding-top:55px;}
  h1{margin-top:85px;}
  h2{margin-bottom:60px;}
  .form{margin-top: 23px;}
  input[type="text"] {height:80px;}
  .form-group .palceholder{top:22px;}
  select.form-control{height:80px !important;}
  h3{margin-top:38px;margin-bottom: 26px;}
  .disclaimer p{margin-top:47px;}
  .btn-block{border-radius: 0px;}
}
@media (max-width: 667px)
{
  h1{font-size: 100px;}
}

@media (max-width: 650px)
{
  .col-left{padding: 22px;}
  h1{font-size: 69.55px;}
  h2{font-size: 21.39px;}
  h3{font-size: 17.26px;}
  .form-title{font-size: 17.26px;}
  p{font-size: 15.38px;line-height: 20px;}
  .checkbox label{font-size: 15.38px;line-height: 20px;}
  .form-group .palceholder{font-size: 17.51px;top:18px;}
  .btn-block{font-size: 29.88px;height:75px;}
  .disclaimer p{font-size:10.5px;line-height:15.96px;}
}
/*@media (max-width: 550px)
{
  h1{font-size: 70px;}
  .col-left{padding:30px;}
  h2{font-size: 20px;}
  .form-title{font-size: 22.84px;}
  p{font-size: 16.38px;line-height: 20px;}
  .form-group .palceholder{font-size: 16px;}
}*/
@media (max-width: 414px)
{
  h1{font-size: 69.5px;}
  .diffusion-logo-mobile{width:157px;}
  .twenty9-logo-mobile{width:140px;}
  .logos {padding-top: 28px;}
  h1 {margin-top: 40px;    margin-bottom: 11px;}
  h2{margin-bottom: 30px;}
  .form-title{font-size:14.26px;margin-bottom:15px;}
  p {font-size: 10.7px;line-height: 15px;}
  input[type="text"] {height: 47px;font-size: 12.49px;}
  select.form-control{height:47px !important;font-size: 12.49px;}
  .form-group .palceholder{font-size:12.49px;top:14px;}
  .form-group {margin-bottom: 0.6rem;}
  h3 {margin-top: 20px; margin-bottom: 11px;}
  .checkbox label {font-size: 10.7px;line-height: 12px;}
   .checkmark{height: 18px;width: 18px;}
   .disclaimer p {margin-top: 27px;}
}

@media (max-width: 384px)
{
  h1{font-size: 49.5px;}
}