* {
    margin: 0;
    padding: 0
}

ul {
    margin: 0;
    padding: 0
}

    ol li, ul li {
        list-style: outside none none
    }

img {
    height: auto;
    max-width: 100%
}

h1, h2, h3, h4, h5, h6 {
    color: #000;
    line-height: 1.2
}

p {
    color: #555
}

a:focus {
    outline: 0 solid
}

a, a:hover, a:focus {
    -webkit-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
    text-decoration: none;
    outline: none;
    color: #111
}

.form-control::-webkit-input-placeholder {
    color: #111
}

.form-control::-moz-placeholder {
    color: #111
}

.form-control:-ms-input-placeholder {
    color: #111
}

.form-control::placeholder {
    color: #111
}

.background-img {
    background-size: cover;
    background-position: center center
}

.background-overlay, .background-overlay-white {
    position: relative;
    z-index: 2;
    background-position: center center;
    background-size: cover
}

    .background-overlay:before {
        position: absolute;
        z-index: -1;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        content: "";
        background-color: rgba(0,0,0,.5)
    }

    .background-overlay-white:before {
        position: absolute;
        z-index: -1;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        content: "";
        background-color: rgba(255,255,255,.8)
    }

.classy-table {
    display: table;
    z-index: 9;
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0
}

.classy-table-cell {
    display: table-cell;
    vertical-align: middle
}

.default-button {
    background-color: #fff;
    border-radius: 30px;
    box-shadow: none;
    margin-top: 15px;
    padding: 10px 30px
}

.default-button-green {
    background-color: #27ae60;
    border-radius: 30px;
    box-shadow: none;
    margin-top: 15px;
    padding: 10px 30px;
    color: #fff
}

.default-button:hover, .default-button:focus {
    background-color: #27ae60;
    color: #fff
}

.default-button-green:hover, .default-button-green:focus {
    background-color: #fff;
    color: #27ae60
}

.modal-dialog {
    margin: 100px auto !important
}

.bg-transparent-1by3 {
    background-color: rgba(0,0,0,.333)
}

.bg-transparent-1by2 {
    background-color: rgba(0,0,0,.5)
}

.section_padding_50 {
    padding: 50px 0
}

.section_padding_50_20 {
    padding: 50px 0 20px
}

.section_padding_150 {
    padding: 150px 0
}

.section_padding_0 {
    padding: 0
}

.section_padding_0_70 {
    padding: 0 0 70px
}

.section_padding_100 {
    padding: 100px 0
}

.section_padding_100_0 {
    padding: 100px 0 0
}

.section_padding_0_100 {
    padding: 0 0 100px
}

.section_padding_0_70 {
    padding: 0 0 70px
}

.section_padding_100_50 {
    padding-top: 100px;
    padding-bottom: 50px
}

.section_padding_100_70 {
    padding-top: 100px;
    padding-bottom: 70px
}

.section_padding_200 {
    padding-top: 200px;
    padding-bottom: 200px
}

.section_padding_200_100 {
    padding-top: 200px;
    padding-bottom: 100px
}

.section_padding_200_70 {
    padding-top: 200px;
    padding-bottom: 70px
}

.section_padding_200_170 {
    padding-top: 200px;
    padding-bottom: 170px
}

.section_padding_200_0 {
    padding-top: 200px;
    padding-bottom: 0
}

.bg-transparent-dark {
    background-color: rgba(0,0,0,.5) !important
}

.bg-transparent-light {
    background-color: rgba(255,255,255,.5) !important
}

.bg-dark3-4 {
    background-color: rgba(0,0,0,.75) !important
}

.bg-dark2-4 {
    background-color: rgba(0,0,0,.5) !important
}

#scrollUp {
    background-color: #111;
    border-radius: 3px;
    bottom: 30px;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.3);
    color: #fff;
    font-size: 24px;
    height: 40px;
    line-height: 40px;
    left: 30px;
    text-align: center;
    width: 40px;
    z-index: 99999
}

