/*------------------------------------------------------------------
[Table of contents]

1. Bootstrap Alert
2. Bootstrap Jumbotron
3. Bootstrap Panel
4. Bootstrap List Group
5. Bootstrap Buttons
6. Blog Posts
7. Clients
8. Contact Form
9. Members Slider
10. Testimonials 1
11. Testimonials 2
12. Bubble Box
13. Services Slider
14. Custom Service
15. Title & Subtitle
16. Social Icons
17. Service Activity
18. Skills
19. Pricing Tables
20. Icon List Item
21. Skill Circle
22. TYPED.JS CSS
23. Instagram Feed
24. Fancy Gallery
25. Events Calendar
26. Sermons

-------------------------------------------------------------------*/




/*------------------------------------------------------------------
1. Bootstrap Alert
-------------------------------------------------------------------*/
.alert {
    padding: 25px !important;
    border: 0 none !important;
    border-radius: 0px !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}
.alert-success {
    background-color: #2ecc71!important;
    border-color: #2ecc71!important;
    color: #FFFFFF !important;
}
.alert-info {
    background-color: #29B6F6 !important;
    border-color: #29B6F6 !important;
    color: #FFFFFF !important;
}
.alert-warning {
    background-color: #FFCA28 !important;
    border-color: #FFCA28 !important;
    color: #FFFFFF !important;
}
.alert-danger {
    background-color: #FF5722 !important;
    border-color: #FF5722 !important;
    color: #FFFFFF !important;
}
.alert-dismissable .close, 
.alert-dismissible .close {
    color: rgb(0, 0, 0);
    opacity: 0.6;
}
.alert-success .alert-link{
    font-weight: lighter;
}
/*BORDERED*/
.alert-success.bordered {
    background: #f2fcf6 none repeat scroll 0 0 !important;
    border: 2px solid rgb(46, 204, 113) !important;
    color: rgb(46, 204, 113) !important;
}
.alert-info.bordered {
    background: #ebf8fe none repeat scroll 0 0 !important;
    border: 2px solid #29B6F6 !important;
    color: #29B6F6 !important;
}
.alert-warning.bordered {
    background: #fef9ea none repeat scroll 0 0 !important;
    border: 2px solid #FFCA28 !important;
    color: #FFCA28 !important;
}
.alert-danger.bordered {
    background: #fff3ef none repeat scroll 0 0 !important;
    border: 2px solid #FF5722 !important;
    color: #FF5722 !important;
}


/*------------------------------------------------------------------
2. Bootstrap Jumbotron
-------------------------------------------------------------------*/
.jumbotron h1, .jumbotron .h1{
    font-size: 38px !important;
}
.jumbotron {
    background-color: #ecf0f1 !important;
}
.container .jumbotron, 
.container-fluid .jumbotron {
    border-radius: 0 !important;
    -o-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
}


/*------------------------------------------------------------------
3. Bootstrap Panel
-------------------------------------------------------------------*/
.panel-success > .panel-heading {
    background-color: #00E676 !important;
    color: #FFF !important;
    border-color: #00E676 !important;
    padding: 25px;
}
.panel-success {
    border-color: #00E676 !important;
}
.panel-info > .panel-heading {
    color: #FFF !important;
    background-color: #29B6F6 !important;
    border-color: #29B6F6 !important;
    padding: 25px;
}
.panel-info {
    border-color: #29B6F6 !important;
}
.panel-warning > .panel-heading {
    background-color: #FFCA28 !important;
    color: #FFF !important;
    border-color: #FFCA28 !important;
    padding: 25px;
}
.panel-warning {
    border-color: #FFCA28 !important;
}
.panel-danger > .panel-heading {
    background-color: #FF5722 !important;
    border-color: #FF5722 !important;
    color: #FFFFFF !important;
    padding: 25px;
}
.panel-danger {
    border-color: #FF5722 !important;
}
.panel-primary,
.panel-primary > .panel-heading {
    border-color: #2c3e50;
}
.panel-primary > .panel-heading {
    background-color: #2c3e50;
}
.panel-body {
    padding: 25px !important;
    font-size: 17px;
    opacity: 0.85;
    font-weight: 300;
}
.panel-title {
    font-size: 20px !important;
}




/*------------------------------------------------------------------
4. Bootstrap List Group
-------------------------------------------------------------------*/
.list-group-item {
    border-color: #ecf0f1 !important;
    padding: 15px !important;
}
.list-group-item.active, 
.list-group-item.active:hover, 
.list-group-item.active:focus {
    background-color: #393939 !important;
    border-color: #ecf0f1 !important;
}
a.list-group-item:hover, 
a.list-group-item:focus {
    background-color: #ecf0f1 !important;
}
.list-group-item:first-child,
.list-group-item:last-child{
    border-radius: 0 !important;
    -o-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
}



/*------------------------------------------------------------------
5. Bootstrap Buttons
-------------------------------------------------------------------*/
.button-winona.extra-large {
    color: #ffffff;
    font-size: 28px;
    padding: 20px 60px;
    text-align: center;
}
.button-winona.btn.btn-lg {
    color: #ffffff;
    padding: 10px 20px;
}
.button-winona.btn.btn-sm {
    color: #ffffff;
    padding: 5px 10px;
}
.button-winona.btn.btn-medium {
    color: #ffffff;
    padding: 8px 16px;
}
.button.solid-button, 
button.vc_btn{
    color: #fff;
}
.button {
    color: #FFF;
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    padding: 10px 20px;
    margin: 10px;
}
.button.outline-button {
    border: 1px solid #FFFFFF;
}
.button.solid-button {
    background: #00adf1;
}
.button:hover {
    text-decoration: none;
    color: #FFFFFF;
}
.button.outline-button.mt-blue {
    border-color: #00adf1;
    color: #FFFFFF;
}
.outline-button{
    position: relative;
}
.outline-button::after {
    background: #00ADF1;
    height: 100%;
    left: 0;
    top: 0;
    width: 0;
    content: "";
    position: absolute;
    transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    z-index: -1;
}
.outline-button:hover::after {
    width: 100%;
}
.solid-button{
    position: relative;
    transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
}
.solid-button::after {
    height: 100%;
    left: 0;
    top: 0;
    width: 0;
    content: "";
    position: absolute;
    transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    z-index: -1;
}
.solid-button:hover::after {
    width: 100%;
}
.btn-primary {
    background-color: #393939;
    color: #FFF;
}
.btn-success {
    background-color: #27ae60;
}
.btn-info {
    background-color: #3498db;
}
.btn-warning {
    background-color: #e67e22;
}
.btn-danger {
    background-color: #e74c3c;
}
.btn-danger,
.btn-warning,
.btn-info,
.btn-success,
.btn-primary {
    border: 0 none;
}
.btn-default:hover, 
.btn-default:focus, 
.btn-default.focus, 
.btn-default:active, 
.btn-default.active, 
.open > .dropdown-toggle.btn-default,
.btn-default {
    background-color: transparent;
    color: #FFF;
}
.btn-default {
    position: relative;
}
.btn-default:after {
    background: #393939;
    height: 100%;
    left: 0;
    top: 0;
    width: 0;
    content: "";
    position: absolute;
    transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    z-index: -1;
}
.btn-default:hover:after {
    width: 100%;
}
button.vc_btn {
    transition: all 300ms;
    -webkit-transition: all 300ms;
}



/*------------------------------------------------------------------
6. Blog Posts
-------------------------------------------------------------------*/
.blogpost01_day_holder {
    padding: 0;
}
.tslr-blog-posts-shortcode .post-name a {
    line-height: normal !important;
}
.blogpost01_day_holder .blogpost01_post_day {
    font-size: 50px;
    font-weight: 100;
    line-height: 137px;
    margin: 0;
    text-align: center;
}
.blogpost01_month_year_holder {
    border-left: 1px solid rgba(255, 255, 255, 0.75);
    margin-top: 34px;
    padding-left: 22px;
}
.blogpost01-background {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3;
}
.blogpost01-overlay::before {
    background: rgba(34, 34, 34, 0.7) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}
.blogpost_elements {
    margin-bottom: 30px;
    overflow: hidden;
    padding: 0;
}
.blogpost01-background .blogpost01_day {
    color: rgba(255, 255, 255, 1);
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 1.5px;
    margin-bottom: 0;
    margin-top: 10px;
    text-transform: uppercase;
}
.blogpost01-background .blogpost01_month_year {
    color: rgba(255, 255, 255, 1);
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 1.5px;
    margin-bottom: 12px;
    margin-top: 0;
    text-transform: uppercase;
}

