body{
    font-family: 'PT Sans', sans-serif;
    font-size: 18px;    
    line-height:30px;
}
footer {
  background-color: #3098D4;
  color: #fff;
  padding: 1em;
}
footer p{
		line-height:auto;

}
footer a{
color:#fff!important;
	line-height:auto;
}

.nap-info {
  margin-bottom: 1em;
  margin-left:70%;
  margin-top:15px;

  
=}
.copyright {
  text-align: center;
    border-top:1px solid white;
}

.nap-info p {
  margin-left:0;
  line-height:16px;
}

.p0{
    padding: 0;
}
.m0{
    margin: 0;
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #3098d4;
}
.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    background-color: #3098d4;
}
.btn{
    border-radius:0;
}
.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none;
}
.section{
    padding: 45px 0;
}
.section-blue-bg{
    background: #3098D4;
    color:#fff;
}
.section-grey-bg{
    background: #eee;
}
.blue-txt-btn{
    color: #3098d4;
    border: 2px solid #3098d4;
    padding: 5px 10px;
    font-size: 21px;
    width: 160px;
    display: block;
    margin: 0 auto; 
    margin-bottom: 15px;
    clear:  both;              
}
/*--------------------------------------SLIDER--------------------------------------*/
.slider{
padding: 30px 0;
  background-image: url(../images/hp_bg.png), url(../images/hp_bg3.jpg);
  background-position: right bottom, left bottom;
  background-repeat: no-repeat, no-repeat;
  background-size: contain, contain;
}
.fa-heart-o{
    color: #d2373a;
    margin: 0 10px;
}
.slider-text{
    font-size: 19px;    
}
/*--------------------------------------END SLIDER--------------------------------------*/
.form-control {
    color: #555;
    border: 0px solid #ddd;
    border-radius: 0;
    font-size: 16px;
    box-shadow:none;

}
.section-blue-bg fieldset legend,.section-blue-bg .post-content{
    font-size: 50px;
    border-bottom: 0px solid transparent;
    color:#fff;
    margin: 0;      
}
.section-grey-bg fieldset legend,.section-grey-bg .post-content,.section-wt-bg .post-content{
    font-size: 50px;
    border-bottom: 0px solid transparent;
    margin: 0;      
}
.blog-btn{
    color: #f05757;
    padding: 5px 15px;
    font-weight: bold;
    font-size: 14px;
    background: transparent;
    border-radius: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin:0 50px 0 0;
    border: 2px solid #f05757;
    cursor:pointer;
    float: right;
}
.get-order-btn{
    color: #f05757;
    padding: 5px 15px;
    font-weight: bold;
    font-size: 14px;
    background: transparent;
    border-radius: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin:0;    
    border: 2px solid #f05757;
    cursor:pointer;
    float: right;
}
.order-step-btn{
    color: #f05757;
    padding: 15px 30px;
    font-weight: bold;
    font-size: 18px;
    background: transparent;
    border-radius: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px;
    margin-right: 4px;    
    border: 2px solid #f05757;
    cursor:pointer;  
}
.order-step-btn:hover{
    color: #f05757;
    opacity:0.85;
}
.order-btn-group{
    padding: 15px 0;    
}
.atto-order-table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 0px solid #ddd;
    background: #3098D4;
    color: #fff;
}
.atto-order-table tbody td,.table>tbody>tr>td {
    padding: 0; 
    padding-top: 15px !important;   
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 0px solid #ddd;
}
.table-responsive {
    border: 0px solid #ddd;
}
.atto-order-table tbody td.prod-img {
    padding-top: 0 !important;  
}
.atto-order-table{
    border-bottom:  1px solid #3098D4;
}
a i.fa {
    padding: 0 5px;
}
.form-group.required>label:after {
  content:"*";
  color:#D43030;
  padding: 0 5px;   
}
.form-group {
    line-height: normal;
}


.step1-head, .step2-head,.step3-head{
    font-size: 50px !important;
    margin: 0 0 30px 0 !important;
}
.stepwizard-step p {
    margin-top: 10px;    
}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;     
    width: 100%;
    position: relative;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #fff;
    z-order: 0;
    
}

.stepwizard-step {    
    display: table-cell;
    text-align: center;
    position: relative;
    width: 33%;
    line-height: normal;
}