[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.shortcodes_content_area .intro-text .video_btn {
    width: 50px;
    height: 50px;
    display: block;
    margin: 15px auto;
    border: 2px solid #27ae60;
    color: #27ae60;
    font-size: 36px;
    border-radius: 30px;
    line-height: 50px;
    text-align: center;
    padding-right: 6px
}

.shortcodes_content_area .intro-text p {
    margin-bottom: 0;
    font-size: 14px
}

.m-0 {
    margin: 0
}

.m-15 {
    margin: 15px
}

.m-30 {
    margin: 30px
}

.m-50 {
    margin: 50px
}

.m-70 {
    margin: 70px
}

.m-100 {
    margin: 100px
}

.m-150 {
    margin: 150px
}

.m-200 {
    margin: 200px
}

.m-top-0 {
    margin-top: 0
}

.m-top-15 {
    margin-top: 15px
}

.m-top-30 {
    margin-top: 30px
}

.m-top-50 {
    margin-top: 50px
}

.m-top-70 {
    margin-top: 70px
}

.m-top-100 {
    margin-top: 100px
}

.m-top-150 {
    margin-top: 150px
}

.m-top-200 {
    margin-top: 200px
}

.m-bottom-0 {
    margin-bottom: 0
}

.m-bottom-15 {
    margin-bottom: 15px
}

.m-bottom-30 {
    margin-bottom: 30px
}

.m-bottom-50 {
    margin-bottom: 50px
}

.m-bottom-70 {
    margin-bottom: 70px
}

.m-bottom-100 {
    margin-bottom: 100px
}

.m-bottom-150 {
    margin-bottom: 150px
}

.m-bottom-200 {
    margin-bottom: 200px
}

.m-left-0 {
    margin-right: 0
}

.m-left-15 {
    margin-right: 15px
}

.m-left-30 {
    margin-right: 30px
}

.m-left-50 {
    margin-right: 50px
}

.m-left-70 {
    margin-right: 70px
}

.m-left-100 {
    margin-right: 100px
}

.m-left-150 {
    margin-right: 150px
}

.m-left-200 {
    margin-right: 200px
}

.m-right-0 {
    margin-left: 0
}

.m-right-15 {
    margin-left: 15px
}

.m-right-30 {
    margin-left: 30px
}

.m-right-50 {
    margin-left: 50px
}

.m-right-70 {
    margin-left: 70px
}

.m-right-100 {
    margin-left: 100px
}

.m-right-150 {
    margin-left: 150px
}

.m-right-200 {
    margin-left: 200px
}

.p-0 {
    padding: 0
}

.p-15 {
    padding: 15px
}

.p-30 {
    padding: 30px
}

.p-50 {
    padding: 50px
}

.p-70 {
    padding: 70px
}

.p-100 {
    padding: 100px
}

.p-150 {
    padding: 150px
}

.p-200 {
    padding: 200px
}

.p-top-0 {
    padding-top: 0
}

.p-top-15 {
    padding-top: 15px
}

.p-top-30 {
    padding-top: 30px
}

.p-top-50 {
    padding-top: 50px
}

.p-top-70 {
    padding-top: 70px
}

.p-top-100 {
    padding-top: 100px
}

.p-top-150 {
    padding-top: 150px
}

.p-top-200 {
    padding-top: 200px
}

.p-bottom-0 {
    padding-bottom: 0
}

.p-bottom-15 {
    padding-bottom: 15px
}

.p-bottom-30 {
    padding-bottom: 30px
}

.p-bottom-50 {
    padding-bottom: 50px
}

.p-bottom-70 {
    padding-bottom: 70px
}

.p-bottom-100 {
    padding-bottom: 100px
}

.p-bottom-150 {
    padding-bottom: 150px
}

.p-bottom-200 {
    padding-bottom: 200px
}

.p-left-0 {
    padding-right: 0
}

.p-left-15 {
    padding-right: 15px
}

.p-left-30 {
    padding-right: 30px
}

.p-left-50 {
    padding-right: 50px
}

.p-left-70 {
    padding-right: 70px
}

.p-left-100 {
    padding-right: 100px
}

.p-left-150 {
    padding-right: 150px
}

.p-left-200 {
    padding-right: 200px
}

.p-right-0 {
    padding-left: 0
}

.p-right-15 {
    padding-left: 15px
}

.p-right-30 {
    padding-left: 30px
}

.p-right-50 {
    padding-left: 50px
}

.p-right-70 {
    padding-left: 70px
}

.p-right-100 {
    padding-left: 100px
}

.p-right-150 {
    padding-left: 150px
}

.p-right-200 {
    padding-left: 200px
}

.shortcode-tab-content a {
    border-bottom: 1px dashed #ddd;
    font-size: 14px;
    padding: 10px 15px;
    color: #27ae60
}

    .shortcode-tab-content a:hover {
        padding-right: 15px;
        color: #343a40
    }

.single_shortcodes_title {
    border-bottom: 1px solid #ddd
}

    .single_shortcodes_title h4 {
        font-weight: 400;
        font-size: 20px
    }

.modal-dialog.custom-modal {
    max-width: 1160px !important
}

.bg-gray {
    background-color: #f6f6f6 !important
}

.bg-flat-lightgreen {
    background-color: #1abc9c !important
}

.text-flat-lightgreen {
    color: #1abc9c !important
}

.btn-flat-lightgreen {
    background-color: #1abc9c;
    border-color: #1abc9c;
    color: #fff
}

    .btn-flat-lightgreen:hover, .btn-flat-lightgreen:focus {
        background-color: transparent;
        border-color: #058169;
        color: #058169
    }

.bg-flat-green {
    background-color: #16a085 !important
}

.text-flat-green {
    color: #16a085 !important
}

.btn-flat-green {
    background-color: #16a085;
    border-color: #16a085;
    color: #fff
}

    .btn-flat-green:hover, .btn-flat-green:focus {
        background-color: transparent;
        border-color: #16a085;
        color: #16a085
    }

.bg-flat-orange {
    background-color: #f39c12 !important
}

.text-flat-orange {
    color: #f39c12 !important
}

.btn-flat-orange {
    background-color: #f39c12;
    border-color: #f39c12;
    color: #fff
}

    .btn-flat-orange:hover, .btn-flat-orange:focus {
        background-color: transparent;
        border-color: #f39c12;
        color: #f39c12
    }

.bg-flat-sunflower {
    background-color: #f1c40f !important
}

.text-flat-sunflower {
    color: #f1c40f !important
}

.btn-flat-sunflower {
    background-color: #f1c40f;
    border-color: #f1c40f;
    color: #fff
}

    .btn-flat-sunflower:hover, .btn-flat-sunflower:focus {
        background-color: transparent;
        border-color: #f1c40f;
        color: #f1c40f
    }

.bg-flat-carrot {
    background-color: #e67e22 !important
}

.text-flat-carrot {
    color: #e67e22 !important
}

.btn-flat-carrot {
    background-color: #e67e22;
    border-color: #e67e22;
    color: #fff
}

    .btn-flat-carrot:hover, .btn-flat-carrot:focus {
        background-color: transparent;
        border-color: #e67e22;
        color: #e67e22
    }

.bg-flat-pumpkin {
    background-color: #d35400 !important
}

.text-flat-pumpkin {
    color: #d35400 !important
}

.btn-flat-pumpkin {
    background-color: #d35400;
    border-color: #d35400;
    color: #fff
}

    .btn-flat-pumpkin:hover, .btn-flat-pumpkin:focus {
        background-color: transparent;
        border-color: #d35400;
        color: #d35400
    }

.bg-flat-blue {
    background-color: #3498db !important
}

.text-flat-blue {
    color: #3498db !important
}

.btn-flat-blue {
    background-color: #2a843e;
    border-color: #2a843e;
    color: #fff
}

    .btn-flat-blue:hover, .btn-flat-blue:focus {
        background-color: transparent;
        border-color: #2a843e;
        color: #2a843e
    }

.bg-flat-deepblue {
    background-color: #2980b9 !important
}

.text-flat-deepblue {
    color: #2980b9 !important
}

.btn-flat-deepblue {
    background-color: #2980b9;
    border-color: #2980b9;
    color: #fff
}

    .btn-flat-deepblue:hover, .btn-flat-deepblue:focus {
        background-color: transparent;
        border-color: #2980b9;
        color: #2980b9
    }

.bg-flat-midnightblue {
    background-color: #2c3e50 !important
}

.text-flat-midnightblue {
    color: #2c3e50 !important
}

.btn-flat-midnightblue {
    background-color: #2c3e50;
    border-color: #2c3e50;
    color: #fff
}

    .btn-flat-midnightblue:hover, .btn-flat-midnightblue:focus {
        background-color: transparent;
        border-color: #2c3e50;
        color: #2c3e50
    }

.bg-flat-clouds {
    background-color: #ecf0f1 !important
}

.text-flat-clouds {
    color: #ecf0f1 !important
}

.btn-flat-clouds {
    background-color: #ecf0f1;
    border-color: #ecf0f1;
    color: #000
}

    .btn-flat-clouds:hover, .btn-flat-clouds:focus {
        background-color: transparent;
        border-color: #ecf0f1;
        color: #000
    }

.bg-flat-silver {
    background-color: #bdc3c7 !important
}

.text-flat-silver {
    color: #bdc3c7 !important
}

.btn-flat-silver {
    background-color: #bdc3c7;
    border-color: #bdc3c7;
    color: #fff
}

    .btn-flat-silver:hover, .btn-flat-silver:focus {
        background-color: transparent;
        border-color: #bdc3c7;
        color: #bdc3c7
    }

.bg-flat-concrete {
    background-color: #95a5a6 !important
}

.text-flat-concrete {
    color: #95a5a6 !important
}

.btn-flat-concrete {
    background-color: #95a5a6;
    border-color: #95a5a6;
    color: #fff
}

    .btn-flat-concrete:hover, .btn-flat-concrete:focus {
        background-color: transparent;
        border-color: #95a5a6;
        color: #95a5a6
    }

.bg-mat-red {
    background-color: #f44336 !important
}

.text-mat-red {
    color: #f44336 !important
}

.btn-mat-red {
    background-color: #f44336;
    border-color: #f44336;
    color: #fff
}

    .btn-mat-red:hover, .btn-mat-red:focus {
        background-color: transparent;
        border-color: #f44336;
        color: #f44336
    }

.bg-mat-pink {
    background-color: #e91e63 !important
}

.text-mat-pink {
    color: #e91e63 !important
}

.btn-mat-pink {
    background-color: #e91e63;
    border-color: #e91e63;
    color: #fff
}

    .btn-mat-pink:hover, .btn-mat-pink:focus {
        background-color: transparent;
        border-color: #e91e63;
        color: #e91e63
    }

.bg-mat-purple {
    background-color: #9c27b0 !important
}

.text-mat-purple {
    color: #9c27b0 !important
}

.btn-mat-purple {
    background-color: #9c27b0;
    border-color: #9c27b0;
    color: #fff
}

    .btn-mat-purple:hover, .btn-mat-purple:focus {
        background-color: transparent;
        border-color: #9c27b0;
        color: #9c27b0
    }

.bg-mat-deeppurple {
    background-color: #673ab7 !important
}

.text-mat-deeppurple {
    color: #673ab7 !important
}

.btn-mat-deeppurple {
    background-color: #673ab7;
    border-color: #673ab7;
    color: #fff
}

    .btn-mat-deeppurple:hover, .btn-mat-deeppurple:focus {
        background-color: transparent;
        border-color: #673ab7;
        color: #673ab7
    }

.bg-mat-indigo {
    background-color: #3f51b5 !important
}

.text-mat-indigo {
    color: #3f51b5 !important
}

.btn-mat-indigo {
    background-color: #3f51b5;
    border-color: #3f51b5;
    color: #fff
}

    .btn-mat-indigo:hover, .btn-mat-indigo:focus {
        background-color: transparent;
        border-color: #3f51b5;
        color: #3f51b5
    }

.bg-mat-blue {
    background-color: #2a843e !important
}

.text-mat-blue {
    color: #2a843e !important
}

.btn-mat-blue {
    background-color: #2a843e;
    border-color: #2a843e;
    color: #fff
}

    .btn-mat-blue:hover, .btn-mat-blue:focus {
        background-color: transparent;
        border-color: #2a843e;
        color: #2a843e
    }

.bg-mat-lightblue {
    background-color: #03a9f4 !important
}

.text-mat-lightblue {
    color: #03a9f4 !important
}

.btn-mat-lightblue {
    background-color: #03a9f4;
    border-color: #03a9f4;
    color: #fff
}

    .btn-mat-lightblue:hover, .btn-mat-lightblue:focus {
        background-color: transparent;
        border-color: #03a9f4;
        color: #03a9f4
    }

.bg-mat-cyan {
    background-color: #00bcd4 !important
}

.text-mat-cyan {
    color: #00bcd4 !important
}

.btn-mat-cyan {
    background-color: #00bcd4;
    border-color: #00bcd4;
    color: #fff
}

    .btn-mat-cyan:hover, .btn-mat-cyan:focus {
        background-color: transparent;
        border-color: #00bcd4;
        color: #00bcd4
    }

.bg-mat-teal {
    background-color: #009688 !important
}

.text-mat-teal {
    color: #009688 !important
}

.btn-mat-teal {
    background-color: #009688;
    border-color: #009688;
    color: #fff
}

    .btn-mat-teal:hover, .btn-mat-teal:focus {
        background-color: transparent;
        border-color: #009688;
        color: #009688
    }

.bg-mat-green {
    background-color: #4caf50 !important
}

.text-mat-green {
    color: #4caf50 !important
}

.btn-mat-green {
    background-color: #4caf50;
    border-color: #4caf50;
    color: #fff
}

    .btn-mat-green:hover, .btn-mat-green:focus {
        background-color: transparent;
        border-color: #4caf50;
        color: #4caf50
    }

.bg-mat-lightgreen {
    background-color: #8bc34a !important
}

.text-mat-lightgreen {
    color: #8bc34a !important
}

.btn-mat-lightgreen {
    background-color: #8bc34a;
    border-color: #8bc34a;
    color: #fff
}

    .btn-mat-lightgreen:hover, .btn-mat-lightgreen:focus {
        background-color: transparent;
        border-color: #8bc34a;
        color: #8bc34a
    }

.bg-mat-lime {
    background-color: #cddc39 !important
}

.text-mat-lime {
    color: #cddc39 !important
}

.btn-mat-lime {
    background-color: #cddc39;
    border-color: #cddc39;
    color: #fff
}

    .btn-mat-lime:hover, .btn-mat-lime:focus {
        background-color: transparent;
        border-color: #cddc39;
        color: #cddc39
    }

.bg-mat-yellow {
    background-color: #ffeb3b !important
}

.text-mat-yellow {
    color: #ffeb3b !important
}

.btn-mat-yellow {
    background-color: #ffeb3b;
    border-color: #ffeb3b;
    color: #fff
}

    .btn-mat-yellow:hover, .btn-mat-yellow:focus {
        background-color: transparent;
        border-color: #ffeb3b;
        color: #ffeb3b
    }

.bg-mat-amber {
    background-color: #ffc107 !important
}

.text-mat-amber {
    color: #ffc107 !important
}

.btn-mat-amber {
    background-color: #ffc107;
    border-color: #ffc107;
    color: #fff
}

    .btn-mat-amber:hover, .btn-mat-amber:focus {
        background-color: transparent;
        border-color: #ffc107;
        color: #ffc107
    }

.bg-mat-orange {
    background-color: #ff9800 !important
}

.text-mat-orange {
    color: #ff9800 !important
}

.btn-mat-orange {
    background-color: #ff9800;
    border-color: #ff9800;
    color: #fff
}

    .btn-mat-orange:hover, .btn-mat-orange:focus {
        background-color: transparent;
        border-color: #ff9800;
        color: #ff9800
    }

.bg-mat-deeporange {
    background-color: #ff5722 !important
}

.text-mat-deeporange {
    color: #ff5722 !important
}

.btn-mat-deeporange {
    background-color: #ff5722;
    border-color: #ff5722;
    color: #fff
}

    .btn-mat-deeporange:hover, .btn-mat-deeporange:focus {
        background-color: transparent;
        border-color: #ff5722;
        color: #ff5722
    }

.bg-mat-brown {
    background-color: #795548 !important
}

.text-mat-brown {
    color: #795548 !important
}

.btn-mat-brown {
    background-color: #795548;
    border-color: #795548;
    color: #fff
}

    .btn-mat-brown:hover, .btn-mat-brown:focus {
        background-color: transparent;
        border-color: #795548;
        color: #795548
    }

.bg-mat-gray {
    background-color: #9e9e9e !important
}

.text-mat-gray {
    color: #9e9e9e !important
}

.btn-mat-gray {
    background-color: #9e9e9e;
    border-color: #9e9e9e;
    color: #fff
}

    .btn-mat-gray:hover, .btn-mat-gray:focus {
        background-color: transparent;
        border-color: #9e9e9e;
        color: #9e9e9e
    }

.bg-mat-bluegray {
    background-color: #607d8b !important
}

.text-mat-bluegray {
    color: #607d8b !important
}

.btn-mat-bluegray {
    background-color: #607d8b;
    border-color: #607d8b;
    color: #fff
}

    .btn-mat-bluegray:hover, .btn-mat-bluegray:focus {
        background-color: transparent;
        border-color: #607d8b;
        color: #607d8b
    }

.btn-pill {
    padding: .5em 2em;
    border-radius: 30px
}

    .btn-pill.btn-sm {
        padding: .25em 1em;
        border-radius: 30px
    }

.btn-outline {
    background-color: transparent !important;
    color: #000
}

.btn-dashed-outline {
    background-color: transparent;
    border-style: dashed;
    border-width: 1px;
    color: #000
}

.badge {
    font-weight: 400
}

.label {
    display: inline-block;
    padding: .5em 1em;
    font-size: 70%;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem
}

.label-pill {
    padding: .5em 1.5em;
    border-radius: 2rem
}

.label-sm {
    padding: .25em .5em;
    border-radius: .25em
}

.label-lg {
    font-size: 100%
}

.label-primary {
    background-color: #2a843e
}

.label-secondary {
    background-color: #009688
}

.label-success {
    background-color: #27ae60
}

.label-danger {
    background-color: #dc3545
}

.label-warning {
    background-color: #ff9800
}

.label-info {
    background-color: #607d8b
}

.label-light {
    background-color: #f7f7f7;
    color: #000
}

.label-dark {
    background-color: #000;
    color: #fff
}

.classy-blockquote-1 {
    border-top: 10px solid #2c3e50;
    border-radius: 6px;
    background-color: #f6f6f6
}

.classy-blockquote-2 {
    border-right: 10px solid #2c3e50;
    border-radius: 6px;
    background-color: #f6f6f6
}

.dummy-border-box {
    background-color: #f6f6f6;
    display: inline-block;
    height: 100px;
    width: 100px;
    border: 1px solid
}

.section_padding_30 {
    padding: 30px 0
}

#accordionThree .collapse {
    margin-bottom: 1em
}

    #accordionThree .collapse p {
        font-size: 14px
    }

