@charset "UTF-8";/* Custom CSS for Website updates from Splice Marketing*/

.mb-20 {padding-bottom:20px !important;}
.service-item-inner {margin-bottom:80px;}
.service-item img {max-width:100% !important;}
.article-id-57 .left-bar-article {display:none;} .article-id-57 .content-article-section {width:100%;}
.social-network {display:none;}
.section-padding {padding:100px 0;}
.section-padding.top-0 {padding-top:0;}
.section-padding.bottom-0 {padding-bottom:0;}
@media screen and (min-width:578px) {
	.column-2 {column-count:2;}
}
@media screen and (max-width:577px) {
  .col-service-item-info{padding:0 25px;text-align:center}
  .service-item-inner {margin-bottom:50px;}
  .section-padding {padding:40px 15px;}
  .section-padding .row {padding:0 10px;}
}

/*New Homepage*/ 
.itemid-213 .reference.custom {background-size: cover;
    background-position: 50% 50%; height:60vh;}
.itemid-213 .reference h2.h2-title {font-size: 46px; line-height:1.2;}
.itemid-213 .reference .reference-content {max-width: 800px;}
.itemid-213 .reference .main-button.subscribe {background:#0171a0 !important;}
.itemid-213 .reference .main-button.subscribe:hover {background:#ffffff !important; color:#0171a0;}

.itemid-213 .how-it-works .col-md-4.quality-item {
        width: 30%;
        background: #f3f3f3;
        margin: 1.5%;
        padding: 30px;
        border-radius: 15px;}

.itemid-213 .how-it-works .col-md-4.quality-item h4 {
    font-weight: 600;
    font-size: 20px;
}
.itemid-213 #qualities {padding: 80px 0;}
.itemid-213 .how-it-works .col-md-4.quality-item img {
    width: 70px;
    margin-bottom: 15px;
}

.itemid-213 .container.how-it-works {padding:100px 20px;}

@media screen and (max-width: 767px) {
    .itemid-213 .how-it-works .col-md-4.quality-item  {
        margin-bottom: 60px;
        width: 100% !important;
        margin: 0 0 20px 0 !important;
    }
    .itemid-213 .reference.custom {padding: 50px 20px;
    height: auto;}
    .itemid-213 #qualities {padding: 50px 30px;}
    .itemid-213 .container.how-it-works {padding:50px 20px;}
     .itemid-213 .page-content {
        padding: 50px 0 50px 0 !important;
    }
}


/*Top Banner*/ 
.itemid-214 .reference.custom, .itemid-215 .reference.custom {background-size: cover; background-position: 50% 50%; height:60vh;}
.itemid-214 .reference h2.h2-title, .itemid-215 .reference h2.h2-title{font-size: 46px; line-height:1.2;}
.itemid-214 .reference .reference-content, .itemid-215 .reference .reference-content {max-width: 800px;}
.itemid-214 .reference .main-button.subscribe, .itemid-215 .reference .main-button.subscribe {background:#0171a0 !important;}
.itemid-214 .reference .main-button.subscribe:hover, .itemid-215 .reference .main-button.subscribe:hover {background:#ffffff !important; color:#0171a0;}

/* 3 Columns Boxes*/
.columns-3 .col-md-4.quality-item {
        width: 30%;
        background: #f3f3f3;
        margin: 1.5%;
        padding: 30px;
        border-radius: 15px; color:#fff;
    position: relative;
    overflow: hidden; background-size:cover !important;}
.columns-3 .col-md-4.quality-item:before {
    background: rgba(0, 0, 0, 0.8);
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    opacity:0.5; transition:all 0.3s;
}
.columns-3 .col-md-4.quality-item:hover:before {opacity:1;}
.columns-3 .col-md-4.quality-item .text-area {z-index: 4; position: relative;}
.columns-3 .col-md-4.quality-item a.readmore {display: block;
    color: #fff;
    text-decoration: underline;
    font-weight: bold;
    font-size: 14px;}
.columns-3 .col-md-4.quality-item h4 {
    font-weight: 600;
    font-size: 20px;color:#fff;transition:all 0.3s;
}

.columns-3 .col-md-4.quality-item:hover h4, .columns-3 .col-md-4.quality-item:hover a.readmore {color:#52ccff;}

.columns-3 .col-md-4.quality-item img {
    width: 70px;
    margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
    .columns-3 .col-md-4.quality-item  {
        margin-bottom: 60px;
        width: 100% !important;
        margin: 0 0 20px 0 !important;
    }
    .columns-3 .reference.custom {padding: 50px 20px;
    height: auto;}
    .columns-3 .container.how-it-works {padding:50px 20px;}
    
}