.blogpost01-container .blogpost01_icon_holder {
    text-align: center;
}
.blogpost01-container .blogpost01_icon_holder i {
    color: #fff;
    font-size: 30px;
    line-height: 137px;
}
.blogpost_elements:hover img {
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
}
.blogpost01_thumbnail {
    transition: all 500ms ease-in-out 0s;
    -ms-transformtransition: all 500ms ease-in-out 0s;
    -webkit-transformtransition: all 500ms ease-in-out 0s;
}
.blogpost01_post_day {
    transition: all 500ms ease-in-out 0s;
    -ms-transformtransition: all 500ms ease-in-out 0s;
    -webkit-transformtransition: all 500ms ease-in-out 0s;
}
.blogpost_elements:hover .blogpost01-overlay::before {
   background: rgba(34, 34, 34, 0.6) none repeat scroll 0 0; 
}
.blogpost01-overlay::before { 
    transition: all 500ms ease-in-out 0s;
    -ms-transformtransition: all 500ms ease-in-out 0s;
    -webkit-transformtransition: all 500ms ease-in-out 0s;
}




/*1. Responsive Min_1024px and Max_1200px*/
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
    .blogpost01_month_year_holder {
        margin-top: 24px;
    }
    .blogpost01_day_holder {
        height: 113px;
    }
    .blogpost01_day_holder .blogpost01_post_day {
        font-size: 50px;
        font-weight: 100;
        line-height: 113px;
        margin: 0;
        text-align: center;
    }
    .blogpost01-background .blogpost01_month_year {
        font-size: 15px;
    }
    .blogpost01_month_year_holder {
        margin-top: 20px;
    }
    .blogpost01-container .blogpost01_icon_holder i {
        font-size: 30px;
        line-height: 111px;
    }
}
/*2. Responsive Min_991px and Max_1023px*/
@media only screen and (min-width: 992px) and (max-width: 1023px) {
    .blogpost01_day_holder .blogpost01_post_day {
        font-size: 50px;
        font-weight: 100;
        line-height: 113px;
        margin: 0;
        text-align: center;
    }
    .blogpost01_day_holder {
        height: 113px;
    }
    .blogpost01-background .blogpost01_month_year {
        font-size: 20px;
        margin-bottom: 5px;
    }
    .blogpost01_month_year_holder {
        margin-top: 28px;
    }
    .blogpost01-background .blogpost01_day {
        font-size: 15px;
        margin-top: 5px;
    }
    .blogpost01-container .blogpost01_icon_holder {
        display: none;
    }

}
/*3. Responsive Min_768px and Max_992px*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .blogpost01-background .blogpost01_day_holder {
        float: left;
        width: 20%;
    }
    .blogpost_elements .blogpost01_month_year_holder {
        float: left;
        width: 80%;
        margin-top: 15px;
    }
    .blogpost_elements .blogpost01_day_holder {
        height: 89px;
    }
    .blogpost01_day_holder .blogpost01_post_day {
        font-size: 50px;
        font-weight: 100;
        line-height: 86px;
        margin: 0;
        text-align: center;
    }
    .blogpost01-background .blogpost01_month_year {
        font-size: 15px;
        margin-bottom: 5px;
    }
    .blogpost01-container .blogpost01_icon_holder {
        display: none;
    }
}
/*4. Responsive Min_480px and Max_767px*/
@media only screen and (min-width: 481px) and (max-width: 767px) {
    .blogpost01-background .blogpost01_day_holder {
        float: left;
        width: 20%;
    }
    .blogpost_elements .blogpost01_month_year_holder {
        float: left;
        width: 80%;
    }
    .blogpost_elements .blogpost01_day_holder {
        height: 89px;
    }
    .blogpost01_day_holder .blogpost01_post_day {
        font-size: 50px;
        font-weight: 100;
        line-height: 55px;
        margin: 0;
        text-align: center;
    }
    .blogpost01_month_year_holder {
        margin-top: 6px;
    }
    .blogpost01-background .blogpost01_day {
        font-size: 12px;
        margin-bottom: 0;
        margin-top: 0px;
    }
    .blogpost01-background .blogpost01_month_year {
        font-size: 12px;
        margin-bottom: 0px;
        margin-top: 0;
    }
    .blogpost01-container .blogpost01_icon_holder {
        display: none;
    }

}
/*5. Responsive Min_320px and Max_480px*/
@media only screen and (min-width: 320px) and (max-width: 480px) {
    .blogpost01-background .blogpost01_day_holder {
        float: left;
        width: 100%;
    }
    .blogpost_elements .blogpost01_month_year_holder {
        float: left;
        width: 100%;
    }
    .blogpost_elements .blogpost01_day_holder {
        height: 50px;
    }
    .blogpost01_day_holder .blogpost01_post_day {
        font-size: 30px;
        left: 0;
        line-height: 30px;
        padding-left: 20px;
        padding-top: 15px;
        top: 0;
        width: 100%;
    }
    .blogpost01_month_year_holder {
        margin-top: 0;
    }
    .blogpost_elements:hover .blogpost01_post_day {
        transform: scale(0.9);
         -ms-transform: scale(0.9);
        -webkit-transform: scale(0.9);
    }
    .blogpost01_thumbnail {
        display: none;
    }
    .blogpost_elements {
        background-color: #FF3465;
        height: 160px;
    }
    .blogpost01-background .blogpost01_day {
        font-size: 14px;
    }
    .blogpost01-background .blogpost01_month_year {
        font-size: 16px;
    }
    .blogpost01-container .blogpost01_icon_holder {
        display: none;
    }
}
/*6. Responsive Max_319px*/
@media only screen and (max-width: 319px) {
    .blogpost01-background .blogpost01_day_holder {
        float: left;
        width: 100%;
    }
    .blogpost_elements .blogpost01_month_year_holder {
        float: left;
        width: 100%;
    }
    .blogpost_elements .blogpost01_day_holder {
        height: 50px;
    }
    .blogpost01_day_holder .blogpost01_post_day {
        font-size: 30px;
        left: 0;
        line-height: 30px;
        padding-left: 20px;
        padding-top: 15px;
        top: 0;
        width: 100%;
    }
    .blogpost01_month_year_holder {
        margin-top: 0;
    }
    .blogpost_elements:hover .blogpost01_post_day {
        transform: scale(0.9);
         -ms-transform: scale(0.9);
        -webkit-transform: scale(0.9);
    }
    .blogpost01_thumbnail {
        display: none;
    }
    .blogpost_elements {
        background-color: #FF3465;
        height: 160px;
    }
    .blogpost01-background .blogpost01_day {
        font-size: 14px;
    }
    .blogpost01-background .blogpost01_month_year {
        font-size: 16px;
    }
    .blogpost01-container .blogpost01_icon_holder {
        display: none;
    }
}




/*------------------------------------------------------------------
7. Clients
-------------------------------------------------------------------*/
.mt_clients_slider .client_image:hover,
.clients-no-slider .client_image:hover {
    transform: scale(1.05);
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transition: all 0.15s ease-in-out 0s;
    -ms-transition: all 0.15s ease-in-out 0s;
    -webkit-transition: all 0.15s ease-in-out 0s;
}
.mt_clients_slider .client_image,
.clients-no-slider .client_image {
    display: block;
    margin: 0 auto;
}
.owl-theme.mt_clients_slider .owl-controls {
    text-align: center;
}
.mt_clients_slider .clients_image_holder_inside.post {
    border-radius: 6px;
    margin-bottom: 15px;
    padding: 20px 30px;
}




/*------------------------------------------------------------------
8. Contact Form
-------------------------------------------------------------------*/
#contact01_form label.error {
    color: #E57C67;
}
.message_input {
    margin-bottom: 60px;
    margin-top: 40px;
}
.message_input label {
    text-align: center;
}
.contact_button {
    clear: both;
    float: none !important;
    margin: 0 auto;
}
.contact_details_social .contact_social-links {
    padding: 0;
}
.light_version .contact_button .submit-contact-button {
    background-color: transparent;
    border: 1px solid rgba(163,162,158,0.8);
    color: rgba(163,162,158,0.8);
}
.submit-contact-button{
    position: relative;
}
.cf-progress {
    background: #c1002e none repeat scroll 0 0;
    bottom: 0px;
    height: 5px;
    left: 0;
    position: absolute;
    text-indent: -10000px;
    transition: all 250ms ease-in-out 0s;
    width: 0;
    /*width: calc(100% + 2px);*/
}