#accordionFour h5 {
    position: relative;
    z-index: 1
}

[class*=bg-] .breadcrumb-item + .breadcrumb-item:before {
    color: #fff
}

.bg-flat-clouds .breadcrumb-item + .breadcrumb-item:before, .bg-flat-silver .breadcrumb-item + .breadcrumb-item:before, .bg-flat-concrete .breadcrumb-item + .breadcrumb-item:before, .bg-gray .breadcrumb-item + .breadcrumb-item:before, .breadcrumb-item + .breadcrumb-item:before {
    color: #868e96
}

.classy-close span {
    font-size: 30px
}

.classy-img-circle {
    border-radius: 50%
}

.classy-pagination-1 .page-link {
    position: relative;
    display: block;
    padding: 8px 12px;
    padding: .5rem .75rem;
    margin-right: -1px;
    line-height: 1.25;
    color: #000;
    background-color: #fff;
    border: 1px solid #000;
    margin-left: 5px
}

.clients-slideshow .owl-dots {
    text-align: center
}

.clients-slideshow .owl-dot {
    width: 10px;
    height: 10px;
    background-color: #ddd;
    box-shadow: -3px 2px 3px rgba(0,0,0,.15);
    border-radius: 50%;
    margin: 0 5px;
    display: inline-block
}

    .clients-slideshow .owl-dot.active {
        background-color: #2c3e50
    }

