@font-face {
    font-family: 'brushscript';
    src: url('fonts/BrushScriptStd.eot'); /* IE9 Compat Modes */
    src: url('fonts/BrushScriptStd.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/BrushScriptStd.woff') format('woff2'), /* Super Modern Browsers */
    url('fonts/BrushScriptStd.woff') format('woff'), /* Pretty Modern Browsers */
    url('fonts/BrushScriptStd.ttf')  format('truetype'); /* Safari, Android, iOS */
}

body {
    font-family: 'Nunito', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0;
}

.top-bar-1 {
    /*display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;*/
display:block;
}

.top-bar-1 span {
    font-size: 42px;
    color: #29ABE2;
}

.top-bar-2 {
    background-color: #4D4D4D;
    padding-top: 20px;
    padding-bottom: 5px;
    border-bottom: 5px solid rgb(247,147,30);
    box-shadow: 0 10px 20px #888;
}

.top-bar-2 h2 {
    font-size: 23px;
    color: #fff;
    position: relative;
    top: 2px;
}

.top-bar-2 h2 span {
    color: #29ABE2;
}



.main {
 /*   background-image: url(img/bg.jpg);*/
background-color:#ddd;
    background-repeat: repeat;
    background-position: center center;
    background-size: cover;
}

.top-bar-3 {
    background-color: rgb(247,147,30);
    padding-top: 5px;
    padding-bottom: 5px;
    box-shadow: 0 10px 20px #888;
}

.top-bar-3 h3 {
    font-size: 24px;
	color: #666666;
}

.left-content img {
    margin-left: 23%;
width: 53%;
}

.left-content .iconService{margin-left: auto;
margin-right: auto;
display: block;
background-size: contain;
    width: 98px;
height:98px; }

.iconServicemobile{margin-left: auto;
margin-right: auto;
display: block;
background-size: contain;
    width: 98px;
height:98px; }

#icon1{background-image:url('img/questionmarkimage-01.png');}
#icon1:hover {
   background-image: url('img/questionmarkimage-01hover.png');
}
#icon2{
	background-image:url('img/presentimage-01.png');
}
#icon2:hover {
   background-image: url('img/presentimagehover-01.png');
}
#icon3{
	background-image:url('img/handshakeimage-01.png');
}
#icon3:hover {
   background-image: url('img/handshakeimagehover.png');
}
ol{list-style-type: none;}

.iconContainer{
border-radius: 30px;}
.left-content hr {
    width: 100%;
   /* border-color: rgba(41,171,226,0.5);*/
border-color: rgb(0,0,0);
}

.how-it-works {
    padding-left: 5%;
}

.right-content img.arrow {
    left: -30px;
    position: absolute;
    top: -30px;
}

.contact-form {
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 10px 20px #888;
    left: 50px;
    margin: auto;
    min-height: 455px; 
    padding-top: 10px;
    position: absolute;
    top: -80px;
    width: 80%;
    z-index: 999;
}

.contact-form h4 {
    padding: 10px;
    /*border-bottom: 1px solid rgba(41,171,226,0.5);*/
border-bottom: 1px solid rgb(0,0,0);
}

.contact-form form {
    margin-top: 20px;
}

.contact-form input {
    width: auto;
/*    height: 28px;*/
/*    border-radius: 0; causes squares*/
}

.contact-form input:focus {
    box-shadow: none;
    border-color: #ccc;
}

.contact-form .btn-prev {
    background-color: #999999;
    border-radius: 0;
    border-right: 1px solid #888;
    color: #000;
    font-size: 20px;
    width: 50%;
}
.contact-form .btn-submit {
    background-color: #3ab54a;
    border-radius: 0;
    color: #fff;
    font-size: 20px;
/*    margin-left: -4px;*/
    text-align: right;
    width: 50%;
}
.disclaimer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 15px;
}

.disclaimer img {
    width: 12%;
    height: 100%;
}

.quote {
    /*position: absolute;
    top: 470px;*/
}

footer {
    height: 50px;
    background-color: rgb(111,111,111);
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.question {
    font-size: 17px;
    padding-left: 10%;
    pading-top: 15px;
}
.answers {
    font-size: 18px;
    font-weight: 300;
    line-height: 30px;
    padding-left: 10%;
    padding-top: 10px;
    padding-right: 10px;
}
.answers > input[type="radio"] {
    height: 15px;
    margin-right: 15px;
    width: 20px;
}

.btn-step-one {
    border-radius: 0;
    color: #fff;
    font-size: 20px;
    padding-left: 60%;
    font-weight: 900;
}
.line-2 {
    display: inline-block;
    margin-bottom: 13px;
    margin-left: 16px;
}
.contact-form .btn-submit.btn-warning{
    background-color: #f0ad4e;
}
.btn-step-two, .btn-prev-2 {
    border-radius: 0;
    color: #fff;
    font-size: 18px;
}
#stepThree,#stepTwo,#stepTwoandaHalf{
    display: none;
}

.success-message {
    font-family: brushscript,sans-serif;
    font-weight: bolder;
    padding: 30px 0;
    text-align: center;
}
.success-message h1 {
    font-size: 60px;
    letter-spacing: -3px;
    line-height: 70px;
}
.btn-completed {
    font-size: 20px;
}
#step2next:hover{border-color: #ec971f !important;background-color: #ec971f;}

.quote{/*position:relative;*/}
.textItem{display:none;position:absolute;}

.answers label{font-weight: 100;margin-left: 20px;display:block;}
.answers input{ margin-left: -18px;margin-right: 19px;}

#stepTwo .row,#stepTwoandaHalf .row{margin-right: 0;
margin-left: 0;}

@media (max-width: 767px){
.how-it-works{padding-left:0;}
#devices{margin-left: auto;
margin-right: auto;}
ol{padding-left:0;}
.top-bar-2 h2 {
    
}
}