.cf-progress.name-validated,
.cf-progress.email-validated,
.cf-progress.subject-validated,
.cf-progress.message-validated,
.name-validated.email-validated,
.name-validated.subject-validated,
.name-validated.message-validated,
.email-validated.subject-validated,
.email-validated.message-validated,
.subject-validated.message-validated{
    width: 25%;
}
.cf-progress.name-validated.email-validated,
.cf-progress.name-validated.subject-validated,
.cf-progress.name-validated.message-validated,
.cf-progress.email-validated.subject-validated,
.cf-progress.email-validated.message-validated,
.cf-progress.subject-validated.message-validated,
.name-validated.email-validated.subject-validated,
.name-validated.email-validated.message-validated,
.name-validated.subject-validated.message-validated,
.email-validated.subject-validated.message-validated{
    width: 50%;
}
.cf-progress.name-validated.email-validated.subject-validated,
.cf-progress.name-validated.email-validated.message-validated,
.cf-progress.name-validated.subject-validated.message-validated,
.cf-progress.email-validated.subject-validated.message-validated,
.name-validated.email-validated.subject-validated.message-validated{
    width: 75%;
}
.cf-progress.name-validated.email-validated.subject-validated.message-validated{
    width: 100%;
}








.cf-progress.email-validated {
    width: 25%;
}
.cf-progress.subject-validated {
    width: 25%;
}
.cf-progress.message-validated {
    width: 25%;
}







/*.dark_version .contact_button .submit-contact-button {
    background-color: transparent;
    border: 1px solid rgba(255,255,255,0.8);
    color: rgba(255,255,255,0.8);
}*/
.dark_version .contact_button .submit-contact-button {
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.8);
    color: rgba(255, 255, 255, 0.8);
}
/*////////////////*/
.input {
    position: relative;
    z-index: 1;
    display: inline-block;
    /*margin: 1em;*/
    /*max-width: 350px;*/
    /*width: calc(100% - 2em);*/
    width: 100%;
    vertical-align: top;
}

.input__field {
    position: relative;
    display: block;
    float: right;
    padding: 0.8em;
    width: 60%;
    border: none;
    border-radius: 0;
    background: #f0f0f0;
    color: #aaa;
    font-weight: bold;
    -webkit-appearance: none; /* for box shadows to show on iOS */
}

.input__field:focus {
    outline: none;
}

.input__label {
    display: inline-block;
    float: right;
    padding: 0 1em;
    width: 40%;
    /*color: #6a7989;*/
    font-weight: bold;
    /*font-size: 70.25%;*/
    font-size: 90%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.light_version .input__label {
    color: rgba(163, 162, 158, 0.8);

}
.dark_version .input__label {
    color: rgba(255, 255, 255, 0.9);
}

.input__label-content {
    position: relative;
    display: block;
    padding: 1.6em 0;
    width: 100%;
}

.graphic {
    position: absolute;
    top: 0;
    left: 0;
    fill: none;
}

.icon {
    color: #ddd;
    font-size: 150%;
}
/* Hoshi */
.input--hoshi {
    overflow: hidden;
}

.input__field--hoshi {
    margin-top: 1em;
    padding: 0.85em 0.15em;
    width: 100%;
    background: transparent;
    /*color: #595F6E;*/
}

.light_version .input__field--hoshi {
    color: #a3a29e;
}
.dark_version .input__field--hoshi {
    color: #ffffff;
}

.input__label--hoshi {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 0.25em;
    width: 100%;
    height: calc(100% - 1em);
    text-align: left;
    pointer-events: none;
}

.input__label-content--hoshi {
    position: absolute;
}

.input__label--hoshi::before,
.input__label--hoshi::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /*height: calc(100% - 10px);*/
    height: calc(100% - 0px);
    border-bottom: 1px solid;
}

.light_version .input__label--hoshi::before,
.light_version .input__label--hoshi::after {
    border-color: rgba(163, 162, 158, 0.4);
}

.dark_version .input__label--hoshi::before,
.dark_version .input__label--hoshi::after {
    border-color: rgba(255,255,255,0.6);
}


.input__label--hoshi::after {
    margin-top: 2px;
    border-bottom: 4px solid red;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
}

.input__label--hoshi-color-1::after {
    /*border-color: hsl(200, 100%, 50%);*/
    border-color: #a3a29e;
}

.input__label--hoshi-color-2::after {
    border-color: hsl(160, 100%, 50%);
}

.input__label--hoshi-color-3::after {
    border-color: hsl(20, 100%, 50%);
}

.input__field--hoshi:focus + .input__label--hoshi::after,
.input--filled .input__label--hoshi::after {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.input__field--hoshi:focus + .input__label--hoshi .input__label-content--hoshi,
.input--filled .input__label-content--hoshi {
    -webkit-animation: anim-1 0.3s forwards;
    animation: anim-1 0.3s forwards;
}

@-webkit-keyframes anim-1 {
    50% {
        opacity: 0;
        -webkit-transform: translate3d(1em, 0, 0);
        transform: translate3d(1em, 0, 0);
    }
    51% {
        opacity: 0;
        -webkit-transform: translate3d(-1em, -40%, 0);
        transform: translate3d(-1em, -40%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, -40%, 0);
        transform: translate3d(0, -40%, 0);
    }
}

@keyframes anim-1 {
    50% {
        opacity: 0;
        -webkit-transform: translate3d(1em, 0, 0);
        transform: translate3d(1em, 0, 0);
    }
    51% {
        opacity: 0;
        -webkit-transform: translate3d(-1em, -40%, 0);
        transform: translate3d(-1em, -40%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, -40%, 0);
        transform: translate3d(0, -40%, 0);
    }
}




/*------------------------------------------------------------------
9. Members slider
-------------------------------------------------------------------*/
.members-container .member01-content-inside {
    align-self: center;
}
.members-container .member01-content {
    text-align: center;
    display: flex;
}
.members-container .member01-content *{
    width: 100%;
}
.memeber01-img-holder img {
    width: 100%;
}
.members-container .member01-content .member01_position {
    color: #ff3465;
}
.members-container .member01-content .member01_name {
    color: #ffffff;
    text-transform: uppercase;
}
.members-container .member01-content p {
    color: rgba(255, 255, 255, 0.7);
    font-weight: 200;
}
.members-container .member01-content p.member01_email {
    color: rgba(255, 255, 255, 0.8);
    font-weight: 300;
}
.members-container .member01-content p.member01_phone {
    color: rgba(255, 255, 255, 0.9);
    font-weight: 400;
}
.members-container .member01-content i {
    margin-right: 15px;
}
.members-container .member01-content .member01_description p {
    font-size: 16px;
}
.members-container .member01-content .member01_description {
    padding: 20px 0;
}
.flex{
    display: flex;
}



/*------------------------------------------------------------------
9. Testimonials 1
-------------------------------------------------------------------*/

.testimonial01_item_triangle {
    border-left: 20px solid rgba(0, 0, 0, 0);
    border-right: 20px solid rgba(0, 0, 0, 0);
    border-top: 20px solid red;
    bottom: -20px;
    content: "";
    left: 50px;
    position: absolute;

}
.testimonial01-img-holder {
    text-align: center;
    width: 100%;
}
.testimonial01-img {
    border-radius: 50%;
    margin: 30px 0 0 35px;
    overflow: hidden;
    transform: none;
    width: 70px;
}
.testimonail01-content {
    font-style: normal;
    font-weight: 300;
    line-height: 170%;
    margin-bottom: 30px;
}
.testimonial01-img img {
    display: block;
}
/*.testimonial01_item::after {
    border-left: 20px solid rgba(0, 0, 0, 0);
    border-right: 20px solid rgba(0, 0, 0, 0);
    border-top: 20px solid #ffffff;
    bottom: -20px;
    content: "";
    left: 50px;
    position: absolute;
}*/
.testimonial01_item {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
    background-color: #ffffff;
    padding: 30px;
    position: relative;
    text-align: center;
}
.testimonial01_item h5 span {
    opacity: 0.5;
}
.testimonials-container-1.owl-theme .owl-controls .owl-page span {
    height: 20px;
    width: 20px;
}
.testimonials-container-2.owl-theme .owl-controls .owl-page span {
    height: 20px;
    width: 20px;
}
.testimonials-container-3.owl-theme .owl-controls .owl-page span {
    height: 20px;
    width: 20px;
}
.owl-theme .owl-controls .owl-page span {
    border: 3px solid #fff;
    border-radius: 50%;
    transform: none;
}
.testimonial01-img-holder {
    position: relative;
}





/*------------------------------------------------------------------
11. Testimonials 2
-------------------------------------------------------------------*/
.testimonials02-container .testimonial02_title {
    font-size: 24px;
    font-weight: 700;
    line-height: 20px;
    padding: 0 50px;
    text-align: right;
    text-transform: uppercase;
}
.testimonials02-container .testimonial02_position {
    font-size: 14px;
    font-weight: 700;
    padding: 0 50px;
    text-align: right;
    text-transform: uppercase;
}
.testimonials02-container .testimonial02-content {
    display: table;
    width: 100%;
}
.testimonials02-container .testimonial02_text {
    display: table-cell;
    vertical-align: middle;
}
.testimonials02-container .testimonial02_text_content {
    padding: 0 50px;
}
.testimonials02-container.owl-theme .owl-controls .owl-buttons div {
    background: transparent none repeat scroll 0 0;
    font-size: 35px;
    margin: 0 15px;
    padding: 0;
}
.testimonials02-container.owl-theme .owl-controls .owl-page span {
    height: 20px;
    width: 20px;
}
.testimonials02-container .testimonial02-img-holder {
    border-radius: 10px 0 0 10px;
    padding: 0;
}
.testimonials02-container .testimonial02-text-holder {
    border-radius: 0 10px 10px 0;
    padding: 0;
}
.testimonial02-img-holder .testimonial02-img {
    display: block;
    margin: 0 auto;
}




/*------------------------------------------------------------------
12. Bubble Box
-------------------------------------------------------------------*/
.mt_bubble_box {
    background: #f6f6f6 none repeat scroll 0 0;
    padding: 30px;
    position: relative;
}
.mt_bubble_box .bubble_title {
    font-weight: bold;
    margin: 0;
}
.bubble_footer_text {
    font-weight: bold;
    margin: 15px 0 0;
}
.mt_bubble_box .bubble_subtitle {
    margin: 8px 0 15px;
    color: #00afef;
}
.bubble_pointer{
    position: absolute;
    content: '';
    border-style: solid;
    display: block; 
    width: 0px; 
    z-index: 1; 
}
.bubble_footer_text > span {
    color: #00afef;
}



/*------------------------------------------------------------------
13. Services Slider
-------------------------------------------------------------------*/
.service_small_slides_holder {
    background: rgb(245, 245, 245) none repeat scroll 0 0;
}
.mt--services_slider #service_small_slides i {
    color: #CDCDCD;
    font-size: 40px;
    transition: all 250ms ease-in-out;
    -webkit-transition: all 250ms ease-in-out;
}
.mt--services_slider #service_small_slides h3 {
    margin: 0;
    opacity: 0;
    padding: 10px;
    visibility: hidden;
    transition: all 250ms ease-in-out;
    -webkit-transition: all 250ms ease-in-out;
}
.mt--services_slider {
    overflow: hidden;
}
.mt--services_slider i {
    color: #2a92b7;
    cursor: pointer;
    font-size: 70px;
    font-weight: 100;
}
.mt--services_slider #service_small_slides .synced i {
    color: #2893B7;
    font-size: 50px;
}
.mt--services_slider #service_small_slides .synced h3 {
    opacity: 1;
    visibility: visible;
    text-transform: uppercase;
    color: #2893B7;
}
.mt--services_slider #service_big_slides .service-about {
    font-weight: 300;
    padding: 30px 15px;
}
.mt--services_slider_holder .right-side {
    padding: 0;
}
.mt--services_slider_holder .left-side{
    background: rgb(72, 72, 72) none repeat scroll 0 0;
    padding: 0;
}
.mt--services_slider_holder .left-side > div {
    color: #ffffff;
    padding: 24% 40px;
    text-transform: uppercase;
}
.mt--services_slider .service_small_slides_holder {
    padding: 60px 0;
}


