/*
Theme Name: Earthlink Marketing Site
Description: Based on Uncode theme
Author: WITH/Agency
Author URI: https://www.thewithagency.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/

/* satellite inner pages */
/*.single-satellite .main-container .row-container:first-child .row-parent{padding-bottom: 0;}*/
.single-satellite .uncode_text_column a{color: #66cef4 !important;cursor: pointer;}
.single-satellite .uncode_text_column h4{margin-top: 0}
.banner-bg {
    background-size: cover;
    text-align: center;
    height: 350px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: baseline;
    justify-content: flex-end;
}.banner-bg .banner-info ul a{color: #fff !important;}
.banner-info{position: relative;    min-height: 150px;bottom: -36px;}
.banner-info:before {
    position: absolute;
    bottom: 0px;
    padding: 20px 0px;
    background: rgba(0,0,0,0.3);
    content: '';
    width: 100vw;
    height: 100%;
    opacity: 1;
    right: 0;
    left: 50%;
    transform: translate(-50%);
    overflow: hidden;
    background-size: 100%;
}.banner-info h1{color: #fff;    z-index: 99;
    position: relative;}
.banner-info ul{list-style: none; margin: 0; padding: 0; text-align: center;    z-index: 99;
    position: relative;}
.banner-info ul li{float: none;
padding: 0px 6px;
line-height: 34px;
display: inline-block; color: #fff}
.Pro-cons-section{background-color: #eee; }
.Pro-cons-section h4{background-color:#ccc; width: 100%; padding: 15px 0px;text-align: center }
.Pro-cons-section ul{padding: 0; margin: 0; padding: 15px 30px}
#post-68004 .no-padding .row-parent{padding: 0 !important}
#post-68004 .banner-info ul li a {color: #ffffff !important;}
.Pro-cons-section ul {list-style: none;}
.Pro-cons-section ul li{position: relative;margin-left: 30px;}
.Pro-cons-section ul li:before, .Pro-cons-section.pros ul li:before {position: absolute;font-family: 'uncodeicon' !important;}
.Pro-cons-section.cons ul li:before {content: "\e600"; color: #d90710;left: -30px;top: -7px;font-size: 24px;}
.Pro-cons-section.pros ul li:before {content: "\f00c"; color: green;left: -30px;top: -5px;font-size: 20px;}
.get-quote a {display: block; text-align: center;}
.get-quote{background-color: #eeeeee;padding: 30px 40px;}
a.order-call{background-color: #67cef4; color: #fff; border-radius: 30px;padding: 10px 0px;}
span.call{display: block;font-size: 16px;font-weight: 700;}
span.callNo{font-size: 20px;font-weight: bold;}
a.quote{border: 3px solid #67cef4; border-radius: 30px; padding: 12px 0px; margin-top: 15px;font-size: 18px;font-weight: 700;}
.simple-ul-element ul{list-style: disc;padding-left: 30px;}
.Pro-cons-section.pros p{margin-bottom: -15px; padding-left: 30px;}
.simple-ul-element-img ul{list-style: disc;padding-left: 30px; display: grid;}
/*form Css Start Here*/
/* CSS Document */

.main-div {text-align:center;    margin-top:90px; }
.main-div .all-boxes {margin-top: 6px; float:none; display:inline-block;}
.main-div .all-boxes .left-box,
.main-div .all-boxes .right-box,
.main-div .all-boxes .center-box {border: 2px solid#f78d1e;background: #fff;float: left; }
.main-div .all-boxes .left-box,
.main-div .all-boxes .right-box {height: 230px;position: relative;top: 75px; }
.main-div .all-boxes .left-box {border-right: 0;color: #343434;width: 260px; }
.main-div .all-boxes .center-box {width: 423px;height: 400px;border-top: 0;position: relative;z-index: 99999;text-align: center;font-weight: 900; }
.main-div .all-boxes .center-box .yellow-header {text-transform: uppercase;position: relative;top: -10px;background:#f78d1e;color:#fff;width: 520px;height: 55px;left: -50px;text-align: center;line-height: 55px;font-size: 30px;-webkit-border-radius: 0px;
-moz-border-radius: 0px;border-radius: 0px;-webkit-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.34);-moz-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.34);box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.34);}
.main-div .all-boxes .center-box .number-div {position: absolute;bottom: 0;height: 85px;background: #f78d1e;width: 100%; }
.main-div .all-boxes .center-box .number-div .orderdiv {display: block;font-size: 20px;margin: 8px 0px;color: #fff;}
.main-div .all-boxes .center-box .number-div .orderdiv.textadj { display: block;font-size: 31px;color: #000;top: 20px;position: relative; }
.main-div .all-boxes .center-box .number-div .text-only {font-size: 48px;line-height: 40px; }
.main-div .all-boxes .center-box .number-div .text-only a {color: #fff;text-decoration: none;font-size: 55px; }
.main-div .all-boxes .right-box {border-left: 0;width: 250px;line-height: 1; }
.main-div.innercss .only-title .deal-title {font-size: 40px;color: #fff; }
.circle{width: 25px;height: 25px;border-radius: 50%;font-size: 24px;line-height: 22px;text-align: center;border: 2px solid #fff;display: inline-block;}
h2.leftheading{font-size: 24px;font-family: 'Oswald', sans-serif;color: #75d0f7;text-align: left;padding: 20px 0 0 15px;margin-top: 10px;margin-bottom: -10px;}
.left-box ul{text-align: left;list-style: none;padding-left: 20px;}
.left-box ul li{color: #313343;font-size: 14px;padding: 2px 0;}
.left-box ul li .fa{color: #f78d1e;margin-right: 5px;}
h2.rightheading {background-color: #f78d1e;color: #fff;font-size: 20px;padding: 5px 0;text-transform: uppercase;}
p.afordPrice {font-size: 19px;padding-top: 15px;}
p.afordPrice span{color: #f78d1e;text-transform: uppercase;}
p.downPay{font-size: 20px;color: #f78d1e; font-weight: 600;}
.right-box p{margin: 0;}
p.variety{margin-bottom:5px;}
p.variety, p.financing {font-size: 16px;font-weight: 500;line-height: 20px;}
.insideForm{padding: 10px;}
.insideForm h2{color: #3f3f3f;font-size: 20px;margin-bottom: 10px;margin-top: 10px;}
.plans{padding: 0px 55px;}
.plans ul{list-style: none;text-align: left;padding: 0;}
.plans ul li{display: inline-block;width: 100%;border: 1px solid #f78d1e;margin-bottom: 5px;cursor: pointer;}
.plans ul li .count{float: left;margin-right: 20px;background-color: #f78d1e;padding: 6px 15px;color: #fff;}
.planName{width: auto;line-height: 38px;font-weight: 500;}
.insideForm .step2, .insideForm .step3, .submitForm{display:none;}
/* .insideForm ul li:hover{background-color: #f78d1e;color: #fff;} */
.lastContent{font-size: 13px;}
.page-template-template-leadform .page-wrapper{min-height: 925px;background-image: url('/wp-content/uploads/2019/06/credit_union.jpg');background-repeat: no-repeat;background-size: cover;width: 100%;float: left;}
.Thankyou{width: 100%;float: left;padding-top: 100px;text-align: center;}
p.thankContent{color: #f78d1e;font-size: 30px;}
.form-submision{display: none}
form#form input {display: block; width: 100%;height: 34px;padding: 6px 12px; font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
#form .input-group-addon {padding: 10px 14px 6px 14px;font-size: 14px;font-weight: 400;line-height: 1;color: #555; text-align: center; background-color: #eee; border: 1px solid #ccc;border-radius: 4px;margin-top: 9px;}
#form .submits {font-size: 20px; color: #fff;background: #f78d1e;padding: 5px 40px; border-radius: 8px; border: none; text-transform: uppercase; letter-spacing: 1px; margin-top: 20px;}
.lastContent { font-size: 13px;}
#form .input-group-addon:first-child{border-top-right-radius: 0; border-bottom-right-radius: 0;border-right: 0;}
#form .input-group .form-control:last-child{ border-top-left-radius: 0;border-bottom-left-radius: 0;}
#form .input-group{display: flex;}
h2.thankHeading {font-size: 20px;}
p.thankContent {color: #f78d1e;font-size: 30px;margin-top: 10px;}
.overlay .modal-window.modal-leadership  .lines-button.x2.close .lines::before, 
.overlay .modal-window.modal-leadership  .lines-button.x2.close .lines::after{background: #fff; z-index: 99;}
.satelite-fixed-header{position: fixed;}
ul.satellite-links{margin-top: 0 !important;}
/* multiform */
.floating-form .row-header{
    margin-top: -155px;
    z-index: 99;
}
.multiForm{
    box-shadow: 0px 7px 73px rgba(61,71,84,0.09);
    max-width: 1000px;
    margin: 0 auto 0;
}
.form-title-ml{
    background: #FD8735;
    padding: 14px 0;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    color: #fff;
    max-width: 370px;
    font-size: 23px;
    margin: 0px auto -30px;
    display: block;
    position: relative;
}
.subheading-ml{
    background-color: #F3F5F9;
    font-size: 20px;
    text-align: center;
    padding: 40px 15px 30px;
}
.OptionWrap-ml p{
    text-align: center;
    color: #5D5D5D;
    font-weight: 600;
    font-size: 20px;
    padding: 20px 0;
    margin: 0;
}
.multiForm .insideForm{
    background: #fff;
}
.multiForm .plans{
    padding: 0 0;
}
.plans ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.plans ul li{
    width: 200px;
    margin: 0 20px 40px;
    text-align: center;
    padding: 20px 0;
    cursor: pointer;
}
.plans ul li .option-icon img {
    width: 100px;
}


.plans ul li .planName{
    font-weight: 600;
    font-size: 14px;
}
.plans ul li .planName span{
    display: block;
    line-height: 1.5em;
}
.insideForm .OptionWrap-ml:first-child ul li:nth-child(2),
.insideForm .OptionWrap-ml:first-child ul li:last-child,
.insideForm .OptionWrap-ml:nth-child(2) ul li:nth-child(2),
.insideForm .OptionWrap-ml:nth-child(2) ul li:last-child,
.insideForm .OptionWrap-ml:nth-child(3) ul li:nth-child(2),
.insideForm .OptionWrap-ml:nth-child(3) ul li:last-child{
    
    border-color:#1CB9EE;
}
.insideForm .OptionWrap-ml:nth-child(3) ul li{
    filter: grayscale(1);   
    transition: 0.4s;
}
.insideForm .OptionWrap-ml:nth-child(3) ul li:hover{
    filter: grayscale(0);   
}
.search-field{
    padding: 80px 30px;
}
.search-field .search-wrapper-inner{
    border: 1px solid #DDDDDD;
    position: relative;
    display: flex;
    padding: 2px;
}

.search-field input,.search-field button{
    height: 60px;
    margin: 0;
    width: 100%;
}
.search-field input{
    max-width: 750px;
    padding: 0 50px;
    border: none;
}
.search-field input::placeholder{
    font-size: 20px;
    color: #5e5e5e;
}
.search-field button{
    background-color: #FD8735 !important;
    max-width: 260px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 15px;
}
.search-field .search-wrapper-inner i{
    font-size: 50px;
    color: #f98735;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translate(0%,-50%);
}

/* .input-question-heading{
    
} */

.input-question-option-ml{
    display:flex;
    justify-content: center;
}
.optios-ml{
    flex-wrap: wrap;
    border: 2px solid #D2E9EB;
    margin: 0 15px;
    width: 230px;
}
.optios-name-ml{
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    padding: 10px 0;
}
.input-question-wp-ml{
    display: none;
}
.submitForm form{
    width: 100%;
}
.unpluggedimg .uncode-single-media-wrapper{
    text-align:center;
}
.unpluggedimg img{
    width: auto !important;
    display: inline-block !important;
}
.errorBlock h4{
    color: red;
}
.errorBlock a{
    color: #ffffff !important;
    background-color: #75d0f7 !important;
    border-color: #75d0f7 !important;
    padding: 15px 30px;
    border-radius: 30px;
    font-size: 20px;
    margin: 10px;
    display: inline-block;
}
.errorBlock .cta{
    text-align: center;
}
/*Responsive code*/
@media(min-width:768px){

    .call-now-section{display: none;}

}

@media (max-width:962px){
    .multiForm{background: #f9f9f9;}
    .floating-form .row-header{margin-top: 20px;}
	.box .top .left{width: 68%;}
	.box .top .right{width: 30%;}
	.siteButtons{margin-top: 20px;}
	.CenterBox{margin: 20px 0px;}
	.main-div.innercss .only-title .deal-title, .main-div .all-boxes .center-box .number-div .text-only a{font-size: 23px;line-height: 30px;}
	.main-div .all-boxes .center-box .yellow-header{font-size: 18px; width: 100%;left: 0;top:0px;}
	.main-div .all-boxes .center-box{width:100%;}
	.main-div .all-boxes .left-box, .main-div .all-boxes .right-box{width: 100%; float: left;position: inherit;margin-bottom: 30px;}
	.main-div .all-boxes .center-box{position: relative; margin-bottom: 30px; z-index:9;}
	.page-template-template-leadform p.lastContent{margin-top: 10px;    font-size: 12px;}
	.main-div .all-boxes .center-box .number-div .orderdiv{    margin-bottom: 0;}
	.main-div .all-boxes .center-box .number-div .text-only {font-size: 30px;}
    .main-div .all-boxes .center-box .number-div {height: 70px;}
    .main-div{margin-top: 50px; padding: 15px;}
    .main-div .all-boxes .left-box{border-right: 2px solid #5db834;}
    .main-div .all-boxes .right-box{border-left: 2px solid #5db834;}
    .plans{padding: 0px 0;}
	.insideForm h2{font-size: 16px;}
	.get-quote{padding: 20px 20px;}
    .banner-info h1{font-size: 25px;}
    
}

@media(max-width:767px){

    .form-title-ml{position: absolute;left: 50%;top: -25px;transform: translate(-50%,0);padding: 14px 14px;}

}

@media(max-width:580px){

    .multiForm .plans ul li{margin:0 10px 15px; width:100%; display: flex; padding: 10px 20px;align-items: center;}

    .multiForm .plans ul li .option-icon img{width: 50px;vertical-align: -webkit-baseline-middle;}

    .multiForm .plans ul li .planName{padding: 10px 10px;line-height: inherit; font-size: 13px;}

    .plans ul li .planName span{display: inline-block;}

    .search-field .search-wrapper-inner{display: block;border:none;}

    .option-icon{line-height:normal;}

    .search-field .search-wrapper-inner i{top: 15px;transform: none; font-size: 30px;}

    .search-field input{border:1px solid #DDDDDD;padding: 0 15px 0 30px;}

    .search-field input::placeholder{font-size: 14px;}

    .search-field button{margin: 0 auto 0;display: block;max-width: 100%;}
    
    .search-field{padding: 20px 10px;}

    .subheading-ml{font-size: 14px;}

    .form-title-ml{font-size: 18px; padding: 14px 10px}


}