/*----------------------------------------------------------------
    Contact forms
----------------------------------------------------------------*/

.white-popup {
    background: #fff none repeat scroll 0 0;
    border-radius: 5px;
    margin: 20px auto;
    max-width: 100%;
    overflow: hidden;
    padding: 15px 10px;
    position: relative;
    width: auto;
}

.white-popup h2 {
    font-size: 2.5em;
    font-weight: 300;
    margin: 10px 0 20px;
}
.white-popup label {
  color: #242424;
    display: block;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
}
.white-popup small{ 
  display: block;
    font-size: 80%; color: #999; line-height:normal;
    text-align: left !important;
    width: 100% !important;
}
.white-popup .btn {  padding: 10px 30px !important; font-size:14px !important; border:none !important;}

.icon-box {
    border: 1px solid #d0d0d0;
    color: #085c98;
    font-size: 42px;
    height: 94px;
    line-height: 64px;
    padding: 14px;
    position: relative;
    text-align: center;
    transition: background-color 400ms ease 0s, background-color 400ms ease 0s;
    width: 106px;
}
.err {
    color: #c00;
}
.err ul li {
    border: medium none !important;
    color: #c00;
    margin: 0 !important;
    padding: 0 !important;
}
.err ul {
    list-style: outside none none;
    margin: 0 0 10px !important;
    padding: 0 0 10px !important;
}
.err ul li::before {
    content: "";
    font-family: "FontAwesome";
    padding-right: 5px;
}
.at-error {
    color: #a94442;
    margin: 6px 0;
}
.at-warning {
    color: #8a6d3b;
    margin: 6px 0;
}
.at-invalid {
}
.at-required {
}
.at-description {
}
.at-description > span {
}
.at-required-highlight {
    color: red;
}



 @media all and (max-width: 680px)
{.pie_progress{ width:100% !important;}
#url-mockup { height:auto !important;  margin: auto !important;}
.new-info{ display: block !important; width:100%;}
.installation-text{ padding-top:50px !important; padding-bottom:10px !important;}
.installation-text .font-big-l{ font-size:20px !important; font-weight:normal;}
.installation-text small{font-size:14px !important; font-weight:normal;}
#body{ background-size:cover !important; background-position: center !important;}
#fh5co-wrapper  #fh5co-header-section {background: #003c86 !important;}
.slider-text-inner {padding-top: 70px !important;}

}
	
@media screen and  (max-width: 1100px) {
.signup  #url-mockup{ margin:0px !important;}}

 @media all and (max-width: 800px) {
.signup  #url-mockup{ width:100% !important; margin:0px !important;}
.new-info{ display:none;}
#url-mockup .url-path{padding: 45px 0 0 178px;}
.pie_progress{ width:25%;}
#body{ background-size:cover !important; background-position: center !important;}
.installation-text{ padding-top:50px !important; padding-bottom:10px !important;}

.installation-text .font-big-l{ font-size:27px ; font-weight:normal;}
.installation-text small{font-size:20px ; font-weight:normal; }
#body  .col-md-8v{ padding:0px !important; margin:0px !important;} 

#fh5co-wrapper  #fh5co-header-section {background: #003c86 !important;}
.slider-text-inner {padding-top: 70px !important;}
}
@media screen and (max-width: 980px) {
.pie_progress{ width:22%;}
.new-info{margin-left: 14%;}
}