.single_icon {
    padding: 15px;
    text-align: center
}

    .single_icon i {
        display: block;
        margin-bottom: 15px;
        font-size: 30px
    }

    .single_icon span {
        font-size: 13px
    }

.code {
    background-color: #f6f6f6;
    border: 3px solid #ddd;
    border-radius: 2px;
    padding: 15px;
    position: relative;
    z-index: 2
}

.copy-btn {
    font-size: 12px;
    padding: 5px 10px;
    position: absolute;
    left: 15px;
    top: 15px;
    z-index: 9
}

.shortcode-view-btn {
    font-size: 12px;
    padding: 3px 8px
}

pre {
    color: #000;
    margin: 0;
    font-size: 85%
}

.success-message {
    background-color: #27ae60;
    border-radius: 3px;
    top: 150px;
    color: #fff;
    display: none;
    margin-right: -100px;
    padding: 5px;
    position: fixed;
    right: 50%;
    text-align: center;
    width: 200px;
    z-index: 999999
}

.classy-countdown-area li {
    display: inline-block;
    text-transform: uppercase
}

.always-btn-show {
    font-size: 30px;
    color: #000;
    border: none;
    background-color: transparent;
    float: left;
    margin: 12px 0;
    cursor: pointer
}

    .always-btn-show:focus {
        outline: none
    }

.spacing-h-part {
    background-color: #f6f6f6;
    font-weight: 600;
    font-size: 90%;
    padding: 2px 5px;
    border-radius: 2px
}

.spacing-content li {
    font-size: 14px
}

.single_sitemap_area ul li {
    padding: 0 15px 10px 0;
    position: relative;
    z-index: 1;
    font-size: 14px
}

    .single_sitemap_area ul li ul {
        padding-top: 5px
    }

    .single_sitemap_area ul li:before {
        position: absolute;
        right: 0;
        content: "\f111";
        top: 5px;
        z-index: 2;
        font-family: FontAwesome;
        color: #000;
        font-size: 8px
    }

.single_sitemap_area {
    margin-bottom: 30px
}

.csi {
    font-size: 18px;
    display: inline-block;
    margin-left: 10px;
    color: #343a40
}

.csi-border, .csi-circle {
    border-radius: 5px;
    width: 40px;
    height: 40px;
    line-height: 36px;
    border: 2px solid #343a40;
    text-align: center
}

.csi-circle {
    border-radius: 50%
}

    .csi-border:hover, .csi-circle:hover {
        border-color: #27ae60;
        color: #fff;
        background-color: #27ae60
    }

.csi-sm {
    width: 30px;
    height: 30px;
    line-height: 28px;
    border: 1px solid #343a40;
    text-align: center;
    margin-left: 5px;
    font-size: 14px
}

.csi:last-of-type {
    margin-left: 0
}

.csi-twitter {
    color: #0084b4;
    border-color: #0084b4
}

    .csi-twitter:hover {
        background-color: #0084b4;
        border-color: #0084b4
    }

.csi-twitter-active, .csi-twitter-active:hover {
    background-color: #0084b4;
    border-color: #0084b4;
    color: #fff
}

.csi-facebook {
    color: #3b5998;
    border-color: #3b5998
}

    .csi-facebook:hover {
        background-color: #3b5998;
        border-color: #3b5998
    }

.csi-facebook-active, .csi-facebook-active:hover {
    background-color: #3b5998;
    border-color: #3b5998;
    color: #fff
}

.csi-google-plus {
    color: #d34836;
    border-color: #d34836
}

    .csi-google-plus:hover {
        background-color: #d34836;
        border-color: #d34836
    }

.csi-google-plus-active, .csi-google-plus-active:hover {
    background-color: #d34836;
    border-color: #d34836;
    color: #fff
}

.csi-dribbble {
    color: #ea4c89;
    border-color: #ea4c89
}

    .csi-dribbble:hover {
        background-color: #ea4c89;
        border-color: #ea4c89
    }

.csi-dribbble-active, .csi-dribbble-active:hover {
    background-color: #ea4c89;
    border-color: #ea4c89;
    color: #fff
}

.csi-github {
    color: #4078c0;
    border-color: #4078c0
}

    .csi-github:hover {
        background-color: #4078c0;
        border-color: #4078c0
    }

.csi-github-active, .csi-github-active:hover {
    background-color: #4078c0;
    border-color: #4078c0;
    color: #fff
}

.csi-instagram {
    color: #fb3958;
    border-color: #fb3958
}

    .csi-instagram:hover {
        background-color: #fb3958;
        border-color: #fb3958
    }

.csi-instagram-active, .csi-instagram-active:hover {
    background-color: #fb3958;
    border-color: #fb3958;
    color: #fff
}

.csi-whatsapp {
    color: #075e54;
    border-color: #075e54
}

    .csi-whatsapp:hover {
        background-color: #075e54;
        border-color: #075e54
    }

.csi-whatsapp-active, .csi-whatsapp-active:hover {
    background-color: #075e54;
    border-color: #075e54;
    color: #fff
}

.csi-youtube {
    color: #b00;
    border-color: #b00
}

    .csi-youtube:hover {
        background-color: #b00;
        border-color: #b00
    }

.csi-youtube-active, .csi-youtube-active:hover {
    background-color: #b00;
    border-color: #b00;
    color: #fff
}

.csi-pinterest {
    color: #c92228;
    border-color: #c92228
}

    .csi-pinterest:hover {
        background-color: #c92228;
        border-color: #c92228
    }

.csi-pinterest-active, .csi-pinterest-active:hover {
    background-color: #c92228;
    border-color: #c92228;
    color: #fff
}

.csi-reddit {
    color: #ff4500;
    border-color: #ff4500
}

    .csi-reddit:hover {
        background-color: #ff4500;
        border-color: #ff4500
    }

.csi-reddit-active, .csi-reddit-active:hover {
    background-color: #ff4500;
    border-color: #ff4500;
    color: #fff
}

.cta-btn {
    min-width: 180px;
    height: 50px;
    border: 2px solid #ddd;
    display: inline-block;
    line-height: 46px;
    text-align: center;
    border-radius: 30px
}

    .cta-btn:hover {
        border-color: transparent;
        background-color: #27ae60;
        color: #fff
    }

.cta-content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

    .cta-content h2 {
        font-weight: 300;
        margin-bottom: 15px;
        font-size: 2.5em
    }

.call-to-action-area.cta-3 .cta-content a, .call-to-action-area.cta-3 .cta-content h2 {
    display: inline-block
}

