@charset "UTF-8";
/* ------------------------
	Genenal
------------------------ */
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

html {
    font-size: 15px;
}

body {
    font-family: 'Open Sans', sans-serif;
    color: #060606;
}

.close_icon {
    margin-top: 30px;
    margin-bottom: -50px;
}

textarea:focus,
input:focus,
button:focus,
select:focus {
    outline: none;
}

button,
input[type="submit"] {
    cursor: pointer;
}

p {
    line-height: 1.7;
}

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

a:hover, a:active {
    text-decoration: none;
}

a.no-color, a.no-color:hover, a.no-color:active {
    color: inherit;
}

ul, ul.no-style, ul.no-style ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

ul.items-inline-block li {
    display: inline-block;
}

ul.items-inline li {
    display: inline;
}

::-webkit-input-placeholder {
    color: #888;
}

::-ms-input-placeholder {
    color: #888;
}

:-ms-input-placeholder {
    color: #888;
}

::placeholder {
    color: #888;
}

[class^="flaticon-"]:before,
[class^="flaticon-"]:after {
    font-size: inherit;
    margin: 0;
}

.media_us {
    padding-top: 270px;
}


.col-auto {
    max-width: 100% !important;
}

.row.gutter-5 {
    margin-left: -5px;
    margin-right: -5px;
}

.row.gutter-5 > .col,
.row.gutter-5 > [class^="col"] {
    padding-left: 5px;
    padding-right: 5px;
}

.row.gutter-10 {
    margin-left: -10px;
    margin-right: -10px;
}

.row.gutter-10 > .col,
.row.gutter-10 > [class^="col"] {
    padding-left: 10px;
    padding-right: 10px;
}

.flex-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.features_boxes{
    display: block;
}

.features_boxes_mb{
    display: none;
}

.text-right_mb{
    display: block;
}

.text-right_mb_extra{
    display: none;
}

.cross_box{
    border: 2px solid #fc3c2a;
    width: 70px;
    height: 70px;
    font-size: 26px;
    line-height: 62px;
    padding: 0px;
    margin: 0 auto;
    text-align: center;
    transition: all 0.3s ease-out 0s;
}

.feature_box{
    text-align: center;
    float: left;
    margin: 0px 20px 0px 0px;
    border: 2px solid #53bb53;
    width: 70px;
    height: 70px;
    font-size: 30px;
    color: #242424;
    line-height: 62px;
}

.text_incorrect{
    display: none;
}

@media (max-width: 767px) {

    .text_incorrect{
        display: block;
        margin-top: 20px;
    }

    .text-right_mb{
        display: none;
    }

    .text-right_mb_extra{
        display: block;
        margin-bottom: 20px;
    }

    .features_boxes{
        display: none;
    }

    .features_boxes_mb{
        display: block;
    }

    .media_us {
        padding-top: 130px;
    }

    col2_sxema {
        /*flex: 5 0 16.666667%;*/
        /*max-width: 20%;*/
        display: block;
    }
}

@media (min-width: 1230px) {
    .container {
        /*max-width: 1200px;*/
    }

    .cta_padding {
        padding: 0px 0 40px;
    }
}

.icons{
    color: #fc3c2a;
    background-color: none;
    border: 2px solid #fc3c2a;
}

#wrapper {
    position: relative;
    overflow: hidden;
}

.color-inverse,
.hover-color-inverse:hover {
    color: white;
}

.color-inverse p,
.hover-color-inverse:hover p {
    color: #fafafa;
}

.color-white,
.active-color-white.active,
.hover-color-white:hover,
.before-color-white:before,
.after-color-white:after {
    color: white !important;
}

.background-white,
.active-background-white.active,
.hover-background-white:hover,
.before-background-white:before,
.after-background-white:after {
    background-color: white !important;
}

.border-white,
.active-border-white.active,
.hover-border-white:hover,
.before-border-white:before,
.after-border-white:after {
    border-color: white !important;
}

.color-black,
.active-color-black.active,
.hover-color-black:hover,
.before-color-black:before,
.after-color-black:after {
    color: black !important;
}

.background-black,
.active-background-black.active,
.hover-background-black:hover,
.before-background-black:before,
.after-background-black:after {
    background-color: black !important;
}

.border-black,
.active-border-black.active,
.hover-border-black:hover,
.before-border-black:before,
.after-border-black:after {
    border-color: black !important;
}

.color-dark,
.active-color-dark.active,
.hover-color-dark:hover,
.before-color-dark:before,
.after-color-dark:after {
    color: #222 !important;
}

.background-dark,
.active-background-dark.active,
.hover-background-dark:hover,
.before-background-dark:before,
.after-background-dark:after {
    background-color: #222 !important;
}

.border-dark,
.active-border-dark.active,
.hover-border-dark:hover,
.before-border-dark:before,
.after-border-dark:after {
    border-color: #222 !important;
}

.background-none {
    background: transparent !important;
}

.background-cover {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.background-left-top,
.background-top-left {
    background-position: left top;
}

.background-left-center,
.background-center-left {
    background-position: left center;
}

.background-left-bottom,
.background-bottom-left {
    background-position: left bottom;
}

.background-center-top,
.background-top-center {
    background-position: center top;
}

.background-center,
.background-center-center {
    background-position: center center;
}

.background-center-left {
    background-position: center bottom;
}

.background-right-top,
.background-top-right {
    background-position: right top;
}

.background-right-center,
.background-center-right {
    background-position: right center;
}

.background-right-bottom,
.background-bottom-right {
    background-position: right bottom;
}

.rounded-elipse {
    border-radius: 50%;
}

.rounded-capsule {
    border-radius: 2000px;
}

.font-300 {
    font-weight: 300;
}

.font-400 {
    font-weight: 400;
}

.font-500 {
    font-weight: 500;
}

.font-600 {
    font-weight: 600;
}

.font-700 {
    font-weight: 700;
}

.font-800 {
    font-weight: 800;
}

.animate-100 {
    -webkit-transition: .1s;
    transition: .1s;
}

.animate-200 {
    -webkit-transition: .2s;
    transition: .2s;
}

.animate-300 {
    -webkit-transition: .3s;
    transition: .3s;
}

.animate-400 {
    -webkit-transition: .4s;
    transition: .4s;
}

.animate-500 {
    -webkit-transition: .5s;
    transition: .5s;
}

.animate-600 {
    -webkit-transition: .6s;
    transition: .6s;
}

.animate-700 {
    -webkit-transition: .7s;
    transition: .7s;
}

.animate-800 {
    -webkit-transition: .8s;
    transition: .8s;
}

.animate-900 {
    -webkit-transition: .9s;
    transition: .9s;
}

.animate-1000 {
    -webkit-transition: 1s;
    transition: 1s;
}

/* ------------------------
	Components
------------------------ */
.list-style-1 {
    padding: 0;
    margin: 0 0 30px;
}

.list-style-1 li {
    list-style: none;
    margin-bottom: 10px;
}

.list-style-1 li:before {
    content: "\f054";
    font-family: 'fontawesome';
    margin-right: 8px;
    font-size: 11px;
    font-weight: bold;
    color: #444;
}

.list-style-2 {
    padding: 0;
    margin: 0 0 30px;
    list-style: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 500;
}

.list-style-2 li {
    margin-bottom: 10px;
}

.list-style-2 li .custom-dot {
    display: inline-block;
    vertical-align: middle;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin-right: 10px;
}

.input-styled {
    font-size: 13px;
    padding: 14px 25px;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    outline: none;
}

.form-group .input-styled {
    display: block;
    width: 100%;
}

select.input-styled,
input.input-styled {
    height: 50px;
}

.button, .btn {
    padding: 14px 48px;
    outline: none;
    display: inline-block;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    text-align: center;
    border: 1px solid;
    border-color: transparent;
    color: #444;
}

.button-default, .btn-default {
    background: white;
    border-color: #bbb;
    color: #444;
}

.button-default:hover, .btn-default:hover {
    background: #feb500;
    border-color: #feb500;
    color: #fff;
}

.button-inverse,
.button-inverse:hover {
    background: transparent;
    color: white;
    border-color: white;
}

.button-white,
.button-white:hover {
    background: white;
    border-color: transparent;
    color: #444;
}

.button-red {
    background-color: #e53333;
    color: white;
}

.button-circle {
    border-radius: 50% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 50px;
}

.button-block {
    display: block;
    width: 100%;
}

.btn-gyellow {
    color: #fff;
    background-color: #ecae3d;
}

.btn.btn-border.white {
    color: #fff;
    border-color: #fff;
}

/* button sizes
 ------------------------------ */
.btn.btn-tiny {
    font-size: 12px;
    padding: 5px 10px;
}

.btn.btn-small {
    font-size: 14px;
    padding: 10px 20px;
}

.btn.btn-medium {
    font-size: 16px;
    padding: 15px 35px;
}

.btn.btn-large {
    font-size: 20px;
    padding: 20px 50px;
}

/* button ratius
 ------------------------------ */
.btn.round {
    border-radius: 4px;
}

.btn.xround-1 {
    border-radius: 10px;
}

.btn.xround-2 {
    border-radius: 20px;
}

.btn.xround-3 {
    border-radius: 30px;
}

.btn.xround-4 {
    border-radius: 40px;
}

.btn.xround-5 {
    border-radius: 50px;
}

.btn.xround-6 {
    border-radius: 60px;
}

.btn.xround-7 {
    border-radius: 70px;
}

/* button borders
 ------------------------------ */

.btn.borders {
    border: 1px solid;
}

.btn.borders.border-2x {
    border: 2px solid;
}

.btn.borders.border-3x {
    border: 3px solid;
}

.btn.borders.border-4x {
    border: 4px solid;
}

.btn.borders.border-5x {
    border: 5px solid;
}

.btn.borders.light {
    border-color: #e9e9e9;
}

.btn.borders.xdark {
    border-color: #101010;
}

.btn.borders.border-light {
    border-color: #e9e9e9;
}

.btn.borders.dark {
    color: #101010;
    border-color: #101010;
}

.btn.borders.border-xdark {
    color: #000;
    border-color: #000;
}

.btn.borders.border-cyan {
    color: #01bf9d;
    border-color: #01bf9d;
}

.btn.borders.border-green {
    color: #1fcf6d;
    border-color: #1fcf6d;
}

.btn.borders.border-blue {
    color: #5babe6;
    border-color: #5babe6;
}

.btn.borders.border-violet {
    color: #9c56b9;
    border-color: #9c56b9;
}

.btn.borders.border-yellow {
    color: #f3c500;
    border-color: #f3c500;
}

.btn.borders.border-orange {
    color: #e87e04;
    border-color: #e87e04;
}

.btn.borders.border-red {
    color: #ea4b35;
    border-color: #ea4b35;
}

.btn.borders.border-grey {
    color: #bec3c7;
    border-color: #bec3c7;
}


/* button text colors
 ------------------------------ */

.btn.text-blue {
    color: #46a3e7;
}

.btn.btn-dark {
    background-color: #101010;
    color: #727272;
}

.btn.btn-dark:hover {
    background-color: #3e3e3e;
    color: #fff;
}

.btn.btn-white {
    background-color: #fff;
    color: #242424;
}

.btn.btn-white:hover {
    background-color: #f6f6f6;
    color: #242424;
}

.btn.btn-cyan {
    background-color: #01bf9d;
    color: #fff;
}

.btn.-btn-cyan:hover {
    background-color: #03b595;
    color: #fff;
}

.btn.btn-cyan-dark {
    background-color: #01a185;
    color: #fff;
}

.btn.-btn-cyan-dark:hover {
    background-color: #019a7f;
    color: #fff;
}

.btn.btn-green {
    background-color: #1fcf6d;
    color: #fff;
}

.btn.-btn-green:hover {
    background-color: #1bc466;
    color: #fff;
}

.btn.btn-green-dark {
    background-color: #1aaf5d;
    color: #fff;
}

.btn.-btn-green-dark:hover {
    background-color: #16a456;
    color: #fff;
}

.btn.btn-blue {
    background-color: #4ea6e6;
    color: #fff;
}

.btn.-btn-blue:hover {
    background-color: #479edf;
    color: #fff;
}

.btn.btn-blue-dark {
    background-color: #217fbc;
    color: #fff;
}

.btn.-btn-blue-dark:hover {
    background-color: #1c78b4;
    color: #fff;
}

.btn.btn-violet {
    background-color: #9c56b9;
    color: #fff;
}

.btn.-btn-violet:hover {
    background-color: #9651b3;
    color: #fff;
}

.btn.btn-violet-dark {
    background-color: #8f3fb0;
    color: #fff;
}

.btn.-btn-violet-dark:hover {
    background-color: #893ba9;
    color: #fff;
}

.btn.btn-cello {
    background-color: #334960;
    color: #fff;
}

.btn.-btn-cello:hover {
    background-color: #30455b;
    color: #fff;
}

.btn.btn-cello-dark {
    background-color: #2d3e52;
    color: #fff;
}

.btn.-btn-cello-dark:hover {
    background-color: #28394d;
    color: #fff;
}

.btn.btn-yellow {
    background-color: #f3c500;
    color: #fff;
}

.btn.-btn-yellow:hover {
    background-color: #ebbf01;
    color: #fff;
}

.btn.btn-yellow-dark {
    background-color: #f59c00;
    color: #fff;
}

.btn.-btn-yellow-dark:hover {
    background-color: #ef9901;
    color: #fff;
}

.btn.btn-orange_contact {
    background-color: #fff;
    color: #fc3c2a;
}

.btn.btn-orange {
    background-color: #fc3c2a;
    color: #fff;
}

.btn.-btn-orange:hover {
    background-color: #e27b04;
    color: #fff;
}

.btn.btn-orange-dark {
    background-color: #d65400;
    color: #fff;
}

.btn.-btn-orange-dark:hover {
    background-color: #cf5303;
    color: #fff;
}

.btn.btn-red {
    background-color: #ea4b35;
    color: #fff;
}

.btn.-btn-red:hover {
    background-color: #e44630;
    color: #fff;
}

.btn.btn-red-dark {
    background-color: #c43926;
    color: #fff;
}

.btn.-btn-red-dark:hover {
    background-color: #bd3522;
    color: #fff;
}

.btn.btn-grey {
    background-color: #e8ebec;
    color: #101010;
}

.btn.-btn-grey:hover {
    background-color: #bd3522;
    color: #101010;
}

.btn.btn-grey-dark {
    background-color: #bec3c7;
    color: #fff;
}

.btn.-btn-grey-dark:hover {
    background-color: #babfc3;
    color: #fff;
}

.btn.btn-grey-dark {
    background-color: #bec3c7;
    color: #fff;
}

.btn.-btn-grey-dark:hover {
    background-color: #babfc3;
    color: #fff;
}

/* button animation 1
 ------------------------------ */

.btn.btn-3d {
    border-bottom: 5px solid rgba(0, 0, 0, 0.12);
    transition: all 0.3s ease-out 0s;
}

/* button animation 1
 ------------------------------ */
.btn.btn-anim-1 {
    overflow: hidden;
    position: relative;
}

.btn.btn-anim-1 i {
    position: absolute;
    display: block;
    height: 100%;
    left: -44px;
    line-height: 53px;
    margin: 0;
    text-align: center;
    top: 0;
    width: 40px;
    transition: all 0.3s ease-out 0s;
}

.btn.btn-anim-1 span {
    position: relative;
    display: inline-block;
    left: 0px;
    transition: all 0.3s ease-out 0s;

}

.btn:hover.btn-anim-1 i {
    left: 0px;
}

.btn:hover.btn-anim-1 span {
    left: 20px;

}

/* button animation 2
 ------------------------------ */
.btn.btn-anim-2 {
    overflow: hidden;
    position: relative;
}

.btn.btn-anim-2 i {
    position: absolute;
    display: block;
    height: 100%;
    line-height: 53px;
    margin: 0;
    text-align: center;
    top: -55px;
    left: 0px;
    width: 40px;
    transition: all 0.3s ease-out 0s;
}

.btn.btn-anim-2 span {
    position: relative;
    display: inline-block;
    left: 0px;
    transition: all 0.3s ease-out 0s;

}

.btn:hover.btn-anim-2 i {
    top: 0px;
}

.btn:hover.btn-anim-2 span {
    left: 20px;

}

/* button animation 3
 ------------------------------ */
.btn.btn-anim-3 {
    overflow: hidden;
    position: relative;
}

.btn.btn-anim-3 i {
    position: absolute;
    display: block;
    line-height: 53px;
    margin: 0;
    text-align: center;
    top: 40px;
    font-style: normal;
    transition: all 0.3s ease-out 0s;
}

.btn.btn-anim-3 span {
    position: relative;
    display: inline-block;
    top: 0px;
    transition: all 0.3s ease-out 0s;
}

.btn.btn-anim-3:hover i {
    top: 0px;
}

.btn.btn-anim-3:hover span {
    top: -40px;
}

/* button animation 4
 ------------------------------ */
.btn.btn-anim-4 {
    overflow: hidden;
    position: relative;
}

.btn.btn-anim-4 i {
    position: absolute;
    display: inline-block;
    line-height: 53px;
    left: 250px;
    top: 0px;
    text-align: center;
    font-style: normal;
    transition: all 0.3s ease-out 0s;
}

.btn.btn-anim-4 span {
    position: relative;
    display: inline-block;
    left: 0px;
    transition: all 0.3s ease-out 0s;
}

.btn.btn-anim-4:hover i {
    left: 30px;
}

.btn.btn-anim-4:hover span {
    left: -250px;
}

.space-button a {
    margin: 5px;
}

.thumbnail {
    display: block;
    overflow: hidden;
}

.thumbnail a,
.thumbnail img {
    display: block;
    width: 100%;
}

.thumbnail.animate-zoom img {
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}

.thumbnail.animate-zoom:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.thumbnail-rounded {
    border-radius: 3px;
}

.overlay-fill {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.masonry-5-columns .masonry-sizer,
.masonry-5-columns .masonry-item {
    width: 100%;
    float: left;
}

@media (min-width: 768px) {
    .masonry-5-columns .masonry-sizer,
    .masonry-5-columns .masonry-item {
        width: 50%;
    }
}

@media (min-width: 992px) {
    .masonry-5-columns .masonry-sizer,
    .masonry-5-columns .masonry-item {
        width: 33.333%;
    }

    .masonry-5-columns .masonry-item-width-2x {
        width: 66.667%;
    }
}

@media (min-width: 1200px) {
    .masonry-5-columns .masonry-sizer,
    .masonry-5-columns .masonry-item {
        width: 20%;
    }

    .masonry-5-columns .masonry-item-width-2x {
        width: 40%;
    }

    .masonry-5-columns .masonry-item-width-3x {
        width: 60%;
    }

    .masonry-5-columns .masonry-item-width-4x {
        width: 80%;
    }

    .masonry-5-columns .masonry-item-width-5x {
        width: 100%;
    }
}

.masonry-3-columns .masonry-sizer,
.masonry-3-columns .masonry-item {
    width: 100%;
    float: left;
}

@media (min-width: 768px) {
    .masonry-3-columns .masonry-sizer,
    .masonry-3-columns .masonry-item {
        width: 50%;
    }
}

@media (min-width: 1200px) {
    .masonry-3-columns .masonry-sizer,
    .masonry-3-columns .masonry-item {
        width: 33.33%;
    }

    .masonry-3-columns .masonry-item-width-2x {
        width: 66.67%;
    }
}

.masonry-gutter {
    width: 30px;
}

.masonry-item {
    margin-bottom: 30px;
}

.masonry-no-gutter .masonry-gutter {
    width: 0;
}

.masonry-no-gutter .masonry-item {
    margin: 0;
}

.stars-rating {
    font-size: 12px;
}

.stars-rating span {
    color: #a5a5a5;
}

.stars-rating.rating-open span {
    cursor: pointer;
}

.stars-rating[data-rate="5"] span {
    color: #fdba0a;
}

.stars-rating[data-rate="4"] span:nth-child(-n + 4) {
    color: #fdba0a;
}

.stars-rating[data-rate="3"] span:nth-child(-n + 3) {
    color: #fdba0a;
}

.stars-rating[data-rate="2"] span:nth-child(-n + 2) {
    color: #fdba0a;
}

.stars-rating[data-rate="1"] span:nth-child(-n + 1) {
    color: #fdba0a;
}

.hidden-search-form {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: rgba(0, 0, 0, 0.9);
}

.hidden-search-form .search-form {
    width: 100%;
    max-width: 600px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.hidden-search-form .form-close {
    margin-right: -10px;
    margin-top: -60px;
    float: right;
    display: inline-block;
    color: white;
    font-size: 30px;
    margin-bottom: 25px;
    cursor: pointer;
}

.search-form .form-group-input {
    border: none;
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
    font-size: 12px;
    background: #f0f0f0;
    border-radius: 50px 0 0 50px !important;
    height: 56px;
    line-height: 56px;
    padding-left: 25px;
}

.search-form .form-group-button {
    width: 58px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    border: none;
    border-radius: 0 8px 8px 0 !important;
}

.menu-mobile {
    padding: 15px;
}

.menu-mobile li {
    padding: 8px 0;
}

.menu-mobile a {
    color: #444;
}

.menu-mobile .sub-menu {
    margin-left: 15px;
    border: none;
}

.menu-mobile li.menu-item-has-children > a:after {
    content: "\f107";
    font-family: 'fontawesome';
    margin-left: 8px;
}

.menu-mobile li.menu-item-has-children.expanded > a:after {
    content: "\f106";
}

.dropdown-toggle::after {
    float: right;
    margin-top: 10px;
    margin-right: 10px;
    border-top: .3em solid transparent;
    border-right: .3em solid transparent;
    border-bottom: .3em solid transparent;
    border-left: .3em solid;
}

li.dropdown.show .dropdown-toggle::after {

    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

.nav-search {
    text-align: right;
    position: relative;
}

.nav-search .search-toggle {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding-left: 15px;
    border-left: 1px solid #bbb;
    cursor: pointer;
}

.page-navi {
    padding: 40px 0;
}

.page-navi li {
    margin-right: 8px;
    margin-bottom: 8px;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 30px;
    height: 52px;
    line-height: 52px;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    background: #f7f7f7;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
}

.page-navi li a,
.page-navi li span {
    display: block;
    color: #000;
}

.page-navi li.page-navi-dots {
    background: transparent;
}

.page-navi li.page-navi-number {
    width: 52px;
}

.page-navi li.page-navi-text a {
    padding: 0 40px;
}

#footer .inner-content {
    padding: 110px 0 50px;
}

.copyright {
    background: #f0f0f0;
    color: #444;
    padding: 40px 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
}

.copyright.dark-style {
    background: #020202;
    color: white;
}

.widget {
    margin-bottom: 65px;
}

.widget-contact-infomation li {
    padding-bottom: 20px;
    margin-bottom: 20px;
    position: relative;
}

.widget-contact-infomation li:not(:last-child) {
    background: url(../images/dash-x-blue-.png) left bottom repeat-x;
}

.widget-contact-infomation li .icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 57px;
    flex: 0 0 57px;
    font-size: 32px;
}

.widget-contact-infomation li .item-lb {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.widget-contact-infomation li .item-text {
    font-family: arimo;
    font-size: 13px;
    color: #666666;
}

.widget-menu-1 li {
    margin-bottom: 18px;
    font-size: 13px;
}

.widget-menu-1 li a:before {
    content: "\f054";
    font-family: fontawesome;
    font-size: 10px;
    margin-right: 10px;
}

.widget-post-item-1 {
    margin-bottom: 25px;
    font-family: 'Open Sans', sans-serif;
}

.widget-post-item-1 .thumbnail {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75px;
    flex: 0 0 75px;
    max-width: 75px;
    margin-right: 22px;
}

.widget-post-item-1 .post-date {
    text-transform: uppercase;
    font-size: 11px;
    margin: 0 0 10px;
}

.widget-post-item-1 .post-date i {
    margin-right: 8px;
}

.widget-post-item-1 .post-title {
    font-size: 13px;
    font-weight: 500;
}

.form-group-with-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.form-group-with-button .form-group-input {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.form-group-with-button .form-group-button {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.article-with-overlay {
    position: relative;
}

.article-with-overlay .overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

.article-with-overlay:hover .thumbnail.animate-zoom img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.simple-pagenavi a {
    font-family: Montserrat, san-serif;
    font-size: 12px;
    font-weight: bold;
    color: #444;
    text-transform: uppercase;
}

.simple-pagenavi i {
    font-size: 11px;
}

.simple-pagenavi .prev {
    padding-right: 20px;
    text-decoration: none;
}

.simple-pagenavi .next {
    padding-left: 20px;
    text-decoration: none;
}

.coin-icon {
    display: inline-block;
    width: 90px;
    height: 90px;
    line-height: 90px;
    text-align: center;
    font-size: 34px;
    color: white;
    border-radius: 50%;
    position: relative;
}

.social-1 li {
    font-size: 12px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    background-color: white;
    border-radius: 2px;
    color: #444;
}

.social-1 li a {
    display: block;
}

.header-1 {
    background: white;
}

.header-1 .header-top {
    background: #08091a;
}

.header-1 .list-contact-infomations {
    color: #bbb;
    font-size: 13px;
}

.header-1 .list-contact-infomations li {
    padding: 15px 0;
}

.header-1 .list-contact-infomations a {
    display: block;
    padding-right: 50px;
    padding-left: 50px;
    border-left: 1px solid #bbb;
}

.header-1 .list-contact-infomations li:first-child a {
    border-left: none;
    padding-left: 0;
}

.header-1 .list-contact-infomations i {
    color: #fbd03b;
    margin-right: 8px;
    font-size: 16px;
}

.header-1 .main-menu {
    font-family: Montserrat, san-serif;
    font-size: 14px;
}

.header-1 .main-menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.header-1 .main-menu li {
    position: relative;
}

.header-1 .main-menu a {
    -webkit-transition: .3s;
    transition: .3s;
    color: #666;
}

.header-1 .main-menu .menu > li {
    float: left;
}

.header-1 .main-menu .menu > li > a {
    font-weight: bold;
    font-size: 14px;
    display: block;
    height: 105px;
    line-height: 105px;
    padding: 0 20px;
}

.header-1 .main-menu li.current-menu-item > a,
.header-1 .main-menu li:hover > a {
    color: #0085d3;
}

.header-1 .main-menu .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 200px;
    opacity: 0;
    visibility: hidden;
    margin-top: 20px;
    -webkit-transition: ease .35s;
    transition: ease .35s;
    z-index: 1100;
    background: white;
    -webkit-box-shadow: 0px 0px 1px #bbb;
    box-shadow: 0px 0px 1px #bbb;
    font-size: 13px;
    font-weight: 500;
    padding: 15px 0;
    border-top: 2px solid #0085d3;
    border-bottom: 2px solid #0085d3;
}

.header-1 .main-menu .sub-menu a {
    color: #848484;
    display: block;
    padding: 10px 20px;
}

.header-1 .main-menu .sub-menu a:hover {
    -webkit-transform: translateX(7px);
    transform: translateX(7px);
}

.header-1 .main-menu .sub-menu .sub-menu {
    top: -15px;
    left: 100%;
    margin-top: 0px;
    margin-left: 20px;
}

.header-1 .main-menu .sub-menu li.menu-item-has-children > a:after {
    content: '\f105';
    font-family: 'fontawesome';
    float: right;
    margin-left: 10px;
    color: #777;
}

.header-1 .main-menu li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
    margin-left: 0;
}

.header-1 .nav-search-button {
    height: 28px;
    line-height: 28px;
    font-size: 18px;
    cursor: pointer;
    padding-left: 18px;
    border-left: 1px solid #adadad;
}

.page-header-1 {
    background: url(../images/page-header-1-bg.png);
    background-size: cover;
    background-position: center bottom;
    color: white;
}

.page-header-1 .overlay {
    background: rgba(0, 0, 0, 0.7);
}

.page-header-1 .inner-content {
    min-height: 215px;
    position: relative;
    padding: 40px 0;
}

.page-header-1 .page-header-title {
    margin: 0;
    font-size: 35px;
    line-height: 60px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: Montserrat, san-serif;
    color: white;
}

.page-header-1 .page-header-sub-title {
    margin: 0;
    font-family: Montserrat, san-serif;
    font-size: 15px;
    line-height: 28px;
}

.page-header-1 .page-header-breadcrumb {
    position: absolute;
    bottom: -26px;
    right: 0;
    height: 52px;
    line-height: 52px;
    font-size: 12px;
    font-weight: bold;
    font-family: Montserrat, san-serif;
    padding: 0 42px;
    border-radius: 30px;
    color: #202020;
    text-transform: uppercase;
}

.page-header-1 .page-header-breadcrumb span,
.page-header-1 .page-header-breadcrumb a {
    margin: 0 5px;
    color: inherit;
}

.header-transparent {
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 99;
}

.footer-1 {
    background: url(../images/footer-bg.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    font-size: 14px;
}

.footer-1 .overlay {
    background: rgba(255, 255, 255, 0.95);
}

.footer-1 p {
    color: #262626;
}

.blog-post-item-1 {
    margin-bottom: 80px;
}

.blog-post-item-1 .thumbnail {
    position: relative;
    margin-bottom: 25px;
}

.blog-post-item-1 .post-date {
    position: absolute;
    right: 25px;
    bottom: 25px;
    z-index: 100;
    color: white;
    border-radius: 2px;
    padding: 7px 16px;
    text-transform: uppercase;
    font-size: 11px;
    font-family: Montserrat, san-serif;
    display: inline-block;
}

.blog-post-item-1 .post-author-n-comments {
    margin-bottom: 15px;
}

.blog-post-item-1 .post-author {
    font-family: Montserrat, san-serif;
    font-size: 12px;
    color: #888888;
    margin-right: 25px;
    font-weight: 600;
}

.blog-post-item-1 .post-comment-count {
    font-family: Montserrat, san-serif;
    font-size: 12px;
    font-weight: bold;
}

.blog-post-item-1 .post-title {
    color: #444;
    font-family: Montserrat, san-serif;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 17px;
    margin: 0 0 20px;
}

.blog-post-item-1 .post-excerpt {
    color: #666;
}

.article-with-overlay-1 {
    position: relative;
    overflow: hidden;
    text-transform: uppercase;
    font-family: Montserrat, san-serif;
    font-size: 24px;
    font-weight: bold;
}

.article-with-overlay-1 .thumbnail img {
    -webkit-transition: .5s;
    transition: .5s;
}

.article-with-overlay-1 .overlay {
    -webkit-transition: .5s;
    transition: .5s;
    background: rgba(0, 0, 0, 0.5);
    color: white;
}

.article-with-overlay-1:hover .overlay {
    background: rgba(0, 0, 0, 0.7);
}

.article-with-overlay-1:hover .thumbnail img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.blog-post-detail-1 .section-header {
    font-family: Montserrat, san-serif;
}

.blog-post-detail-1 .section-header .post-author {
    font-size: 12px;
    color: #888;
    font-weight: 600;
}

.blog-post-detail-1 .section-header .post-comment-count {
    font-size: 12px;
    margin-left: 10px;
}

.blog-post-detail-1 .post-title {
    font-family: Montserrat, san-serif;
    font-weight: bold;
    font-size: 24px;
    color: #444;
    margin: 15px 0 30px;
}

.blog-post-detail-1 .thumbnail {
    border-radius: 3px;
    margin-bottom: 55px;
}

.blog-post-detail-1 .post-date {
    position: absolute;
    right: 40px;
    bottom: 30px;
    text-transform: uppercase;
    font-family: Montserrat, san-serif;
    font-size: 11px;
    line-height: 32px;
    height: 32px;
    padding: 0 18px;
    border-radius: 20px;
}

.blockquote-1 {
    margin: 30px 0;
    text-align: center;
}

.blockquote-1 .icon {
    font-size: 24px;
    color: #888;
}

.blockquote-1 .quote-content {
    margin: 25px 0;
    font-style: italic;
    color: #666;
}

.blockquote-1 .quoted-cite {
    font-family: Montserrat, san-serif;
    font-size: 20px;
    color: #3d3d3d;
    font-weight: bold;
}

.social-2 {
    font-family: Montserrat, san-serif;
    font-size: 13px;
    color: #555;
    padding: 20px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    margin-bottom: 40px;
}

.social-2 a {
    font-size: 13px;
    color: #4b4b4b;
    margin: 0 5px;
}

.section-header-style-1 .section-title {
    font-family: Montserrat, san-serif;
    font-size: 22px;
    font-weight: bold;
    color: #333;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.comment-item-1 {
    position: relative;
    list-style: none;
    margin-bottom: 35px;
}

.comment-item-1 .comment-avatar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 90px;
    flex: 0 0 90px;
    margin-right: 40px;
}

.comment-item-1 .comment-content {
    background: #fafafa;
    padding: 45px 55px;
    position: relative;
}

.comment-item-1 .comment-header {
    margin-bottom: 15px;
}

.comment-item-1 .comment-author {
    font-family: Montserrat, san-serif;
    font-size: 17px;
    color: #444;
    font-weight: bold;
    text-transform: uppercase;
}

.comment-item-1 .comment-time {
    margin-left: 20px;
    color: #0085d3;
    font-size: 12px;
}

.comment-item-1 .comment-text {
    font-style: italic;
}

.comment-item-1 .comment-text:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    border: 15px solid transparent;
    border-right-color: #fafafa;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
    margin: auto;
    z-index: 10;
}

.comment-item-1 .comment-reply {
    position: absolute;
    right: 25px;
    top: -21px;
    color: #333;
    font-family: Montserrat, san-serif;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    height: 42px;
    line-height: 42px;
    padding: 0 18px;
    border: none;
    border-radius: 30px;
    cursor: pointer;
}

@media (max-width: 767px) {
    .comment-item-1 .comment-avatar {
        margin-right: -40px;
        -ms-flex-item-align: start;
        align-self: start;
        margin-top: 15px;
        position: relative;
        z-index: 100;
    }

    .comment-item-1 .comment-content {
        padding-right: 10px;
    }
}

@media (min-width: 768px) {

    .sxema_col {
        padding: 10px;
        width: 140px;
        height: 140px;

    }

    .media_us {
        padding-top: 50px;
    }

    .comment-item-1.comment-child {
        margin-left: 130px;
    }
}

.infomation-box-1 .inner-content {
    background: white;
}

@media (min-width: 576px) {
    .infomation-box-1 {
        border-radius: 3px;
        padding: 20px;
    }

    .infomation-box-1 .inner-content {
        padding: 50px 55px 20px;
        background: white;
        border-radius: 3px;
    }
}

.infomation-box-1 .item {
    margin-bottom: 30px;
    font-size: 13px;
    color: #666;
}

.infomation-box-1 .item .icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 56px;
    flex: 0 0 56px;
    font-size: 36px;
}

.infomation-box-1 .item .lb {
    font-family: Montserrat, san-serif;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 800;
    margin-bottom: 5px;
    color: #444;
}

.infomation-box-2 {
    border-radius: 4px;
    margin-bottom: 60px;
}

.infomation-box-2 .overlay {
    background: white;
}

@media (min-width: 768px) {
    .infomation-box-2 {
        padding: 30px;
    }

    .infomation-box-2 .overlay {
        padding: 50px 40px;
    }
}

.infomation-box-2 .icon {
    width: 90px;
    margin-right: 30px;
    margin-bottom: 30px;
    color: white;
}

.infomation-box-2 .box-content {
    padding-right: 40px;
}

.infomation-box-2 .title-text {
    font-size: 18px;
    text-transform: uppercase;
    margin: 0 0 25px;
    font-weight: bold;
}

.infomation-box-2 p {
    color: #666;
}

.infomation-box-2 ul {
    font-weight: bold;
    padding: 0;
    margin: 40px 0 0;
    font-size: 13px;
}

.infomation-box-2 ul li {
    min-width: 230px;
    padding-right: 20px;
    display: inline-block;
    vertical-align: top;
    font-weight: bold;
    margin-bottom: 0.5rem;
}

.section-header-style-2 {
    margin-bottom: 60px;
    text-align: center;
    position: relative;
}

.section-header-style-2 .section-title {
    font-size: 38px;
    font-weight: bold;
    color: #292929;
    text-transform: uppercase;
    margin: 0 0 5px;
}

.section-header-style-2 .section-sub-title {
    font-size: 14px;
    color: #777777;
    font-weight: 600;
}

.section-header-style-2 .separator {
    display: block;
    width: 150px;
    height: 2px;
    position: relative;
    margin: 40px auto 0;
    z-index: 100;
}

.section-header-style-2 .icon {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -16px;
    margin: auto;
    z-index: 110;
    width: 52px;
    text-align: center;
    background: white;
    font-size: 24px;
    line-height: 32px;
}

.filter-nav-1 {
    background: #fafafa;
    margin-bottom: 50px;
    font-family: Montserrat, san-serif;
    padding: 0 45px;
}

.filter-nav-1 .lb {
    font-size: 16px;
    color: #262626;
    text-transform: uppercase;
    font-weight: bold;
    padding: 25px 18px;
    line-height: 20px;
}

.filter-nav-1 li {
    font-size: 13px;
    color: #262626;
    font-weight: bold;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: top;
    position: relative;
    cursor: pointer;
    position: relative;
    padding: 25px 18px;
    line-height: 20px;
}

.filter-nav-1 li.active:after, .filter-nav-1 li:hover:after {
    content: '';
    display: none;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 3px solid white;
    position: absolute;
    bottom: -8px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 100;
}

@media (max-width: 575px) {
    .filter-nav-1 {
        padding: 0 15px;
    }

    .filter-nav-1 li {
        padding: 20px 18px;
    }
}

@media (min-width: 1200px) {
    .filter-nav-1 li.active:after, .filter-nav-1 li:hover:after {
        display: block;
    }
}

.article-with-overlay-2 {
    margin-bottom: 30px;
    position: relative;
}

.article-with-overlay-2 .thumbnail img {
    -webkit-transition: .5s;
    transition: .5s;
}

.article-with-overlay-2 .overlay {
    font-family: Montserrat, san-serif;
    color: white;
    position: absolute;
    top: 0;
    left: 0;
    padding: 60px 50px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}

@media (max-width: 991px) {
    .article-with-overlay-2 .overlay {
        background-color: rgba(0, 0, 0, 0.6);
        visibility: visible;
        opacity: 1;
    }
}

@media (max-width: 575px) {
    .article-with-overlay-2 .overlay {
        padding: 30px;
    }
}

.article-with-overlay-2:hover .overlay {
    background-color: rgba(0, 0, 0, 0.6);
    visibility: visible;
    opacity: 1;
}

.article-with-overlay-2:hover .thumbnail img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.article-with-overlay-2 .article-description {
    font-size: 12px;
    font-weight: 500;
}

.article-with-overlay-2 .article-title {
    font-size: 17px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 1rem 0 0;
    color: white;
}

.article-with-overlay-3 {
    position: relative;
    overflow: hidden;
}

.article-with-overlay-3 .overlay {
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}

.article-with-overlay-3 .thumbnail img {
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}

.article-with-overlay-3 .item-text {
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 150px);
    padding: 100px 40px 30px;
}