.btn-circle {
    width: 26px;
    height: 26px;
    text-align: center;
    padding: 0px 0;
    font-size: 14px;
    line-height: 24px;
    border-radius: 15px;
    border-color:#fff;
    background-color: #3098D4;
    color: #fff;
}
.btn-circle:hover {
    background-color: #fff;
    color: #333;
}
.btn-circle-active{
    border-color:#fff;
    background-color: #fff;
    color:#333;
    line-height: 24px;      
}
.section-grey-bg .fusion-separator,.section .fusion-separator {
    border: 0 solid #e7e6e6;
    clear: both;
    position: relative;
    z-index: 11;
    border-color:#999;
    background-color:#eee;
    border-color:#999;
    border-top-width:1px;
    margin-left: auto;
    margin-right: auto;
    margin-top:20px;
    margin-bottom:40px;
}
.section-grey-bg .fusion-separator .icon-wrapper,.section .fusion-separator .icon-wrapper {
    position: absolute;
    display: table;
    left: 50%;
    top: 50%;
    margin: -13px 0 0 -13px;
    height: 26px;
    width: 26px;
    background-color: #eee;
    border: 1px solid #999;
    border-radius: 50%;
    background-clip: padding-box;
    text-align: center;
    line-height: normal;
}
.section-wt-bg .fusion-separator .icon-wrapper {
    background-color: #fff;
    }
.section-grey-bg .fusion-separator .icon-wrapper i,.section .fusion-separator .icon-wrapper i{
        color: #999;    
}
.section-blue-bg .fusion-separator {
    border: 0 solid #e7e6e6;
    clear: both;
    position: relative;
    z-index: 11;
    border-color:#fff;
    border-top-width:1px;
    margin-left: auto;
    margin-right: auto;
    margin-top:20px;
    margin-bottom:40px;
}
.section-blue-bg .fusion-separator .icon-wrapper {
    position: absolute;
    display: table;
    left: 50%;
    top: 50%;
    margin: -13px 0 0 -13px;
    height: 26px;
    width: 26px;
    background-color: #eee;
    border: 1px solid #fff;
    border-radius: 50%;
    background-clip: padding-box;
    text-align: center;
    line-height: normal;
    border-color:#fff;
    background-color:#3098D4;
}
.section-blue-bg .fusion-separator .icon-wrapper i{
        color: #fff;    
}
.wt-info{
    padding: 15px 0;
}
.faq-header button {
    text-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
.faq-header button{
    color: #fff !important;
    font-size: 19px;
    text-decoration: none;
    white-space: normal;
    text-align: left;
}
.faq-header button:hover,.faq-header button:active,.faq-header button:focus{
    opacity: 0.75;
    text-decoration: none;
}
.faq-panel{
    border-bottom: 1px dashed #fff;
}
.faq-panel:last-child {
    border-bottom: 0px dashed #fff;
}
.faq-panel .card-body{
    padding: 1.25rem 2rem;
    background: #1e7cb2;
    border-radius: 10px;
    margin-bottom: 15px;
    box-shadow: 0 7px 12px rgba(0,0,0,0.1) inset;
}
.more{
    padding: 5px 10px;
    font-size: 41px;
    display: block;
    margin: 0 auto;
    margin-bottom: 15px;
    clear: both;    
}
.digit-description{
font-size: 18px;
line-height: normal;
}
.digit{
    font-size: 34px;
    font-weight: bold;
    line-height: normal;
    color: #f05757;  
}
.build-leads-btn{
    color: #fff;
    padding: 15px 30px;
    font-weight: bold;
    font-size: 18px;
    background: #f05757;
    border-radius: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px;    
}
.build-leads-btn:hover{
    color: #fff;
    opacity: 0.85;
   
}

.order-item-name{
    display: inline-block;
}
.order-item-content{
    font-size: 21px;
    position: absolute;
    right: 0;
    margin-right: 15px;   
}
.logo img{
    height: 35px;
}
h1.jumbotron__title.jumbotron__title--main {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 56px;    
}
.slider-list li{
    display: inline-block;
    margin-right: 20px; 
    font-size: 26px;        
}
.slider-list{
    display: block;
    margin: 0;  
    padding: 0;
    padding-left: 15px;
    padding-bottom: 30px;
}
.slider-list li:before {
content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    background-color: #f05757;
    position: absolute;
    margin-top: 16px;
    margin-left: -13px;
}
#section-order-cost ul{
    list-style:circle;
}