.call-to-action-area.cta-4 .cta-content h2 {
    margin-bottom: 30px
}

.call-to-action-area.cta-4 .cta-btn, .call-to-action-area.cta-5 .cta-btn {
    color: #fff
}

.call-to-action-area.cta-6 .cta-content a {
    border-color: #333
}

.call-to-action-area.cta-6 .cta-content:hover a {
    border-color: transparent
}

.divider-line {
    margin: 15px 0;
    widows: 100%;
    height: 1px;
    background-color: #ddd;
    display: block
}

.divider-doubleline, .divider-dashed, .divider-dotted {
    margin: 15px 0;
    widows: 100%;
    height: 2px;
    display: block
}

.divider-doubleline {
    background-color: #ddd
}

.divider-dashed {
    border-top: 2px dashed #ddd
}

.divider-dotted {
    border-top: 2px dotted #ddd
}

.divider-colorful {
    margin: 15px 0;
    width: 100%;
    display: block;
    height: 2px
}

.classy-form label {
    font-size: 14px
}

.classy-form select option {
    padding: 5px
}

.classy-table {
    position: relative !important;
    z-index: 1 !important
}

.table-dark, .table-dark > td, .table-dark > th {
    background-color: #000
}

    .table-dark td, .table-colored td, .table-dark th, .table-colored th {
        color: #fff
    }

.height-100 {
    height: 100px !important
}

.height-200 {
    height: 200px !important
}

.height-300 {
    height: 300px !important
}

.height-400 {
    height: 400px !important
}

.height-500 {
    height: 500px !important
}

.height-600 {
    height: 600px !important
}

.height-700 {
    height: 700px !important
}

.height-800 {
    height: 800px !important
}

.single_timeline_block .timeline_text_content {
    width: calc(50% - 50px)
}

.single_timeline_block.odd-item .timeline_text_content {
    float: left
}

.single_timeline_block.even-item .timeline_text_content {
    text-align: left
}

.single_timeline_block {
    position: relative;
    z-index: 1
}

    .single_timeline_block .timeline_main_point {
        background-color: #27ae60;
        border: 3px solid #fff;
        border-radius: 50%;
        color: #fff;
        height: 30px;
        right: 50%;
        margin-right: -15px;
        position: absolute;
        text-align: center;
        top: 0;
        width: 30px;
        z-index: 9
    }

.timeline_text_content {
    background-color: #f6f6f6;
    border-radius: 5px;
    padding: 20px;
    position: relative;
    z-index: 1;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms
}

    .timeline_text_content p {
        margin: 0;
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms
    }

    .timeline_text_content:hover {
        box-shadow: -2px 3px 20px 0 rgba(0,0,0,.1)
    }

    .timeline_text_content:before {
        background-color: #f6f6f6;
        content: "";
        height: 100%;
        position: absolute;
        top: 0;
        width: 2px;
        z-index: -5
    }

    .timeline_text_content:after {
        background-color: #f6f6f6;
        content: "";
        height: 2px;
        position: absolute;
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms;
        width: 40px;
        z-index: -9
    }

.single_timeline_block.even-item .timeline_text_content:before {
    right: calc(100% + 49px)
}

.single_timeline_block.odd-item .timeline_text_content:before {
    left: calc(100% + 49px)
}

.single_timeline_block.even-item .timeline_text_content:after {
    left: -38px;
    top: 15px
}

.single_timeline_block.odd-item .timeline_text_content:after {
    right: -38px;
    top: 15px
}

.timeline_text_content > h6, .timeline_text_content > h5 {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms
}

.timeline_text_content > i {
    width: 50px;
    height: 50px;
    background-color: #2c3e50;
    margin-bottom: 15px;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    font-size: 30px;
    color: #fff
}

.timeline_text_content > img {
    border-radius: 6px;
    margin-bottom: 15px
}

.timeline_text_content iframe {
    min-height: auto;
    width: 100% !important;
    margin-bottom: 15px;
    border-radius: 6px
}

.single-accordion:last-of-type {
    margin-bottom: 0
}

.single-accordion h6 a {
    background-color: transparent;
    border: 1px solid #ddd;
    border-radius: 6px;
    color: #27ae60;
    display: block;
    margin: 0;
    padding: 10px 15px;
    position: relative;
    font-size: 14px
}

    .single-accordion h6 a.collapsed {
        background-color: transparent;
        color: #000
    }

    .single-accordion h6 a span {
        position: absolute;
        left: 15px;
        top: 0;
        font-weight: 300;
        height: 100%;
        font-size: 18px;
        line-height: 180%
    }

    .single-accordion h6 a.collapsed span.accor-close {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0)
    }

span.accor-open {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0)
}

.single-accordion h6 a.collapsed span.accor-open {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100)
}

.single-accordion h6 {
    margin-bottom: 0
}

.single-accordion .accordion-content {
    border: 1px solid #ddd;
    border-top: none
}

    .single-accordion .accordion-content p {
        margin: 0;
        padding: 15px;
        font-size: 14px
    }

.panel {
    background-color: #fff;
    border: 0 solid transparent;
    border-radius: 4px;
    box-shadow: 0 0 0 transparent;
    margin-bottom: 15px
}

.two .single-accordion h6 a, .two .single-accordion h6 a.collapsed {
    color: #fff;
    background-color: #27ae60
}

ol.breadcrumb {
    background-color: transparent;
    margin: 0;
    padding: 0
}

.breadcrumb > li {
    color: #fff;
    font-size: 14px
}

.breadcrumb li > a, .breadcrumb > .active {
    color: #fff
}

.page_title > h4 {
    color: #fff;
    text-transform: uppercase
}

.foo_top_header_one {
    background-color: #15151e;
    color: #fff
}

.foo_single_blog_area {
    border-bottom: 1px solid #333;
    margin-bottom: 15px;
    padding: 0 90px 15px 0;
    position: relative;
    z-index: 1
}

.foo_blog_thumb {
    right: 0;
    position: absolute;
    top: 0;
    width: 75px
}

.foo_single_blog_area a h5 {
    color: #fff;
    margin-bottom: 5px;
    text-transform: capitalize
}

.foo_single_blog_area > p {
    color: rgba(255,255,255,.5);
    line-height: 1.3;
    margin-bottom: 0
}

.foo_single_blog_area .foo_blog_date {
    color: #27ae60;
    font-size: 13px;
    margin-bottom: 5px
}

.foo_single_blog_area:last-child {
    margin-bottom: 0;
    border-bottom: 0 solid transparent;
    padding: 0 90px 0 0
}

.tags_widget > li {
    display: inline-block
}

.tags_widget a {
    border: 1px solid #333;
    border-radius: 6px;
    color: #888;
    display: inline-block;
    font-size: 13px;
    margin-bottom: 4px;
    padding: 7px 12px
}

    .tags_widget a:hover {
        background-color: #27ae60;
        border: 1px solid transparent;
        color: #fff
    }

.imp_links a {
    border-bottom: 1px solid #333;
    color: rgba(255,255,255,.5);
    display: block;
    font-size: 13px;
    margin-bottom: 5px;
    padding-bottom: 10px
}

.foo_top_header_two .foo_single_blog_area > p, .foo_top_header_two .imp_links a {
    color: inherit
}

.imp_links a:hover {
    color: #27ae60
}

.foo_single_contact_info {
    border-bottom: 1px solid #333;
    margin-bottom: 15px;
    padding-bottom: 15px
}

    .foo_single_contact_info > h5 {
        margin-bottom: 5px
    }

    .foo_single_contact_info > p {
        margin: 0
    }

    .foo_single_contact_info:last-child {
        border-bottom: 0 solid transparent;
        margin: 0;
        padding-bottom: 0
    }