.article-with-overlay-3 .item-text .item-title {
    font-family: Montserrat, san-serif;
    font-weight: bold;
    font-size: 17px;
    color: white;
    margin: 0;
    line-height: 1.2;
}

.article-with-overlay-3 .item-text .item-sub-title {
    font-size: 13px;
    font-style: italic;
    font-weight: 500;
    margin-bottom: 5px;
}

.article-with-overlay-3 .item-buttons {
    position: absolute;
    top: 40%;
    left: 0;
    width: 100%;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
    z-index: 120;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
}

.article-with-overlay-3 .item-buttons a,
.article-with-overlay-3 .item-buttons span {
    display: inline-block;
    width: 51px;
    height: 51px;
    line-height: 51px;
    font-size: 14px;
    color: white;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
}

.article-with-overlay-3:hover .overlay {
    background: rgba(0, 0, 0, 0.4);
}

.article-with-overlay-3:hover .item-text {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
}

.article-with-overlay-3:hover .item-buttons {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY();
    transform: translateY();
}

.article-with-overlay-3:hover .thumbnail img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.project-detail-1 .post-title {
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 20px;
}

.project-detail-1 ul {
    padding-left: 2rem;
    margin: 0 0 2rem;
    font-size: 13px;
    color: #808080;
}

.project-detail-1 ul li {
    margin-bottom: 1rem;
}

.project-detail-1 ul li .lb {
    margin-right: 1rem;
    color: #444;
}

.user-quote-1 {
    padding: 50px 60px;
    background: #fafafa;
    margin: 60px 0;
}

@media (max-width: 767px) {
    .user-quote-1 {
        padding: 15px;
    }
}

.user-quote-1 .quote-thumb {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 130px;
    flex: 0 0 130px;
    margin-right: 45px;
    margin-bottom: 20px;
}

.user-quote-1 .item-header {
    font-family: Montserrat, san-serif;
    margin: 0 0 1rem;
}

.user-quote-1 .item-header .name {
    font-size: 18px;
    color: #444;
    font-weight: bold;
    text-transform: uppercase;
}

.user-quote-1 .item-header .description {
    font-size: 12px;
    font-style: italic;
    color: #20bdd8;
    margin-left: 1rem;
    font-weight: 600;
}

.user-quote-1 .quote-text {
    font-style: italic;
    color: #555;
}

.user-quote-1 .item-social {
    font-size: 13px;
}

.user-quote-1 .item-social a {
    margin-left: 10px;
}

.service-item-1 {
    margin-bottom: 60px;
}

.service-item-1 .thumbnail {
    margin-bottom: 30px;
}

.service-item-1 .item-title {
    font-family: Montserrat, san-serif;
    font-size: 17px;
    font-weight: bold;
    text-transform: uppercase;
    color: #444444;
    margin: 10px 0 10px;
}

.section-header-style-3 {
    margin: 0 0 30px;
}

.section-header-style-3 .section-title {
    font-family: Montserrat, san-serif;
    font-size: 26px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 0 5px;
}

.section-header-style-3 .section-sub-title {
    font-family: Montserrat, san-serif;
    font-size: 13px;
    font-weight: 500;
}

.section-header-style-3 .section-sub-title:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 45px;
    border-top: 3px solid;
    margin-right: 10px;
    background: white;
}

.tesimonial-slider-1 .item {
    padding-left: 75px;
    background: url(../images/quote-icon.png) left 15px no-repeat;
    min-height: 70px;
}

.tesimonial-slider-1 .item .item-text {
    font-size: 15px;
    font-style: italic;
    margin-bottom: 20px;
}

.tesimonial-slider-1 .item .item-title {
    font-family: Montserrat, san-serif;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
}

.tesimonial-slider-1 .item .item-sub-title {
    font-size: 12px;
}

.owl-arrow-style-1 .owl-nav i {
    width: 34px;
    height: 34px;
    line-height: 34px;
    color: black;
    border-radius: 50%;
    margin-left: 4px;
    cursor: pointer;
    outline: 0;
}

.tesimonial-slider-1 .owl-nav {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1100;
}

@media (min-width: 768px) {
    .tesimonial-slider-1 .owl-nav {
        right: 120px;
    }
}

.branches-logo img {
    margin: 0 15px 30px;
}

.counter-style-1 .overlay {
    background-color: rgba(26, 26, 26, 0.8);
}

.counter-style-1 .counter-item {
    padding: 70px 15px;
    text-align: center;
    color: white;
}

.counter-style-1 .counter-item:nth-child(even) {
    background-color: rgba(26, 26, 26, 0.5);
}

.counter-style-1 .counter-item .counter-number {
    font-family: Montserrat, san-serif;
    font-size: 40px;
    font-weight: bold;
}

.counter-style-1 .counter-item .counter-text {
    font-family: Montserrat, san-serif;
    font-size: 14px;
    font-weight: bold;
}

.article-box-with-icon {
    margin-bottom: 60px;
}

.article-box-with-icon .icon {
    margin-bottom: 25px;
    display: inline-block;
}

.article-box-with-icon .item-title {
    font-family: Montserrat, san-serif;
    font-size: 18px;
    color: #272727;
    font-weight: 600;
}

.article-box-with-icon-2 {
    margin-bottom: 40px;
}

.article-box-with-icon-2 .item-content {
    padding-left: 15px;
}

.article-box-with-icon-2 .item-title {
    font-family: Montserrat, san-serif;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.article-box-with-icon-2 .item-description {
    font-size: 15px;
    margin-bottom: 10px;
    color: #777;
}

.article-box-with-icon-2 .item-link {
    font-family: Montserrat, san-serif;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
}

.article-box-with-icon-2 .item-link i {
    margin-left: 8px;
    font-size: 10px;
}

.filter-nav-4 li {
    display: inline-block;
    line-height: 40px;
    height: 40px;
    padding: 0 22px;
    background: white;
    border-radius: 25px;
    font-family: Montserrat, san-serif;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: #444;
    border: none;
    text-decoration: none;
}

.tabs-filter .content-tab:not(.active) {
    display: none;
}

.tabs-filter-style-1 .tab {
    display: inline-block;
    line-height: 40px;
    height: 40px;
    padding: 0 22px;
    background: white;
    border-radius: 25px;
    font-family: Montserrat, san-serif;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: #444;
    border: none;
    text-decoration: none;
}

.event-countdown-1 .section-markup-text {
    -ms-flex-preferred-size: 170px;
    flex-basis: 170px;
    background: black;
    color: white;
    min-height: 400px;
    position: relative;
}

.event-countdown-1 .section-markup-text span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(270deg);
    transform: translate(-50%, -50%) rotate(270deg);
    font-size: 70px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'arvo';
}

.event-countdown-1 .section-markup-button {
    padding: 20px 10px;
    background: #004bb2;
    border-radius: 20px;
    width: 100px;
    font-family: Montserrat, san-serif;
    margin-right: 35px;
}

.event-countdown-1 .section-markup-button .item-number {
    font-size: 26px;
    font-weight: bold;
}

.event-countdown-1 .section-markup-button .item-text {
    font-size: 11px;
    text-transform: uppercase;
}

.event-countdown-1 .section-header {
    margin-bottom: 30px;
}

.event-countdown-1 .section-header .section-top-title {
    font-family: Montserrat, san-serif;
    font-size: 12px;
    margin-bottom: 5px;
}

.event-countdown-1 .section-header .section-title {
    font-family: Montserrat, san-serif;
    font-size: 22px;
    font-weight: bold;
    margin: 0 0 15px;
    text-transform: uppercase;
}

.event-countdown-1 .section-header .section-bottom-title {
    font-size: 13px;
}

.event-countdown-1 .section-header .section-bottom-title i {
    margin-right: 8px;
}

.event-countdown-1 .section-content {
    padding: 110px 0 80px;
    color: white;
}