.cc{
    column-count: 3;
}
.sub-subrubrics{
    position: relative;
    display: block;
    height: 100%;
    overflow: hidden;
    transition: all 0.5s ease-out 0.3s;
}
.subrubrics{
    position: relative;
    display: block;
    padding: 0 15px;
    margin: 0;
    list-style: none;
    height: 0;
    overflow: hidden;
    transition: all 0.5s ease-out 0.3s;
}
.subrubrics ul{
    overflow: hidden;
}
.subrubrics li{
    font-size: 14px;
    margin-bottom: 5px; 
}
.subrubrics>li.rubric>label {
    color: #444;
}
.sub-open-box, .sub-sub-open-box{
    float: right;
    text-align: right;
    width: 20px;
}
.sub-open-box a, .sub-sub-open-box a{
    text-decoration: none;
    color: #3098d4;
    display: inline-block; 
    width: 100%;
    font-size: 18px;
}
.dw-ex-box{
    float: right;
}
a.dw-ex{
    text-decoration: none;
    color: #607d8b;
    font-size: 12px;
}
.custom-control-label::before {
    background-color: #d8ebff;
    border: 1px solid #007bff;
}
.cc .custom-checkbox{
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
    background: rgba(48, 152, 212, 0.1);
    margin: 0px 0px 5px 0px;
    padding: 0 6px;
}
.cc .custom-checkbox label{
    font-size: 19px;
    margin-left: 25px !important;
    color: #3098d4;   
}
.rubrics-lv3-list, .rubrics-lv2-list{
    list-style: none;
}
.rubrics-lv3-list label{
    font-size: 16px !important;
    color: #333 !important;
    font-style: italic;
    text-transform: none !important;
    font-weight: normal !important;
}
#prices {
    display: none;
}
.select-btn {
    cursor: pointer;
    background: #3098D4;
    color: #fff;
    padding: 0px 10px;
    text-align: center;
    font-size: 12px;
    border-radius: 3px;
    border: none;
    margin-right: 15px;
    margin-bottom: 15px;
    box-shadow: 0 2px 2px rgba(0,0,0,0.12);
}
.select-btn:hover {
    background: #f05757;
}
.select-btn.allCalcCheckboxes:hover{
    background:#46c16c !important;
}
.select-btn:focus {
    outline: none;
}

.modal-dialog {
    max-width: 500px;
    margin: 2rem auto;
}

.modal{

}
.modal .modal-header h5{
    color: #fff;
}
.modal .modal-content {
    background-color: #3098d4;
    border: 0px solid rgba(0,0,0,.2);
    border-radius: 0;
}
.modal .modal-body{
    background-color: #fff;  
}
.modal .modal-footer{
    background: url(/images/hp_bg3.jpg) no-repeat 30px bottom;
    background-size: 65%;
}
.close {
    font-size: 2rem;
    color: #fff;
    text-shadow: 0 1px 0 #333;
    opacity: 1;
}
.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {
    color: #fff;
    text-decoration: none;
    opacity: .75;
}
.popup-btn{
    background: transparent;
    color:#fff;
    border:2px solid #fff;
    box-shadow:0 2px 2px rgba(0,0,0,0.18);
}
.popup-btn:hover{
    opacity: 0.85;
    box-shadow:0 1px 2px rgba(0,0,0,0.18);
}
.btn-st2{
    background: #fff;
    color:#3098d4;   
}
#contactUsForm .form-control{
    border: 1px solid #ccc;
    background: #e9ecef;  
}
@media (max-width: 767.98px) {
.cc{
    column-count: 2;
}
    .slider {
        padding: 30px;
        background-image:none;
    }
	.nap-info{
		margin-left:auto;
	}
}
@media (max-width: 575.98px) {

    .cc {
        column-count: 1;
    }
    .get-order-btn{
        float: none;  
        margin-top: 15px;
    }
	.nap-info{
		margin-left:auto;
	}
}