.foo_social_links > li {
    display: inline-block
}

.foo_social_links a {
    border: 1px solid #333;
    border-radius: 6px;
    color: #888;
    display: inline-block;
    font-size: 13px;
    margin-bottom: 3px;
    padding: 7px 12px
}

    .foo_social_links a:hover {
        background-color: #27ae60;
        border: 1px solid transparent;
        color: #fff
    }

.latest_works > a {
    display: inline-block;
    float: right;
    position: relative;
    width: 33.33333333%;
    z-index: 1
}

    .latest_works > a:before {
        background-color: rgba(39,174,96,.8);
        content: "";
        height: 100%;
        position: absolute;
        top: 0;
        width: 100%;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transition-duration: 300ms;
        transition-duration: 300ms
    }

    .latest_works > a:hover:before {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    .latest_works > a:after {
        color: #fff;
        content: "\f067";
        font-family: FontAwesome;
        font-size: 14px;
        font-weight: 300;
        right: 50%;
        position: absolute;
        top: 50%;
        margin-top: -7px;
        margin-right: -7px;
        width: 100%;
        -webkit-transition-duration: 300ms;
        transition-duration: 300ms;
        z-index: 5;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }

    .latest_works > a:hover:after {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

.imp_links a i {
    padding-left: 10px
}

.foo_bottom_header_one {
    background-color: #111
}

    .foo_bottom_header_one p {
        color: #fff;
        margin: 0
    }

    .foo_bottom_header_one a {
        color: inherit;
        font-size: 14px
    }

        .foo_bottom_header_one a:hover {
            color: #27ae60
        }

.foo_top_header_one .single_foo_part > h5 {
    color: #fff
}

.foo_single_contact_info > p, .foo_single_contact_info > h5, .foo_single_blog_area > a, .foo_top_header_one .single_foo_part > p {
    color: rgba(255,255,255,.5)
}

.single_foo_part {
    margin-bottom: 30px
}

.foo_top_header_two {
    background-color: #f6f6f6;
    color: #2c3e50
}

    .foo_top_header_two .imp_links a, .foo_top_header_two .foo_single_blog_area {
        border-bottom: 1px solid #ddd
    }

        .foo_top_header_two .foo_single_blog_area a h5 {
            color: #2c3e50
        }

        .foo_top_header_two .foo_single_blog_area:last-child {
            border-bottom: 0 solid transparent
        }

.foo_bottom_header_two {
    background-color: #f1f1f1
}

    .foo_bottom_header_two p {
        margin: 0
    }

    .foo_bottom_header_two a {
        color: inherit;
        font-size: 14px
    }

        .foo_bottom_header_two a:hover {
            color: #27ae60
        }

.foo_btm_social_area_two > a {
    color: #888;
    display: inline-block;
    margin: 0 5px
}

.foo_top_header_three {
    background-color: #111;
    color: #fff
}

.foo_bottom_header_three {
    background-color: #202020
}

    .foo_bottom_header_three p {
        margin: 0;
        color: #888
    }

        .foo_bottom_header_three p > a {
            color: inherit;
            font-size: 14px
        }

            .foo_bottom_header_three p > a:hover {
                color: #27ae60
            }

.foo_newsletter button {
    width: 100%
}

.foo_office_map #googleMap {
    height: 250px;
    width: 100%
}

.foo_top_header_three .single_foo_part > h5 {
    color: rgba(255,255,255,.9)
}

.breadcumb_area.bg-gray .breadcrumb li > a, .breadcumb_area.bg-gray .breadcrumb > .active, .foo_top_header_three .single_foo_part > p, .foo_top_header_three .single_foo_part .foo_single_blog_area h6 {
    color: #888
}

    .breadcumb_area.bg-gray .breadcrumb li > a:hover, .breadcumb_area.bg-gray .page_title h4 {
        color: #000
    }

.register_form, .login_form {
    position: relative;
    width: 100%
}

    .register_form .form-group, .login_manual_form .form-group {
        margin-bottom: 15px;
        text-align: right
    }

        .register_form .form-group > i, .login_manual_form .form-group > i {
            background-color: #2c3e50;
            border-radius: 0 6px 6px 0;
            color: #fff;
            display: inline-block;
            float: right;
            font-size: 16px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            width: 40px
        }

        .register_form .form-group > input, .login_manual_form .form-group > input {
            border: 1px solid #ddd;
            border-radius: 6px 0 0 6px;
            display: inline-block;
            height: 40px;
            padding: 5px 10px;
            width: calc(100% - 40px)
        }

.login_thumb {
    height: 550px;
    width: auto;
    padding: 15px;
    text-align: center;
    position: relative;
    z-index: 5
}

    .login_thumb > img {
        width: auto;
        height: 100%
    }

.login_thumb_caption > h3 {
    color: #1abc9c;
    height: auto;
    margin-left: -17%;
    position: absolute;
    left: 50%;
    text-align: left;
    top: 37%;
    -webkit-transform: rotate(6deg);
    transform: rotate(6deg);
    width: 100%;
    z-index: 99
}

.sign_in_facebook, .sign_in_twitter {
    background-color: #2980b9;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    padding: 8px 30px;
    width: auto;
    text-align: center
}

.sign_in_twitter {
    background-color: #3498db;
    margin-right: 10px
}

    .sign_in_facebook > a, .sign_in_twitter > a {
        color: #fff;
        font-size: 14px;
        letter-spacing: 1px;
        text-transform: uppercase
    }

        .sign_in_facebook > a:hover, .sign_in_twitter > a:hover {
            opacity: .7;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
            filter: alpha(opacity=70)
        }

        .sign_in_facebook > a > i, .sign_in_twitter > a > i {
            padding-left: 5px
        }

.login_manual_form > p {
    color: #6f6f6f;
    margin: 0;
    padding: 15px 0;
    position: relative;
    z-index: 1
}

    .login_manual_form > p:after {
        content: "";
        width: 150px;
        height: 1px;
        background-color: #ccc;
        position: absolute;
        top: 53%;
        right: 20px
    }

.forget_pass {
    display: inline-block
}

    .forget_pass > a {
        display: inline-block;
        font-size: 14px;
        margin-top: 20px
    }

        .forget_pass > a:hover {
            color: #27ae60
        }

        .forget_pass > a > i {
            padding-left: 15px
        }

.login_manual_form form .form-group:last-child {
    margin-bottom: 5px
}

.forget_pass.one {
    padding-left: 30px
}

.team-1 .team-thumb-meta {
    position: relative;
    z-index: 1;
    padding-right: 130px
}

    .team-1 .team-thumb-meta img {
        position: absolute;
        top: 0;
        right: 0;
        width: 100px;
        z-index: 2
    }

    .team-1 .team-thumb-meta p, .team-1 .team-name-social-info .team-name p {
        font-size: 14px;
        margin-bottom: 0
    }

.team-1 .single-team-member {
    border-radius: 5px
}

.team-3 .single-team-member img {
    border-radius: 5px;
    width: 100%
}

.team-2 .single-team-member {
    position: relative;
    z-index: 1
}

    .team-2 .single-team-member img, .team-3 .single-team-member img {
        width: 100%
    }

.team-2 .team-member-name, .team-3 .team-member-name {
    width: calc(100% - 60px);
    border-radius: 3px;
    position: absolute;
    height: auto;
    text-align: center;
    bottom: -40px;
    right: 30px
}

.team-3 .team-member-name {
    width: calc(100% - 30px);
    bottom: 60px;
    right: 15px
}

    .team-2 .team-member-name p, .team-3 .team-member-name p {
        margin-bottom: 0;
        color: #fff
    }

    .team-2 .team-member-name h5, .team-3 .team-member-name h5 {
        color: #fff
    }

.testimonial-1 .classy-single-testimonial .testimonial-author-thumb img {
    width: 70px
}

.testimonial-1 .classy-single-testimonial .testimonial-author-thumb .testimonial-author-name p, .testimonial-2 .classy-single-testimonial .testimonial-author-name p {
    font-size: 13px;
    margin-bottom: 0
}

.testimonial-1 .classy-single-testimonial .testimonial-author-thumb .testimonial-author-name h5, .testimonial-2 .classy-single-testimonial .testimonial-author-name h5 {
    font-size: 14px;
    margin-bottom: 5px;
    text-transform: uppercase
}

.testimonial-1 .classy-single-testimonial .testimonial-content {
    position: relative;
    z-index: 1
}

    .testimonial-1 .classy-single-testimonial .testimonial-content:after {
        content: "";
        width: 30px;
        height: 30px;
        background-color: #343a40;
        position: absolute;
        z-index: -3;
        top: -10px;
        right: 50px;
        -webkit-transform: rotate(-50deg);
        transform: rotate(-50deg)
    }

.testimonial-1.classy-testimonial-area .owl-dots, .testimonial-2.classy-testimonial-area .owl-dots {
    text-align: center
}

.testimonial-1.classy-testimonial-area .owl-dot, .testimonial-2.classy-testimonial-area .owl-dot {
    width: 10px;
    height: 10px;
    background-color: #ddd;
    border-radius: 50%;
    display: inline-block;
    margin: 0 2.5px
}

    .testimonial-1.classy-testimonial-area .owl-dot.active, .testimonial-2.classy-testimonial-area .owl-dot.active {
        background-color: #343a40
    }

.testimonial-2 .classy-single-testimonial .testimonial-author-thumb img {
    width: 70px;
    padding: 5px;
    position: absolute;
    right: 50px;
    top: 15px;
    z-index: 1;
    background-color: #fff
}

.news-blog-1 .classy-single-news-blog, .news-blog-2 .classy-single-news-blog, .news-blog-1 .classy-single-news-blog img, .news-blog-2 .classy-single-news-blog img, .news-blog-2 .classy-single-news-blog.background-overlay:before, .featured-1 .classy-single-feature, .featured-2 .classy-single-feature {
    border-radius: 3px
}

.classy-hero-blocks {
    position: relative;
    z-index: 1;
    background-position: center center;
    background-size: cover
}

.news-blog-1 .classy-single-news-content {
    position: relative;
    z-index: 1
}

    .news-blog-2 .classy-single-news-content p, .news-blog-1 .classy-single-news-content a {
        font-size: 14px
    }

    .news-blog-1 .classy-single-news-content .published-date a {
        color: #fff;
        padding: 10px;
        display: inline-block;
        width: 100px;
        border: 3px;
        text-align: center;
        border-radius: 5px;
        position: absolute;
        top: -20px;
        right: 30px
    }

.classy-progress-bar .barfiller {
    background: #fff none repeat scroll 100% 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: none;
    height: 10px;
    margin-bottom: 5px;
    position: relative;
    width: 100%
}

    .classy-progress-bar .barfiller .fill {
        display: block;
        position: relative;
        width: 0;
        height: 100%;
        background: #333;
        z-index: 1
    }

    .classy-progress-bar .barfiller .tipWrap {
        display: none
    }

    .classy-progress-bar .barfiller .tip {
        margin-top: -30px;
        padding: 2px 4px;
        font-size: 11px;
        color: #fff;
        right: 0;
        position: absolute;
        z-index: 2;
        background: #333
    }

        .classy-progress-bar .barfiller .tip:after {
            border: solid;
            border-color: rgba(0,0,0,.8) transparent;
            border-width: 6px 6px 0;
            content: "";
            display: block;
            position: absolute;
            right: 9px;
            top: 100%;
            z-index: 9
        }

.classy-progress-bar .single_progress_bar {
    margin-top: 35px
}

    .classy-progress-bar .single_progress_bar > h6 {
        font-size: 14px;
        margin: 0
    }

.classy-rating {
    border: none;
    float: right
}

    .classy-rating > input {
        display: none
    }

    .classy-rating > label:before {
        margin: 5px;
        font-size: 1.25em;
        font-family: FontAwesome;
        display: inline-block;
        content: "\f005"
    }

    .classy-rating > .half:before {
        content: "\f089";
        position: absolute
    }

    .classy-rating > label {
        color: #ddd;
        float: left
    }

    .classy-rating > input:checked ~ label, .classy-rating:not(:checked) > label:hover, .classy-rating:not(:checked) > label:hover ~ label {
        color: #ffd700
    }

        .classy-rating > input:checked + label:hover, .classy-rating > input:checked ~ label:hover, .classy-rating > label:hover ~ input:checked ~ label, .classy-rating > input:checked ~ label:hover ~ label {
            color: #ff9800
        }

.classy-rating-two .stars {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAABaCAYAAACv+ebYAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDcvMDMvMTNJ3Rb7AAACnklEQVRoge2XwW3bMBSGPxa9NxtIGzTAW8DdRL7o3A0qb+BrdNIm9QAm0G7gbJBMwB5MoVJNUSRFIXGqHwhkmXr68hOPNH9ljOEt9OlNqBs4RlrrSmtdpdZ/Ti0EGnvtUoqTHFunBVCkuk6d6mbi83rggdteSa5THDeB3+UDO9z2inatXFum1roESuAReAB29vp15n2/gRfgZK+/gIuIXLxgrfUO+Bnzn0fom4ic+pvRVNuB/QrQ/RB6A7bwLjN8b985krO5MsKd0ElwJvgk1AteCPdCYWI5/SutddQxRUTU3DOzG4hd01EKqQnZuaLBITUh4F0CeLYm5CDw6PjuFTjaz9+BLwE1I8VO9StwAEoRaUSkseMHO+aqcWq2qwcdfQCOIvIy8dwDV/c/YL6zvWDbnQ3QuH5hltQEreM1dH/n6g28gT8eWLVUqqVKrb+vtGidFkCR6vp+0uLAba8k1/eRFh1ue0W7dv4sqpaSjGnR1Fy8YNWyY8W0aGpO/c1oqu3AKmlxCL0BW3iXGb637xzJ2VwZ4U7oJDgTfBLqBS+Ee6EQeMpULVFHUVOzPC3aNR2lkJotLbr0vtKiqWlMTcNaaXHQ0QfgaGqcaVG1jNLibGcbYyb/eDIlT6bjyZS+51JqtrS4gTfw/wzWqkKrKrU8fQPR6gKAmDKlPM3x1WkBFKmu0xxf3fZR5jnFdbzjv257JbmOdzx22yvadZzjW7e9ol27HWtVkjEtIubiB2u1Y8W0iJhTfzOe6uvAKmlxCL0FX+FdZvjevnMkd3Plgzuh0+A88EmoH7wM7oVC6AaiVdwuI2Z5WrRrOk4BNVtadOl9pUXENIhpWCstDjr6ABwR40yLaDVKi7Od7U1/Z0pzpjNngtNiaM2WFj8++A+motm0NTqjmwAAAABJRU5ErkJggg==) repeat-x 100% 0;
    width: 150px
}