.countdown-style-1 {
    padding: 0;
    margin: 0;
    list-style: none;
}

.countdown-style-1 li {
    padding: 0 15px;
    font-family: Montserrat, san-serif;
    border-left: 1px dashed;
    text-align: center;
}

@media (min-width: 576px) {
    .countdown-style-1 li {
        padding: 0 40px;
    }
}

.countdown-style-1 li:first-child {
    border: none;
    padding-left: 0;
}

.countdown-style-1 li .number {
    font-size: 28px;
    font-weight: bold;
    line-height: 32px;
}

.countdown-style-1 li .text {
    font-size: 14px;
    font-weight: bold;
}

.section-header-style-4 {
    margin-bottom: 15px;
}

.section-header-style-4 .icon {
    margin-bottom: 15px;
    font-size: 32px;
}

.section-header-style-4 .section-title {
    font-size: 25px;
    font-weight: bold;
    color: #282828;
}

.section-header-style-4 .section-sub-title {
    font-size: 17px;
}

.cta_bg_image {
    background: transparent url(../images/jaluzi.jpg) no-repeat center/cover;
    background-position: 25% 28%;
}

.form-request-consulation {
    background: url(../images/snow-mountain.png) center center no-repeat;
    background-size: cover;
    position: relative;
}

@media (min-width: 992px) {
    .form-request-consulation {
        top: -80px;
        -webkit-box-shadow: 0px 25px 85px #ececec;
        box-shadow: 0px 25px 85px #ececec;
    }

    .form-request-consulation:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        top: -37px;
        width: 140px;
        height: 40px;
        margin: auto;
        /*background: url(../images/angle-up.png) center bottom no-repeat;*/
        z-index: 100;
    }
}

.form-request-consulation .overlay {
    background: rgba(255, 255, 255, 0.95);
    padding: 30px 20px 50px;
}

.form-request-consulation .section-content {
    margin: 0 auto;
    max-width: 690px;
}

.form-style-1 .input-styled {
    background: transparent;
    border: 2px solid #e6e6e6;
    font-family: Arimo, san-serif;
}

.form-style-2 .input-styled {
    border-color: transparent;
    background-color: #fbfbfb;
    font-family: Montserrat, san-serif;
}

.header-5 {
    position: relative;
}

.header-5 .site-branding {
    font-family: Poppins, san-serif;
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    height: 60px;
    line-height: 60px;
    text-align: center;
    text-transform: uppercase;
}

.header-5 .header-nav {
    background: rgba(255, 255, 255, 0.05);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
}

.header-5 .header-nav-icons li {
    font-size: 13px;
    line-height: 1;
    margin: 10px 0;
    padding: 0 19px;
    display: inline-block;
}

.header-5 .header-nav-icons li:not(:first-child) {
    border-left: 1px solid;
}

.page-header-5 {
    background: url(../images/page-header-5-bg.png);
    background-size: cover;
    background-position: center bottom;
    color: white;
}

.page-header-5 .overlay {
    background: rgba(0, 0, 0, 0.7);
}

.page-header-5 .inner-content {
    min-height: 320px;
    position: relative;
    padding: 100px 0 40px;
}

.page-header-5 .page-header-title {
    margin: 0;
    font-size: 35px;
    line-height: 60px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: Montserrat, san-serif;
    color: white;
}

.page-header-5 .page-header-sub-title {
    margin: 0;
    font-family: Montserrat, san-serif;
    font-size: 15px;
    line-height: 28px;
    color: #afafaf;
}

.page-header-5 .page-header-breadcrumb {
    display: inline-block;
    height: 52px;
    line-height: 52px;
    font-size: 12px;
    font-weight: bold;
    font-family: Montserrat, san-serif;
    padding: 0 42px;
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.1);
    text-transform: uppercase;
}

.page-header-5 .page-header-breadcrumb span,
.page-header-5 .page-header-breadcrumb a {
    margin: 0 5px;
    color: inherit;
}

.language-bar {
    position: relative;
    font-family: Poppins, san-serif;
    background: rgba(234, 234, 234, 0.53);
    padding: 0 15px;
}

.language-bar select {
    background: transparent;
    width: auto;
    border: none;
}

@media (min-width: 576px) {
    .language-bar:before {
        content: "\f0ac";
        font-family: 'fontawesome';
        position: absolute;
        top: 0;
        left: 10px;
        line-height: 50px;
    }

    .language-bar select {
        margin-left: 10px;
        display: inline-block;
    }
}

.social-3 {
    font-family: 'Poppins';
    height: 50px;
    font-size: 11px;
    font-weight: 500;
    position: relative;
}

.social-3 li {
    display: inline-block;
}

.social-3 li:not(:first-child) {
    margin-left: 25px;
    line-height: 16px;
}

@media (min-width: 768px) {
    .social-3 li:not(:first-child) {
        padding-left: 25px;
        border-left: 1px solid #444;
    }
}

.social-3 li i {
    margin-right: 5px;
    color: #222;
}

.header-2 .logo {
    height: 108px;
}

.header-2 .header-top {
    background: #fafafa;
}

.header-2 .contact-infomation {
    margin-bottom: 0;
}

.header-2 .contact-infomation li {
    color: #4d4d4d;
}

.header-2 .contact-infomation .icon {
    font-size: 38px;
    color: #feb500;
    margin-right: 18px;
    line-height: 1;
}

.header-2 .contact-infomation li .lb {
    font-family: Poppins;
    text-transform: uppercase;
    font-weight: bold;
}

.header-2 .contact-infomation li .prop {
    font-size: 12px;
}

.header-2 .header-navbar {
    background: #101010;
    position: relative;
    z-index: 1100;
    margin-bottom: -32px;
}

.header-2 .follow-us-button {
    position: absolute;
    left: calc(100% + 60px);
    top: 0;
    height: 50px;
    white-space: nowrap;
}

@media (max-width: 1549px) {
    .header-2 .follow-us-button {
        display: none !important;
    }
}

.header-2 .follow-us-button:after {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    border: 9px solid transparent;
    border-right-color: #1f1f1f;
    position: absolute;
    top: 0;
    right: 100%;
    bottom: 0;
    margin: auto;
    -webkit-transition: .3s;
    transition: .3s;
}

.header-2 .follow-us-button:hover:after {
    border-right-color: #ff6a00;
}

.header-2 .main-menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-family: Poppins;
}

.header-2 .main-menu li {
    position: relative;
}

.header-2 .main-menu .menu a {
    transition: linear .3s;
    -webkit-transition: linear .3s;
    -moz-transition: linear .3s;
}

.header-2 .main-menu .menu > li {
    float: left;
}

.header-2 .main-menu .menu > li > a {
    font-weight: bold;
    font-size: 14px;
    display: block;
    height: 64px;
    line-height: 64px;
    padding: 0 27px;
    text-transform: uppercase;
    font-weight: 600;
    color: white;
}

.header-2 .main-menu li.current-menu-item,
.header-2 .main-menu li:hover > a {
    color: #000;
    background: #feb500;
}

.header-2 .main-menu .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 240px;
    opacity: 0;
    visibility: hidden;
    margin-top: 20px;
    transition: linear .2s;
    -webkit-transition: linear .2s;
    -moz-transition: linear .2s;
    z-index: 1100;
    background: white;
    border: 1px solid #101010;
    border-top: 2px solid #101010;
    border-bottom: 2px solid #101010;
    font-size: 13px;
    font-weight: 600;
}

.header-2 .main-menu .sub-menu a {
    color: #666;
}

.header-2 .main-menu .sub-menu li:not(:first-child) > a {
    border-top: 1px solid #101010;
}

.header-2 .main-menu .sub-menu .sub-menu {
    top: 0;
    left: 100%;
    margin-top: 0px;
    margin-left: 20px;
}

.header-2 .main-menu .sub-menu .menu-item-has-children > a {
    padding-right: 30px;
}

.header-2 .main-menu .sub-menu .menu-item-has-children > a:after {
    content: '\f105';
    font-family: 'fontawesome';
    position: absolute;
    top: 10px;
    right: 15px;
    color: #777;
}

.header-2 .main-menu .sub-menu li a {
    display: block;
    padding: 10px 20px;
}

.header-2 .main-menu li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
    margin-left: 0;
}

.header-2 .nav-button {
    width: 64px;
    cursor: pointer;
    font-size: 14px;
    color: white;
}

.header-2 .hidden-search-form-toggler {
    background: #1f1f1f;
}

.widget-contact-infomation-2 li {
    margin-bottom: 30px;
}

.widget-contact-infomation-2 li .icon {
    width: 35px;
    font-size: 16px;
}

.widget-menu-3 ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.widget-menu-3 ul li {
    font-size: 16px;
    margin-bottom: 20px;
}

.widget-menu-3 ul li a {
    color: inherit;
    display: block;
    position: relative;
    padding-right: 50px;
    min-height: 30px;
}

.widget-menu-3 ul li a:after {
    position: absolute;
    top: 0;
    right: 0;
    content: "\f054";
    font-family: fontawesome;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-left: 1px solid;
    text-align: center;
    font-size: 11px;
}

.widget-menu-2 li {
    margin-bottom: 18px;
    font-size: 13px;
    font-family: Poppins, san-serif;
    font-weight: 600;
}

.social-4 li {
    display: inline-block;
    height: 31px;
    width: 31px;
    line-height: 31px;
    text-align: center;
    border-radius: 2px;
    font-size: 11px;
}

.social-4 li a {
    color: white;
}

.social-4 li a:hover {
    color: #000;
}

.footer-2 {
    background: #202020;
    color: white;
    padding: 115px 0 55px;
    font-family: Poppins;
}

.footer-2 p {
    color: #bbbbbb;
    font-size: 14px;
    margin-bottom: 22px;
}

.footer-2 .widget-menu a {
    color: #bbb;
}

.owl-nav-left-right .owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 40px;
}

.owl-nav-left-right .owl-nav button.owl-prev {
    position: absolute;
    top: 0;
    left: 0;
}

.owl-nav-left-right .owl-nav button.owl-next {
    position: absolute;
    top: 0;
    right: 0;
}

.owl-arrow-style-2 .owl-prev,
.owl-arrow-style-2 .owl-next {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: rgba(0, 0, 0, 0.6) !important;
    color: white !important;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    opacity: 0;
    border: 0 !important;
    padding: 0 !important;
}

.owl-arrow-style-2:hover .owl-nav button.owl-prev,
.owl-arrow-style-2:hover .owl-nav button.owl-next {
    opacity: 1;
}

/*.owl-arrow-style-2 {
	.owl-nav button.owl-prev,
	.owl-nav button.owl-next {
		width: 34px;
		height: 34px;
		line-height: 34px;
		border-radius: 50%;
		text-align: center;
		background: white !important;
		color: black !important;
		opacity: 1;
	}
}*/
.brands-carousel {
    padding: 80px 0;
    background: #fbfbfb;
}

.brand-carousel-slider {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.page-header-2 {
    background-image: url(../images/page-header-bg-2.jpg);
    background-size: cover;
    background-position: center center;
    color: white;
}

.page-header-2 .overlay {
    background: rgba(0, 0, 0, 0.6);
}

.page-header-2 .page-header-title {
    margin: 0;
    font-size: 45px;
    line-height: 60px;
    font-weight: bold;
    text-transform: uppercase;
}

.page-header-2 .page-header-sub-title {
    margin: 0;
    font-size: 18px;
    line-height: 28px;
    text-transform: uppercase;
    font-weight: normal;
}

.page-header-2 .page-header-inner {
    position: relative;
    padding: 125px 0 80px;
}

.page-header-2 .page-header-breadcrumb {
    padding: 0 25px;
    line-height: 50px;
    color: #fff;
    background: #feb500;
    border-radius: 2px;
    outline: none;
    cursor: pointer;
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 100;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
}

.page-header-2 .page-header-breadcrumb a {
    color: #fff;
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
}

.page-header-2 .page-header-breadcrumb a:hover {
    color: #000;
}

.blog-post-item-2 {
    margin-bottom: 70px;
}

.blog-post-item-2 .col-thumbnail {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(33.333333% + 30px);
    flex: 0 0 calc(33.333333% + 30px);
    max-width: calc(33.333333% + 30px);
}

.blog-post-item-2 .col-meta {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(66.666667% - 30px);
    flex: 0 0 calc(66.666667% - 30px);
    max-width: calc(66.666667% - 30px);
}

@media (min-width: 1200px) {
    .blog-post-item-2 .col-meta {
        padding-right: 45px;
    }
}

.blog-post-item-2 .post-title {
    font-size: 16px;
    line-height: 1.5;
    font-weight: bold;
    margin: 15px 0 10px;
    text-transform: uppercase;
    color: #444;
}

.blog-post-item-2 .post-taxonomies {
    font-style: italic;
    font-size: 13px;
    color: #8c8c8c;
    margin: 0 0 20px;
}

.blog-post-item-2 .post-taxonomies a {
    color: inherit;
}

.blog-post-item-2 .post-excerpt {
    font-size: 14px;
    line-height: 25px;
    color: #666;
    margin-bottom: 35px;
}

.blog-post-item-2 .post-author {
    font-family: Poppins;
}

.blog-post-item-2 .post-author .avatar {
    width: 68px;
}

.blog-post-item-2 .post-author .avatar img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.blog-post-item-2 .post-author .author-name {
    color: #888;
    font-size: 12px;
}

.blog-post-item-2 .post-author .post-date {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    color: #feb500;
}

.blog-post-detail-2 .blog-post-header {
    margin-bottom: 30px;
}

.blog-post-detail-2 .blog-post-header .blog-post-thumbnail {
    margin-bottom: 40px;
}

.blog-post-detail-2 .blog-post-header .post-title {
    font-size: 16px;
    line-height: 1.5;
    font-weight: bold;
    margin: 15px 0 10px;
    text-transform: uppercase;
    color: #444;
}

.blog-post-detail-2 .blog-post-header .post-taxonomies {
    font-style: italic;
    font-size: 13px;
    color: #8c8c8c;
    margin: 0 0 20px;
}

.blog-post-detail-2 .blog-post-header .post-taxonomies a {
    color: inherit;
}

.blog-post-detail-2 .blog-post-header .post-author {
    font-family: Poppins;
}

.blog-post-detail-2 .blog-post-header .post-author .avatar {
    width: 68px;
}

.blog-post-detail-2 .blog-post-header .post-author .avatar img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.blog-post-detail-2 .blog-post-header .post-author .author-name {
    color: #888;
    font-size: 12px;
}

.blog-post-detail-2 .blog-post-header .post-author .post-date {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    color: #feb500;
}

.list-style-3 {
    font-family: Poppins;
    padding: 25px 0;
    margin: 0 0 20px;
}

.list-style-3 li {
    list-style: none;
    margin-bottom: 8px;
    font-size: 14px;
}

.list-style-3 li:before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 15px;
}

.blockquote-2 {
    position: relative;
    margin: 35px 0;
    background: #f8f8f8;
    color: #444;
    font-family: Montserrat, san-serif;
    font-size: 15px;
    line-height: 25px;
    padding: 50px 65px 35px;
    border-left: 10px solid;
    font-stretch: initial;
}

.blockquote-2:before {
    content: "\f10d";
    font-family: fontawesome;
    font-size: 48px;
    color: #686868;
    position: absolute;
    top: 0;
    left: 60px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.blockquote-2 cite,
.blockquote-2 .blockquote-cite {
    font-size: 13px;
    font-weight: 600;
    font-family: Poppins;
    text-transform: uppercase;
    color: #484343;
    display: block;
    font-style: normal;
    margin-top: 15px;
    padding-left: 5px;
}

.blockquote-2 cite:before,
.blockquote-2 .blockquote-cite:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 6px;
    margin-right: 12px;
}

.question-item {
    margin-bottom: 35px;
}

.question-item .thumbnail {
    border-radius: 4px;
}

.question-item .item-title {
    /*font-family: Poppins;*/
    color: #1c1c1c;
    font-weight: bold;
    font-size: 18px;
    margin: 0 0 15px;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    line-height: 1.6;
}

.question-item .item-title:hover {
    color: #feb500;
}

.question-item .item-title:before {
    content: '\f086';
    color: #ffb703;
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    padding-right: 12px;
    margin-right: 12px;
    border-right: 1px solid #afafaf;
    font-family: 'FontAwesome'
}

.question-item .item-text {
    font-size: 15px;
    color: #666;
    line-height: 26px;
}

.section-header-style-4 {
    font-family: Poppins;
    overflow: hidden;
    /*margin-bottom: 40px;*/
}

.section-header-style-4 .section-title {
    color: #272727;
    font-size: 24px;
    font-weight: bold;
    margin: 0;
    text-transform: uppercase;
}

.section-header-style-4 .section-sub-title {
    color: #8c8c8c;
    font-size: 14px;
    margin: 5px 0 0;
    position: relative;
    display: inline-block;
}

.section-header-style-4 .section-sub-title:after {
    content: '';
    display: block;
    width: 112px;
    height: 4px;
    background: #b8b8b8;
    position: absolute;
    top: 7px;
    left: 100%;
    margin-left: 20px;
}

.section-header-style-4.inverse .section-title {
    color: white;
}

.comment-item-2 {
    position: relative;
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    .comment-item-2 {
        padding: 15px;
    }
}

.comment-item-2 .comment-avatar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 99px;
    flex: 0 0 99px;
    padding: 9px;
    padding-left: 0;
    border-radius: 9px;
    position: relative;
    z-index: 1;
    background: white;
}

.comment-item-2 .comment-avatar img {
    display: block;
    border-radius: 4px;
}

.comment-item-2 .comment-content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 40px 80px;
    background: #fafafa;
    margin-left: -50px;
}

@media (max-width: 575px) {
    .comment-item-2 .comment-content {
        padding-left: 60px;
        padding-right: 10px;
    }
}

.comment-item-2 .comment-header {
    margin: 0 0 18px;
}

.comment-item-2 .comment-header .comment-author {
    color: #444;
    font-family: Poppins;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
}

.comment-item-2 .comment-meta {
    color: #919191;
    font-family: Montserrat, san-serif;
    font-size: 12px;
    font-style: italic;
    margin-left: 22px;
}

.comment-item-2 .comment-text {
    color: #555555;
}

.comment-item-2 .reply-button {
    display: inline-block;
    line-height: 27px;
    height: 27px;
    border: 0;
    padding: 0 20px;
    color: white;
    font-family: Montserrat, san-serif;
    font-size: 11px;
    font-weight: bold;
    position: absolute;
    left: 8px;
    bottom: -8px;
    border-radius: 20px;
    cursor: pointer;
    outline: none;
}

.comment-item-2.comment-child {
    margin-left: 100px;
}

@media (max-width: 767px) {
    .comment-item-2.comment-child {
        margin-left: 25px;
    }
}

.form-style-3 .input-styled {
    background: #fbfbfb;
    border-color: #fbfbfb;
    font-style: italic;
    font-family: Montserrat, san-serif;
    font-size: 11px;
}

.filter-nav-2 {
    font-family: Poppins;
    color: #444;
    margin-bottom: 50px;
}

.filter-nav-2 li {
    display: inline-block;
    cursor: pointer;
    position: relative;
    margin-bottom: 20px;
    margin-right: 20px;
    font-size: 13px;
    font-weight: 600;
    background: #f1f1f1;
    padding: 8px 12px;
}

.filter-nav-2 li .count {
    display: none;
}

@media (min-width: 768px) {
    .filter-nav-2 {
        width: 190px;
        margin-right: 15px;
    }

    .filter-nav-2 li {
        display: block;
        margin-right: 0;
        padding: 0;
        background: none;
    }

    .filter-nav-2 li .text {
        display: inline-block;
        vertical-align: top;
        max-width: calc(100% - 63px);
    }

    .filter-nav-2 li .count {
        display: none;
        vertical-align: top;
        width: 58px;
        position: relative;
        margin-left: 5px;
        text-align: right;
    }

    .filter-nav-2 li .count:after {
        content: '';
        display: block;
        position: absolute;
        top: 8px;
        left: 0;
        width: 100%;
        height: 1px;
        border-top: 1px solid;
    }

    .filter-nav-2 li .count .number {
        display: inline-block;
        padding: 0 5px;
        background: white;
        position: relative;
        z-index: 2;
        background: white;
    }

    .filter-nav-2 li.active .count, .filter-nav-2 li:hover .count {
        display: inline-block;
    }
}

.article-with-overlay-4 {
    position: relative;
    margin-bottom: 15px;
}

.article-with-overlay-4 .thumbnail img {
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
}

.article-with-overlay-4 .overlay {
    opacity: 0;
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
    display: block;
    background: transparent;
    color: white;
    text-align: center;
    padding: 10px 30px;
}

.article-with-overlay-4 .icon {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: white;
    border-radius: 50%;
    font-size: 16px;
    color: #feb500;
    margin-bottom: 10px;
}

.article-with-overlay-4 .post-title {
    font-family: Poppins;
    font-size: 16px;
    font-weight: bold;
    line-height: 25px;
    margin: 0;
}

.article-with-overlay-4:hover .overlay {
    background: rgba(254, 181, 0, 0.8);
    opacity: 1;
}

.article-with-overlay-4:hover .thumbnail img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.project-detail-header {
    color: #494949;
}

.project-detail-header .header-title {
    font-size: 22px;
    margin: 0 0 35px;
    font-weight: bold;
}

.project-detail-header .post-fields {
    font-family: Poppins;
    font-size: 14px;
}

.project-detail-header .post-fields ul {
    margin-bottom: 40px;
    padding: 0;
    padding-right: 80px;
}

.project-detail-header .post-fields ul li {
    margin-bottom: 15px;
}

.project-detail-header .post-fields ul li .lb {
    margin-right: 10px;
}

.project-detail-gallery {
    margin-bottom: 70px;
}

.project-detail-gallery .project-detail-thumbnail {
    margin-bottom: 20px;
}

.project-detail-carousel .item {
    position: relative;
}

.project-detail-carousel .item .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(254, 181, 0, 0.8);
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
    opacity: 0;
    color: white;
    font-size: 32px;
    cursor: pointer;
}

.project-detail-carousel .item:hover .overlay {
    opacity: 1;
}

.prodject-detail-content {
    margin-bottom: 40px;
}

.form-box-1 {
    background: url(../images/quote-form-bg.png);
    background-size: cover;
    background-position: center center;
    color: white;
    margin-bottom: 40px;
}

.form-box-1 .overlay {
    background: rgba(0, 0, 0, 0.92);
    padding: 80px 60px;
}

@media (max-width: 575px) {
    .form-box-1 .overlay {
        padding: 40px 30px;
    }
}

.form-box-1 .form-group {
    margin-bottom: 15px;
}

.form-box-1 input,
.form-box-1 select,
.form-box-1 textarea {
    font-style: italic;
}

.article-with-overlay-5 {
    position: relative;
    margin: 0 0 90px;
}