/*------------------------------------------------------------------
14. Custom Service
-------------------------------------------------------------------*/
.mt--custom_services .hover_container {
    display: flex !important;
    height: 100%;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    text-align: left;
}
.mt--custom_services .hover_container_holder {
    align-self: center;
    padding: 0 65px;
    width: 100%;
}
.mt--custom_services img {
    width: 100%;
}
.mt--custom_services {
    margin: 0 !important;
}
.mt--custom_services .hover_container .hover_container_holder .custom_service_second_title {
    text-transform: uppercase;
}
.mt--custom_services .hover_container .hover_container_holder .custom_service_description {
    color: #fff;
    font-size: 18px;
}
.mt--custom_services .hover_container .more-link {
    font-size: 15px;
    font-style: italic;
    line-height: 25px;
    margin: 0;
}
.mt--custom_services .hover_container {
    transition: all 300ms ease-in-out 0ms;
    -ms-transformtransition: all 300ms ease-in-out 0ms;
    -webkit-transformtransition: all 300ms ease-in-out 0ms;
}
.mt--custom_services:hover .hover_container {
    opacity: 1;
    transition: all 300ms ease-in-out 0ms;
    -ms-transformtransition: all 300ms ease-in-out 0ms;
    -webkit-transformtransition: all 300ms ease-in-out 0ms;
}
.mt--custom_services:hover img {
    opacity: 0;
    transition: all 300ms ease-in-out 0ms;
    -ms-transformtransition: all 300ms ease-in-out 0ms;
    -webkit-transformtransition: all 300ms ease-in-out 0ms;
}



/*------------------------------------------------------------------
15. Title & Subtitle
-------------------------------------------------------------------*/
.title-subtile-holder .section-title {
    margin-top:0; 
}
.title-subtile-holder {
    margin-bottom: 40px;
}
.section-title {
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
}
.section-border {
    background: rgba(0, 0, 0, 0) url("img/delimiter.png") no-repeat scroll center center;
    height: 40px;
    margin: 0;
    width: 100%;
}
.section-subtitle {
    color: #606060;
    font-size: 17px;
    font-weight: 300;
    margin-top: 7px;
    text-align: center;
    width: 70%;
    margin: 0 auto;
    margin-top: 5px;
}
.section_welcome .section-title {
    color: #ffffff;
}
.section_quotes .section-title {
    color: #ffffff;
}
.light_border {
    opacity: 0.5;
}
.dark_border {
    opacity: 0.4;
}
.light_title {
    color: #ffffff;
}
.light_subtitle {
    color: #ffffff;
    opacity: 0.7;
}
.dark_title {
    color: #333333;
}
.dark_subtitle {
    color: #606060;
}
header.section-header {
    margin-bottom: 50px;
    position: relative;
    z-index: 10;
}
.title-holder {
    margin-bottom: 40px;
}
.title_bored_element {
    border-bottom: 5px solid rgb(72, 168, 167);
    color: rgb(51, 51, 51);
    padding-bottom: 3px;
}
.section-single-title {
    font-weight: 500;
    text-transform: uppercase;
}




/*------------------------------------------------------------------
16. Social Icons
-------------------------------------------------------------------*/
.widget_social_icons li {
    display: inline-table;
    margin-bottom: 3px;
    text-align: center;
}
.widget_social_icons ul {
    margin: 0;
    padding: 0;
}
.widget_social_icons li a {
    display: block;
    line-height: 0;
    transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    -moz-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    -ms-transition: all 300ms ease-in-out 0s;
}
.widget_social_icons li a i {
    font-size: 18px;
}
.widget_social_icons li a:hover {
    color: #ffffff;
}
#primary .main-content .sidebar-social-networks ul {
    padding: 0 15px;
}



/*------------------------------------------------------------------
17. Service Activity
-------------------------------------------------------------------*/
.shop_feature_heading_v3 {
    color: #666666;
    font-weight: normal;
    line-height: 32px;
    margin-top: 30px;
    text-transform: uppercase;
}
.shop_feature_readmore_v3 {
    color: #969696;
    font-size: 16px;
}
.shop_feature_description_v3 p {
    color: #BABABA;
}
.shop_feature_v3 {
    color: white;
    overflow: hidden;
    padding-bottom: 10px;
}
.shop_feature_v3 i {
    background: #797979 none repeat scroll 0 0;
    border-radius: 50%;
    color: white;
    display: inline-table;
    font-size: 28px;
    height: 80px;
    padding: 25px 0;
    text-align: center;
    width: 80px;
}
.shop_feature_icon_v3 {
    margin-top: 26px;
}
.shop_feature_description_v2 p {
    color: #ffffff;
}
.activities-content:hover .shop_feature_icon_v3 i {
    transition: 250ms ease-in-out;
    -webkit-transition: 250ms ease-in-out;
} 