.ie7 .classy-rating-two .stars {
    *zoom: 1
}

.classy-rating-two .stars:before, .classy-rating-two .stars:after {
    display: table;
    content: ""
}

.classy-rating-two .stars:after {
    clear: both
}

.classy-rating-two .stars input[type=radio] {
    position: absolute;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0)
}

    .classy-rating-two .stars input[type=radio].star-5:checked ~ span {
        width: 100%
    }

    .classy-rating-two .stars input[type=radio].star-4:checked ~ span {
        width: 80%
    }

    .classy-rating-two .stars input[type=radio].star-3:checked ~ span {
        width: 60%
    }

    .classy-rating-two .stars input[type=radio].star-2:checked ~ span {
        width: 40%
    }

    .classy-rating-two .stars input[type=radio].star-1:checked ~ span {
        width: 20%
    }

.classy-rating-two .stars label {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 !important;
    padding: 0 !important;
    text-indent: -999em;
    float: right;
    position: relative;
    z-index: 10;
    background: transparent !important;
    cursor: pointer
}

    .classy-rating-two .stars label:hover ~ span {
        background-position: 100% -30px
    }

    .classy-rating-two .stars label.star-5:hover ~ span {
        width: 100% !important
    }

    .classy-rating-two .stars label.star-4:hover ~ span {
        width: 80% !important
    }

    .classy-rating-two .stars label.star-3:hover ~ span {
        width: 60% !important
    }

    .classy-rating-two .stars label.star-2:hover ~ span {
        width: 40% !important
    }

    .classy-rating-two .stars label.star-1:hover ~ span {
        width: 20% !important
    }