.article-with-overlay-5 .overlay {
    color: #666666;
    overflow: hidden;
    padding: 55px 60px;
    background: #f9f9f9;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}

.article-with-overlay-5 .overlay .icon {
    font-size: 46px;
}

.article-with-overlay-5 .overlay .item-description {
    font-size: 12px;
    font-style: italic;
    margin: 0 0 10px;
    color: #8c8c8c;
}

.article-with-overlay-5 .overlay .item-title {
    font-family: Poppins;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    color: #272727;
    margin: 0 0 20px;
}

.article-with-overlay-5 .overlay .item-excerpt {
    font-size: 14px;
    line-height: 25px;
    color: #666666;
}

@media (max-width: 768px) {
    .article-with-overlay-5 .overlay {
        padding: 20px;
    }
}

.article-with-overlay-5 .arrow {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #333333;
    color: #fff;
    border-radius: 50%;
    font-size: 15px;
    position: absolute;
    left: 60px;
    bottom: -20px;
    z-index: 100;
    text-align: center;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}

@media (max-width: 991px) {
    .article-with-overlay-5 {
        color: #bbbbbb;
    }

    .article-with-overlay-5 .overlay {
        background: rgba(0, 0, 0, 0.9);
    }

    .article-with-overlay-5 .overlay .item-title {
        color: #fff;
    }

    .article-with-overlay-5 .overlay .item-description {
        color: #bbbbbb;
    }

    .article-with-overlay-5 .overlay .item-excerpt {
        color: #bbbbbb;
    }

    .article-with-overlay-5 .arrow {
        background: #feb500;
    }
}

@media (min-width: 992px) {
    .article-with-overlay-5:hover {
        color: #bbbbbb;
    }

    .article-with-overlay-5:hover .overlay {
        background: rgba(0, 0, 0, 0.9);
    }

    .article-with-overlay-5:hover .overlay .item-title {
        color: #fff;
    }

    .article-with-overlay-5:hover .overlay .item-description {
        color: #bbbbbb;
    }

    .article-with-overlay-5:hover .overlay .item-excerpt {
        color: #bbbbbb;
    }

    .article-with-overlay-5:hover .arrow {
        background: #feb500;
    }
}

.service-detail-1 {
    background: #fbfbfb;
}

.service-detail-1 .service-detail-header {
    position: relative;
    margin-bottom: 85px;
}

.service-detail-1 .service-detail-header .title-box {
    z-index: 100;
    padding: 30px 55px;
    background: black;
    color: #f8f8f8;
}

@media (min-width: 576px) {
    .service-detail-1 .service-detail-header .title-box {
        position: absolute;
        bottom: -33px;
        left: 70px;
        width: 370px;
    }
}

.service-detail-1 .service-detail-header .title-box .icon {
    font-size: 50px;
    margin: 0 0 10px;
}

.service-detail-1 .service-detail-header .title-box .post-taxonomies {
    color: #bbbbbb;
    font-size: 12px;
    font-style: italic;
    margin: 0 0 10px;
}

.service-detail-1 .service-detail-header .title-box .post-title {
    margin: 0;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
}

.section-header-style-5 {
    font-family: Poppins;
    overflow: hidden;
    margin-bottom: 40px;
}

.section-header-style-5 .section-title {
    color: #272727;
    font-size: 24px;
    font-weight: bold;
    margin: 0;
    text-transform: uppercase;
}

.section-header-style-5 .section-sub-title {
    color: #8c8c8c;
    font-size: 14px;
    margin: 5px 0 0;
    position: relative;
    display: inline-block;
}

.section-header-style-5 .section-sub-title:after {
    content: '';
    display: block;
    width: 53px;
    height: 4px;
    position: absolute;
    top: 7px;
    left: 100%;
    margin-left: 20px;
}

.form-style-4 label {
    font-family: Poppins;
    font-size: 13px;
}

.form-style-4 .input-styled {
    font-style: italic;
}

.image-box-1 {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align: center;
}

.image-box-1 img {
    position: relative;
    z-index: 20;
}

.image-box-1 .behind-bg {
    max-width: 460px;
    height: 360px;
    position: absolute;
    left: 0;
    right: 0;
    top: 200px;
    background: white;
    margin: auto;
    z-index: 10;
    -webkit-box-shadow: 0px 0px 78px #d6d6d6;
    box-shadow: 0px 0px 78px #d6d6d6;
}

.team-item-1 {
    position: relative;
    padding-top: 82px;
    text-align: center;
    max-width: 300px;
    margin: 0 auto 70px;
    font-family: Poppins;
}

.team-item-1 .thumbnail {
    width: 165px;
    height: 165px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.team-item-1 .item-content {
    padding: 100px 30px 30px;
    background: #f9f9f9;
}

.team-item-1 .name {
    text-transform: uppercase;
    font-weight: bold;
    color: #444;
    font-size: 18px;
    margin: 0 0 5px;
    -webkit-transition: .4s ease;
    transition: .4s ease;
}

.team-item-1 .name:hover {
    color: #feb500;
}

.team-item-1 .role {
    font-size: 12px;
    color: #888888;
}

.social-5 li {
    margin: 0 5px 5px;
    width: 34px;
    height: 34px;
    line-height: 34px;
    border-radius: 50%;
    color: #767676;
    font-size: 15px;
    background: white;
}

.social-5 a {
    display: block;
}

.team-detail-1 .col-thumbnail {
    margin-bottom: 50px;
}

.team-detail-1 .thumbnail {
    margin-bottom: 40px;
}

.team-detail-1 .detail-content {
    padding: 75px 60px;
    background: #fcfcfc;
}

@media (max-width: 767px) {
    .team-detail-1 .detail-content {
        padding: 20px;
    }
}

.team-detail-1 .detail-content .box-header {
    font-family: Poppins, san-serif;
    margin-bottom: 30px;
}

.team-detail-1 .detail-content .box-header .role {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    margin: 0 0 10px;
}

.team-detail-1 .detail-content .box-header .name {
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
    color: #333333;
    margin: 0 0 10px;
}

.team-detail-1 .detail-content .box-header .description {
    font-size: 13px;
    font-weight: 500;
}

.team-detail-1 .detail-content .box-progress {
    margin-top: 80px;
}

.team-detail-1 .detail-content .box-progress .box-title {
    font-family: Poppins, san-serif;
    font-size: 24px;
    font-weight: bold;
    color: #333333;
    margin-bottom: 30px;
}

@media (min-width: 767px) {
    .team-detail-1 .col-thumbnail {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 38%;
        flex: 0 0 38%;
        max-width: 38%;
    }

    .team-detail-1 .col-content {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 62%;
        flex: 0 0 62%;
        max-width: 62%;
    }
}

.ronby-progress .ronby-progress-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-family: Poppins;
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.ronby-progress .ronby-progress-bar {
    height: 10px;
    background: #e0e0e0;
    display: block;
    width: 100%;
}

.ronby-progress .ronby-progress-current {
    height: 10px;
    background: #24759d;
}

.ronby-progress.progress-danger .ronby-progress-current {
    background: #b32b5e;
}

.ronby-progress.progress-success .ronby-progress-current {
    background: #4eb41c;
}

.section-we-provide-services {
    /*background: #fbfbfb url(../images/construction-section-bg-1.png);*/
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.section-we-provide-services .section-title {
    font-size: 35px;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    color: #444;
    margin: 0 0 25px;
}

.section-we-provide-services .section-title span {
    color: #feb500;
    font-weight: normal;
}

.counter-style-2 {
    background: white;
    padding: 50px 0;
}

.counter-style-2 ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.counter-style-2 li {
    font-family: Poppins;
    padding: 30px 20px;
    position: relative;
    text-align: center;
}

@media (min-width: 1200px) {
    .counter-style-2 li:not(:first-child):after {
        content: '';
        background: #dddddd;
        width: 1px;
        height: 30px;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto;
    }
}

.counter-style-2 .counter-number {
    font-size: 35px;
    font-weight: bold;
    color: #444;
}

.counter-style-2 .counter-lb {
    font-size: 13px;
    clip: #888889;
}

.blog-post-item-3 {
    margin-bottom: 60px;
}

.blog-post-item-3 .thumbnail {
    margin-bottom: 30px;
}

.blog-post-item-3 .post-title {
    font-size: 20px;
    font-family: Poppins;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0 0 30px;
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
}

.blog-post-item-3 .post-excerpt {
    font-size: 14px;
    color: #bbb;
    margin-bottom: 20px;
}

.blog-post-item-3 .permalink {
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    color: white;
    padding: 10px 0;
    -webkit-transition: .3s;
    transition: .3s;
}

.blog-post-item-3 .permalink:after {
    content: '\f105';
    font-family: fontawesome;
    display: inline-block;
    vertical-align: middle;
    height: 27px;
    line-height: 27px;
    width: 27px;
    text-align: center;
    color: white;
    border-radius: 50%;
    margin-left: 20px;
}

.testimonial-slider-2 .item {
    color: white;
    max-width: 740px;
    margin: 0 auto;
    padding: 0 40px;
}

.testimonial-slider-2 .item .testimonial-quote {
    font-size: 17px;
    font-style: italic;
    padding: 20px 0;
}

.testimonial-slider-2 .item .testimonial-quote:before {
    content: '“';
    margin-right: 5px;
    font-size: 45px;
    line-height: 30px;
    display: inline-block;
    vertical-align: bottom;
}

.testimonial-slider-2 .item .testimonial-quote:after {
    content: '”';
    margin-left: 5px;
    font-size: 45px;
    line-height: 30px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    top: 20px;
}

.testimonial-slider-2 .item .testimonial-author {
    font-family: Poppins;
}

.testimonial-slider-2 .item .testimonial-author .testimonial-author-name {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
}

.testimonial-slider-2 .item .testimonial-author .testimonial-author-role {
    font-size: 12px;
    padding-left: 10px;
    border-left: 1px solid white;
    margin-left: 30px;
    display: inline-block;
    vertical-align: middle;
}

.construction-our-blog-news {
    padding: 60px 0 60px;
    background: white;
}

@media (max-width: 767px) {
    .construction-our-blog-news {
        padding: 40px 0;
    }
}

.section-help-n-quote {
    background: #f2e6e6a6;
}

.section-help-n-quote .section-left-content {
    padding: 40px 15px;
}

.section-help-n-quote .section-right-content {
    padding: 40px 15px;
}

@media (min-width: 1200px) {
    .section-help-n-quote .section-left-content {
        padding-right: 100px;
    }

    .section-help-n-quote .section-left-content {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 700px;
        flex: 0 0 700px;
    }

    .section-help-n-quote .section-right {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 115px);
        flex: 0 0 calc(50% - 115px);
    }

    .section-help-n-quote .section-right .section-right-content {
        width: 470px;
        padding-left: 90px;
    }

    .section-help-n-quote .section-right-content {
        padding: 80px 60px;
        padding-right: 0;
    }
}

.section-help-n-quote .section-form-box {
    background: url(../images/faqimage.jpg);
    background-size: cover;
    background-position: center center;
    color: white;
    margin-bottom: 40px;
}

.section-help-n-quote .section-form-box .overlay {
    background: rgba(0, 0, 0, 0.86);
}

.section-help-n-quote .section-form-box .form-group {
    margin-bottom: 15px;
}

.section-help-n-quote .section-form-box input,
.section-help-n-quote .section-form-box select,
.section-help-n-quote .section-form-box textarea {
    font-style: italic;
}

.ronby-fitness input[type="text"],
.ronby-fitness input[type="email"],
.ronby-fitness input[type="tel"],
.ronby-fitness input[type="number"],
.ronby-fitness input[type="search"],
.ronby-fitness input[type="date"],
.ronby-fitness input[type="time"],
.ronby-fitness input[type="password"],
.ronby-fitness select,
.ronby-fitness textarea {
    background-color: #f6f6f6;
    border-color: #f6f6f6;
    border-radius: 6px;
}

.ronby-fitness .form-group-select {
    position: relative;
}

.ronby-fitness .form-group-select select {
    padding-right: 40px;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

.ronby-fitness .form-group-select:after {
    display: block;
    content: '\f107';
    font-family: fontawesome;
    position: absolute;
    top: 0;
    right: 20px;
    bottom: 0;
    margin: auto;
    font-size: 14px;
    height: 14px;
    line-height: 14px;
    color: #555555;
}

.header-3 {
    background: url(https://rolshtora.dp.ua/wp-content/uploads/2016/02/banner2.jpg);
    background-position: center top;
    background-attachment: fixed;
    color: white;
    background-size: cover;
}

.header-3 .overlay {
    background: rgba(0, 0, 0, 0.6);
}

.header-3 .header-infomation {
    /*font-family: Poppins;*/
    font-size: 12px;
    color: white;
}

.header-3 .header-infomation li {
    padding: 12px 0;
    line-height: 15px;
    display: inline-block;
}

.header-3 .header-infomation li:not(:first-child) {
    margin-left: 30px;
}

.header-3 .header-infomation li:not(:first-child):before {
    content: '|';
    color: #adadad;
    margin-right: 30px;
}

.header-3 .header-top {
    max-width: 1290px;
    margin: 0 auto;
}

.header-3 .header-nav {
    padding: 20px 60px;
    max-width: 1290px;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.07);
    position: relative;
    z-index: 9999;
}

@media (min-width: 1350px) {
    .header-3 .header-top {
        padding-left: 60px;
    }
}

.header-3 .logo {
    height: 51px;
    width: 273px;
}

.header-3 .main-menu {
    /*font-family: Poppins;*/
}

.header-3 .main-menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.header-3 .main-menu .menu > li {
    float: left;
    position: relative;
}

.header-3 .main-menu .menu > li > a {
    display: block;
    padding: 30px 10px;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
}

.header-3 .main-menu .sub-menu {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 100%;
    left: 0;
    width: 220px;
    background: rgba(0, 0, 0, 0.7);
    padding: 10px 0;
    font-size: 14px;
    -webkit-transition: .5s;
    transition: .5s;
}

.header-3 .main-menu .sub-menu li {
    position: relative;
    padding: 10px 20px;
}

.header-3 .main-menu .sub-menu a {
    color: white;
}

.header-3 .main-menu .sub-menu .sub-menu {
    top: 0;
    left: 100%;
}

.header-3 .main-menu a {
    -webkit-transition: .4s ease;
    transition: .4s ease;
}

.header-3 .main-menu li:hover > a {
    color: #fc3c2a;
}

.header-3 .main-menu li.menu-item-has-children:hover > .sub-menu {
    visibility: visible;
    opacity: 1;
}

.header-3 .nav-search-button {
    font-size: 11px;
    width: 40px;
    height: 40px;
    line-height: 36px;
    text-align: center;
    border-radius: 50%;
    border: 2px solid white;
    cursor: pointer;
}

.page-header-3 {
    color: white;
    font-family: Poppins;
    padding: 70px 0;
}

.page-header-3 .inner-content {
    border-left: 6px solid white;
    padding-left: 27px;
}

.page-header-3 .page-header-title {
    font-size: 45px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 5px 0;
}

.page-header-3 .page-header-breadcrumb a,
.page-header-3 .page-header-breadcrumb span {
    font-size: 18px;
    color: inherit;
    padding-right: 11px;
    padding: 0 11px;
}

.page-header-3 .page-header-breadcrumb a:first-child,
.page-header-3 .page-header-breadcrumb span:first-child {
    padding-left: 0;
}

.section-brands-carousel-2 {
    background: #fbfbfb;
    padding: 100px 0;
    position: relative;
}

.section-brands-carousel-2:before {
    content: '';
    display: block;
    width: 164px;
    height: 36px;
    position: absolute;
    top: -34px;
    left: 0;
    right: 0;
    margin: auto;
    background: url(../images/section-arrow-1.png) center bottom no-repeat;
}

.section-brands-carousel-2 .item img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 110px;
}

.section-brands-carousel-2 .owl-carousel {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
}

.footer-3 {
    background: #1a1a1a;
    font-family: Poppins;
    color: white;
    font-size: 14px;
    padding: 115px 0 55px;
    position: relative;
}

.footer-3 p {
    color: #eeeeee;
}

.footer-3:before {
    content: '';
    display: block;
    width: 164px;
    height: 36px;
    position: absolute;
    top: -34px;
    left: 0;
    right: 0;
    margin: auto;
    background: url(../images/footer-arrow-up.png) center bottom no-repeat;
}

.footer-3 .widget {
    padding-right: 25px;
}

.widget-menu-4 ul {
    padding: 0;
    margin: 0;
}

.widget-menu-4 li {
    list-style: none;
    margin-bottom: 20px;
    padding-right: 50px;
    position: relative;
    color: #dddddd;
    font-family: Poppins;
    font-size: 13px;
    text-transform: uppercase;
}

.widget-menu-4 li:after {
    content: '\f105';
    font-family: fontawesome;
    width: 33px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    border-radius: 50%;
    color: white;
    position: absolute;
    top: -8px;
    right: 0;
    background: #242424;
    -webkit-transition: .4s ease;
    transition: .4s ease;
}

.widget-timetable {
    font-family: Montserrat, san-serif;
}

.widget-timetable li {
    background: url(../images/dash-border-gray.png) left bottom repeat-x;
    padding: 0 0 20px;
    margin: 0 0 20px;
    font-size: 13px;
    font-weight: 600;
}

.widget-timetable li:last-child {
    background: none;
}

.blog-post-item-4 .thumbnail {
    margin-bottom: 30px;
    position: relative;
}

@media (min-width: 992px) {
    .blog-post-item-4.thumb-top-style .thumbnail:after {
        content: '';
        display: block;
        width: 102px;
        height: 22px;
        position: absolute;
        left: 0;
        right: 0;
        bottom: -1px;
        margin: auto;
        background: url(../images/fitness-blog-post-arrow-up.png);
        background-size: cover;
        background-position: center center;
        z-index: 10;
    }

    .blog-post-item-4.thumb-left-style .thumbnail:after {
        content: '';
        display: block;
        width: 22px;
        height: 102px;
        position: absolute;
        top: 0;
        right: -1px;
        bottom: 0;
        margin: auto;
        background: url(../images/fitness-blog-post-arrow-left.png);
        background-size: cover;
        background-position: center center;
        z-index: 10;
    }

    .blog-post-item-4.thumb-right-style .thumbnail:after {
        content: '';
        display: block;
        width: 22px;
        height: 102px;
        position: absolute;
        top: 0;
        left: -1px;
        bottom: 0;
        margin: auto;
        background: url(../images/fitness-blog-post-arrow-right.png);
        background-size: cover;
        background-position: center center;
        z-index: 10;
    }
}

.blog-post-item-4 .item-content {
    margin-bottom: 30px;
}

.blog-post-item-4 .post-date {
    display: inline-block;
    padding: 0 20px;
    height: 38px;
    line-height: 38px;
    color: white;
    font-family: Poppins;
    font-size: 12px;
}

.blog-post-item-4 .post-title {
    font-family: Poppins;
    font-size: 20px;
    color: #444;
    font-weight: bold;
    margin: 0 0 20px;
}

.blog-post-item-4 .post-excerpt {
    font-size: 14px;
    color: #555555;
}

.blog-post-item-4 .post-stats {
    font-size: 12px;
    color: #5b5b5b;
}

.blog-post-detail-3 .blog-post-header {
    margin-bottom: 50px;
}

.blog-post-detail-3 .blog-post-header .post-date {
    display: inline-block;
    color: white;
    padding: 0 20px;
    line-height: 38px;
    height: 38px;
    font-family: Poppins;
    font-size: 12px;
}

.blog-post-detail-3 .blog-post-header .post-title {
    font-size: 24px;
    font-weight: bold;
    color: #444444;
    margin: 15px 0 25px;
}

.blog-post-detail-3 .blog-post-header .post-stats {
    font-size: 12px;
    color: #5b5b5b;
}

.blog-post-detail-3 .blog-post-header .hr {
    display: block;
    width: 100%;
    border-bottom: 1px solid #ececec;
}

.blog-post-detail-3 .blog-post-header .post-tags a {
    font-family: Montserrat, san-serif;
    font-size: 13px;
    font-style: italic;
    color: #4a4a4a;
    font-weight: 600;
}

.social-6 {
    margin: 0 0 30px;
}

.social-6 li {
    display: inline-block;
    width: 45px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #4a4a4a;
    color: white;
    -webkit-transition: .4s ease;
    transition: .4s ease;
}

.social-6 a {
    display: block;
}

.list-style-4 {
    padding: 0;
    list-style: none;
    margin: 25px 0;
}

.list-style-4 li {
    margin-bottom: 10px;
}

.list-style-4 li:before {
    content: "\f0da";
    font-family: fontawesome;
    margin-right: 12px;
}

.blockquote-3 {
    margin: 30px 0;
    padding: 56px 72px;
    background: #fc3c2a;
    color: white;
    font-style: italic;
    font-size: 17px;
    font-family: Montserrat, san-serif;
    border-radius: 4px;
}

.blockquote-3 .blockquote-content {
    padding-left: 23px;
    border-left: 2px solid white;
}

.user-quote-2 {
    margin-bottom: 60px;
    background: url(../images/quote-bg.png) no-repeat;
    background-size: cover;
    background-position: center center;
    color: white;
    position: relative;
    border-radius: 4px;
}

.user-quote-2 .overlay {
    background: rgba(0, 0, 0, 0.7);
    padding: 53px 100px 60px 256px;
}

.user-quote-2 .author-avatar {
    width: 165px;
    position: absolute;
    z-index: 10;
    bottom: -22px;
    left: 41px;
}

.user-quote-2 .author-name {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0 0 15px;
}

.user-quote-2 .quote-content {
    color: #9e9e9e;
    font-style: italic;
}

.user-quote-2 .quote-social {
    position: absolute;
    top: 16px;
    right: 18px;
    z-index: 10;
    font-size: 10px;
}

.user-quote-2 .quote-social ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.user-quote-2 .quote-social ul li {
    width: 30px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    margin-bottom: 4px;
    background: #4a4a4a;
    -webkit-transition: .4s ease;
    transition: .4s ease;
}

.user-quote-2 .quote-social ul li a {
    color: white;
    display: block;
}

.section-header-style-5 {
    margin-bottom: 35px;
}

.section-header-style-5 .section-title {
    color: #272727;
    font-size: 24px;
    font-weight: bold;
    margin: 0;
    text-transform: uppercase;
}

.section-header-style-5 .section-sub-title {
    font-family: Arimo;
    font-size: 13px;
    margin: 5px 0 0;
    font-weight: normal;
}

.comment-item-3 {
    position: relative;
    margin-bottom: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.comment-item-3 .comment-avatar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
    max-width: 100px;
    position: relative;
    z-index: 1;
}

.comment-item-3 .comment-avatar img {
    display: block;
}

.comment-item-3 .comment-content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-left: 36px;
}

.comment-item-3 .comment-header {
    margin: 0 0 18px;
}

.comment-item-3 .comment-header .comment-author {
    color: #444;
    font-family: Poppins;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
}

.comment-item-3 .comment-header .comment-time {
    color: #919191;
    font-family: Montserrat, san-serif;
    font-size: 12px;
    margin-left: 22px;
    text-transform: uppercase;
}

.comment-item-3 .comment-text {
    font-family: Arimo;
    color: #666;
    font-style: italic;
}

.comment-item-3 .comment-actions {
    display: inline-block;
    margin-left: 96px;
    font-size: 13px;
    font-style: italic;
}

.comment-item-3.comment-child {
    margin-left: 100px;
}

@media (max-width: 767px) {
    .comment-item-3.comment-child {
        margin-left: 25px;
    }
}

.form-style-5 input.input-styled,
.form-style-5 select.input-styled {
    height: 55px;
}

.form-style-5 .input-styled {
    border-radius: 30px;
    background: #f9f9f9;
    border-color: #f9f9f9;
}

.class-item {
    margin: 0 0 30px;
}

.class-item .class-infomation {
    /*height: 200px;*/
    text-align: center;
    position: relative;
    margin: 0 10px;
    top: -45px;
    z-index: 10;
    background: white;
    border: 5px solid #fbfbfb;
    padding: 20px 20px 40px;
    color: #444;
}

.class-item .class-infomation .class-description {
    font-size: 13px;
    font-style: italic;
}

.class-item .class-infomation .class-title {
    font-size: 18px;
    /*font-family: Montserrat, san-serif;*/
    text-transform: uppercase;
    font-weight: bold;
    margin: 10px 0 15px;
    color: #444;
    -webkit-transition: .4s;
    transition: .4s;
}

.class-item .class-infomation .class-title:hover {
    color: #fc3c2a;
}

.class-item .class-infomation .class-schedule {
    color: #535353;
    font-size: 12px;
    font-family: Poppins;
}

.class-item .class-infomation .class-price {
    width: 95px;
    height: 95px;
    color: white;
    font-family: Poppins;
    border-radius: 50%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -47px;
    margin: auto;
    z-index: 20;
}

.class-item .class-infomation .class-price .price-number {
    font-size: 25px;
    font-weight: bold;
    line-height: 1.2;
}

.class-item .class-infomation .class-price .price-text {
    font-size: 11px;
}

.class-detail .class-detail-header {
    position: relative;
    margin-bottom: 85px;
}

.class-detail .class-detail-header .class-infomation {
    max-width: 815px;
    z-index: 10;
    background: white;
    border: 5px solid #fbfbfb;
    padding: 40px 45px;
    color: #444;
}


@media (min-width: 768px) {
    .class-detail .class-detail-header .class-infomation {
        position: absolute;
        bottom: -30px;
        left: 10px;
        right: 10px;
        margin: auto;
    }

    .media_us {
        padding-top: 0px;
    }
}

.class-detail .class-detail-header .class-infomation .class-description {
    font-size: 13px;
    font-style: italic;
}

.class-detail .class-detail-header .class-infomation .class-title {
    font-size: 24px;
    font-family: Montserrat, san-serif;
    text-transform: uppercase;
    font-weight: bold;
    margin: 10px 0 15px;
    color: #444;
    -webkit-transition: .4s;
    transition: .4s;
}

.class-detail .class-detail-header .class-infomation .class-title:hover {
    color: #fc3c2a;
}

.class-detail .class-detail-header .class-infomation .class-schedule {
    color: #535353;
    font-size: 12px;
    font-family: Poppins;
}

.class-detail .class-detail-header .class-infomation .class-schedule .lb {
    color: #fc3c2a;
}

.class-detail .class-detail-header .class-infomation .class-price {
    width: 95px;
    height: 95px;
    background: #fc3c2a;
    color: white;
    font-family: Poppins;
    border-radius: 50%;
    margin-right: 24px;
}

.class-detail .class-detail-header .class-infomation .class-price .price-number {
    font-size: 25px;
    font-weight: bold;
    line-height: 1.2;
}

.class-detail .class-detail-header .class-infomation .class-price .price-text {
    font-size: 11px;
}

.section-header-style-6 {
    text-align: center;
    padding-bottom: 30px;
    margin: 0 0 30px;
    background: url(../images/fitness-section-header-2-icon.png) center bottom no-repeat;
}

.section-header-style-6 .section-title {
    font-size: 38px;
    font-weight: bold;
    text-transform: uppercase;
    color: #444;
}

.section-header-style-6 .section-sub-title {
    font-style: italic;
    margin: 0 0 15px;
    font-size: 15px;
}

.section-description {
    max-width: 625px;
    margin: 0 auto 60px;
    font-size: 16px;
    color: #666666;
    margin-bottom: 50px;
}

.timetable {
    width: 100%;
    border-collapse: collapse;
    vertical-align: middle;
    font-family: Poppins;
    table-layout: fixed;
}

@media (max-width: 991px) {
    .timetable {
        display: block;
        overflow-x: scroll;
    }
}

.timetable thead {
    background: #353535;
}

.timetable thead th {
    text-align: center;
    border: none;
    color: white;
    text-transform: uppercase;
    font-family: Montserrat, san-serif;
    font-size: 14px;
    height: 70px;
}

.timetable tbody {
    font-size: 13px;
    font-weight: bold;
}

.timetable tbody td {
    padding: 50px 30px;
    text-align: center;
    border: 2px solid #f7f7f7;
}

.timetable tbody .td-light {
    background: #f5f5f5;
}

.timetable tbody .td-gray {
    background: #e9e9e9;
}

.timetable tbody .td-pink {
    background: #fff4f8;
}

.timetable tbody .td-purple {
    background: #faf4ff;
}

.timetable tbody .td-teal {
    background: #f4fff6;
}

.product-item-1 {
    margin-bottom: 70px;
}

.product-item-1 .product-name {
    font-family: Montserrat, san-serif;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    color: #333333;
    margin: 8px 0;
}

.product-item-1 .item-buttons {
    position: relative;
    z-index: 10;
    top: -30px;
}

.product-action-buttons-1 a {
    position: relative;
    display: block;
    width: 55px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: #1a1a1a;
    color: white;
    font-size: 12px;
    border-right: 1px solid #2f2f2f;
    -webkit-transition: .4s ease;
    transition: .4s ease;
}

.product-price-1 {
    font-family: Poppins;
}

.product-price-1 .sale-price {
    font-weight: bold;
    font-size: 16px;
}

.product-price-1 .regular-price {
    font-size: 12px;
    color: #999999;
    margin-left: 3px;
    text-decoration: line-through;
}

.product-detail-1 .product-image {
    margin-bottom: 40px;
    padding-right: 20px;
}

.product-detail-1 .review-count {
    font-size: 12px;
    font-style: italic;
    margin-left: 5px;
}

.product-detail-1 .product-name {
    font-family: Montserrat, san-serif;
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    color: #333333;
    margin: 8px 0;
}

.product-detail-1 .product-stock {
    font-size: 12px;
    color: #333333;
    margin-left: 35px;
    font-family: Poppins;
}

.product-detail-1 .product-stock span {
    margin-left: 6px;
}

.product-detail-1 .product-description {
    font-size: 14px;
    color: #666;
    font-style: italic;
}

.product-detail-1 .product-quanty-input {
    font-style: normal;
    color: #000;
    font-weight: 500;
    font-family: Poppins;
    display: inline-block;
    width: 100px;
    height: 60px;
    background-color: #f2f2f2;
    border-color: #f2f2f2;
    padding-right: 10px;
}

.product-detail-1 .product-tags {
    color: #4a4a4a;
    font-size: 13px;
    font-style: italic;
    font-family: Montserrat, san-serif;
    font-weight: 500;
}

.product-detail-1 .product-tags a {
    color: #4a4a4a;
}

.product-detail-1 .product-tags i {
    margin-right: 5px;
}

.team-item-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 247px;
    flex: 0 0 247px;
    padding: 0 10px;
    margin: 0 0 120px;
    font-family: Poppins;
    text-align: center;
}