/*------------------------------------------------------------------
18. Skills
-------------------------------------------------------------------*/
.stats-block.statistics.bordered {
    border: 1px solid #d1d1d1;
    padding: 10px 0;
}
.stats-content {
    margin-top: 30px;
}
.stats-content .skill-count {
    color: #fff;
    display: block;
    font-size: 50px;
    line-height: 37px;
    text-align: center;
}
.stat-number.skill.percentage {
    margin-bottom: 0;
}
.stats-head * {
    font-size: 50px;
    color: #FFF;
    text-align: center;
}
.stats-content p {
    color: #fff;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    text-transform: capitalize;
    margin-bottom: 0px;
}
.stats-head i {
    clear: both;
    display: block;
    font-family: "FontAwesome";
    font-size: 80px;
    padding-right: 0;
}
.stats-content p {
    font-size: 20px;
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
}




/*------------------------------------------------------------------
19. Pricing Tables
-------------------------------------------------------------------*/
/*table for all*/
.pricing {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
}

.pricing__item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    text-align: center;
    flex: 0 1 360px;
}

.pricing__feature-list {
    text-align: left;
}

.pricing__action {
    color: inherit;
    border: none;
    background: none;
}

.pricing__action:focus {
    outline: none;
}

.pricing--pema .pricing__feature-list i {
    margin-right: 8px;
}


/* Pricing Table Style3 Pema */
.pricing--pema .pricing__item {
    border-radius: 10px;
    padding: 2em 2em;
    margin: 1em;
    color: #fff;
    cursor: default;
    overflow: hidden;
    box-shadow: 0 0 15px rgba(0,0,0,0.05);
}

@media screen and (min-width: 66.250em) {
    .pricing--pema .pricing__item {
        margin: 1.5em 0;
    }
    .pricing--pema .pricing__item--featured {
        z-index: 10;
        margin: 0;
        font-size: 1.15em;
    }
}

.pricing--pema .pricing__title {
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    margin: 0.5em 0 0;
}

.pricing--pema .icon {
    display: inline-block;
    min-width: 2em;
    color: #8A9790;
    vertical-align: middle;
}
.pricing--pema .pricing__price {
    font-size: 90px;
    font-weight: 700;
    position: relative;
    z-index: 100;
}

.pricing--pema .pricing__currency {
    font-size: 0.5em;
    padding-right: 10px;
    vertical-align: super;
}

.pricing--pema .pricing__period {
    color: rgba(255, 255, 255, 0.9);
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    padding: 0 0 0 0.5em;
}
.pricing--pema .pricing__sentence {
    opacity: 0.6;
}
.pricing--pema .pricing__sentence {
    font-weight: bold;
    margin-bottom: 0px;
    color: #ffffff;
    padding: 0 0 0.5em;
}

.pricing--pema .pricing__feature-list {
    font-size: 0.95em;
    margin: 0;
    padding: 1.5em 0.5em 2.5em;
    list-style: none;
}
.pricing--pema .pricing__feature {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 16px;
    font-weight: 300;
    padding: 10px 0;
    text-align: center;
}
.pricing--pema .pricing__feature:last-child {
    border-bottom: 0 none;
}
.pricing--pema .pricing__action {
    font-weight: bold;
    margin-top: auto;
    padding: 1em 2em;
    color: #fff;
    border-radius: 5px;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}




/*------------------------------------------------------------------
20. Icon List Item
-------------------------------------------------------------------*/
.mt-icon-list-item .mt-icon-list-icon-holder {
    display: table-cell;
    vertical-align: middle;
    width: 28px;
}
.mt-icon-list-item .mt-icon-list-text {
    display: table-cell;
    position: relative;
    vertical-align: middle;
}