.classy-rating-two .stars span {
    display: block;
    width: 0;
    position: relative;
    top: 0;
    right: 0;
    height: 30px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAABaCAYAAACv+ebYAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDcvMDMvMTNJ3Rb7AAACnklEQVRoge2XwW3bMBSGPxa9NxtIGzTAW8DdRL7o3A0qb+BrdNIm9QAm0G7gbJBMwB5MoVJNUSRFIXGqHwhkmXr68hOPNH9ljOEt9OlNqBs4RlrrSmtdpdZ/Ti0EGnvtUoqTHFunBVCkuk6d6mbi83rggdteSa5THDeB3+UDO9z2inatXFum1roESuAReAB29vp15n2/gRfgZK+/gIuIXLxgrfUO+Bnzn0fom4ic+pvRVNuB/QrQ/RB6A7bwLjN8b985krO5MsKd0ElwJvgk1AteCPdCYWI5/SutddQxRUTU3DOzG4hd01EKqQnZuaLBITUh4F0CeLYm5CDw6PjuFTjaz9+BLwE1I8VO9StwAEoRaUSkseMHO+aqcWq2qwcdfQCOIvIy8dwDV/c/YL6zvWDbnQ3QuH5hltQEreM1dH/n6g28gT8eWLVUqqVKrb+vtGidFkCR6vp+0uLAba8k1/eRFh1ue0W7dv4sqpaSjGnR1Fy8YNWyY8W0aGpO/c1oqu3AKmlxCL0BW3iXGb637xzJ2VwZ4U7oJDgTfBLqBS+Ee6EQeMpULVFHUVOzPC3aNR2lkJotLbr0vtKiqWlMTcNaaXHQ0QfgaGqcaVG1jNLibGcbYyb/eDIlT6bjyZS+51JqtrS4gTfw/wzWqkKrKrU8fQPR6gKAmDKlPM3x1WkBFKmu0xxf3fZR5jnFdbzjv257JbmOdzx22yvadZzjW7e9ol27HWtVkjEtIubiB2u1Y8W0iJhTfzOe6uvAKmlxCL0FX+FdZvjevnMkd3Plgzuh0+A88EmoH7wM7oVC6AaiVdwuI2Z5WrRrOk4BNVtadOl9pUXENIhpWCstDjr6ABwR40yLaDVKi7Od7U1/Z0pzpjNngtNiaM2WFj8++A+motm0NTqjmwAAAABJRU5ErkJggg==) repeat-x 100% -60px;
    -webkit-transition: -webkit-width .5s;
    -webkit-transition: width .5s;
    transition: width .5s
}

.classy-star-three {
    font-family: FontAwesome
}

    .classy-star-three > fieldset {
        border: none;
        display: inline-block
    }

        .classy-star-three > fieldset:not(:checked) > input {
            position: absolute;
            top: -9999px;
            clip: rect(0,0,0,0)
        }

        .classy-star-three > fieldset:not(:checked) > label {
            float: left;
            width: 1em;
            padding: 0 .05em;
            overflow: hidden;
            white-space: nowrap;
            cursor: pointer;
            font-size: 200%;
            color: #ff9800
        }

            .classy-star-three > fieldset:not(:checked) > label:before {
                content: '\f006'
            }

            .classy-star-three > fieldset:not(:checked) > label:hover, .classy-star-three > fieldset:not(:checked) > label:hover ~ label {
                color: #ff9800;
                text-shadow: 0 0 3px #ff9800
            }

                .classy-star-three > fieldset:not(:checked) > label:hover:before, .classy-star-three > fieldset:not(:checked) > label:hover ~ label:before {
                    content: '\f005'
                }

        .classy-star-three > fieldset > input:checked ~ label:before {
            content: '\f005'
        }

        .classy-star-three > fieldset > label:active {
            position: relative;
            top: 2px
        }

.single_price_plan {
    border-radius: 6px;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms
}

    .single_price_plan .title {
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms
    }

        .single_price_plan .title h4 {
            margin: 0;
            text-transform: capitalize
        }

    .single_price_plan .price h4 {
        font-size: 40px;
        line-height: 1;
        margin: 0;
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms;
        font-weight: 300
    }

    .single_price_plan .single_price_plan_description p, .single_price_plan .description > p {
        margin-bottom: 7.5px;
        font-size: 14px
    }

.price_plan_3 .single_price_plan .description > p {
    border-bottom: 1px solid #ddd;
    margin-bottom: 0;
    padding: 7.5px 0
}

    .price_plan_3 .single_price_plan .description > p:first-child {
        border-top: 1px solid #ddd
    }

.price_plan_3 .single_price_plan .price h4 span {
    font-size: 14px
}

.price_plan_area .single_price_plan_title h3, .price_plan_area .single_price_plan_title p, .price_plan_area .single_price_plan_price h3, .single_price_plan .single_price_plan_description p {
    color: #fff
}

.price_plan_area .single_price_plan_title, .price_plan_area .single_price_plan_description, .price_plan_area .single_price_plan_price {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333333%;
    flex: 0 0 33.33333333%;
    position: relative;
    z-index: 1
}

    .price_plan_area .single_price_plan_title p, .single_price_plan .description p:last-of-type, .single_price_plan .single_price_plan_description p:last-of-type {
        margin-bottom: 0
    }

    .price_plan_area .single_price_plan_title i {
        font-size: 50px;
        color: #fff
    }

.hover_overlay .more_details a {
    font-size: 40px
}

.shortcode-item {
    width: 100%;
    height: 100px;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #111;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    font-size: 14px;
    box-shadow: -5px 25px 20px rgba(0,0,0,.1);
    border: 1px solid #f6f6f6;
    background-color: #ffff;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

    .shortcode-item > i {
        margin-bottom: 10px;
        color: #2a843e
    }

.all-one-page-demos .single-demos {
    box-shadow: -5px 25px 20px rgba(0,0,0,.1);
    border: 1px solid #f6f6f6;
    background-color: #ffff;
    border-radius: 3px;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms
}

    .all-one-page-demos .single-demos:hover, .shortcode-item:hover, .shortcode-item:focus {
        box-shadow: -1px 2px 3px 0 rgba(0,0,0,.1)
    }

.parallax-img, .background-img {
    background-position: center center;
    background-size: cover
}

.background-pattern {
    position: relative;
    z-index: 1
}

    .background-pattern:after {
        position: absolute;
        width: 100%;
        height: 100%;
        right: 0;
        top: 0;
        background-repeat: repeat;
        content: '';
        z-index: -1
    }

.shortcodes-pag a {
    width: 50px;
    background-color: #fff;
    height: 50px;
    color: #000;
    text-align: center;
    line-height: 50px;
    border-radius: 50%;
    font-size: 24px;
    box-shadow: -5px 15px 30px rgba(0,0,0,.15)
}

    .shortcodes-pag a:hover {
        background-color: #2a843e;
        color: #fff
    }