.team-item-2 .member-name {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
    color: #444;
    margin: 20px 0 5px;
}

.team-item-2 .member-role {
    font-size: 13px;
    color: #fc3c2a;
    font-weight: 500;
}

.detailed-team-member-item-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 399px;
    margin-bottom: 50px;
    position: relative;
}

@media (min-width: 768px) {
    .detailed-team-member-item-2 {
        margin-right: 37px;
    }

    .section-join-us .section-content {
        margin-top: 0px;
    }
}

.detailed-team-member-item-2 .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: rgba(0, 0, 0, 0.7);
    padding: 50px 40px;
    color: white;
}

.detailed-team-member-item-2 .member-name {
    font-family: Poppins;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0;
}

.detailed-team-member-item-2 .member-role {
    margin-left: 23px;
    font-family: Poppins;
    font-size: 13px;
}

.detailed-team-member-item-2 .member-quote {
    font-style: italic;
    font-size: 15px;
    line-height: 1.7;
}

.detailed-team-member-item-2 .member-socials {
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 20;
}

.detailed-team-member-item-2 .member-socials ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.detailed-team-member-item-2 .member-socials ul li {
    width: 45px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 12px;
    margin-bottom: 6px;
}

.detailed-team-member-item-2 .member-socials ul li a {
    display: block;
    background: rgba(255, 255, 255, 0.1);
    color: white;
    -webkit-transition: .4s ease;
    transition: .4s ease;
}

.detailed-team-member-item-2 .member-socials ul li a:hover {
    background: #fc3c2a;
}

.team-detail-2 .button {
    min-width: 137px;
}

.team-detail-2 .member-socials ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.team-detail-2 .member-socials ul li {
    display: inline-block;
    width: 45px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 12px;
    margin-bottom: 6px;
}

.team-detail-2 .member-socials ul li a {
    display: block;
    background: #4a4a4a;
    color: white;
    -webkit-transition: .4s ease;
    transition: .4s ease;
}

.team-detail-2 .member-socials ul li a:hover {
    background: #fc3c2a;
}

.team-detail-2 .right-column {
    padding-left: 45px;
}

.team-detail-2 .member-infomation {
    font-family: Poppins;
}

.team-detail-2 .member-infomation .member-name {
    text-transform: uppercase;
    font-size: 24px;
    font-weight: bold;
    color: #333;
    line-height: 1;
}

.team-detail-2 .member-infomation .member-role {
    font-size: 13px;
    margin-left: 25px;
    font-weight: 500;
}

.team-detail-2 .member-infomation ul {
    font-size: 12px;
}

.team-detail-2 .member-infomation ul li {
    margin-bottom: 15px;
}

.team-detail-2 p {
    color: #666666;
    line-height: 1.85;
    margin-bottom: 2rem;
}

.team-detail-2 .timetable-box {
    padding: 45px 55px;
    background: #1a1a1a;
    color: white;
    margin-bottom: 30px;
}

.calculator-box_modal {
    padding: 70px 30px 30px;
    background: #fc3c2a;
    color: white;
    width: 440px;
    position: relative;
    margin-top: 145px;
    margin-bottom: 15px;
    border-radius: 4px;
}

.calculator-box {
    padding: 70px 30px 30px;
    background: #fc3c2a;
    color: white;
    width: 440px;
    position: relative;
    margin-top: 145px;
    margin-bottom: 10px;
    border-radius: 4px;
}

@media (max-width: 575px) {
    .calculator-box {
        padding: 70px 20px 30px;
        margin-top: 100px;
    }
}

.calculator-box .box-header {
    /*font-family: Poppins;*/
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 20px;
}

.calculator-box .box-header .box-sub-title {
    font-size: 15px;
    font-weight: bold;
    margin: 0;
}

.calculator-box .box-header .box-title {
    font-size: 30px;
    font-weight: bold;
    margin: 0;
}

.calculator-box .icon {
    position: absolute;
    width: 136px;
    height: 136px;
    line-height: 136px;
    left: 0;
    right: 0;
    top: -68px;
    margin: auto;
    z-index: 1000;
    text-align: center;
    font-size: 30px;
    border-radius: 50%;
    background: #fc3c2a;
}

.calculator-box .icon:after {
    content: '';
    display: block;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border: 1px dashed white;
}

.calculator-box .tabs-filter .tab {
    display: inline-block;
    cursor: pointer;
    margin: 0;
    padding: 0 30px;
    height: 45px;
    line-height: 45px;
    border: none;
    border-radius: 30px;
    /*font-family: Poppins;*/
    text-transform: uppercase;
    font-size: 13px;
    background: white;
    color: #444;
    min-width: 110px;
    text-align: center;
    position: relative;
}

.calculator-box .tabs-filter .tab.active {
    background: #171717;
    color: white;
}