/*------------------------------------------------------------------
21. Skill Circle
-------------------------------------------------------------------*/
.percircle.dark {
  background-color: #777777;
}
.percircle.dark .bar,
.percircle.dark .fill {
  border-color: #c6ff00;
}
.percircle.dark > span {
  color: #777777;
}
.percircle.dark:after {
  background-color: #555555;
}
.percircle.dark:hover > span {
  color: #c6ff00;
}
.percircle.red .bar,
.percircle.red .fill {
  border-color: #dd5454;
}
.percircle.red:hover > span {
  color: #dd5454;
}
.percircle.red.dark .bar,
.percircle.red.dark .fill {
  border-color: #f84a4a;
}
.percircle.red.dark:hover > span {
  color: #f84a4a;
}
.percircle.blue .bar,
.percircle.blue .fill {
  border-color: #00AFEF;
}
.percircle.blue:hover > span {
  color: #00AFEF;
}
.percircle.blue.dark .bar,
.percircle.blue.dark .fill {
  border-color: #20cceb;
}
.percircle.blue.dark:hover > span {
  color: #20cceb;
}
.percircle.green .bar,
.percircle.green .fill {
  border-color: #8dea7b;
}
.percircle.green:hover > span {
  color: #8dea7b;
}
.percircle.green.dark .bar,
.percircle.green.dark .fill {
  border-color: #a9ff3a;
}
.percircle.green.dark:hover > span {
  color: #a9ff3a;
}
.percircle.orange .bar,
.percircle.orange .fill {
  border-color: #e88239;
}
.percircle.orange:hover > span {
  color: #e88239;
}
.percircle.orange.dark .bar,
.percircle.orange.dark .fill {
  border-color: #dc5b00;
}
.percircle.orange.dark:hover > span {
  color: #dc5b00;
}
.percircle.pink .bar,
.percircle.pink .fill {
  border-color: #ff8ed0;
}
.percircle.pink:hover > span {
  color: #ff8ed0;
}
.percircle.pink.dark .bar,
.percircle.pink.dark .fill {
  border-color: #ff58b9;
}
.percircle.pink.dark:hover > span {
  color: #ff58b9;
}
.percircle.purple .bar,
.percircle.purple .fill {
  border-color: #aa7eff;
}
.percircle.purple:hover > span {
  color: #aa7eff;
}
.percircle.purple.dark .bar,
.percircle.purple.dark .fill {
  border-color: #7a38f7;
}
.percircle.purple.dark:hover > span {
  color: #7a38f7;
}
.percircle.yellow .bar,
.percircle.yellow .fill {
  border-color: #dcbd00;
}
.percircle.yellow:hover > span {
  color: #dcbd00;
}
.percircle.yellow.dark .bar,
.percircle.yellow.dark .fill {
  border-color: #ffdb00;
}
.percircle.yellow.dark:hover > span {
  color: #ffdb00;
}
.rect-auto,
.percircle.gt50 .slice {
  clip: rect(auto, auto, auto, auto);
}
.pie,
.percircle .bar,
.gt50 .fill {
  position: absolute;
  border: 0.08em solid #307bbb;
  width: 0.84em;
  height: 0.84em;
  clip: rect(0, 0.5em, 1em, 0);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.bar {
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.pie-fill,
.gt50 .bar:after,
.gt50 .fill {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.percircle {
  position: relative;
  font-size: 120px;
  width: 1em;
  height: 1em;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  float: left;
  margin: 0 0.1em 0.1em 0;
  background-color: #cccccc;
}
.percircle *,
.percircle *:before,
.percircle *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.percircle.animate > span,
.percircle.animate:after {
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  -moz-transition: -moz-transform 0.2s ease-in-out;
  -ms-transition: -ms-transform 0.2s ease-in-out;
  -o-transition: -o-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
}
.percircle.animate .bar {
  -webkit-transition: -webkit-transform 0.6s ease-in-out;
  -moz-transition: -moz-transform 0.6s ease-in-out;
  -ms-transition: -ms-transform 0.6s ease-in-out;
  -o-transition: -o-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
}
.percircle.center {
  float: none;
  margin: 0 auto;
}
.percircle.big {
  font-size: 240px;
}
.percircle.small {
  font-size: 80px;
}
.percircle > span {
  position: absolute;
  z-index: 1;
  width: 100%;
  top: 50%;
  height: 1em;
  margin-top: -0.6em;
  font-size: 0.2em;
  color: #cccccc;
  display: block;
  text-align: center;
  white-space: nowrap;
}

.perclock > span {
  font-size: 0.175em;
}

.percircle:after {
  position: absolute;
  top: 0.08em;
  left: 0.08em;
  display: block;
  content: " ";
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-color: #f9f9f9;
  width: 0.84em;
  height: 0.84em;
}
.percircle .slice {
  position: absolute;
  width: 1em;
  height: 1em;
  clip: rect(0, 1em, 1em, 0.5em);
}
.percircle:hover {
  cursor: default;
}
.percircle:hover > span {
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -ms-transform: scale(1.3);
  -o-transform: scale(1.3);
  transform: scale(1.3);
  color: #307bbb;
}
.percircle:hover:after {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}






/*22. TYPED.JS CSS*/
.mt_typed_text{
    display: inline;
}
.typed-cursor{
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}
@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}





/*23. Instagram Feed*/
.tslr_instagram_feed .item {
    margin-bottom: 30px;
}
.tslr_instagram_feed .instagram_group {
    position: relative;
}
.tslr_instagram_feed .instagram_group .instagram_overlay {
    background:rgba(101, 105, 132, 0.7) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 260ms ease-in-out 0s;
    -webkit-transition: all 260ms ease-in-out;
    visibility: hidden;
    width: 100%;
}
.tslr_instagram_feed .instagram_group:hover .instagram_overlay{
    opacity: 1;
    visibility: visible;
}
.tslr_instagram_feed .instagram_group .instagram_overlay i {
    position: absolute;
    top: 46%;
    left: 46%;
    color: white;
    font-size: 25px;
}








/*VISUAL COMPOSER ADDON CSS*/
.svc_pagination a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border: 1px solid #e6e6e6 !important;
    border-radius: 3px !important;
    color: #565656 !important;
    display: block !important;
    float: left !important;
    font-size: 19px !important;
    height: 50px !important;
    margin: 0 5px !important;
    padding: 17px 0 !important;
    text-align: center !important;
    text-decoration: none !important;
    width: 55px !important;
    transition: all 260ms ease-in-out;
    -webkit-transition: all 260ms ease-in-out;
}
.svc_pagination a:hover,
.svc_pagination .current {
    background: #00AFEF none repeat scroll 0 0 !important;
    color: #ffffff !important;
}

footer a.svc_read_more {
    color: #ffffff !important;
    float: right !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}
.svc_post_grid article section p.svc_info {
    color: #565656;
    font-size: 17px !important;
    line-height: 150% !important;
}
.svc_post_grid article footer {
    margin: 0 !important;
    padding: 20px 30px !important;
}
.svc_post_grid article header:before {
    position: absolute;
    content: "";
    left: calc(50% - 25px);
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-bottom: 25px solid white;
}


/*Style #1*/
div.svc_post_grid_s1 article header {
    border-bottom: 0 none !important;
}
div.svc_post_grid_s1 article section p {
    font-size: 22px !important;
}
div.svc_post_grid_s1 article section p a.svc_title {
    color: #000000 !important;
    font-weight: bold;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}
div.svc_post_grid_s1 .svc-col-md-4 section p a.svc_title {
    font-size: 20px;
}
div.svc_post_grid_s1 section div.svc_post_cat * {
    color: rgb(0, 0, 0) !important;
    opacity: 0.6 !important;
}
div.svc_post_grid_s1 article section{
    margin: 0 !important;
    padding: 30px !important;
}


div.svc_post_grid_s1 .svg_post_meta span {
    color: #ffffff;
}
div.svc_post_grid_s1 .svg_post_meta span a {
    color: #ffffff;
}


body div.svc_post_grid_s1 footer .svc_social_share > ul li {
    height: 25px !important;
    margin-right: 4px !important;
    padding: 5px 0 !important;
    text-align: center !important;
    width: 25px !important;
}
div.svc_post_grid_s1 article {
    padding-bottom: 0 !important
}
div.svc_post_grid_s1 article section p.svc_info {
    margin: 0 !important;
}



/*Style #2*/

div.svc_post_grid_s2 article footer ul.svg_post_meta {
    border-bottom: 0 none !important;
}
div.svc_post_grid_s2 .svg_post_meta span {
    color: #ffffff;
}
div.svc_post_grid_s2 .svg_post_meta span a {
    color: #ffffff;
}
div.svc_post_grid_s2 article footer ul li {
    border-radius: unset !important;
}
div.svc_post_grid_s2 article section p a.svc_title {
    color: #000000;
    font-weight: bold;
    letter-spacing: 1.5px;
    padding: 16px 0;
    text-transform: uppercase;
}
div.svc_post_grid_s2 .svc-col-md-4 section p a.svc_title {
    font-size: 20px;
}



div.svc_post_grid_s2 article header {
    border-bottom: 0 none !important;
}
div.svc_post_grid_s2 article section p {
    font-size: 22px !important;
}
div.svc_post_grid_s2 section div.svc_post_cat * {
    color: rgb(0, 0, 0) !important;
    opacity: 0.6 !important;
}
div.svc_post_grid_s2 article section{
    margin: 0 !important;
    padding: 30px !important;
}
div.svc_post_grid_s2 article footer {
    margin: 0 !important;
    padding: 15px !important;
}
div.svc_post_grid_s2 article section p.svc_info {
    font-size: 15px !important;
    font-weight: 300 !important;
    line-height: 150% !important;
}
body div.svc_post_grid_s2 footer .svc_social_share > ul li {
    height: 25px !important;
    margin-right: 4px !important;
    padding: 5px 0 !important;
    text-align: center !important;
    width: 25px !important;
}
div.svc_post_grid_s2 article {
    padding-bottom: 0 !important
}
div.svc_post_grid_s2 article section p.svc_info {
    margin: 0 !important;
}
div.svc_post_grid_s2 article section:first-child {
    padding: 15px 30px !important;
}
div.svc_post_grid_s2 article section:first-child p {
    margin: 0 !important;
}



/*Style #3*/
div.svc_post_grid_s3 article header {
    border-bottom: 0 none !important;
}
div.svc_post_grid_s3 article section p {
    font-size: 22px !important;
}
div.svc_post_grid_s3 article section p a.svc_title {
    color: rgb(0, 0, 0) !important;
    font-weight: 400 !important;
}
div.svc_post_grid_s3 section div.svc_post_cat * {
    color: rgb(0, 0, 0) !important;
    opacity: 0.6 !important;
}
div.svc_post_grid_s3 article section{
    margin: 0 !important;
    padding: 30px !important;
}
div.svc_post_grid_s3 article footer {
    margin: 0 !important;
    padding: 15px !important;
}
div.svc_post_grid_s3 article section p.svc_info {
    font-size: 15px !important;
    font-weight: 300 !important;
    line-height: 150% !important;
}
body div.svc_post_grid_s3 footer .svc_social_share > ul li {
    height: 25px !important;
    margin-right: 4px !important;
    padding: 5px 0 !important;
    text-align: center !important;
    width: 25px !important;
}
div.svc_post_grid_s3 article {
    padding-bottom: 0 !important
}
div.svc_post_grid_s3 article section p.svc_info {
    margin: 0 !important;
}
div.svc_post_grid_s3 article section:first-child {
    padding: 15px 30px !important;
}
div.svc_post_grid_s3 article section:first-child p {
    margin: 0 !important;
}

div.svc_post_grid_s3 .svg_post_meta span {
    color: #ffffff;
}
div.svc_post_grid_s3 .svg_post_meta span a {
    color: #ffffff;
}
div.svc_post_grid_s3 article footer ul li {
    border-radius: unset !important;
}
div.svc_post_grid_s3 article header p a.svc_title {
    color: #000000 !important;
    font-weight: bold;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}
div.svc_post_grid_s3 article footer {
    background: #00afef none repeat scroll 0 0 !important;
}




/*Style #4*/

body div.svc_post_grid_s4 section p a.svc_read_more {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #000;
    color: #000;
    opacity: 0.7;
}
div.svc_post_grid_s4 .svg_post_meta span {
    color: #ffffff;
}
div.svc_post_grid_s4 .svg_post_meta span a {
    color: #ffffff;
}
div.svc_post_grid_s4 article footer ul li {
    border-radius: unset !important;
}
div.svc_post_grid_s4 article section p a.svc_title {
    color: #000000 !important;
    font-weight: bold;
    letter-spacing: 1.5px;
    margin-top: 2px;
    text-transform: uppercase;
}
div.svc_post_grid_s4 article footer {
    background: #00afef none repeat scroll 0 0 !important;
}
div.svc_post_grid_s4 article {
    border-top: medium none !important;
}
div.svc_post_grid_s4 article footer ul.svg_post_meta {
    margin-top: 5px;
}
div.svc_post_grid_s4 section p.svc_read_more_p {
    margin-bottom: 7px !important;
}
body div.svc_post_grid_s4 article header::before {
    border-color: white transparent -moz-use-text-color;
    border-style: solid solid none;
    border-width: 25px 25px medium;
    content: "";
    height: 0;
    left: calc(50% - 25px);
    position: absolute;
    top: 0;
    width: 0;
}



div.svc_post_grid_s4 article header {
    border-bottom: 0 none !important;
}
div.svc_post_grid_s4 article section p {
    font-size: 22px !important;
}
div.svc_post_grid_s4 article section p a.svc_title {
    color: rgb(0, 0, 0) !important;
    /*font-weight: 400 !important;*/
}
div.svc_post_grid_s4 section div.svc_post_cat * {
    color: rgb(0, 0, 0) !important;
    opacity: 0.6 !important;
}
div.svc_post_grid_s4 article section{
    margin: 0 !important;
    padding: 30px !important;
}
div.svc_post_grid_s4 article footer {
    margin: 0 !important;
    padding: 15px !important;
}
div.svc_post_grid_s4 article section p.svc_info {
    font-size: 15px !important;
    font-weight: 300 !important;
    line-height: 150% !important;
}
body div.svc_post_grid_s4 footer .svc_social_share > ul li {
    height: 25px !important;
    margin-right: 4px !important;
    padding: 5px 0 !important;
    text-align: center !important;
    width: 25px !important;
}
div.svc_post_grid_s4 article {
    padding-bottom: 0 !important
}
div.svc_post_grid_s4 article section p.svc_info {
    margin: 0 !important;
}
div.svc_post_grid_s4 article section:first-child {
    padding: 15px 30px !important;
}
div.svc_post_grid_s4 article section:first-child p {
    margin: 0 !important;
}


/*Style #5*/
div.svc_post_grid_s5 .svg_post_meta span {
    color: #ffffff;
}
div.svc_post_grid_s5 .svg_post_meta span a {
    color: #ffffff;
}
div.svc_post_grid_s5 article footer ul li {
    border-radius: unset !important;
}
div.svc_post_grid_s5 article section p a.svc_title {
    color: #000000 !important;
    font-weight: bold;
    letter-spacing: 1.5px;
    margin-top: 2px;
    text-transform: uppercase;
}
div.svc_post_grid_s5 article footer {
    background: #00afef none repeat scroll 0 0 !important;
}
div.svc_post_grid_s5 .svc-col-md-4 section p a.svc_title {
    font-size: 20px;
}
div.svc_post_grid_s5 article {
    border-top: medium none !important;
}
div.svc_post_grid_s5 article footer ul.svg_post_meta {
    margin-top: 5px;
}
div.svc_post_grid_s5 section p.svc_read_more_p {
    margin-bottom: 7px !important;
}
div.svc_post_grid_s5 section div.svc_post_cat * {
    color: rgb(255, 255, 255) !important;
    opacity: 0.8 !important;
}
body div.svc_post_grid_s5 section .svc_social_share > ul li {
    height: 25px !important;
    margin-right: 4px !important;
    padding: 5px 0 !important;
    text-align: center !important;
    width: 25px !important;
}
body div.svc_post_grid_s5 article header::before {
    border-color: white transparent -moz-use-text-color;
    border-style: solid solid none;
    border-width: 25px 25px medium;
    content: "";
    height: 0;
    left: calc(50% - 25px);
    position: absolute;
    top: 0;
    width: 0;
}
body div.svc_post_grid_s5 article {
    background: #fff none repeat scroll 0 0;
    border-bottom: medium none;
}




/*Style #7*/
ul.svc_post_grid_s7 li.svc_event .svg_post_meta span {
    color: #ffffff;
}
ul.svc_post_grid_s7 li.svc_event .svg_post_meta span a {
    color: #ffffff;
}
ul.svc_post_grid_s7 li.svc_event footer ul li {
    border-radius: unset !important;
}
ul.svc_post_grid_s7 li.svc_event section p a.svc_title {
    color: #000000 !important;
    font-weight: bold;
    letter-spacing: 1.5px;
    margin-top: 2px;
    text-transform: uppercase;
}
ul.svc_post_grid_s7 li.svc_event footer {
    background: #00afef none repeat scroll 0 0 !important;
}
ul.svc_post_grid_s7 li.svc_event {
    border-top: medium none !important;
}
ul.svc_post_grid_s7 li.svc_event footer ul.svg_post_meta {
    text-align: left;
}
ul.svc_post_grid_s7 li.svc_event section p.svc_read_more_p {
    margin-bottom: 7px !important;
}
ul.svc_post_grid_s7 li.svc_event section div.svc_post_cat * {
    color: rgb(0, 0, 0) !important;
    opacity: 0.6 !important;
}
ul.svc_post_grid_s7 li.svc_event .svc_social_share > ul li {
    height: 25px !important;
    margin-right: 4px !important;
    padding: 5px 0 !important;
    text-align: center !important;
    width: 25px !important;
}
ul.svc_post_grid_s7 li.svc_event header::before {
    border-color: white transparent -moz-use-text-color;
    border-style: solid solid none;
    border-width: 25px 25px medium;
    content: "";
    height: 0;
    left: calc(50% - 25px);
    position: absolute;
    top: 0;
    width: 0;
}
body ul.svc_post_grid_s7 li.svc_event section {
    background: #fff none repeat scroll 0 0;
    border-bottom: medium none;
    margin-bottom: 27px;
    margin-top: 30px;
}
body ul.svc_post_grid_s7 li.svc_event footer ul li.time {
    display: initial;
}
body ul.svc_post_grid_s7 li.svc_event {
    padding-bottom: 0;
}





.svc_timeline .svc_event.offset-first {
    padding: 0 !important;
}
ul.svc_post_grid_s7 li.svc_event section p:first-child {
    font-size: 22px !important;
}
ul.svc_post_grid_s7 li.svc_event section p{
    font-size: 15px !important;
    font-weight: 300 !important;
    line-height: 150% !important;
}
ul.svc_post_grid_s7 li.svc_event footer {
    margin: 0 !important;
    padding: 15px !important;
}
ul.svc_post_grid_s7 footer a.svc_read_more {
    font-weight: 300 !important;
}
ul.svc_post_grid_s7 li.svc_event footer ul li{
    height: 25px !important;
    margin-right: 4px !important;
    padding: 5px 0 !important;
    text-align: center !important;
    width: 25px !important;
}


/*Style #8*/

div.svc_post_grid_s8 article section p a.svc_title {
    color: #ffffff !important;
    font-weight: bold;
    letter-spacing: 1.5px;
    margin-top: 8px;
    text-transform: uppercase;
}
div.svc_post_grid_s8 .svc-col-md-4 section p a.svc_title {
    font-size: 20px;
}
body div.svc_post_grid_s8 section div.svc_post_cat {
    color: #fff;
    opacity: 0.9;
}
body div.svc_post_grid_s8 article section .svc_post_cat a, 
body div.svc_post_grid_s8 article section .svg_post_meta li {
    color: #fff;
    opacity: 0.8;
}



/*Style #9*/

body div.svc_post_grid_s9 figure {
    margin: 0;
}
body div.svc_post_grid_s9 article figure figcaption h3 a {
    color: #ffffff !important;
    display: block;
    font-weight: bold;
    letter-spacing: 1.5px;
    padding: 25px 0;
    text-transform: uppercase;
}
body div.svc_post_grid_s9 article figure figcaption .svc_post_cat a, 
body div.svc_post_grid_s9 article figure figcaption .svg_post_meta li {
    color: #fff;
    opacity: 0.8;
}
body div.svc_post_grid_s9 figure figcaption .svc_post_cat {
    color: #fff;
    opacity: 0.9;
}
body div.svc_post_grid_s9 figure figcaption {
    background-color: #00afef;
}
body div.svc_post_grid_s9 figure .svc_inner_abs_div .svc_share i {
    color: #fff;
    opacity: 0.8;
}
body div.svc_post_grid_s9 article figure .svc_inner_abs_div .svc_share {
    border-color: rgba(255, 255, 255, 0.8); 
}
div.svc_post_grid_s9 .svc-col-md-4 figure figcaption h3 a {
    font-size: 20px;
}




/*Style #10*/

body div.svc_post_grid_s10 figure {
    margin: 0;
}
body div.svc_post_grid_s10 article figure figcaption h3 a {
    color: #ffffff !important;
    display: block;
    font-weight: bold;
    letter-spacing: 1.5px;
    padding: 25px 0;
    text-transform: uppercase;
}
div.svc_post_grid_s10 .svc-col-md-4 figure figcaption h3 a {
    font-size: 20px;
}

body div.svc_post_grid_s10 article figure figcaption .svc_post_cat a, 
body div.svc_post_grid_s10 article figure figcaption .svg_post_meta li {
    color: #fff;
    opacity: 0.8;
}
body div.svc_post_grid_s10 figure figcaption .svc_post_cat {
    color: #fff;
    opacity: 0.9;
}
body div.svc_post_grid_s10 figure figcaption {
    background-color: #00afef;
}
body div.svc_post_grid_s10 figure .svc_inner_abs_div .svc_share i {
    color: #fff;
    opacity: 0.8;
}
body div.svc_post_grid_s10 article figure .svc_inner_abs_div .svc_share {
    border-color: rgba(255, 255, 255, 0.8); 
}
body div.svc_post_grid_s10 figcaption a.svc_read_mure_s10 {
    border: 1px solid #fff;
    border-radius: 2px;
    bottom: 10px;
    color: #fff;
    font-size: 12px;
    padding: 5px 10px;
    position: absolute;
}


/*FANCY GALLERY*/
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.photostack {
    background: #ddd;
    position: relative;
    text-align: center;
    overflow: hidden;
}

.js .photostack {
    height: 580px;
}

.photostack-start {
    cursor: pointer;
}

/* Wrapper and figures */

/* The size of this wrapper can be smaller if the items should not be scattered across the whole container */ 
.photostack > div {
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.photostack figure {
    width: 320px;
    height: 360px;
    position: relative;
    display: inline-block;
    background: #fff;
    padding: 40px;
    text-align: center;
    margin: 5px;
}

.js .photostack figure {
    position: absolute;
    display: block;
    margin: 0;
}

.photostack figcaption h2 {
    margin: 20px 0 0 0;
    color: #a7a0a2;
    font-size: 16px;
}

.photostack-img {
    outline: none;
    display: block;
    width: 240px;
    height: 240px;
    background: #f9f9f9;
}
.photostack-back p {
    font-size: 18px;
    text-align: center;
}
.photostack-back {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #fff;
    color: #a7a0a2;
    padding: 50px 40px;
    text-align: left;
    font-size: 22px;
    line-height: 1.25;
    z-index: 1;
}

.photostack-back p {
    margin: 0;
}

.photostack-back p span {
    text-decoration: line-through;
}

/* Navigation dots */
.photostack nav {
    position: absolute;
    width: 100%;
    bottom: 30px;
    z-index: 90;
    text-align: center;
    left: 0;
    background: transparent;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.photostack-start nav {
    opacity: 0;
}
 
.photostack nav span {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background: #aaa;
    border-radius: 50%;
    text-align: center;
    -webkit-transition: -webkit-transform 0.6s ease-in-out, background 0.3s;
    transition: transform 0.6s ease-in-out, background 0.3s;
    -webkit-transform: scale(0.48);
    transform: scale(0.48);
}

.photostack nav span:last-child {
    margin-right: 0;
}
.photostack .photostack-current figcaption h2 {
    color: #8a8385;
    font-size: 21px;
}
.photostack nav span::after {
    content: "";
    font-family: "simple-line-icons";
    font-size: 80%;
    speak: none;
    display: inline-block;
    vertical-align: top;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 30px;
    color: #fff;
    opacity: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.photostack nav span.current {
    background: #888;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.photostack nav span.current.flip {
    -webkit-transform: scale(1) rotateY(-180deg) translateZ(-1px);
    transform: scale(1) rotateY(-180deg) translateZ(-1px);
    background: #555;
}

.photostack nav span.flippable::after {
    opacity: 1;
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

/* Overlays */

/* Initial overlay on photostack container */
.js .photostack::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    top: 0;
    left: 0;
    z-index: 100;
    -webkit-transition: opacity 0.3s, visibility 0s 0.3s;
    transition: opacity 0.3s, visibility 0s 0.3s;
}

.js .photostack-start::before {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

/* Button on photostack container */
.js .photostack::after {
    content: 'View Gallery';
    font-weight: bold;
    position: absolute;
    border: 3px solid #fff;
    text-align: center;
    white-space: nowrap;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    padding: 10px 20px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    z-index: 101;
}

.js .photostack::before,
.js .photostack::after {
    opacity: 0;
    visibility: hidden;
}

.js .photostack-start::before,
.js .photostack-start:hover::after,
.touch .photostack-start::after  {
    opacity: 1;
    visibility: visible;
}

/* Overlay on figure */
.photostack figure::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    visibility: visible;
    opacity: 1;
    background: rgba(0,0,0,0.05);
    -webkit-transition: opacity 0.6s;
    transition: opacity 0.6s;
}

/* Hide figure overlay when it becomes current */
figure.photostack-current::after {
    -webkit-transition: opacity 0.6s, visibility 0s 0.6s;
    transition: opacity 0.6s, visibility 0s 0.6s;
    opacity: 0;
    visibility: hidden;
}

/* Special classes for transitions and perspective */
.photostack-transition figure {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
}

.photostack-perspective {
    -webkit-perspective: 1800px;
    perspective: 1800px;
}

.photostack-perspective > div,
.photostack-perspective figure {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.photostack-perspective figure,
.photostack-perspective figure div {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.photostack-perspective figure.photostack-flip {
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
}

.csstransformspreserve3d figure.photostack-flip .photostack-back {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    display: block;
}

.no-csstransformspreserve3d figure.photostack-showback .photostack-back {
    display: block;
}

/* The no-JS fallback look does not need to be boring ;) */
.no-js .photostack figure {
    box-shadow: -2px 2px 0 rgba(0,0,0,0.05);
}

.no-js .photostack figure::after {
    display: none;
}

.no-js .photostack figure:nth-child(3n) {
    -webkit-transform: translateX(-10%) rotate(5deg);
    transform: translateX(-10%) rotate(5deg);
}

.no-js .photostack figure:nth-child(3n-2) {
    -webkit-transform: translateY(10%) rotate(-3deg);
    transform: translateY(10%) rotate(-3deg);
}

/* Some custom styles for the demo */

/* Since we don't have back sides for the first photo stack, we don't want the current dot to become too big */
#photostack-1 nav span.current {
    background: #888;
    -webkit-transform: scale(0.61);
    transform: scale(0.61);
}








/*25. Events Calendar*/
.tslr-event-subtitle > p {
    color: rgb(255, 255, 255);
}
.tslr-events-page {
    border: 3px solid;
    color: rgb(255, 255, 255) !important;
    display: inline-table;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 15px 30px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
}
.tslr-event-list-shortcode .tslr-event {
    border: 4px solid;
    margin-bottom: 30px;
    padding: 30px;
}
.tslr-event-subtitle {
    color: rgb(255, 255, 255);
    font-weight: 300;
    opacity: 0.8;
}
.tslr-event-value span {
    color: rgb(255, 255, 255);
    display: block;
    font-weight: bold;
    margin-top: 12px;
    padding: 10px 15px;
    text-align: center;
    text-transform: uppercase;
}
.tslr-event-title > a {
    color: rgb(255, 255, 255);
    font-weight: bold;
}
h2.tslr-event-title {
    color: rgb(255, 255, 255);
    margin: 5px 0 0;
}
.tslr-event-date > div.tslr-event-month {
    font-size: 20px;
    font-weight: 300;
    line-height: 20px;
}
.tslr-event-date > div.tslr-event-day {
    font-size: 35px;
    font-weight: bold;
    line-height: 40px;
}
.tslr-event-date > div {
    color: rgb(255, 255, 255);
    text-align: center;
}



/*26. SERMONS*/
.tslr-sermons-shortcode .article-sermon.col-md-3 .post-details {
    padding: 20px;
}
.tslr-sermons-shortcode .article-sermon.col-md-3:nth-child(5n),
.tslr-sermons-shortcode .article-sermon.col-md-6:nth-child(3n),
.tslr-sermons-shortcode .article-sermon.col-md-4:nth-child(4n){
    clear: both;
}
.sermon-meta-details {
    margin-top: 8px;
}
.sermon-meta-details .churchwp-single-meta-shortcode {
    background: #656984 none repeat scroll 0 0;
    border-radius: 4px;
    color: #ffffff;
    display: block;
    float: left;
    font-size: 19px;
    height: 40px;
    line-height: 33px;
    margin-right: 5px;
    padding: 5px;
    text-align: center;
    width: 40px;
}