.calculator-box .tabs-filter .tab.active:after {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background: #171717;
    border-radius: 6px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -7px;
    margin: auto;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.calculator-box .tabs-filter .tab:hover {
    color: #fc3c2a;
}

.calculator-box .form-group {
    margin-bottom: 10px;
}

.calculator-box .input-styled {
    border-radius: 0;
    border: 1.5px solid white;
    color: white;
    background: none;
}

.calculator-box input.input-styled,
.calculator-box select.input-styled {
    height: 46px;
    border-radius: 50px;
}

.calculator-box label {
    color: white;
    margin: 0 0 5px;
    text-transform: uppercase;
    /*font-family: Poppins;*/
    font-size: 12px;
    font-weight: normal;
}

.calculator-box ::-webkit-input-placeholder {
    color: white;
    opacity: 1;
}

.calculator-box ::-ms-input-placeholder {
    color: white;
    opacity: 1;
}

.calculator-box :-ms-input-placeholder {
    color: white;
    opacity: 1;
}

.calculator-box ::placeholder {
    color: white;
    opacity: 1;
}

.calculator-box .custom-radio {
    /*font-family: Poppins;*/
    font-size: 12px;
    font-weight: 500;
    text-transform: none;
}

.section-header-style-7 {
    margin-bottom: 15px;
}

.section-header-style-7 .section-title {
    font-size: 42px;
    font-weight: bold;
    text-transform: uppercase;
    color: #444;
}

.section-join-us {
    /*background: linear-gradient(90deg, #d9cccc96, #6a6257d9);*/
    background: url('../images/Nomsiz dizayn.png') repeat;
    background-size: cover;

}

.section-join-us .section-content {
    padding-bottom: 30px;
}

@media (min-width: 992px) {
    .section-join-us .section-content {
        background: url(/images/fitness-member-6.png) right bottom no-repeat;
        padding-left: 100px;
        padding-right: 440px;
    }
}

.section-join-us .section-text {
    font-size: 16px;
    margin-bottom: 30px;
}

.section-join-us .section-list-item {
    padding: 0;
    margin: 0 0 20px;
    list-style: none;
}

.section-join-us .section-list-item li {
    margin-bottom: 20px;
    text-align: center;
    width: 130px;
}

@media (min-width: 768px) {
    .section-join-us .section-list-item li {
        margin-right: 25px;
    }
}

.section-join-us .section-list-item li .item-icon {
    font-size: 38px;
}

.section-join-us .section-list-item li .item-title {
    /*font-family: Poppins;*/
    color: #292929;
    font-size: 18px;
    font-weight: bold;
    margin-top: 5px;
}

.plan-item {
    -webkit-box-shadow: 0 4px 22px 5px #f1f1f1;
    box-shadow: 0 4px 22px 5px #f1f1f1;
}

.plan-item .item-header .overlay {
    height: 184px;
    color: white;
    position: relative;
    background: rgba(23, 23, 23, 0.9);
    padding: 0 70px;
    -webkit-transition: .4s ease;
    transition: .4s ease;
}

.plan-item .item-header .plan-price {
    /*font-family: Poppins;*/
}

.plan-item .item-header .plan-price .curency {
    font-size: 22px;
    font-weight: bold;
    position: relative;
    top: -9px;
}

.plan-item .item-header .plan-price .price-number {
    font-size: 40px;
    font-weight: bold;
}

.plan-item .item-header .plan-price .plan-period {
    font-size: 14px;
    color: #fc3c2a;
}

.plan-item .item-header .plan-name {
    font-size: 20px;
    font-weight: bold;
}

.plan-item .item-header .card-image {
    position: absolute;
    right: 20px;
    bottom: -63px;
    background: white;
    width: 146px;
    height: 146px;
    border-radius: 50%;
}

.plan-item .item-header .card-image img {
    width: 77px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.plan-item .item-content .content-overlay {
    background: rgba(255, 255, 255, 0.9);
    padding: 70px 50px 45px;
}

.plan-item .item-content ul {
    padding: 0 20px 15px;
    margin: 0 0 10px;
    list-style: none;
}

.plan-item .item-content ul li {
    margin: 0 0 20px;
    font-size: 14px;
    font-style: italic;
}

.plan-item .item-content ul li:before {
    content: "\f00c";
    font-family: fontawesome;
    font-size: 11px;
    color: #f14242;
    margin-right: 9px;
}

.plan-item .button {
    -webkit-transition: .4s ease;
    transition: .4s ease;
}

.plan-item.style-1 .item-header {
    background: url(../images/fitness-plan-1-header.png) no-repeat;
    background-size: cover;
    background-position: center center;
}

.plan-item.style-1 .item-content {
    background: url(../images/fitness-plan-1-content.png) no-repeat;
    background-position: right top;
}

.plan-item.style-2 .item-header {
    background: url(../images/fitness-plan-2-header.png) no-repeat;
    background-size: cover;
    background-position: center center;
}

.plan-item.style-2 .item-content {
    background: url(../images/fitness-plan-2-content.png) no-repeat;
    background-position: right top;
}

.plan-item.style-2 .item-header .overlay {
    background: rgba(252, 60, 42, 0.9);
}

.plan-item.style-3 .item-header {
    background: url(../images/fitness-plan-3-header.png) no-repeat;
    background-size: cover;
    background-position: center center;
}

.plan-item.style-3 .item-content {
    background: url(../images/fitness-plan-3-content.png) no-repeat;
    background-position: right top;
}

.layout-3 .section-teams,
.layout-3 .section-timetable {
    position: relative;
}

.layout-3 .section-teams:before,
.layout-3 .section-timetable:before {
    content: '';
    display: block;
    width: 164px;
    height: 36px;
    position: absolute;
    top: -34px;
    left: 0;
    right: 0;
    margin: auto;
    /*background: url(../images/section-arrow-1.png) center bottom no-repeat;*/
}

.layout-3 .section-recent-posts,
.layout-3 .section-feature-products,
.layout-3 .section-classes,
.layout-3 .section-pricing-table {
    position: relative;
}

.layout-3 .section-recent-posts:before,
.layout-3 .section-feature-products:before,
.layout-3 .section-classes:before,
.layout-3 .section-pricing-table:before {
    content: '';
    display: block;
    width: 164px;
    height: 36px;
    position: absolute;
    top: -34px;
    left: 0;
    right: 0;
    margin: auto;
    /*background: url(../images/section-arrow-2.png) center bottom no-repeat;*/
}

.layout-3 .section-counter {
    position: relative;
}

.layout-3 .section-counter:before {
    content: '';
    display: block;
    width: 164px;
    height: 36px;
    position: absolute;
    top: -34px;
    left: 0;
    right: 0;
    margin: auto;
    /*background: url(../images/section-arrow-3.png) center bottom no-repeat;*/
}

.counter-style-3 {
    background: url(../images/faqimage.jpg);
    background-size: cover;
    background-position: center center;
}

.counter-style-3 .overlay {
    padding: 50px 0;
    background: rgba(23, 23, 23, 0.7);
}

.counter-style-3 .counter-item {
    height: 155px;
    color: #383838;
    background: #f8f8f8;
    text-align: center;
    padding: 0 30px;
}

.counter-style-3 .counter-item .item-number {
    font-size: 38px;
    font-weight: bold;
    font-family: Montserrat, san-serif;
}

.counter-style-3 .counter-item .item-text {
	font-family: unset;
    font-size: 25px;
    font-weight: 500;
}

.header-4 .header-infomation {
    font-size: 12px;
}

.header-4 .header-infomation ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.header-4 .header-infomation ul li {
    display: inline-block;
    line-height: 13px;
    height: 13px;
    margin: 23px 0;
}

.header-4 .header-infomation ul li:not(:first-child) {
    padding-left: 27px;
    margin-left: 55px;
    border-left: 1px solid #adadad;
}

.header-4 .header-infomation ul li a {
    color: inherit;
}

.header-4 .header-nav {
    margin-bottom: -70px;
    border-radius: 4px;
    position: relative;
    z-index: 10;
    background: #1b1b26;
    padding: 20px;
}

@media (min-width: 1300px) {
    .header-4 .header-nav {
        padding-left: 80px;
        padding-right: 80px;
        margin-left: -80px;
        margin-right: -80px;
    }
}

.header-4 .main-menu {
    font-family: Montserrat, san-serif;
}

.header-4 .main-menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.header-4 .main-menu .menu > li {
    float: left;
    position: relative;
}

.header-4 .main-menu .menu > li > a {
    display: block;
    padding: 30px 20px;
    color: white;
    font-weight: 600;
    font-size: 14px;
}

.header-4 .main-menu .sub-menu {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 100%;
    left: 0;
    width: 220px;
    background: rgba(0, 0, 0, 0.7);
    padding: 10px 0;
    font-size: 14px;
    -webkit-transition: .4s;
    transition: .4s;
}

.header-4 .main-menu .sub-menu .sub-menu {
    top: 0;
    left: 100%;
}

.header-4 .main-menu .sub-menu li {
    position: relative;
    padding: 10px 20px;
}

.header-4 .main-menu .sub-menu a {
    color: white;
}

.header-4 .main-menu a {
    -webkit-transition: .4s ease;
    transition: .4s ease;
}

.header-4 .main-menu li:hover > a {
    color: #0085d3;
}

.header-4 .main-menu li:hover > .sub-menu {
    visibility: visible;
    opacity: 1;
}

.social-7 a {
    display: inline-block;
    width: 37px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    font-size: 12px;
    color: white;
    background: #fafafa;
    border-radius: 2px;
    color: #4b4b4b;
    -webkit-transition: .4s ease;
    transition: .4s ease;
}

.social-7 a:hover {
    background: #0085d3;
    color: white;
}

.page-header-4 {
    background: url(../images/medical-page-header.png) no-repeat;
    background-size: cover;
    background-position: center center;
    color: white;
}

.page-header-4 .overlay {
    padding: 155px 0 65px;
    background: rgba(2, 2, 17, 0.6);
}

@media (max-width: 991px) {
    .page-header-4 .overlay {
        padding: 65px 0;
    }
}

.page-header-4 .page-header-title {
    font-family: Arvo;
    font-size: 32px;
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    position: relative;
}

.page-header-4 .page-header-title:after {
    content: '';
    display: inline-block;
    width: 43px;
    height: 2px;
    background: white;
    margin-left: 10px;
    margin-bottom: 2px;
}

.page-header-4 .page-header-breadcrumb {
    font-family: Montserrat, san-serif;
    font-size: 12px;
    margin-left: 10px;
    display: inline-block;
}

.page-header-4 .page-header-breadcrumb a {
    color: white;
}

.footer-4 {
    background: #19191e;
    color: white;
    font-size: 14px;
    padding: 115px 0 55px;
    position: relative;
}

.footer-4 p {
    color: #eeeeee;
}

.social-8 li {
    width: 37px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    font-size: 12px;
    color: white;
    background: #383838;
    border-radius: 2px;
    color: white;
    -webkit-transition: .4s ease;
    transition: .4s ease;
}

.social-8 a {
    display: block;
}

.widget-post-item-2 {
    padding-bottom: 22px;
    margin-bottom: 22px;
    border-bottom: 1px dashed #979797;
}

.widget-post-item-2:last-child {
    border: none;
}

.widget-post-item-2 .avatar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-right: 19px;
}

.widget-post-item-2 .avatar img {
    display: block;
    width: 100%;
}

.widget-post-item-2 .item-text {
    font-family: Montserrat, san-serif;
}

.widget-post-item-2 .item-text .item-title {
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 0 5px;
}

.widget-post-item-2 .item-text .item-description {
    font-size: 13px;
    color: #d4d4d4;
}

.widget-subscribe .form-group {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}

.widget-subscribe .email-input {
    font-family: Lato, san-serif;
    font-size: 12px;
    font-style: italic;
    padding-right: 60px;
}

.widget-subscribe .submit-button {
    font-size: 10px;
    position: absolute;
    top: 0;
    right: 0;
    padding-left: 0;
    padding-right: 0;
    width: 50px;
}

.widget-post-item-3 {
    font-family: Montserrat, san-serif;
}

.widget-post-item-3:not(:last-child) {
    padding-bottom: 22px;
    margin-bottom: 22px;
    border-bottom: 1px dashed #979797;
}

.widget-post-item-3 .thumbnail {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
    margin-right: 18px;
}

.widget-post-item-3 .post-title {
    font-size: 15px;
    margin: 0 0 8px;
    font-weight: 600;
}

.widget-post-item-3 .post-time {
    color: #0085d3;
    font-size: 13px;
    font-weight: 500;
}

.widget-menu-5 {
    font-family: Montserrat, san-serif;
}

.widget-menu-5 ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.widget-menu-5 li {
    margin-bottom: 18px;
    font-size: 13px;
    font-weight: bold;
}

.widget-menu-5 li a {
    color: inherit;
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
}

.widget-menu-5 li a:before {
    content: "\f054";
    font-family: 'fontawesome';
    font-size: 10px;
    margin-right: 10px;
}

.widget-menu-5 li a:hover {
    color: #0085d3;
}

.widget-menu-8 {
    font-family: Montserrat, san-serif;
}

.widget-menu-8 ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.widget-menu-8 li {
    margin-bottom: 22px;
    font-size: 13px;
    font-weight: 500;
    border-bottom: 1px solid #e8e8e8;
}

.widget-menu-8 li a {
    color: #444;
    position: relative;
    z-index: 10;
    top: 9px;
}

.widget-menu-8 li a:hover {
    color: #0085d3;
}

.widget-menu-8 li span {
    background: white;
}

.widget-menu-8 li .category-name {
    padding-right: 5px;
}

.widget-menu-8 li .count {
    padding-left: 5px;
}

.widget-contact-infomation-3 ul {
    font-family: Montserrat, san-serif;
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 30px;
}

.widget-contact-infomation-3 ul li {
    margin: 0 0 12px;
}

.widget-contact-infomation-3 p {
    font-family: Lato, san-serif;
    font-style: italic;
}

.blog-post-item-5 {
    margin-bottom: 80px;
}

.blog-post-item-5 .thumbnail {
    position: relative;
    margin-bottom: 25px;
}

.blog-post-item-5 .thumbnail img {
    border-radius: 3px;
}

.blog-post-item-5 .post-date {
    position: absolute;
    right: 25px;
    bottom: 25px;
    z-index: 100;
    color: white;
    border-radius: 2px;
    padding: 7px 16px;
    text-transform: uppercase;
    font-size: 11px;
    font-family: Montserrat, san-serif;
    display: inline-block;
}

.blog-post-item-5 .post-author-n-comments {
    margin-bottom: 15px;
}

.blog-post-item-5 .post-author {
    font-family: Montserrat, san-serif;
    font-size: 12px;
    color: #888888;
    margin-right: 25px;
    font-weight: bold;
}

.blog-post-item-5 .post-comment-count {
    font-family: Montserrat, san-serif;
    font-size: 12px;
    font-weight: bold;
}

.blog-post-item-5 .post-title {
    color: #444;
    font-family: Montserrat, san-serif;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 17px;
    margin: 0 0 20px;
}

.blog-post-item-5 .post-excerpt {
    color: #666;
    font-size: 15px;
    line-height: 26px;
}

.blog-post-detail-4 .thumbnail {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 30px;
}

.blog-post-detail-4 .thumbnail img {
    width: 100%;
}

.blog-post-detail-4 .post-date {
    display: inline-block;
    font-family: Montserrat, san-serif;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 600;
    position: absolute;
    bottom: 25px;
    right: 24px;
    height: 32px;
    line-height: 32px;
    padding: 0 18px;
    color: white;
}

.blog-post-detail-4 .post-author {
    font-family: Montserrat, san-serif;
    font-size: 11px;
    color: #888888;
    font-weight: 600;
}

.blog-post-detail-4 .post-comments-count {
    font-family: Montserrat, san-serif;
    font-size: 12px;
    margin-left: 24px;
    font-weight: 600;
}

.blog-post-detail-4 .post-title {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0 0 30px;
}

.blog-post-detail-4 .post-tags-n-sharing {
    line-height: 47px;
    border: 1px solid #eeeeee;
    padding-left: 50px;
    position: relative;
    margin-left: 27px;
}

.blog-post-detail-4 .post-tags-n-sharing:before {
    content: "\f02c";
    font-family: fontawesome;
    font-size: 16px;
    color: white;
    height: 53px;
    line-height: 53px;
    width: 53px;
    text-align: center;
    display: block;
    border-radius: 50%;
    color: white;
    position: absolute;
    left: -27px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.blog-post-detail-4 .post-tags {
    font-family: Montserrat, san-serif;
    font-size: 12px;
    font-style: italic;
    font-weight: 500;
}

.blog-post-detail-4 .post-sharing {
    border-left: 1px solid #eeeeee;
    padding: 0 32px;
}

.blog-post-detail-4 .post-sharing a {
    font-size: 12px;
    color: #4b4b4b;
    display: inline-block;
    padding: 0 8px;
    -webkit-transition: .4s ease;
    transition: .4s ease;
}

.blog-post-detail-4 .post-sharing a:hover {
    color: #0085d3;
}

.blog-post-detail-4 .blog-post-content {
    padding: 60px 0;
}

.blog-post-detail-4 .blog-post-content h1, .blog-post-detail-4 .blog-post-content h2, .blog-post-detail-4 .blog-post-content h3, .blog-post-detail-4 .blog-post-content h4 {
    font-size: 22px;
    font-weight: bold;
    color: #3d3d3d;
    margin: 30px 0 20px;
}

.blockquote-4 {
    padding: 60px 100px;
    background: #0085d3;
    color: white;
    font-family: Montserrat, san-serif;
    font-style: italic;
    margin: 65px 0 40px;
    border-radius: 4px;
    position: relative;
}

.blockquote-4:before {
    content: '';
    display: block;
    width: 87px;
    height: 87px;
    border-radius: 50%;
    position: absolute;
    top: -44px;
    left: 0;
    right: 0;
    margin: auto;
    border: 2px dashed white;
}

.blockquote-4:after {
    content: "\f10d";
    font-family: fontawesome;
    font-size: 19px;
    line-height: 65px;
    height: 65px;
    width: 65px;
    text-align: center;
    display: block;
    background: #0085d3;
    color: white;
    position: absolute;
    top: -33px;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 50%;
    text-align: center;
    font-style: normal;
}

.blockquote-4 * {
    color: #fff;
}

@media (max-width: 767px) {
    .blockquote-4 {
        padding: 60px 30px;
    }
}

.section-header-style-8 .section-title {
    font-family: Arvo, san-serif;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: bold;
    color: #333;
    margin: 0 0 30px;
}

.comment-item-4:not(:last-child) {
    padding-bottom: 37px;
    margin-bottom: 37px;
    border-bottom: 1px solid #eeeeee;
}

.comment-item-4.comment-child {
    padding-left: 70px;
}

.comment-item-4 .comment-avatar {
    margin: 0 30px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 115px;
    flex: 0 0 115px;
    position: relative;
}

.comment-item-4 .comment-content .comment-author {
    font-family: Montserrat, san-serif;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
}

.comment-item-4 .comment-content .comment-time {
    font-family: Montserrat, san-serif;
    color: #0085d3;
    font-size: 12px;
    margin-left: 10px;
    font-weight: 600;
    font-style: italic;
    display: inline-block;
}

.comment-item-4 .comment-content .comment-time:before {
    content: '';
    display: inline-block;
    width: 40px;
    height: 1px;
    border: 1px solid;
    margin-right: 8px;
}

.comment-item-4 .comment-content .comment-text {
    color: #555555;
    font-style: italic;
    margin-top: 15px;
}

.comment-item-4 .reply-button {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -29px;
    margin: auto;
    width: 58px;
    height: 33px;
    line-height: 33px;
    font-family: Montserrat, san-serif;
    font-size: 11px;
    font-weight: bold;
    color: white;
    background: #0085d3;
    text-align: center;
    border-radius: 20px;
    border: none;
}

.comment-item-4 .reply-button:after {
    content: '';
    display: block;
    height: 50px;
    width: 75px;
    border-radius: 30px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -9px;
    margin: auto;
    border: 2px dashed white;
}

.department-item {
    margin-bottom: 100px;
    position: relative;
}

.department-item .item-content {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: -30px;
}

.department-item .icon {
    width: 120px;
    height: 120px;
    line-height: 100px;
    text-align: center;
    font-size: 33px;
    color: white;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -60px;
    border-radius: 50%;
    z-index: 10;
}

.department-item .icon i {
    position: relative;
    z-index: 30;
}

.department-item .item-title {
    position: relative;
    z-index: 20;
    padding: 20px;
    line-height: 20px;
    color: white;
    margin: 0;
    text-transform: uppercase;
    font-family: Montserrat, san-serif;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
}

.department-detail .detail-header {
    position: relative;
    margin-bottom: 70px;
}

.department-detail .detail-header .icon {
    width: 113px;
    height: 113px;
    border: 16px solid white;
    color: white;
    font-size: 33px;
    border-radius: 50%;
    position: absolute;
    left: 24px;
    bottom: -62px;
}

.content-box-1 {
    color: white;
    padding: 54px 72px 54px 52px;
}

.content-box-1 .box-title {
    font-family: Arvo, san-serif;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 0 30px;
    color: white;
}

.content-box-1 ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.content-box-1 li {
    font-family: Montserrat, san-serif;
    font-size: 13px;
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.content-box-1 li:not(:last-child) {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px dashed #ffffff99;
}

.department-pricing {
    margin: 50px 0;
}

.section-header-style-9 {
    margin: 0 0 50px;
    padding-bottom: 25px;
    text-align: center;
    background: url(../images/medical-section-header-2-icon.png) no-repeat center bottom;
}

.section-header-style-9 .section-title {
    font-family: Arvo, san-serif;
    font-weight: bold;
    color: #444444;
    font-size: 25px;
    text-transform: uppercase;
}

.section-header-style-9 .section-sub-title {
    font-family: Montserrat, san-serif;
    font-size: 14px;
    font-weight: 500;
}

.social-9 a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 12px;
    color: #363636;
    background: white;
    display: block;
    margin-bottom: 4px;
    border-radius: 50%;
    -webkit-transition: .2s ease;
    transition: .2s ease;
}

.social-9 a:not(:first-child) {
    display: none;
}

.social-9 a:hover {
    color: white;
}

.social-9:hover a {
    display: block;
}

.team-item-3 {
    margin: 0 0 70px;
}

.team-item-3 .thumbnail {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}

.team-item-3 .item-title {
    margin: 25px 0 10px;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: bold;
    color: #444;
}

.team-item-3 .item-sub-title {
    font-size: 13px;
    color: #555;
    font-weight: 600;
}

.team-item-3 .item-phone-number {
    font-family: Montserrat, san-serif;
    font-size: 12px;
    color: #363636;
    margin-top: 25px;
    font-weight: 600;
}

.team-item-3 .item-social {
    position: absolute;
    top: 27px;
    right: 32px;
    width: 40px;
    z-index: 10;
}

.service-item-2 {
    margin: 0 0 50px;
}

.service-item-2 .thumbnail {
    border-radius: 2px;
}

.service-item-2 .thumbnail img {
    border-radius: 2px;
}

.service-item-2 .icon {
    display: none;
}

@media (min-width: 576px) {
    .service-item-2 .thumbnail-col {
        margin-right: 43px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 232px;
        flex: 0 0 232px;
        max-width: 232px;
    }

    .service-item-2 .content-col {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(100% - 275px);
        flex: 1 1 calc(100% - 275px);
        max-width: calc(100% - 275px);
    }

    .service-item-2 .icon {
        display: block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        border-radius: 50%;
        color: white;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        right: -20px;
        z-index: 20;
        font-size: 14px;
    }

    .service-item-2 .icon:after {
        content: '';
        display: block;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        border: 2px dashed white;
        position: absolute;
        top: -10px;
        left: -10px;
        z-index: 10;
    }

    .service-item-2.thumb-right-style .thumbnail-col {
        margin-left: 43px;
        margin-right: 0;
    }

    .service-item-2.thumb-right-style .icon {
        left: -20px;
        right: auto;
    }
}

.service-item-2 .item-title {
    font-size: 18px;
    font-weight: bold;
    color: #444;
    margin: 0 0 25px;
}

.timetable-box {
    background: #0098f1;
    color: white;
}

.timetable-box .box-title {
    font-family: Arvo, san-serif;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0 0 35px;
}

.timetable-box li {
    font-family: Montserrat, san-serif;
    font-size: 12px;
    font-weight: bold;
}

.timetable-box li:not(:last-child) {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px dashed white;
}

.testimonial-slider-3 {
    margin-top: 20px;
    padding: 0 40px;
}

.testimonial-slider-3 .item {
    text-align: center;
}

.testimonial-slider-3 .item .avatar {
    width: 76px;
    height: 76px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto 18px;
}

.testimonial-slider-3 .item .item-text {
    max-width: 420px;
    margin: 0 auto;
    color: #393131;
    font-style: italic;
}

.testimonial-slider-3 .item .item-author {
    margin-top: 18px;
    font-family: Montserrat, san-serif;
}

.testimonial-slider-3 .item .item-author .author-name {
    font-size: 16px;
    text-transform: uppercase;
    color: #444;
    font-weight: bold;
}

.testimonial-slider-3 .item .item-author .author-description {
    font-style: italic;
    font-size: 12px;
    margin-left: 5px;
    color: #0085d3;
    font-weight: 500;
}

.testimonial-slider-3 .owl-nav {
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
}

.testimonial-slider-3 .owl-nav button.owl-prev,
.testimonial-slider-3 .owl-nav button.owl-next {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: white !important;
    border-radius: 50%;
}

.featrue-and-plans-box {
    padding: 70px;
    background: #fafafa;
}

@media (max-width: 575px) {
    .featrue-and-plans-box {
        padding: 40px 20px;
    }
}

.featrue-and-plans-box .title {
    font-family: Montserrat, san-serif;
    font-size: 22px;
    font-weight: bold;
    color: #3d3d3d;
    margin: 0 0 10px;
}

.featrue-and-plans-box .price {
    font-weight: bold;
    font-size: 16px;
}

.featrue-and-plans-box p {
    font-style: italic;
}

.featrue-and-plans-box ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.featrue-and-plans-box ul li {
    margin: 0 0 10px;
    font-family: Montserrat, san-serif;
    font-size: 13px;
    font-weight: bold;
}

.section-emergency-care {
    padding: 70px 0;
    background: #1a1a1a;
    color: white;
}

.section-emergency-care .section-title {
    font-family: Arvo, san-serif;
    font-weight: bold;
    font-size: 25px;
    text-transform: uppercase;
    margin: 0 0 15px;
}

.section-header-style-10 {
    margin: 0 0 35px;
}

.section-header-style-10 .section-sub-title {
    font-family: Montserrat, san-serif;
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 5px;
}

.section-header-style-10 .section-title {
    font-family: Arvo, san-serif;
    font-weight: bold;
    font-style: 28px;
    text-transform: uppercase;
    margin: 0;
}

.form-style-6 .input-styled {
    border-color: white;
    background: transparent;
    border-radius: 3px;
    color: inherit;
    font-family: Lato, san-serif;
    font-size: 12px;
}

.form-style-6 .input-styled option {
    color: #444;
}

.form-style-6 ::-webkit-input-placeholder {
    color: white;
    opacity: 1;
}

.form-style-6 ::-ms-input-placeholder {
    color: white;
    opacity: 1;
}

.form-style-6 :-ms-input-placeholder {
    color: white;
    opacity: 1;
}

.form-style-6 ::placeholder {
    color: white;
    opacity: 1;
}

.gallery-grid-box {
    width: 500px;
    position: relative;
}

.gallery-grid-box .box-item {
    border: 10px solid white;
    position: relative;
    z-index: 100;
    margin-bottom: 27px;
}

.comment-avatar .avatar-media {
    display: inline-block;
    width: 110px;
    height: 110px;
    overflow: hidden;
    border-radius: 100%;
}

.comment-avatar .avatar-media img {
    width: 100%
}

@media (min-width: 576px) {
    .gallery-grid-box .box-item {
        width: 148px;
    }
}

.gallery-grid-box .inner-box {
    padding: 30px 20px;
    margin-bottom: 27px;
    background: white;
    text-align: center;
    z-index: 50;
}

@media (min-width: 576px) {
    .gallery-grid-box .inner-box {
        position: absolute;
        margin: auto;
        top: 80px;
        bottom: 107px;
        left: 80px;
        right: 80px;
        margin-bottom: 0;
    }
}

.gallery-grid-box .inner-box .box-text {
    font-family: Arvo, san-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 26px;
    margin: 0;
    line-height: 1;
}

.gallery-grid-box .inner-box a {
    text-transform: uppercase;
    font-family: Montserrat, san-serif;
    font-size: 12px;
    font-weight: bold;
    margin-top: 15px;
}

.post-carousel-2 .owl-nav {
    text-align: center;
}

.post-carousel-2 .owl-nav .owl-prev,
.post-carousel-2 .owl-nav .owl-next {
    display: inline-block;
    background: #3d3d3d !important;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: white !important;
    border-radius: 50%;
    margin: 0 2px;
    -webkit-transition: .4s;
    transition: .4s;
}

.post-carousel-2 .owl-nav .owl-prev:hover,
.post-carousel-2 .owl-nav .owl-next:hover {
    background: #0085d3 !important;
}

.post-carousel-3 .slider-title {
    font-family: Arvo, san-serif;
    font-size: 28px;
    font-weight: bold;
    margin: 0 0 40px;
}

.post-carousel-3 .owl-carousel {
    position: relative;
}

.post-carousel-3 .owl-nav {
    text-align: right;
    position: absolute;
    top: -70px;
    left: 0;
    width: 100%;
}

.post-carousel-3 .owl-nav .owl-prev,
.post-carousel-3 .owl-nav .owl-next {
    display: inline-block;
    background: white !important;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: white !important;
    border-radius: 50%;
    margin: 0 2px;
    -webkit-transition: .4s;
    transition: .4s;
    color: black !important;
}

.post-carousel-3 .owl-nav .owl-prev:hover,
.post-carousel-3 .owl-nav .owl-next:hover {
    color: white !important;
    background: #0085d3 !important;
}

.content-box-2 {
    color: white;
    padding: 70px 80px;
}

.content-box-2 .box-title {
    font-family: Arvo, san-serif;
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 0 30px;
    color: white;
}

.list-style-5 {
    padding: 0;
    margin: 0;
    list-style: none;
}

.list-style-5 li {
    font-family: Montserrat, san-serif;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.list-style-5 li:not(:last-child) {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px dashed #99d6f9;
}

.team-bio-header {
    font-family: Montserrat, san-serif;
    margin-bottom: 60px;
}

.team-bio-header .thumbnail {
    position: relative;
}

.team-bio-header .item-social {
    position: absolute;
    top: 27px;
    right: 51px;
    z-index: 10;
}

.team-bio-header .team-title {
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 0 5px;
}

.team-bio-header .team-role {
    font-size: 13px;
    margin: 0 0 30px;
    color: #555555;
}

.team-bio-header p {
    font-style: italic;
    margin: 0 0 40px;
}

.team-bio-header ul {
    font-size: 12px;
    font-weight: 600;
    margin: 0 0 40px;
}

.team-bio-header ul li {
    margin: 0 0 15px;
}

.team-bio-header ul li i {
    width: 22px;
}

.footer-5 {
    background: #131313;
    font-family: Poppins, san-serif;
}

.widget-post-item-4 {
    font-size: 13px;
}

.widget-post-item-4:not(:last-child) {
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px dashed #505050;
}

.widget-post-item-4 .post-date {
    text-transform: uppercase;
    margin-bottom: 15px;
}

.blog-post-5-wrap {
    max-width: 1360px;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    margin-left: auto !important;
    margin-right: auto !important;
}

.footer-5 .widget-menu ul li {
    padding: 7px 0;
}

@media (min-width: 1300px) {
    .blog-post-5-row {
        margin-left: -45px;
        margin-right: -45px;
    }
}

.blog-post-5-row > [class^="col"] {
    padding: 65px 45px !important;
}

@media (max-width: 575px) {
    .blog-post-5-row > [class^="col"] {
        padding: 65px 15px !important;
    }
}

@media (max-width: 767px) {
    .blog-post-5-row > [class^="col"]:nth-child(n + 2) {
        border-top: 1px solid #dddddd;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .blog-post-5-row > [class^="col"]:nth-child(n + 3) {
        border-top: 1px solid #dddddd;
    }

    .blog-post-5-row > [class^="col"]:nth-child(2n + 1) {
        border-right: 1px solid #dddddd;
        padding-left: 0 !important;
    }

    .blog-post-5-row > [class^="col"]:nth-child(2n) {
        padding-right: 0 !important;
    }
}

@media (min-width: 992px) {
    .blog-post-5-row > [class^="col"]:nth-child(n + 4) {
        border-top: 1px solid #dddddd;
    }

    .blog-post-5-row > [class^="col"]:nth-child(3n + 1) {
        border-right: 1px solid #dddddd;
    }

    .blog-post-5-row > [class^="col"]:nth-child(3n + 3) {
        border-left: 1px solid #dddddd;
    }
}

@media (min-width: 1300px) {
    .blog-post-5-row > [class^="col"]:nth-child(3n + 4) {
        position: relative;
    }

    .blog-post-5-row > [class^="col"]:nth-child(3n + 4):before {
        content: '';
        display: block;
        position: absolute;
        top: -1px;
        right: 100%;
        width: 50px;
        height: 1px;
        background: #dddddd;
    }

    .blog-post-5-row > [class^="col"]:nth-child(3n + 6) {
        position: relative;
    }

    .blog-post-5-row > [class^="col"]:nth-child(3n + 6):after {
        content: '';
        display: block;
        position: absolute;
        top: -1px;
        left: 100%;
        width: 50px;
        height: 1px;
        background: #dddddd;
    }
}

.blog-post-item-6 .thumbnail {
    margin: 0 0 25px;
}

.blog-post-item-6 .post-description {
    text-transform: uppercase;
    font-size: 13px;
}

.blog-post-item-6 .post-title {
    font-size: 18px;
    font-weight: bold;
    margin: 10px 0 20px;
}

.blog-post-item-6 .post-excerpt {
    color: #666;
}

.blog-header-5 {
    border-bottom: 1px solid #dddddd;
    margin-bottom: 50px;
}

.blog-header-5 .blog-detail-social {
    position: absolute;
    right: 33px;
    bottom: 42px;
}

@media (max-width: 575px) {
    .blog-header-5 .blog-detail-social {
        bottom: 5px;
        right: 5px;
    }
}

.blog-header-5 .blog-header-meta {
    padding: 55px 0 50px;
}

.blog-header-5 .blog-header-meta .post-description {
    font-family: Poppins, san-serif;
    font-size: 13px;
}

.blog-header-5 .blog-header-meta .post-title {
    font-family: Poppins, san-serif;
    font-size: 24px;
    font-weight: bold;
    padding: 10px 0 25px;
}

.blog-header-5 .blog-header-meta .post-tags {
    font-family: Lato, san-serif;
    font-size: 13px;
    font-style: italic;
    color: #4a4a4a;
}

.social-10 li {
    font-size: 10px;
    width: 35px;
    height: 39px;
    line-height: 39px;
    text-align: center;
    color: #2f2f2f;
    background: white;
    -webkit-transition: .3s ease;
    transition: .3s ease;
}

.social-10 li:hover {
    background: #fc3c2a;
    color: white;
}

.social-10 li a {
    display: block;
}

.blockquote-50 {
    font-family: Lato, san-serif;
    font-style: italic;
    color: #464646;
    font-size: 18px;
    padding-left: 25px;
    border-left: 3px solid #595959;
    margin: 2.5rem 0;
    max-width: 800px;
}

.comment-item-5 {
    position: relative;
    margin-bottom: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.comment-item-5 .comment-avatar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
    max-width: 100px;
    position: relative;
    z-index: 1;
}

.comment-item-5 .comment-avatar img {
    display: block;
}

.comment-item-5 .comment-content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-left: 36px;
}

.comment-item-5 .comment-header {
    margin: 0 0 18px;
}

.comment-item-5 .comment-header .comment-author {
    color: #444;
    /*font-family: Poppins;*/
    font-size: 22px;
    font-weight: 800;
    text-transform: uppercase;
    margin: 0;
}

.comment-item-5 .comment-header .comment-time {
    color: #535353;
    font-family: Poppins, san-serif;
    font-size: 12px;
    margin-left: 15px;
    text-transform: uppercase;
}

.comment-item-5 .comment-text {
    font-family: Arimo;
    color: #666;
    font-style: italic;
}

.comment-item-5 .comment-actions {
    display: inline-block;
    margin-left: 96px;
    font-size: 13px;
    font-style: italic;
    font-weight: 600;
    font-family: Lato, san-serif;
}

.comment-item-5.comment-child {
    margin-left: 100px;
}

@media (max-width: 767px) {
    .comment-item-5.comment-child {
        margin-left: 25px;
    }
}

.form-style-7 input.input-styled,
.form-style-7 select.input-styled {
    height: 55px;
}

.form-style-7 .input-styled {
    border-radius: 30px;
    background: #f9f9f9;
    border-color: #f9f9f9;
}

.section-header-style-11 {
    margin-bottom: 35px;
}

.section-header-style-11 .section-title {
    font-size: 24px;
    font-weight: 800;
    margin: 0;
    text-transform: uppercase;
}

.product-item-4 {
    font-family: Poppins, san-serif;
    margin-bottom: 62px;
    position: relative;
}

.product-item-4 .thumbnail {
    background: #f5f5f5;
}

.product-item-4 .price-n-rating {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 53px;
    background: rgba(0, 0, 0, 0.5);
    color: white;
    padding: 0 30px;
}

.product-item-4 .product-price {
    font-family: Poppins, san-serif;
    font-size: 16px;
    font-weight: bold;
}

.product-item-4 .item-content {
    padding-top: 25px;
}

.product-item-4 .product-id {
    font-size: 12px;
    color: #757070;
}

.product-item-4 .product-name {
    margin: 10px 0 25px;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}

.product-item-4 .item-badge {
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border-radius: 50%;
    font-family: Poppins, san-serif;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    position: absolute;
    top: -10px;
    right: -10px;
    z-index: 20;
}

.product-item-4 .item-badge-green {
    background: #43d47d;
    color: white;
}

.product-item-4 .item-badge-red {
    background: #e53333;
    color: white;
}

.product-item-4 .button {
    -webkit-transition: .4s;
    transition: .4s;
}

.product-item-4 .button:hover {
    color: white;
    border-color: transparent;
}

.article-with-overlay-6 {
    position: relative;
    margin-bottom: 60px;
}

.article-with-overlay-6 .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: white;
    padding: 60px 48px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
}

.article-with-overlay-6 .item-title {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0 0 18px;
}

.article-with-overlay-6 .item-sub-title {
    margin: 0;
    font-size: 14px;
}

.article-with-overlay-6 .thumbnail img {
    -webkit-transition: .5s;
    transition: .5s;
}

.article-with-overlay-6:hover .thumbnail img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.cart-table {
    vertical-align: middle;
    width: 100%;
    border-collapse: collapse;
    font-family: Montserrat, san-serif;
    margin-bottom: 35px;
}

.cart-table thead tr {
    background: #fc3c2a;
}

.cart-table thead tr th {
    height: 96px;
    color: white;
    font-size: 13px;
    text-transform: uppercase;
    padding: 0 60px;
}

.cart-table tbody tr td {
    padding: 30px 60px;
    border: 1px solid #e2e2e2;
    font-size: 14px;
    font-weight: 600;
}

.cart-table tbody tr td:first-child {
    padding-left: 34px;
}

@media (max-width: 991px) {
    .cart-table thead {
        display: none;
    }

    .cart-table tr {
        display: block;
        margin-bottom: 20px;
    }

    .cart-table td {
        display: block;
        width: 100% !important;
        text-align: right;
    }
}

.cart-table .cart-quanty-input {
    max-width: 100px;
    font-weight: 600;
}

.cart-table .cart-item-remove {
    color: #a2a2a2;
    font-size: 16px;
    padding: 10px;
    margin-right: 35px;
    display: inline-block;
    cursor: pointer;
}

.cart-table .cart-item-remove:hover {
    color: #fc3c2a;
}

.cart-table .cart-item-thumbnail {
    width: 64px;
    border-radius: 2px;
    overflow: hidden;
    margin-right: 34px;
    background: #f3f3f3;
}

.cart-table .cart-item-name {
    font-family: Montserrat, san-serif;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    color: #333333;
}

.cart-summary {
    background: #fc3c2a;
    color: white;
    padding: 18px 36px;
    font-family: Poppins;
    font-weight: bold;
    text-transform: uppercase;
}

.cart-summary .item-text {
    margin: 10px 0;
}

@media (min-width: 992px) {
    .cart-summary .item-text {
        margin-left: 100px;
    }
}

.cart-summary .button {
    background: #2d2d2d;
    border-color: #2d2d2d;
    color: white;
}

@media (min-width: 992px) {
    .cart-summary .button {
        margin-left: 100px;
    }
}

.cart-widget {
    margin-bottom: 50px;
}

.cart-widget .cart-widget-title {
    font-family: Poppins;
    color: #333333;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 25px;
    margin-bottom: 40px;
    text-transform: uppercase;
}

.cart-widget .cart-widget-title:after {
    content: '';
    display: block;
    width: 38px;
    height: 4px;
    background: #fc3c2a;
    position: absolute;
    left: 0;
    bottom: 0;
}

.cart-total-box {
    padding: 30px;
    background: #121212;
    color: white;
    font-family: Montserrat, san-serif;
    font-size: 14px;
    font-weight: 500;
}

.cart-total-box .lb {
    width: 40%;
}

.checkout-payment {
    font-family: Poppins;
    padding: 65px 50px;
    background: #fafafa;
    border-radius: 6px;
}

@media (max-width: 575px) {
    .checkout-payment {
        padding: 40px 20px;
    }
}

.checkout-payment .box-title {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0 0 35px;
    color: #333333;
}

.checkout-payment .hr {
    display: block;
    width: 100%;
    border-bottom: 1px solid #d9d9d9;
    margin: 15px 0;
}

.checkout-payment .payment-pricing-compute {
    font-size: 14px;
    color: #555555;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 40px;
}

.checkout-payment .button {
    min-width: 200px;
}

.checkout-payment .payment-methods {
    margin-bottom: 60px;
}

.custom-checkbox,
.custom-radio {
    font-family: Poppins;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    color: #555;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
}

.custom-checkbox input,
.custom-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.custom-checkbox .checkmark,
.custom-radio .checkmark {
    position: relative;
    height: 11px;
    width: 11px;
    background-color: #cdcdcd;
    margin-right: 12px;
}

.custom-checkbox input:checked ~ .checkmark,
.custom-radio input:checked ~ .checkmark {
    background-color: #000;
}

.custom-checkbox input:checked ~ .checkmark:after,
.custom-radio input:checked ~ .checkmark:after {
    display: block;
}

.color-inverse .custom-checkbox .checkmark,
.color-inverse .custom-radio .checkmark {
    background: white;
}

.custom-number-input {
    position: relative;
    padding-right: 30px;
    color: #404040;
}

.custom-number-input input {
    height: 54px;
    text-align: center;
    background: #f0f0f0;
    border: 1px solid #f0f0f0;
    color: #404040;
    font-family: Montserrat, san-serif;
    font-size: 14px;
    border-radius: 6px 0 0 6px;
}

.custom-number-input input::-webkit-outer-spin-button, .custom-number-input input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0;
}

.custom-number-input .input-increase,
.custom-number-input .input-decrease {
    background: #f0f0f0;
    width: 28px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    font-size: 8px;
    position: absolute;
    right: 0;
    cursor: pointer;
}

.custom-number-input .input-increase {
    top: 0;
}

.custom-number-input .input-decrease {
    bottom: 0;
}

.section-header-style-12 {
    margin-bottom: 35px;
}

.section-header-style-12 .section-title {
    color: #272727;
    font-size: 24px;
    font-weight: bold;
    margin: 0;
    text-transform: uppercase;
}

.section-header-style-12 .section-sub-title {
    font-family: Arimo;
    font-size: 13px;
    margin: 5px 0 0;
    font-weight: normal;
}

.product-offer-item {
    font-family: Poppins, san-serif;
    color: white;
    position: relative;
}

.product-offer-item .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 35px;
}

.product-offer-item .item-title {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}

.product-offer-item .item-top-title {
    font-size: 17px;
    text-transform: uppercase;
}

.product-offer-item .item-top-title strong {
    font-size: 20px;
}

.product-offer-item .thumbnail img {
    -webkit-transition: .5s;
    transition: .5s;
}

.product-offer-item:hover .thumbnail img {
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
}

.product-price-2 {
    font-family: Poppins, san-serif;
}

.product-price-2 .regular-price {
    text-decoration: line-through;
    color: #666;
}

.product-price-2 .sale-price {
    font-size: 22px;
    font-weight: bold;
}

.product-detail-2 .product-detail-header {
    padding-bottom: 53px;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 45px;
}

.product-detail-2 .product-sub-title {
    color: #666666;
    font-size: 14px;
    margin: 0 0 15px;
}

.product-detail-2 .product-title {
    font-size: 28px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0 0 25px;
}

.product-detail-2 .product-stock {
    font-size: 12px;
    color: #333333;
    font-family: Poppins, san-serif;
}

.product-detail-2 .product-description {
    margin-bottom: 42px;
}

.product-detail-2 .product-tags {
    margin-top: 25px;
    font-family: Lato, san-serif;
    font-size: 13px;
    font-style: italic;
}

.product-detail-2 .product-additional-information {
    margin: 55px 0;
}

.product-detail-2 .product-additional-information li {
    padding: 18px 0;
}

.product-detail-2 .product-additional-information li:not(:last-child) {
    border-bottom: 1px solid #dddddd;
}

.product-detail-2 .product-additional-information li .lb {
    -ms-flex-preferred-size: 155px;
    flex-basis: 155px;
}

.compare-product-button {
    padding: 10px 0;
    font-size: 12px;
    font-family: Poppins, san-serif;
}

.compare-product-button i {
    color: #444;
    margin-right: 5px;
    font-size: 16px;
}

.product-detail-quanty {
    width: 250px;
    border-radius: 50px;
    background: #f2f2f2 !important;
    padding-right: 15px;
}

.product-detail-quanty .input-styled {
    width: 100%;
    font-style: normal !important;
    font-weight: bold !important;
    font-family: Poppins, san-serif !important;
    color: #222222 !important;
    background: none !important;
    border-color: transparent !important;
}

.product-color-picker {
    padding: 5px 0;
}

.product-color-picker a {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
}

.contact-infomation-box-5 {
    background: white;
    -webkit-box-shadow: 0px 2px 2px 2px #eee;
    box-shadow: 0px 2px 2px 2px #eee;
    padding: 40px 20px;
}

@media (min-width: 576px) {
    .contact-infomation-box-5 {
        padding: 60px 70px;
    }
}

@media (min-width: 1200px) {
    .contact-infomation-box-5 {
        position: relative;
        margin: -103px 27px 85px;
        z-index: 100;
    }
}

.contact-infomation-box-5 .box-title {
    font-family: Montserrat, san-serif;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0 0 18px;
}

.contact-infomation-box-5 .contact-social li {
    background: #f2f2f2;
}

.contact-infomation-box-5 .contact-social li:hover {
    background: #fc3c2a;
}

.contact-infomation-box-5 p {
    font-family: Lato, san-serif;
    font-style: italic;
}

.contact-infomation-box-5 .contact-info-list {
    padding-left: 19px;
    border-left: 2px solid #808080;
    font-family: Montserrat, san-serif;
    font-size: 13px;
    color: #666;
    font-weight: 600;
}

.contact-infomation-box-5 .contact-info-list p {
    font-size: 14px;
    font-weight: normal;
}

.section-header-style-13 {
    padding-bottom: 30px;
    margin-bottom: 50px;
    background: url(../images/section-header-52.png) center bottom no-repeat;
}

.section-header-style-13 .section-title {
    font-family: Montserrat, san-serif;
    font-size: 40px;
    font-weight: 800;
    text-transform: uppercase;
    margin: 0;
}

.section-header-style-13 .section-sub-title {
    font-family: Poppins, san-serif;
    font-size: 16px;
    margin: 0 0 5px;
    text-transform: uppercase;
}

.newsletter .inner-box {
    padding: 80px 30px 150px;
    position: relative;
    z-index: 10;
    bottom: -50px;
    background: white;
}

.newsletter .box-title {
    font-family: Poppins, san-serif;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
}

.newsletter .input-field {
    border: none;
    border-bottom: 1px solid #bbbbbb;
    height: 60px;
    line-height: 60px;
    padding: 0;
    font-size: 20px;
    width: 100%;
    text-align: center;
    font-family: Poppins, san-serif;
}

.section-poppular-brands .section-title {
    font-family: Montserrat, san-serif;
    font-size: 35px;
    text-transform: uppercase;
    font-weight: 800;
    margin: 0 0 15px;
}

.section-poppular-brands .brand-logos img {
    margin: 15px 0;
}

.sale-campaign {
    color: white;
}

.sale-campaign .overlay {
    background: rgba(0, 0, 0, 0.5);
    padding: 120px 0;
}

.sale-campaign .icon {
    font-size: 60px;
    margin: 0 0 10px;
}

.sale-campaign .section-title {
    font-size: 38px;
    font-weight: 800;
    font-family: Montserrat, san-serif;
    text-transform: uppercase;
    margin: 0 0 5px;
}

.sale-campaign .section-text-1 {
    font-family: Montserrat, san-serif;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 800;
    margin: 0;
}

.sale-campaign .section-text-2 {
    font-family: Poppins, san-serif;
    font-size: 17px;
    text-transform: uppercase;
    margin: 15px 0;
}

.sale-campaign .button {
    color: white;
    border-color: white;
    background: transparent;
    -webkit-transition: .4s;
    transition: .4s;
}

.sale-campaign .button:hover {
    border-color: transparent;
}

.product-deal .section-header {
    border-right: 5px solid #333333;
    padding-right: 30px;
    margin-bottom: 30px;
}

.product-deal .section-title {
    font-family: Poppins, san-serif;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0 0 23px;
}

.product-deal .product-name {
    font-family: Montserrat, san-serif;
    font-size: 32px;
    color: #333;
    font-weight: 800;
    margin: 0 0 13px;
}

.product-deal .product-id {
    font-family: Poppins, san-serif;
    font-size: 14px;
    color: #666666;
}

.product-deal .deal-countdown {
    margin: 60px 0 50px;
}

.article-with-icon-3 {
    margin-bottom: 30px;
}

.article-with-icon-3 .icon {
    font-size: 54px;
}

.article-with-icon-3 .item-title {
    font-size: 19px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 15px 0 10px;
    font-family: Poppins, san-serif;
}

.article-with-icon-3 .item-text {
    font-size: 14px;
    font-family: Lato, san-serif;
}


.header-6 .overlay {
    background: rgba(0, 0, 0, 0.3);
}

.header-6 .main-menu {
    font-family: Montserrat, san-serif;
}

.header-6 .main-menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.header-6 .main-menu .menu > li {
    display: inline-block;
    position: relative;
}

.header-6 .main-menu .menu > li > a {
    display: block;
    padding: 30px 20px;
    color: white;
    font-weight: 600;
    font-size: 14px;
}

.header-6 .main-menu .sub-menu {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 100%;
    left: 0;
    width: 220px;
    background: rgba(0, 0, 0, 0.95);
    padding: 10px 0;
    font-size: 14px;
    -webkit-transition: .4s;
    transition: .4s;
    text-align: left;
}

.header-6 .main-menu .sub-menu .sub-menu {
    top: 0;
    left: 100%;
}

.header-6 .main-menu .sub-menu li {
    position: relative;
    padding: 10px 20px;
}

.header-6 .main-menu .sub-menu a {
    color: white;
}

.header-6 .main-menu a {
    -webkit-transition: .4s ease;
    transition: .4s ease;
}

.header-6 .main-menu li:hover > a {
    color: #ffb607;
}

.header-6 .main-menu li:hover > .sub-menu {
    visibility: visible;
    opacity: 1;
}

.page-header-6 {
    padding: 85px 0 115px;
}

.page-header-6 .page-header-sub-title {
    font-size: 65px;
    font-family: Pinyon Script, serif;
    line-height: 1;
    margin-bottom: -25px;
}

.page-header-6 .page-header-title {
    font-size: 65px;
    font-family: Cormorant Garamond, serif;
    text-transform: uppercase;
    line-height: 1;
}

.footer-6 {
    background: url(../images/footer-6-bg.png) no-repeat;
    background-size: cover;
    background-position: center center;
    font-size: 14px;
}

.footer-6 .overlay {
    background: rgba(0, 0, 0, 0.8);
}

.copyright.style-6 {
    background: #0d0d0d;
    color: white;
}

.social-11 li {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 2px;
    font-size: 10px;
    color: white;
    background: #353535;
}

.social-11 li a {
    display: block;
}

.social-12 li {
    width: 30px;
    height: 31px;
    line-height: 31px;
    text-align: center;
    border-radius: 2px;
    font-size: 10px;
    color: #434343;
    background: #e7e7e7;
}

.social-12 li a {
    display: block;
}

.widget-post-item-5 {
    margin-bottom: 30px;
}

.widget-post-item-5 .thumbnail {
    width: 90px;
    margin-right: 21px;
}

.widget-post-item-5 .post-title {
    font-family: Cormorant Garamond, serif;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 500;
    margin: 0 0 15px;
    color: #f4f4f4;
}

.widget-post-item-5 .post-date {
    font-size: 12px;
    color: #bbbbbb;
    font-family: Poppins, san-serif;
}

.widget-post-item-5 .post-date i {
    margin-right: 8px;
}

.blog-post-item-7 {
    margin-bottom: 40px;
}

@media (max-width: 767px) {
    .blog-post-item-7 {
        margin-bottom: 65px;
    }
}

.blog-post-item-7 .post-title {
    font-family: Cormorant Garamond, serif;
    font-size: 22px;
    text-transform: uppercase;
    margin: 0 0 10px;
    font-weight: bold;
}

.blog-post-item-7 p {
    font-family: Lato, san-serif;
    font-size: 14px;
    margin: 0;
}

.blog-post-6-meta {
    font-family: Poppins, san-serif;
    font-size: 12px;
    color: #666;
    margin: 0 0 15px;
}

.blog-post-6-meta li {
    margin: 10px 0;
    line-height: 10px;
    display: inline-block;
}

.blog-post-6-meta li i {
    margin-right: 10px;
}

.blog-post-6-meta li:not(:first-child) {
    padding-left: 21px;
    margin-left: 21px;
    border-left: 1px solid #888888;
}

.blog-post-detail-6-inner {
    padding: 75px 100px;
    background: #fafafa;
}

@media (max-width: 991px) {
    .blog-post-detail-6-inner {
        padding: 50px 20px;
    }
}

.blog-post-detail-6 .blog-post-header {
    margin-bottom: 55px;
}

.blog-post-detail-6 .blog-post-header .post-title {
    font-family: Cormorant Garamond, serif;
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 0 10px;
}

.blog-post-detail-6 .blog-post-header .blog-post-image {
    margin-top: 20px;
}

.blog-post-detail-6 .blog-detail-content {
    font-size: 14px;
    font-family: Fira Sans, san-serif;
}

.blog-post-detail-6 .blog-detail-content p {
    line-height: 2.1;
}

.blog-post-detail-6 .blog-post-list-categories {
    padding: 22px 47px;
    background: white;
    margin: 40px 0 60px;
}

.blog-post-list-categories {
    font-family: Cormorant Garamond, serif;
    font-size: 19px;
    color: #666;
    font-weight: bold;
}

.section-header-style-14 {
    margin-bottom: 25px;
}

.section-header-style-14 .section-title {
    font-family: Poppins, san-serif;
    font-size: 22px;
    font-weight: bold;
    color: #222;
    margin: 0;
}

.comment-item-6 {
    position: relative;
    margin-bottom: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.comment-item-6 .comment-avatar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
    max-width: 100px;
    position: relative;
    z-index: 1;
}

.comment-item-6 .comment-avatar img {
    display: block;
}

.comment-item-6 .comment-content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-left: 36px;
}

.comment-item-6 .comment-header {
    padding-bottom: 5px;
    border-bottom: 1px solid #e0e0e0;
    margin: 0 0 15px;
}

.comment-item-6 .comment-header .comment-author {
    color: #444;
    font-family: Poppins;
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    text-transform: uppercase;
}

.comment-item-6 .comment-header .comment-time {
    color: #767676;
    font-family: Lato, san-serif;
    font-size: 12px;
    font-style: italic;
    margin-left: 15px;
}

.comment-item-6 .comment-text {
    font-family: Lato, san-serif;
    color: #666;
    font-size: 14px;
}

.comment-item-6 .comment-actions {
    display: inline-block;
    margin-left: 96px;
    font-size: 21px;
    font-style: italic;
    font-weight: 600;
    font-family: Cormorant Garamond, serif;
}

.comment-item-6.comment-child {
    margin-left: 100px;
}

@media (max-width: 767px) {
    .comment-item-6.comment-child {
        margin-left: 25px;
    }
}

.form-style-8 input.input-styled,
.form-style-8 select.input-styled {
    height: 55px;
}

.form-style-8 .input-styled {
    border-radius: 30px;
    background: #f9f9f9;
    border-color: #f9f9f9;
}

/*.section-header-50 {
	margin-bottom: 35px;
	.section-title {
		font-size: 24px;
		font-weight: 800;
		margin: 0;
		text-transform: uppercase;
	}

}*/
.filter-nav-3 {
    margin: 0 0 40px;
}

.filter-nav-3 li {
    padding: 15px 30px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: Poppins, san-serif;
    -webkit-transition: .4s;
    transition: .4s;
}

@media (max-width: 575px) {
    .filter-nav-3 li {
        padding: 15px 10px;
    }
}

.filter-nav-3 li i {
    font-size: 24px;
    color: #8f8f8f;
    margin-right: 11px;
    display: inline-block;
    vertical-align: middle;
    font-weight: normal;
}

.product-price-badge {
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    border-radius: 50%;
    color: #222222;
    font-family: Cormorant Garamond, serif;
    font-size: 18px;
    font-style: italic;
    font-weight: bold;
}

.product-item-2 {
    margin-bottom: 40px;
}

.product-item-2 .item-content {
    padding-left: 40px;
}

.product-item-2 .product-name {
    font-family: Cormorant Garamond, serif;
    font-size: 22px;
    font-weight: bold;
    margin: 0 0 5px;
    color: #2d2d2d;
}

.product-item-2 .product-date {
    color: #2d2d2d;
    font-size: 13px;
    font-family: Poppins, san-serif;
}

.product-item-2 .product-description {
    font-family: Lato, san-serif;
    font-size: 15px;
    color: #666;
    font-style: italic;
    margin-top: 15px;
}

.product-item-2 .product-price-badge {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 10;
    right: -22px;
}

@media (min-width: 576px) {
    .product-item-2 .thumbnail {
        width: 150px;
    }

    .product-item-2.thumb-right-style .item-content {
        text-align: right;
        padding-left: 0;
        padding-right: 40px;
    }

    .product-item-2.thumb-right-style .product-price-badge {
        left: -22px;
        right: auto;
    }
}

@media (max-width: 575px) {
    .product-item-2 .product-price-badge {
        bottom: 0;
        right: 0;
        left: auto;
        top: auto;
    }
}

.product-detail-header-2 .product-price-badge {
    position: absolute;
    top: 30px;
    right: 0;
    z-index: 10;
    width: 90px;
    line-height: 90px;
    height: 90px;
}

.product-detail-header-2 .product-name {
    content: #2d2d2d;
    font-size: 40px;
    font-family: Cormorant Garamond, serif;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 0 8px;
}

.product-detail-header-2 .product-date {
    color: #2d2d2d;
    font-size: 13px;
    font-family: Poppins, san-serif;
}

.product-detail-header-2 .blog-post-list-categories {
    margin-top: 40px;
}

.product-detail-content-2 {
    padding: 70px 100px;
    background: #fafafa;
    margin-top: 40px;
}

@media (max-width: 767px) {
    .product-detail-content-2 {
        padding: 50px 20px;
    }
}

.product-detail-content-2 .product-attributes {
    margin: 35px 0 40px;
}

.product-detail-content-2 .product-attributes .box-title {
    font-family: Poppins, san-serif;
    font-size: 22px;
    font-weight: bold;
    color: #222;
    margin: 0 0 20px;
}

.product-detail-content-2 .product-attributes ul {
    font-size: 14px;
    font-family: Poppins, san-serif;
    color: #222;
}

.product-detail-content-2 .product-attributes li {
    margin-bottom: 8px;
}

.product-detail-content-2 .product-attributes li .lb {
    font-weight: bold;
    display: inline-block;
    margin-right: 10px;
}

@media (min-width: 576px) {
    .product-detail-content-2 .product-attributes li .lb {
        width: 170px;
    }
}

.video-container {
    position: relative;
    margin-bottom: 30px;
}

.video-container .video-overlay {
    background: rgba(10, 10, 10, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.video-container .video-play-button {
    width: 55px;
    height: 55px;
    display: block;
    background: url("../images/video-play.png");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.custom-number-input-2 .input-increase,
.custom-number-input-2 .input-decrease {
    height: 49px;
    line-height: 49px;
    text-align: center;
    width: 25px;
    font-size: 9px;
    color: #222;
    display: inline-block;
    background: #f2f2f2;
    cursor: pointer;
}

.custom-number-input-2 input {
    height: 49px;
    line-height: 49px;
    padding: 0 15px;
    border: none;
    font-family: Poppins, san-serif;
    font-size: 12px;
    color: #222;
    text-align: center;
    width: 75px;
    background: #f2f2f2;
    display: inline-block;
    margin: 0 2px;
    font-weight: bold;
}

.custom-number-input-2 input::-webkit-outer-spin-button, .custom-number-input-2 input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0;
}

.team-detail-3 .team-detail-header .team-detail-title {
    margin-bottom: 15px;
}

.team-detail-3 .team-detail-header .team-detail-title .top-text {
    font-family: Pinyon Script, serif;
    font-size: 60px;
    font-style: italic;
    line-height: 1;
    margin: 0 0 -24px;
}

.team-detail-3 .team-detail-header .team-detail-title .bottom-text {
    font-family: Cormorant Garamond, serif;
    font-size: 35px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
}

.team-detail-3 .team-detail-header .team-role {
    font-family: Poppins, san-serif;
    margin: 0 0 30px;
}

.team-detail-3 .team-detail-header .team-role:before {
    content: '';
    display: inline-block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    margin-right: 15px;
    background: #dbdbdb;
}

.team-detail-3 .team-detail-header .team-stats {
    margin-bottom: 35px;
}

.team-detail-3 .team-detail-header .team-stats li {
    margin-right: 45px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

.team-detail-3 .team-detail-header .team-stats li i {
    font-weight: normal;
    margin-right: 9px;
}

.team-detail-3 .team-detail-content {
    margin-bottom: 60px;
}

.team-detail-3-content-box {
    padding: 75px 100px;
    background: #fafafa;
}

@media (max-width: 767px) {
    .team-detail-3-content-box {
        padding: 50px 20px;
    }
}

.social-61 li {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: white;
}

.social-61 li a {
    display: block;
}

.section-header-style-15 {
    text-align: center;
    margin: 0 0 50px;
    padding-bottom: 30px;
    background: url(../images/l6-section-header-sep.png) center bottom no-repeat;
}

.section-header-style-15 .section-header-title {
    font-family: Cormorant Garamond, serif;
    font-size: 45px;
    font-weight: bold;
    text-transform: uppercase;
    color: #222;
    margin: 0;
}

.section-header-style-15 .section-header-sub-title {
    font-family: Pinyon Script, serif;
    font-size: 80px;
    font-style: italic;
    line-height: 1;
    margin-bottom: -24px;
}

.product-item-3 {
    position: relative;
}

.product-item-3 .thumbnail img {
    -webkit-transition: .5s ease;
    transition: .5s ease;
}

.product-item-3 .overlay {
    color: white;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 45px 50px;
    background: rgba(0, 0, 0, 0.6);
    -webkit-transition: .4s;
    transition: .4s;
}

.product-item-3:hover .thumbnail img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.product-item-3:hover .overlay {
    background: rgba(0, 0, 0, 0.3);
}

.product-item-3 .product-name {
    font-family: Cormorant Garamond, serif;
    font-size: 26px;
    font-weight: bold;
    margin: 0 0 10px;
}

.product-item-3 .product-item-stats {
    font-family: Poppins, san-serif;
    font-size: 14px;
    margin-left: 15px;
}

@media (min-width: 1200px) {
    .section-today-menu {
        background: url(../images/section-today-menu.png) no-repeat;
        background-position: left bottom 100px;
    }
}

@media (min-width: 992px) {
    .section-category-of-food {
        background: url(../images/food-bg-3.png) no-repeat left bottom, url(../images/food-bg-4.png) no-repeat right top;
    }
}

@media (min-width: 992px) {
    .section-how-it-works {
        background: url(../images/food-bg-2.png) no-repeat right bottom;
    }
}

/* ------------------------
	Layout 1
------------------------ */
.layout-1 h1, .layout-1 h2, .layout-1 h3, .layout-1 h4, .layout-1 h5, .layout-1 h6 {
    font-family: Montserrat, san-serif;
}

.layout-1 .button {
    font-family: Montserrat, san-serif;
}

.layout-1 .button-primary {
    background-color: #fbd03b;
    border-color: transparent;
    color: #202020;
    -webkit-transition: .3s;
    transition: .3s;
}

.layout-1 .button-primary:hover {
    background-color: #0085d3;
    color: white;
}

.layout-1 .button-secondary {
    background-color: #0085d3;
    border-color: transparent;
    color: white;
    -webkit-transition: .3s;
    transition: .3s;
}

.layout-1 .button-secondary:hover {
    background-color: #fbd03b;
    color: #202020;
}

.layout-1 .color-primary,
.layout-1 .active-color-primary.active,
.layout-1 .hover-color-primary:hover,
.layout-1 .before-color-primary:before,
.layout-1 .after-color-primary:after {
    color: #fbd03b;
}

.layout-1 .color-secondary,
.layout-1 .active-color-secondary.active,
.layout-1 .hover-color-secondary:hover,
.layout-1 .before-color-secondary:before,
.layout-1 .after-color-secondary:after {
    color: #0085d3;
}

.layout-1 .background-primary,
.layout-1 .active-background-primary.active,
.layout-1 .hover-background-primary:hover,
.layout-1 .before-background-primary:before,
.layout-1 .after-background-primary:after {
    background-color: #fbd03b;
}

.layout-1 .background-secondary,
.layout-1 .active-background-secondary.active,
.layout-1 .hover-background-secondary:hover,
.layout-1 .before-background-secondary:before,
.layout-1 .after-background-secondary:after {
    background-color: #0085d3;
}

.layout-1 .border-color-primary,
.layout-1 .active-border-color-primary.active,
.layout-1 .hover-border-color-primary:hover,
.layout-1 .before-border-color-primary:before,
.layout-1 .after-border-color-primary:after {
    border-color: #fbd03b;
}

.layout-1 .border-color-secondary,
.layout-1 .active-border-color-secondary.active,
.layout-1 .hover-border-color-secondary:hover,
.layout-1 .before-border-color-secondary:before,
.layout-1 .after-border-color-secondary:after {
    border-color: #0085d3;
}

.layout-1 .sidebar {
    padding: 70px 50px 10px;
    background: #fafafa;
    border-radius: 4px;
}

.layout-1 .widget-title {
    font-family: Montserrat, san-serif;
    font-size: 20px;
    margin: 0 0 30px;
    font-weight: bold;
    color: #262626;
}

/* ------------------------
	Layout 2
------------------------ */
.layout-2 h1, .layout-2 h2, .layout-2 h3, .layout-2 h4, .layout-2 h5, .layout-2 h6,
.layout-2 .widget-title,
.layout-2 .page-header,
.layout-2 .page-header-breadcrumb,
.layout-2 .widget-title,
.layout-2 .post-title {
    font-family: Poppins, san-serif;
}

.layout-2 .button {
    font-family: Montserrat, san-serif;
}

.layout-2 .button-primary {
    background-color: #feb500;
    border-color: transparent;
    color: white;
    -webkit-transition: .3s;
    transition: .3s;
}

.layout-2 .button-primary:hover {
    color: #000;
    background: #ff6a00;
}

.layout-2 .button-secondary {
    background-color: #101010;
    border-color: transparent;
    color: white;
    -webkit-transition: .3s;
    transition: .3s;
}

.layout-2 .button-secondary:hover {
    background-color: #ff6a00;
    color: white;
}

.layout-2 .color-primary,
.layout-2 .active-color-primary.active,
.layout-2 .hover-color-primary:hover,
.layout-2 .before-color-primary:before,
.layout-2 .after-color-primary:after {
    color: #feb500;
}

.layout-2 .color-secondary,
.layout-2 .active-color-secondary.active,
.layout-2 .hover-color-secondary:hover,
.layout-2 .before-color-secondary:before,
.layout-2 .after-color-secondary:after {
    color: #1f1f1f;
}

.layout-2 .background-primary,
.layout-2 .active-background-primary.active,
.layout-2 .hover-background-primary:hover,
.layout-2 .before-background-primary:before,
.layout-2 .after-background-primary:after {
    background-color: #feb500;
}

.layout-2 .background-secondary,
.layout-2 .active-background-secondary.active,
.layout-2 .hover-background-secondary:hover,
.layout-2 .before-background-secondary:before,
.layout-2 .after-background-secondary:after {
    background-color: #1f1f1f;
}

.layout-2 .border-color-primary,
.layout-2 .active-border-color-primary.active,
.layout-2 .hover-border-color-primary:hover,
.layout-2 .before-border-color-primary:before,
.layout-2 .after-border-color-primary:after {
    border-color: #feb500;
}

.layout-2 .border-color-secondary,
.layout-2 .active-border-color-secondary.active,
.layout-2 .hover-border-color-secondary:hover,
.layout-2 .before-border-color-secondary:before,
.layout-2 .after-border-color-secondary:after {
    border-color: #1f1f1f;
}

.layout-2 .widget-title {
    font-size: 20px;
    margin: 0 0 30px;
    font-weight: bold;
}

/*.ronby-construction {
	.button {
		position: relative;
		overflow: hidden;
		z-index: 10;

		&:before {
			content: '';
			display: block;
			position: absolute;
			top: 0;
			height: 100%;
			width: 150px;
			left: -200px;
		    transform: skewX(-45deg);
		    background: rgba(255, 255, 255, 0.3);
		    z-index: -1;
		}

		&:hover:before {
			transition: 0.2s linear;
			left: calc(100% + 50px);
		}

	}
	.button-primary {
		&:hover {
			box-shadow: inset 0 0 15px #ff9a03;
		}
	}
	.button-secondary {
		&:hover {
			box-shadow: inset 0 0 15px #777;
		}
	}
}*/
/* ------------------------
	Layout 3
------------------------ */
.layout-3 h1, .layout-3 h2, .layout-3 h3, .layout-3 h4, .layout-3 h5, .layout-3 h6,
.layout-3 .widget-title,
.layout-3 .page-header,
.layout-3 .page-header-breadcrumb,
.layout-3 .widget-title,
.layout-3 .post-title {
    /*font-family: Poppins, san-serif;*/
    font-family: 'Open Sans', sans-serif;
}

.layout-3 .button {
    font-family: Montserrat, san-serif;
}

.layout-3 .button-primary {
    background-color: #fc3c2a;
    border-color: transparent;
    color: white;
    -webkit-transition: .3s;
    transition: .3s;
}

.layout-3 .button-primary:hover {
    background: #fdb40f;
    color: #fff;
}

.layout-3 .button-secondary {
    background-color: #101010;
    border-color: transparent;
    color: white;
    -webkit-transition: .3s;
    transition: .3s;
}

.layout-3 .button-secondary:hover {
    background-color: #fc3c2a;
    color: white;
}

.layout-3 .color-primary,
.layout-3 .active-color-primary.active,
.layout-3 .hover-color-primary:hover,
.layout-3 .before-color-primary:before,
.layout-3 .after-color-primary:after {
    color: #fc3c2a;
}

.layout-3 .color-secondary,
.layout-3 .active-color-secondary.active,
.layout-3 .hover-color-secondary:hover,
.layout-3 .before-color-secondary:before,
.layout-3 .after-color-secondary:after {
    color: #2d2d2d;
}

.layout-3 .background-primary,
.layout-3 .active-background-primary.active,
.layout-3 .hover-background-primary:hover,
.layout-3 .before-background-primary:before,
.layout-3 .after-background-primary:after {
    background-color: #fc3c2a;
}

.layout-3 .background-secondary,
.layout-3 .active-background-secondary.active,
.layout-3 .hover-background-secondary:hover,
.layout-3 .before-background-secondary:before,
.layout-3 .after-background-secondary:after {
    background-color: #2d2d2d;
}

.layout-3 .border-color-primary,
.layout-3 .active-border-color-primary.active,
.layout-3 .hover-border-color-primary:hover,
.layout-3 .before-border-color-primary:before,
.layout-3 .after-border-color-primary:after {
    border-color: #fc3c2a;
}

.layout-3 .border-color-secondary,
.layout-3 .active-border-color-secondary.active,
.layout-3 .hover-border-color-secondary:hover,
.layout-3 .before-border-color-secondary:before,
.layout-3 .after-border-color-secondary:after {
    border-color: #2d2d2d;
}

.layout-3 .widget-title {
    font-size: 20px;
    margin: 0 0 30px;
    font-weight: bold;
}

/* ------------------------
	Layout 4
------------------------ */
.layout-4 h1, .layout-4 h2, .layout-4 h3, .layout-4 h4, .layout-4 h5, .layout-4 h6 {
    font-family: Montserrat, san-serif;
}

.layout-4 .button {
    font-family: Montserrat, san-serif;
}

.layout-4 .button-primary {
    background-color: #00aced;
    border-color: transparent;
    color: white;
    -webkit-transition: .3s;
    transition: .3s;
}

.layout-4 .button-primary:hover {
    background: #385ad8;
    color: #fff;
}

.layout-4 .button-secondary {
    background-color: #151515;
    border-color: transparent;
    color: white;
    -webkit-transition: .3s;
    transition: .3s;
}

.layout-4 .button-secondary:hover {
    background-color: #00aced;
    color: white;
}

.layout-4 .color-primary,
.layout-4 .active-color-primary.active,
.layout-4 .hover-color-primary:hover,
.layout-4 .before-color-primary:before,
.layout-4 .after-color-primary:after {
    color: #00aced;
}

.layout-4 .color-secondary,
.layout-4 .active-color-secondary.active,
.layout-4 .hover-color-secondary:hover,
.layout-4 .before-color-secondary:before,
.layout-4 .after-color-secondary:after {
    color: #0085d3;
}

.layout-4 .background-primary,
.layout-4 .active-background-primary.active,
.layout-4 .hover-background-primary:hover,
.layout-4 .before-background-primary:before,
.layout-4 .after-background-primary:after {
    background-color: #00aced;
}

.layout-4 .background-secondary,
.layout-4 .active-background-secondary.active,
.layout-4 .hover-background-secondary:hover,
.layout-4 .before-background-secondary:before,
.layout-4 .after-background-secondary:after {
    background-color: #0085d3;
}

.layout-4 .border-color-primary,
.layout-4 .active-border-color-primary.active,
.layout-4 .hover-border-color-primary:hover,
.layout-4 .before-border-color-primary:before,
.layout-4 .after-border-color-primary:after {
    border-color: #00aced;
}

.layout-4 .border-color-secondary,
.layout-4 .active-border-color-secondary.active,
.layout-4 .hover-border-color-secondary:hover,
.layout-4 .before-border-color-secondary:before,
.layout-4 .after-border-color-secondary:after {
    border-color: #0085d3;
}

.layout-4 .widget {
    font-size: 14px;
}

.layout-4 .widget-title {
    font-family: Arvo, san-serif;
    font-size: 20px;
    margin: 0 0 30px;
    font-weight: bold;
}

/* ------------------------
	Layout 5
------------------------ */
.layout-5 h1, .layout-5 h2, .layout-5 h3, .layout-5 h4, .layout-5 h5, .layout-5 h6 {
    font-family: Poppins, san-serif;
}

.layout-5 .button {
    font-family: Poppins, san-serif;
}

.layout-5 .color-primary,
.layout-5 .active-color-primary.active,
.layout-5 .hover-color-primary:hover,
.layout-5 .before-color-primary:before,
.layout-5 .after-color-primary:after {
    color: #fb7126;
}

.layout-5 .color-secondary,
.layout-5 .active-color-secondary.active,
.layout-5 .hover-color-secondary:hover,
.layout-5 .before-color-secondary:before,
.layout-5 .after-color-secondary:after {
    color: #0085d3;
}

.layout-5 .background-primary,
.layout-5 .active-background-primary.active,
.layout-5 .hover-background-primary:hover,
.layout-5 .before-background-primary:before,
.layout-5 .after-background-primary:after {
    background-color: #fb7126;
}

.layout-5 .background-secondary,
.layout-5 .active-background-secondary.active,
.layout-5 .hover-background-secondary:hover,
.layout-5 .before-background-secondary:before,
.layout-5 .after-background-secondary:after {
    background-color: #0085d3;
}

.layout-5 .border-color-primary,
.layout-5 .active-border-color-primary.active,
.layout-5 .hover-border-color-primary:hover,
.layout-5 .before-border-color-primary:before,
.layout-5 .after-border-color-primary:after {
    border-color: #fb7126;
}

.layout-5 .border-color-secondary,
.layout-5 .active-border-color-secondary.active,
.layout-5 .hover-border-color-secondary:hover,
.layout-5 .before-border-color-secondary:before,
.layout-5 .after-border-color-secondary:after {
    border-color: #0085d3;
}

.layout-5 .button-primary {
    background-color: #fb7126;
    color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.layout-5 .button-primary:hover {
    background: #e53333;
    color: white;
}

.layout-5 .button-secondary {
    background-color: #0085d3;
    color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.layout-5 .button-secondary:hover {
    background-color: #fb7126;
    color: white;
}

.layout-5 .sidebar {
    padding: 70px 50px 10px;
    background: #fafafa;
    border-radius: 4px;
}

.layout-5 .widget-title {
    font-family: Poppins, san-serif;
    font-size: 18px;
    margin: 0 0 30px;
    font-weight: bold;
}

.layout-5 .input-styled {
    background: #fbfbfb;
    border-color: transparent;
    font-style: italic;
    font-family: Lato, san-serif;
}

.layout-5 .contact-form .input-styled {
    border-radius: 25px;
}

.layout-5 ::-webkit-input-placeholder {
    color: #888;
}

.layout-5 ::-ms-input-placeholder {
    color: #888;
}

.layout-5 :-ms-input-placeholder {
    color: #888;
}

.layout-5 ::placeholder {
    color: #888;
}

/* ------------------------
	Layout 6
------------------------ */
.layout-6 .color-primary,
.layout-6 .active-color-primary.active,
.layout-6 .hover-color-primary:hover,
.layout-6 .before-color-primary:before,
.layout-6 .after-color-primary:after {
    color: #ffb607;
}

.layout-6 .color-secondary,
.layout-6 .active-color-secondary.active,
.layout-6 .hover-color-secondary:hover,
.layout-6 .before-color-secondary:before,
.layout-6 .after-color-secondary:after {
    color: #1d1d1d;
}

.layout-6 .background-primary,
.layout-6 .active-background-primary.active,
.layout-6 .hover-background-primary:hover,
.layout-6 .before-background-primary:before,
.layout-6 .after-background-primary:after {
    background-color: #ffb607;
}

.layout-6 .background-secondary,
.layout-6 .active-background-secondary.active,
.layout-6 .hover-background-secondary:hover,
.layout-6 .before-background-secondary:before,
.layout-6 .after-background-secondary:after {
    background-color: #1d1d1d;
}

.layout-6 .border-color-primary,
.layout-6 .active-border-color-primary.active,
.layout-6 .hover-border-color-primary:hover,
.layout-6 .before-border-color-primary:before,
.layout-6 .after-border-color-primary:after {
    border-color: #ffb607;
}

.layout-6 .border-color-secondary,
.layout-6 .active-border-color-secondary.active,
.layout-6 .hover-border-color-secondary:hover,
.layout-6 .before-border-color-secondary:before,
.layout-6 .after-border-color-secondary:after {
    border-color: #1d1d1d;
}

.layout-6 .button-primary {
    background-color: #feb500;
    color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.layout-6 .button-primary:hover {
    background: #de500b;
    color: white;
}

.layout-6 .button-secondary,
.layout-6 .button-secondary:hover {
    background-color: #1d1d1d;
    color: white;
}

.layout-6 .widget-title {
    font-family: Poppins, san-serif;
    font-size: 20px;
    margin: 0 0 30px;
    font-weight: bold;
}

.layout-6 .input-styled {
    background: white;
    border-radius: 0;
    font-style: italic;
}

.section-light {
    background-color: #f5f5f5;
}

.row-padding.clearfix {
    width: 100%;
    clear: both;
}

.clearfix:before, .clearfix:after {
    display: table;
    clear: both;
    content: " ";
}

.col-divider-margin-3 {
    margin-bottom: 30px;
    width: 100%;
}

.clearfix {
    width: 100%;
}

.col-centered {
    float: none;
    margin: 0 auto;
}

.background-imgholder {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
    background-size: cover !important;
    background-position: 50% 50% !important;
}

.section-side-image {
    position: relative;
    padding: 0px;
    margin: 0px;
}

.section-dark {
    background-color: #444;
    color: #f5f5f5;
}

.nodisplay-image {
    display: none;
}

.section-side-image .img-holder {
    overflow: hidden;
    height: 100%;
    padding: 0px;
    top: 0px;
    position: absolute;
}