/* ===== FOOTER ===== */
.footer-list-style3 li a:before {
    color: var(--footer-color-1) !important; /* gebruik meerdere variabelen als meerdere blokken */
}

.footer-social-icons2 ul li,
.footer-social-icons2 ul li a {
    color: var(--footer-color) !important;
    border-color: var(--footer-color) !important;
}
.footer-title-style6:after {
    background: var(--footer-color) !important;
}

    .footer-social-icons2 ul li:hover {
        background: var(--footer-color) !important;
        border-color: var(--footer-color) !important;
    }

/* ===== NAVBAR ===== */
.navbar-nav > li > a {
    color: var(--menu-kleur) !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    font-size: var(--menu-grootte) !important;
    font-family: var(--menu-font) !important;
}

.navbar > ul > li.has-sub > a:after {
    border-color: var(--menu-kleur) !important;
    top: 6px !important;
}

.navbar ul ul li,
.navbar-nav li > ul {
    margin-bottom: 0 !important;
    padding: 0 !important;
}

/*.navbar-toggler {
    background-color: var(--menu-kleur-hov) !important;
}*/

.mfSelect .value {
    height: 40px !important;
    padding-top: 6px !important;
}

/* ===== MENU ===== */
.fixedHeader {
    height: var(--menu-header-height) !important;
}

.menu-item, .menu-item.lang, .has-sub {
    background-color: var(--menu-achtergrond) !important;
    color: var(--menu-kleur) !important;
    font-size: var(--menu-grootte) !important;
    font-family: var(--menu-font) !important;
    padding-top: var(--menu-hoogte) !important;
    padding-bottom: var(--menu-hoogte) !important;
}

    .menu-item > a, .menu-item.lang > a, .has-sub > a {
        border-top: solid calc(var(--menu-kader-dikte) * var(--menu-no-border)) var(--menu-kader);
        border-bottom: solid var(--menu-kader-dikte) var(--menu-kader);
        border-left: solid calc(var(--menu-kader-dikte) * var(--menu-no-border)) var(--menu-kader);
        border-right: solid calc(var(--menu-kader-dikte) * var(--menu-no-border)) var(--menu-kader);
        border-radius: var(--menu-kader-hoeken);
    }

        .menu-item > a:hover, .menu-item.lang > a:hover, .has-sub > a:hover {
            background-color: var(--menu-achtergrond-hov) !important;
            color: var(--menu-kleur-hov) !important;
            font-size: var(--menu-grootte-hov) !important;
            font-family: var(--menu-font-hov) !important;
            padding-top: var(--menu-hoogte-hov) !important;
            padding-bottom: var(--menu-hoogte-hov) !important;
            border-top: solid calc(var(--menu-kader-dikte-hov) * var(--menu-no-border-hov)) var(--menu-kader-hov);
            border-bottom: solid var(--menu-kader-dikte-hov) var(--menu-kader-hov);
            border-left: solid calc(var(--menu-kader-dikte-hov) * var(--menu-no-border-hov)) var(--menu-kader-hov);
            border-right: solid calc(var(--menu-kader-dikte-hov) * var(--menu-no-border-hov)) var(--menu-kader-hov);
            border-radius: var(--menu-kader-hoeken-hov);
        }

    .menu-item.active > a, .menu-item.lang.active > a {
        background-color: var(--menu-achtergrond-sel) !important;
        color: var(--menu-kleur-sel) !important;
        font-size: var(--menu-grootte-sel) !important;
        font-family: var(--menu-font-sel) !important;
        padding-top: var(--menu-hoogte-sel) !important;
        padding-bottom: var(--menu-hoogte-sel) !important;
        border-top: solid calc(var(--menu-kader-dikte-sel) * var(--menu-no-border-sel)) var(--menu-kader-sel);
        border-bottom: solid var(--menu-kader-dikte-sel) var(--menu-kader-sel);
        border-left: solid calc(var(--menu-kader-dikte-sel) * var(--menu-no-border-sel)) var(--menu-kader-sel);
        border-right: solid calc(var(--menu-kader-dikte-sel) * var(--menu-no-border-sel)) var(--menu-kader-sel);
        border-radius: var(--menu-kader-hoeken-sel);
    }

/* ===== SUBMENU ===== */
.submenu-item > a {
    background-color: var(--submenu-achtergrond) !important;
    color: var(--submenu-kleur) !important;
    font-size: var(--submenu-grootte) !important;
    font-family: var(--submenu-font) !important;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: var(--submenu-hoogte) !important;
    padding-bottom: var(--submenu-hoogte) !important;
    border-top: 0px;
    border-bottom: solid var(--submenu-kader-dikte) var(--submenu-kader);
    border-left: solid calc(var(--submenu-kader-dikte) * var(--submenu-no-border)) var(--submenu-kader);
    border-right: solid calc(var(--submenu-kader-dikte) * var(--submenu-no-border)) var(--submenu-kader);
    border-radius: var(--submenu-kader-hoeken);
}

.sub-menu > .submenu-item:first-child > a {
    border-top: solid calc(var(--submenu-kader-dikte) * var(--submenu-no-border)) var(--submenu-kader) !important;
}

    .submenu-item > a:hover {
        background-color: var(--submenu-achtergrond-hov) !important;
        color: var(--submenu-kleur-hov) !important;
        font-size: var(--submenu-grootte-hov) !important;
        font-family: var(--submenu-font-hov) !important;
        padding-top: var(--submenu-hoogte-hov) !important;
        padding-bottom: var(--submenu-hoogte-hov) !important;
        border: solid var(--submenu-kader-hov);
        border-top: 0px;
        border-bottom: solid var(--submenu-kader-dikte-hov) var(--submenu-kader-hov);
        border-left: solid calc(var(--submenu-kader-dikte-hov) * var(--submenu-no-border-hov)) var(--submenu-kader-hov);
        border-right: solid calc(var(--submenu-kader-dikte-hov) * var(--submenu-no-border-hov)) var(--submenu-kader-hov);
        border-radius: var(--submenu-kader-hoeken-hov);
    }

.sub-menu > .submenu-item:first-child > a:hover {
    border-top: solid calc(var(--submenu-kader-dikte-hov) * var(--submenu-no-border-hov)) var(--submenu-kader-hov) !important;
}

.submenu-item.active > a {
    background-color: var(--submenu-achtergrond-sel) !important;
    color: var(--submenu-kleur-sel) !important;
    font-size: var(--submenu-grootte-sel) !important;
    font-family: var(--submenu-font-sel) !important;
    padding-top: var(--submenu-hoogte-sel) !important;
    padding-bottom: var(--submenu-hoogte-sel) !important;
    border-top: 0px;
    border-bottom: solid var(--submenu-kader-dikte-sel) var(--submenu-kader-sel);
    border-left: solid calc(var(--submenu-kader-dikte-sel) * var(--submenu-no-border-sel)) var(--submenu-kader-sel);
    border-right: solid calc(var(--submenu-kader-dikte-sel) * var(--submenu-no-border-sel)) var(--submenu-kader-sel);
    border-radius: var(--submenu-kader-hoeken-sel);
}

.sub-menu > .submenu-item.active:first-child > a {
    border-top: solid calc(var(--submenu-kader-dikte-sel) * var(--submenu-no-border-sel)) var(--submenu-kader-sel) !important;
}

.navbar-toggler.menu-opened:before {
    background: var(--togglemenu);
}

.navbar-toggler.menu-opened:after {
    background: var(--togglemenu);
}

/* ===== OVERIGE STIJLEN ===== */

/* Verberg het standaard pijltje */
select.dropdownnew {
    -webkit-appearance: none; /* Chrome, Safari */
    -moz-appearance: none; /* Firefox */
    appearance: none;
    width: 100%;
    padding: 8px 30px 8px 30px; /* rechts en links ruimte voor icon */
    font-size: 1rem;
}

/* Wrapper voor het pijltje */
.selectnew {
    position: relative;
    display: inline-block;
    width: 200px; /* of 100% */
}

    /* Pseudo-element als pijltje */
    .selectnew::after {
        content: "▼"; /* kan ook een SVG of icon zijn */
        position: absolute;
        left: 96%; /* hier staat het pijltje */
        top: 50%;
        transform: translateY(-50%);
        pointer-events: none; /* klikken gaat door naar select */
        color: #bebebe;
        font-size: 0.8rem;
    }

.dropdownnew {
    margin: 0px;
    border: 2px solid rgba(0,0,0,0.1);
    padding-left: 10px !important;
}

textarea, .mfSelect {
    position: relative;
}

.flatpickr-input {
    border-radius: 0;
    padding: 10px;
    font-size: 15px;
}

.navbar-header-custom {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.navbar-nav.men {
    margin-top: var(--menu-top-margin) !important;
}

section {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.row.block {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.navbar-nav .submenu-button:before, .navbar-nav .submenu-button:after {
    background: var(--menu-kleur) !important;
}

@media (max-width: 768px) {
    .desktop-only {
        display: none;
    }
}

html {
    scroll-behavior: smooth;
}

.error {
    color: red !important;
}

.redBorder {
    border: 1px solid #FF5E5E !important; 
    -webkit-box-shadow:0 0 5px #FF5E5E !important; 
    -moz-box-shadow: 0 0 5px #FF5E5E !important;
    box-shadow:0 0 5px #FF5E5E !important;
}

#preloader{
    position:fixed;
    left:0;
    top:0;
    z-index:99999;
    width:100%;
    height:100%;
    overflow:visible;
    background:#fff;
    display:table;
    text-align:center
}
.loader{
    display:table-cell;
    vertical-align:middle;
    position:relative;
    width:200px;
    height:200px
}
.loader-icon{
    width:80px;
    height:80px;
    border:5px solid #87251F;
    border-right-color:#eee;
    border-radius:50%;
    position:relative;
    animation:loader-rotate 1s linear infinite;
    margin:0 auto
}
@keyframes loader-rotate{
    0%{
        transform:rotate(0)
    }
    100%{
        transform:rotate(360deg)
    }
}
a:hover,a:active{
    color:#87251F;
    text-decoration:none
}
.bg-theme{
    background-color:#87251F
}
.bg-light-sky{
    background-color:#e7efff
}
.bg-theme-90{
    background:rgba(134,188,66,0.9)
}
.bg-theme-80{
    background:rgba(134,188,66,0.8)
}
.theme-overlay[data-overlay-dark]:before{
    background:#87251F
}
.text-theme-color{
    color:#87251F
}
.text-content-big p{
    font-weight:400;
    line-height:200%;
    margin-bottom:25px;
    font-size:15px
}
.shadow-primary{
    -moz-box-shadow:0 20px 40px rgba(0,0,0,0.2);
    -ms-box-shadow:0 20px 40px rgba(0,0,0,0.2);
    -webkit-box-shadow:0 20px 40px rgba(0,0,0,0.2);
    -o-box-shadow:0 20px 40px rgba(0,0,0,0.2);
    box-shadow:0 20px 40px rgba(0,0,0,0.2)
}
.red{
    color:red
}
.line-through{
    text-decoration:line-through
}
input,textarea,select{
    border:2px solid rgba(0,0,0,0.1)
}
input:focus,textarea:focus,select:focus{
    border:2px solid rgba(0,0,0,0.5)
}
.bg-container{
    background:url(../img/bg/bg-pattern.png) no-repeat;
    position:absolute;
    left:8%;
    top:6%;
    width:100%;
    background-size:auto auto;
    height:100%
}
.readmore{
    font-weight:700;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease
}
.readmore:after{
    content:'\f105';
    font-size:16px;
    vertical-align:top;
    font-family:Font Awesome\ 5 Free;
    padding-left:8px;
    vertical-align:middle
}
.readmore:hover{
    color:#87251F
}
.left-title{
    position:relative
}
.left-title:before{
    content:"";
    background:#87251F;
    width:15px;
    height:2px;
    display:inline-block;
    vertical-align:middle;
    margin-top:-4px;
    margin-right:10px
}
.left-title.white:before{
    background:#fff
}
.clearfix{
    clear:both
}
.select-departments .dropdown{
    display:none
}
.select-departments .dropdown.current{
    display:block;
    z-index:999999
}
@media screen and (max-width: 1599px){
    .bg-container{
        left:5%
    }
}
@media screen and (max-width: 1399px){
    .bg-container{
        left:0
    }
}
@media screen and (max-width: 1199px){
    .bg-container{
        left:0;
        top:0
    }
}
@media screen and (max-width: 991px){
    .sm-center-col{
        float:none;
        margin-left:auto;
        margin-right:auto
    }
    .bg-container{
        background-repeat:repeat
    }
}
@media screen and (max-width: 767px){
    .xs-center-col{
        float:none;
        margin-left:auto;
        margin-right:auto
    }
    .xs-no-padding-left{
        border-left:none !important
    }
}
@media screen and (max-width: 575px){
    .mobile-margin-15px-bottom{
        margin-bottom:15px !important
    }
    .mobile-margin-20px-bottom{
        margin-bottom:20px !important
    }
    .mobile-margin-25px-bottom{
        margin-bottom:25px !important
    }
    .mobile-padding-15px-bottom{
        padding-bottom:15px !important
    }
    .mobile-padding-20px-bottom{
        padding-bottom:20px !important
    }
    .mobile-padding-25px-bottom{
        padding-bottom:25px !important
    }
    .bg-container{
        top:0
    }
}
.scroll-to-top{
    font-size:20px;
    text-align:center;
    color:#fff;
    text-decoration:none;
    position:fixed;
    bottom:20px;
    right:20px;
    display:none;
    border-radius:50%;
    background:#000;
    border:1px solid #2a2a2a;
    width:35px;
    height:35px;
    line-height:30px;
    z-index:9999;
    outline:0;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -o-transition:all .3s ease;
    -ms-transition:all .3s ease
}
.scroll-to-top i{
    color:#fff
}
.scroll-to-top:hover{
    color:#232323;
    background:#fff
}
.scroll-to-top:hover i{
    color:#232323
}
.scroll-to-top:visited{
    color:#232323;
    text-decoration:none
}
.half-gutter{
    margin:0 -8px
}
.half-gutter>[class*="col-"]{
    padding:7px
}
.primary-list{
    padding-left:0
}
.primary-list li{
    font-size:14px;
    font-weight:500;
    margin-top:15px;
    list-style-type:none;
    color:#222
}
.primary-list li i{
    color:#87251F;
    padding-right:10px
}
.list-style1{
    list-style:none;
    margin:0 0 30px 0;
    padding:0
}
.list-style1 li{
    position:relative;
    padding:0 0 14px 40px;
    margin:0 0 14px 0;
    border-bottom:1px solid rgba(0,0,0,0.08)
}
.list-style1 li span{
    position:absolute;
    top:3px;
    right:0
}
.list-style1 li:last-child{
    border-bottom:none;
    padding-bottom:0;
    margin-bottom:0
}
.list-style1 li:before{
    content:""
}
.list-style1 li i{
    color:#87251F;
    font-size:12px;
    background:rgba(134,188,66,0.1);
    margin-right:12px;
    border-radius:30px;
    padding:6px;
    position:absolute;
    left:0;
    top:2px;
    line-height:12px
}
.list-style2{
    list-style:none;
    margin:0;
    padding:0
}
.list-style2 li{
    margin-bottom:25px;
    box-shadow:0px 10px 30px 0px rgba(50,50,50,0.16);
    background:#fff;
    padding:20px 25px
}
.list-style2 li:last-child{
    margin-bottom:0
}
.list-style2 li span{
    display:inline-block;
    max-width:50px;
    width:100%;
    vertical-align:top;
    font-size:42px;
    line-height:40px;
    font-weight:700;
    color:rgba(0,0,0,0.1);
    text-align:right
}
.list-style2 li p{
    display:inline-block;
    margin-bottom:0;
    max-width:350px;
    width:100%;
    vertical-align:top;
    padding-left:25px
}
@media screen and (max-width: 1199px){
    .list-style2 li{
        margin-bottom:20px;
        padding:20px 10px
    }
    .list-style2 li p{
        max-width:325px
    }
    .list-style2 li span{
        font-size:40px
    }
}
@media screen and (max-width: 575px){
    .list-style2 li p{
        max-width:220px;
        padding-left:20px
    }
}
.list-style-16 li:after{
    color:#87251F
}
.butn{
    background:#232323;
    color:#fff;
    text-align:center;
    border-radius:2px;
    padding:7px 30px;
    line-height:normal;
    font-weight:500;
    text-transform:none !important;
    position:relative;
    z-index:9999;
    display:inline-block;
    white-space:nowrap;
    border:none;
    cursor:pointer
}
.butn span{
    z-index:9;
    position:relative
}
.butn:hover{
    color:#fff;
    border-radius:3px
}
.butn:after{
    content:'';
    position:absolute;
    border-radius:4px;
    bottom:6px;
    left:0;
    height:2px;
    -moz-transition:width .4s;
    -ms-transition:width .4s;
    -webkit-transition:width .4s;
    -o-transition:width .4s;
    transition:width .4s;
    width:0;
    /*background:#87251F;*/
    height:100%;
    top:0;
    z-index:1
}
.butn:hover:after{
    width:100%;
    border-radius:3px
}
.butn.white{
    background:#fff;
    color:#232323
}
.butn.white:hover{
    color:#fff;
    border-radius:3px
}
.butn.white:after{
    background:#232323;
    border-radius:3px
}
.butn.white-hover:hover{
    color:#232323
}
.butn.white-hover:hover span{
    color:#232323
}
.butn.white-hover:after{
    background:#fff;
    border-radius:3px
}
.butn.light{
    background:rgba(134,188,66,0.1);
    color:#87251F
}
.butn.light:hover{
    color:#fff;
    background:#87251F;
    border-radius:3px
}
.butn.light:after{
    background:#87251F;
    border-radius:3px
}
.butn.theme{
    background:#87251F;
    color:#fff
}
.butn.theme span{
/*    color:#fff*/
}
.butn.theme:hover{
    color:#fff;
    border-radius:3px
}
.butn.theme:after{
/*    background:#232323;*/
    border-radius:3px
}
.butn.theme.white-hover:hover{
    color:#232323
}
.butn.theme.white-hover:hover span{
    color:#232323
}
.butn.theme.white-hover:after{
    background:#fff;
    border-radius:3px
}
.butn.small{
    padding:8px 20px
}
.butn.medium{
    padding:10px 20px
}
.btn-style2{
    display:inline-block;
    font-size:14px;
    padding:12px 20px;
    border:2px solid #222;
    color:#232323;
    letter-spacing:.5px;
    line-height:26px;
    border-radius:0;
    text-transform:uppercase;
    width:auto;
    font-family:'Montserrat', sans-serif;
    font-weight:600;
    transition-duration:0.3s;
    transition-timing-function:ease-in-out
}
.btn-style2:hover,.btn-style2:active{
    background:#87251F;
    color:#fff;
    border-color:#87251F
}
.btn-style2:focus{
    background:#87251F;
    color:#fff;
    box-shadow:none;
    border-color:#87251F
}
.btn-style2.white{
    border-color:#fff;
    color:#fff
}
.btn-style2.white:hover{
    border-color:#87251F
}
.btn-style2 span{
    text-shadow:none !important;
    color:#fff !important
}
.btn-style3{
    display:inline-block;
    font-size:16px;
    padding:14px 20px;
    border:2px solid #87251F;
    color:#fff;
    letter-spacing:.5px;
    line-height:26px;
    border-radius:0;
    text-transform:uppercase;
    width:auto;
    font-family:'Montserrat', sans-serif;
    font-weight:600;
    transition-duration:0.3s;
    transition-timing-function:ease-in-out;
    background:transparent;
    border-radius:30px;
    min-width:180px
}
.btn-style3:hover,.btn-style3:active{
    background:#87251F;
    color:#fff;
    border-color:#87251F
}
.btn-style3:focus{
    background:#87251F;
    color:#fff;
    box-shadow:none;
    border-color:#87251F
}
.btn-style3:after{
    content:none
}
.btn-style3 span{
    text-shadow:none !important;
    color:#fff !important
}
@media screen and (max-width: 991px){
    .butn{
        padding:10px 28px
    }
    .butn.small{
        padding:7px 16px
    }
    .butn.medium{
        padding:8px 18px
    }
    .btn-style2{
        padding:10px 18px
    }
}
@media screen and (max-width: 767px){
    .butn{
        padding:8px 26px
    }
    .butn.small{
        padding:6px 14px
    }
    .butn.medium{
        padding:6px 16px
    }
    .btn-style2{
        padding:8px 14px
    }
    .xs-default-gutter{
        margin:0 -15px
    }
    .xs-default-gutter>[class*="col-"]{
        padding-right:15px;
        padding-left:15px;
        padding-bottom:0;
        padding-top:0
    }
}
.section-heading{
    margin-bottom:50px;
    text-align:center
}
.section-heading.half{
    margin-bottom:30px
}
.section-heading h1,.section-heading h2,.section-heading h3,.section-heading h4,.section-heading h5,.section-heading h6{
    position:relative;
    padding-bottom:10px;
    font-weight:700;
    margin-bottom:10px;
    position:relative;
    line-height:140%
}
.section-heading h1:after,.section-heading h2:after,.section-heading h3:after,.section-heading h4:after,.section-heading h5:after,.section-heading h6:after{
    content:'';
    display:block;
    width:100px;
    height:2px;
    background:#87251F;
    margin:0 auto;
    position:absolute;
    left:0;
    right:0;
    bottom:0
}
.section-heading.white h1,.section-heading.white h2,.section-heading.white h3,.section-heading.white h4,.section-heading.white h5,.section-heading.white h6,.section-heading.white p,.section-heading.white span{
    color:#fff
}
.section-heading.grey h1,.section-heading.grey h2,.section-heading.grey h3,.section-heading.grey h4,.section-heading.grey h5,.section-heading.grey h6{
    color:#b7b7b7
}
.section-heading.grey h1:after,.section-heading.grey h2:after,.section-heading.grey h3:after,.section-heading.grey h4:after,.section-heading.grey h5:after,.section-heading.grey h6:after{
    background:#b7b7b7
}
.section-heading.grey span{
    color:#b7b7b7
}
.section-heading.left{
    text-align:left
}
.section-heading.left h1,.section-heading.left h2,.section-heading.left h3,.section-heading.left h4,.section-heading.left h5,.section-heading.left h6{
    padding-bottom:15px
}
.section-heading.left h1:after,.section-heading.left h2:after,.section-heading.left h3:after,.section-heading.left h4:after,.section-heading.left h5:after,.section-heading.left h6:after{
    margin:0;
    left:0
}
.section-heading strong{
    font-weight:600
}
.section-heading p{
    font-size:15px;
    font-weight:400;
    padding-top:15px;
    margin:0 auto
}
.section-heading span{
    position:relative;
    font-size:15px;
    font-weight:500;
    color:#87251F;
    line-height:200%;
    margin-bottom:10px
}
.section-heading .badge{
    display:inline-block;
    padding:7px 19px;
    font-size:12px;
    font-weight:700;
    line-height:1;
    text-align:center;
    white-space:nowrap;
    vertical-align:baseline;
    border-radius:14px;
    color:#87251F;
    border:1px solid #87251F;
    background:transparent;
    text-transform:uppercase;
    letter-spacing:.075em
}
@media screen and (max-width: 991px){
    .section-heading{
        margin-bottom:30px
    }
    .section-heading p{
        padding-top:10px;
        font-size:14px
    }
    .section-heading.half{
        margin-bottom:20px
    }
}
.title-style2{
    position:relative;
    padding-bottom:20px;
    margin-bottom:0;
    text-transform:uppercase
}
.title-style2:after{
    content:'';
    width:60px;
    height:2px;
    background:#87251F;
    position:absolute;
    bottom:0;
    left:calc(50% - 30px)
}
.title-style2:before{
    content:'';
    height:1px;
    background:rgba(0,0,0,0.2);
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    margin:0 auto;
    width:250px
}
h1.title-style2.white,h2.title-style2.white,h3.title-style2.white,h4.title-style2.white,h5.title-style2.white,h6.title-style2.white{
    color:#fff
}
.section-heading.left .title-style2{
    left:0;
    margin:0
}
.section-heading.left .title-style2:before{
    width:125px;
    left:0;
    margin:0
}
.section-heading.left .title-style2:after{
    width:50px;
    left:37px
}
.section-heading .title-style2.white:after{
    background:#87251F
}
.section-heading .title-style2.white:before{
    background:rgba(255,255,255,0.8)
}
.section-heading.title-style3{
    text-align:left;
    margin-bottom:30px;
    padding-bottom:10px;
    border-bottom:1px solid #eee
}
.section-heading.title-style3 h1,.section-heading.title-style3 h2,.section-heading.title-style3 h3,.section-heading.title-style3 h4,.section-heading.title-style3 h5,.section-heading.title-style3 h6{
    padding:0;
    margin:0
}
.section-heading.title-style3 h1:after,.section-heading.title-style3 h2:after,.section-heading.title-style3 h3:after,.section-heading.title-style3 h4:after,.section-heading.title-style3 h5:after,.section-heading.title-style3 h6:after{
    content:none
}
.section-heading.title-style4 h1,.section-heading.title-style4 h2,.section-heading.title-style4 h3,.section-heading.title-style4 h4,.section-heading.title-style4 h5,.section-heading.title-style4 h6{
    text-transform:uppercase;
    font-weight:700;
    padding:0;
    margin:0
}
.section-heading.title-style4 p{
    padding-top:0
}
.section-heading.title-style4 span{
    color:#87251F;
    font-size:32px;
    font-weight:700;
    text-transform:uppercase
}
.section-heading.title-style4 h1:after,.section-heading.title-style4 h2:after,.section-heading.title-style4 h3:after,.section-heading.title-style4 h4:after,.section-heading.title-style4 h5:after,.section-heading.title-style4 h6:after{
    content:none
}
@media screen and (max-width: 1199px){
    .section-heading.title-style4 span{
        font-size:30px
    }
}
@media screen and (max-width: 991px){
    .section-heading.title-style4 span{
        font-size:28px
    }
}
@media screen and (max-width: 767px){
    .section-heading.title-style4 span{
        font-size:28px
    }
}
.section-heading.title-style5 h1,.section-heading.title-style5 h2,.section-heading.title-style5 h3,.section-heading.title-style5 h4,.section-heading.title-style5 h5,.section-heading.title-style5 h6{
    padding:0;
    margin:0
}
.section-heading.title-style5.white h1,.section-heading.title-style5.white h2,.section-heading.title-style5.white h3,.section-heading.title-style5.white h4,.section-heading.title-style5.white h5,.section-heading.title-style5.white h6{
    color:#fff
}
.section-heading.title-style5 h1:after,.section-heading.title-style5 h2:after,.section-heading.title-style5 h3:after,.section-heading.title-style5 h4:after,.section-heading.title-style5 h5:after,.section-heading.title-style5 h6:after{
    content:none
}
.section-heading.title-style5 .separator-left,.section-heading.title-style5 .separator-right{
    height:1px;
    position:absolute;
    top:50%;
    width:70px;
    margin-top:-1px;
    margin-bottom:0
}
.section-heading.title-style5 .separator-left{
    left:-80px
}
.section-heading.title-style5 .separator-right{
    right:-80px
}
.section-heading.title-style5 .square{
    width:10px;
    height:10px;
    background-color:#87251F;
    border-width:1px;
    border-style:solid;
    border-color:#87251F;
    display:inline-block;
    vertical-align:baseline;
    position:relative
}
.section-heading.title-style5.left .square .separator-left{
    display:none
}
.section-heading.title-style5 span{
    text-transform:capitalize;
    color:#87251F;
    font-weight:700;
    font-size:14px;
    letter-spacing:1px
}
.section-heading.title-style6 h1,.section-heading.title-style6 h2,.section-heading.title-style6 h3,.section-heading.title-style6 h4,.section-heading.title-style6 h5,.section-heading.title-style6 h6{
    position:relative;
    padding-bottom:10px;
    font-weight:500;
    margin-bottom:10px;
    position:relative;
    line-height:140%;
    text-transform:inherit
}
.section-heading.title-style6 h1:after,.section-heading.title-style6 h2:after,.section-heading.title-style6 h3:after,.section-heading.title-style6 h4:after,.section-heading.title-style6 h5:after,.section-heading.title-style6 h6:after{
    content:'';
    display:block;
    width:50px;
    height:1px;
    background:#87251F;
    margin:0 auto;
    position:absolute;
    left:0;
    right:0;
    bottom:0
}
.section-heading.title-style6 span{
    color:#232323;
    font-weight:600;
    font-size:32px;
    line-height:normal
}
.section-heading.title-style6.white span{
    color:#fff
}
.section-heading.title-style6.left{
    text-align:left
}
.section-heading.title-style6.left h1:after,.section-heading.title-style6.left h2:after,.section-heading.title-style6.left h3:after,.section-heading.title-style6.left h4:after,.section-heading.title-style6.left h5:after,.section-heading.title-style6.left h6:after{
    margin:0
}
@media screen and (max-width: 1199px){
    .section-heading.title-style6 span{
        font-size:30px
    }
}
@media screen and (max-width: 991px){
    .section-heading.title-style6 span{
        font-size:28px
    }
}
@media screen and (max-width: 767px){
    .section-heading.title-style6 span{
        font-size:26px
    }
}
.section-heading.title-style7{
    text-align:center;
    position:relative;
    margin-bottom:70px
}
.section-heading.title-style7 h1,.section-heading.title-style7 h2,.section-heading.title-style7 h3,.section-heading.title-style7 h4,.section-heading.title-style7 h5,.section-heading.title-style7 h6{
    padding-bottom:0
}
.section-heading.title-style7 h1:after,.section-heading.title-style7 h2:after,.section-heading.title-style7 h3:after,.section-heading.title-style7 h4:after,.section-heading.title-style7 h5:after,.section-heading.title-style7 h6:after{
    content:none
}
.section-heading.title-style7 span{
    padding-bottom:10px;
    letter-spacing:2px;
    font-weight:600
}
.section-heading.title-style7 span:before{
    content:'';
    display:block;
    width:75px;
    height:1px;
    background:#87251F;
    margin:0 auto;
    position:absolute;
    left:0;
    right:0;
    bottom:0
}
.section-heading.title-style7 span:after{
    position:absolute;
    content:'';
    background:#87251F;
    width:75px;
    height:1px;
    bottom:-2px;
    left:0;
    right:0;
    margin:0 auto
}
@media screen and (max-width: 991px){
    .section-heading.title-style7{
        margin-bottom:50px
    }
}
.section-heading.title-style8{
    text-align:center
}
.section-heading.title-style8 h1,.section-heading.title-style8 h2,.section-heading.title-style8 h3,.section-heading.title-style8 h4,.section-heading.title-style8 h5,.section-heading.title-style8 h6{
    position:relative;
    font-weight:700;
    position:relative;
    margin-bottom:25px;
    padding-bottom:5px;
    line-height:140%;
    text-transform:capitalize
}
.section-heading.title-style8 h1:before,.section-heading.title-style8 h2:before,.section-heading.title-style8 h3:before,.section-heading.title-style8 h4:before,.section-heading.title-style8 h5:before,.section-heading.title-style8 h6:before{
    position:absolute;
    content:'';
    background:#87251F;
    width:75px;
    height:1px;
    bottom:-8px;
    left:49%;
    margin-left:-45px
}
.section-heading.title-style8 h1:after,.section-heading.title-style8 h2:after,.section-heading.title-style8 h3:after,.section-heading.title-style8 h4:after,.section-heading.title-style8 h5:after,.section-heading.title-style8 h6:after{
    position:absolute;
    content:'';
    background:#87251F;
    width:75px;
    height:1px;
    bottom:-12px;
    left:50%;
    margin-left:-30px
}
.section-heading.title-style8 p{
    font-size:15px;
    font-weight:400;
    padding-top:10px;
    margin:0 auto
}
.section-heading.title-style8 .inner-title{
    font-size:32px;
    display:block;
    line-height:normal;
    margin-bottom:5px
}
@media screen and (max-width: 991px){
    .section-heading.title-style8 p{
        padding-top:5px
    }
    .section-heading.title-style8 .inner-title{
        font-size:28px
    }
}
@media screen and (max-width: 767px){
    .section-heading.title-style8 .inner-title{
        font-size:26px
    }
}
@media screen and (max-width: 575px){
    .section-heading.title-style8 .inner-title{
        font-size:24px
    }
}
.section-heading.title-style9{
    text-align:center;
    position:relative
}
.section-heading.title-style9 h1,.section-heading.title-style9 h2,.section-heading.title-style9 h3,.section-heading.title-style9 h4,.section-heading.title-style9 h5,.section-heading.title-style9 h6{
    font-size:36px;
    position:relative;
    margin-bottom:0;
    padding-bottom:0;
    position:relative;
    line-height:140%;
    font-weight:500
}
.section-heading.title-style9.white h1{
    color:#fff
}
.section-heading.white h2,.section-heading.white h3,.section-heading.white h4,.section-heading.white h5,.section-heading.white h6{
    color:#fff
}
.section-heading.title-style9.white p{
    color:#fff
}
.section-heading.title-style9.white .badge{
    background:rgba(255,255,255,0.2)
}
.section-heading.title-style9 h1:after,.section-heading.title-style9 h2:after,.section-heading.title-style9 h3:after,.section-heading.title-style9 h4:after,.section-heading.title-style9 h5:after,.section-heading.title-style9 h6:after{
    content:none
}
.section-heading.title-style9 p{
    font-size:16px;
    font-weight:500;
    padding-top:0;
    margin:0 auto
}
.section-heading.title-style9 .badge{
    color:#87251F;
    background:rgba(134,188,66,0.15);
    border:none;
    padding:5px 20px;
    border-radius:30px;
    font-weight:700;
    font-size:14px;
    display:inline-block;
    margin-bottom:5px;
    line-height:normal;
    text-transform:capitalize
}
@media screen and (max-width: 991px){
    .section-heading.title-style9 h1,.section-heading.title-style9 h2,.section-heading.title-style9 h3,.section-heading.title-style9 h4,.section-heading.title-style9 h5,.section-heading.title-style9 h6{
        font-size:32px
    }
}
@media screen and (max-width: 767px){
    .section-heading.title-style9 h1,.section-heading.title-style9 h2,.section-heading.title-style9 h3,.section-heading.title-style9 h4,.section-heading.title-style9 h5,.section-heading.title-style9 h6{
        font-size:28px
    }
}
.inner-title h1,.inner-title h2,.inner-title h3,.inner-title h4,.inner-title h5,.inner-title h6{
    font-size:18px;
    margin-bottom:30px;
    padding-bottom:10px;
    position:relative;
    font-weight:600
}
.inner-title h1:after,.inner-title h2:after,.inner-title h3:after,.inner-title h4:after,.inner-title h5:after,.inner-title h6:after{
    content:'';
    display:block;
    width:40px;
    height:2px;
    background:#87251F;
    margin:0;
    position:absolute;
    left:0;
    right:0;
    bottom:0
}
.inner-title.half h1,.inner-title.half h2,.inner-title.half h3,.inner-title.half h4,.inner-title.half h5,.inner-title.half h6{
    margin-bottom:15px
}
.top-bar-info{
    display:inline-block;
    vertical-align:middle
}
.top-bar-info ul{
    margin-bottom:0
}
.top-bar-info li{
    font-weight:500;
    color:#fff;
    list-style-type:none;
    font-size:13px;
    padding:0 5px 0;
    display:inline-block;
    margin-bottom:0
}
#top-bar{
    display:block;
    position:relative;
    z-index:999;
    background:#1c1c1c;
    padding:7px 0
}
.top-bar-info li i{
    font-size:16px;
    color:#87251F;
    margin-right:8px;
    margin-top:0;
    display:inline-block;
    vertical-align:text-bottom
}
.top-social-icon{
    padding:0;
    float:right;
    margin:0
}
.top-social-icon li{
    font-size:14px;
    list-style-type:none;
    float:left;
    text-align:center;
    margin:0;
    padding:0 7px
}
.top-social-icon li:last-child{
    padding-right:0
}
.top-social-icon li:last-child a{
    padding-right:0
}
.top-social-icon li a{
    color:#fff;
    line-height:28px;
    -moz-transition-duration:.3s;
    -ms-transition-duration:.3s;
    -webkit-transition-duration:.3s;
    -o-transition-duration:.3s;
    transition-duration:.3s;
    padding:0 3px
}
.top-social-icon li a:hover{
    color:#87251F
}
#top-bar.top-bar-style2{
    background:#f5f5f5;
    border-bottom:1px solid rgba(0,0,0,0.1)
}
.top-bar-style2 .top-bar-info li{
    color:#6f6f6f
}
.top-bar-style2 .top-bar-info li i{
    color:#6f6f6f
}
.top-bar-style2 .top-social-icon li a{
    color:#6f6f6f
}
.top-bar-style2 .top-social-icon li a:hover{
    color:#232323
}
.navbar-nav li.current>a,.navbar-nav li.active>a{
    color:#87251F
}
.navbar>ul>li.current>a:after{
    border-color:transparent #87251F #87251F transparent
}
@media screen and (min-width: 992px){
    .header-style1 .navbar-nav li.current>a,.header-style2 .navbar-nav li.current>a{
        color:#87251F
    }
    .header-style1 .navbar-nav li.active>a{
        color:#87251F
    }
    .header-style1 .navbar>ul>li.current>a:after{
        border-color:transparent #87251F #87251F transparent
    }
    .header-style2 .navbar>ul>li.current>a:after{
        border-color:transparent #87251F #87251F transparent
    }
    .header-style1.scrollHeader .navbar-nav li.current>a,.header-style2.scrollHeader .navbar-nav li.current>a,.header-style1.scrollHeader .navbar-nav li.current>a:hover,.header-style2.scrollHeader .navbar-nav li.current>a:hover{
        color:#87251F
    }
    .header-style1.scrollHeader .navbar>ul>li.current>a:after,.header-style2.scrollHeader .navbar>ul>li.current>a:after{
        border-color:transparent #87251F #87251F transparent
    }
    .header-style3{
        border-bottom:2px solid rgba(134,188,66,0.9)
    }
    .header-style4 .navbar-nav li.current>a{
        color:#87251F
    }
    .header-style4 .navbar>ul>li.current>a:after{
        border-color:transparent #87251F #87251F transparent
    }
    .header-style5 #top-bar{
        background:#87251F
    }
    .header-style6 .navbar-default{
        background:rgba(134,188,66,0.85)
    }
    .header-style6.scrollHeader .navbar-default{
        background:#87251F
    }
    .menu_area-light .navbar-nav li.current>a{
        color:#87251F
    }
    .menu_area-light .navbar>ul>li.current>a:after{
        border-color:transparent #87251F #87251F transparent
    }
    .menu_area-light.scrollHeader .navbar-nav li.current>a{
        color:#87251F
    }
    .menu_area-light.scrollHeader .navbar-nav li.current>a:hover{
        color:#87251F
    }
    .menu_area-light.scrollHeader .navbar>ul>li.current>a:after{
        border-color:transparent #87251F #87251F transparent
    }
}
@media screen and (max-width: 991px){
    .header-style3{
        border-bottom:2px solid rgba(134,188,66,0.9)
    }
    .header-style5 #top-bar,.header-style5 .navbar-toggler{
        background:#87251F
    }
    .header-style6 .navbar-default{
        background:rgba(134,188,66,0.85)
    }
}
.page-title-section{
    background-size:cover;
    background-position:center
}
.page-title-section h1{
    font-size:40px;
    font-weight:600;
    letter-spacing:1px;
    line-height:1;
    color:#fff;
    margin-bottom:0
}
.page-title-section ul{
    margin-bottom:0;
    margin-top:15px;
    text-align:left
}
.page-title-section ul li{
    display:inline-block
}
.page-title-section ul li:last-child a{
    color:#87251F
}
.page-title-section ul li:after{
    content:'\f105';
    font-weight:700;
    vertical-align:middle;
    color:#fff;
    font-family:Font Awesome\ 5 Free;
    padding:0 10px
}
.page-title-section ul li:last-child:after{
    content:none
}
.page-title-section ul li a{
    color:#fff;
    font-size:14px;
    font-weight:500
}
.page-title-section .active a,.page-title-section li.active:last-child a{
    color:#fff
}
@media screen and (max-width: 1199px){
    .page-title-section h1{
        font-size:36px;
        line-height:40px
    }
}
@media screen and (max-width: 991px){
    .page-title-section h1{
        font-size:30px;
        line-height:38px
    }
}
@media screen and (max-width: 767px){
    .page-title-section h1{
        margin-bottom:10px;
        font-size:28px;
        line-height:36px
    }
    .page-title-section ul{
        margin-top:5px
    }
}
.page-title-section2{
    padding:250px 0 150px;
    text-align:center
}
.page-title-section2 h1{
    font-size:40px;
    font-weight:600;
    letter-spacing:1px;
    line-height:1;
    color:#fff;
    margin-bottom:0
}
.page-title-section2 ul{
    margin-bottom:0;
    margin-top:15px;
    text-align:center
}
.page-title-section2 ul li{
    display:inline-block
}
.page-title-section2 ul li:last-child a{
    color:#87251F
}
.page-title-section2 ul li:after{
    content:'\f105';
    font-weight:700;
    vertical-align:middle;
    color:#fff;
    font-family:Font Awesome\ 5 Free;
    padding:0 5px 0 10px
}
.page-title-section2 ul li:last-child:after{
    content:none
}
.page-title-section2 ul li a{
    color:#fff;
    font-size:14px;
    font-weight:500
}
.page-title-section2 .active a,.page-title-section2 li.active:last-child a{
    color:#fff
}
@media screen and (max-width: 1199px){
    .page-title-section2{
        padding:200px 0 100px
    }
    .page-title-section2 h1{
        font-size:36px;
        line-height:42px
    }
}
@media screen and (max-width: 991px){
    .page-title-section2{
        padding:148px 0 75px
    }
    .page-title-section2 h1{
        margin-bottom:10px;
        font-size:30px;
        line-height:40px
    }
    .page-title-section2 ul{
        margin-top:5px
    }
}
.page-title-section3 h1{
    color:#232323;
    margin-bottom:0
}
.page-title-section3 ul{
    margin-bottom:0;
    margin-top:15px;
    text-align:center
}
.page-title-section3 ul li{
    display:inline-block
}
.page-title-section3 ul li:last-child a{
    color:#232323
}
.page-title-section3 ul li:after{
    content:' \f152';
    color:#fff;
    font-weight:700;
    font-family:Font Awesome\ 5 Free;
    padding:0 10px
}
.page-title-section3 ul li:last-child:after{
    content:none
}
.page-title-section3 ul li a{
    color:#fff;
    font-size:14px;
    font-weight:500
}
@media screen and (max-width: 991px){
    .page-title-section3 ul{
        margin-top:5px
    }
}
.page-title-section.small h1{
    font-size:28px;
    font-weight:600;
    letter-spacing:1px;
    line-height:normal;
    color:#fff;
    margin-bottom:0
}
.page-title-section.small ul{
    margin-bottom:0;
    margin-top:6px;
    text-align:left
}
.page-title-section.small ul li{
    display:inline-block
}
.page-title-section.small ul li:last-child a{
    color:#87251F
}
.page-title-section.small ul li:after{
    content:' \f152';
    color:#fff;
    font-weight:700;
    font-family:Font Awesome\ 5 Free;
    padding:0 10px
}
.page-title-section.small ul li:last-child:after{
    content:none
}
.page-title-section.small ul li a{
    color:#fff;
    font-size:14px;
    font-weight:500
}
@media screen and (max-width: 767px){
    .page-title-section.small h1{
        margin-bottom:5px;
        font-size:24px
    }
    .page-title-section.small ul{
        margin-top:5px
    }
}
.main-banner-area{
    overflow:hidden;
    position:relative
}
.main-banner-area:after{
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    background:none;
    z-index:3
}
.main-banner-area .right-bg{
    float:right;
    width:55.5%;
    right:1px;
    overflow:hidden;
    position:relative;
    z-index:1
}
.main-banner-area .header-shape-bg{
    position:absolute;
    top:0px;
    min-height:500px;
    z-index:2;
    width:100%
}
.main-banner-area .header-text{
    position:absolute;
    width:100%;
    top:50%;
    transform:perspective(1px) translateY(-50%);
    z-index:4
}
.main-banner-area .header-text h1{
    font-weight:800;
    font-size:58px;
    line-height:72px;
    letter-spacing:1.4px;
    margin-bottom:0
}
.main-banner-area .header-text h1 span{
    font-weight:300
}
.main-banner-area .header-text p{
    font-weight:400;
    font-size:22px;
    line-height:28px;
    letter-spacing:1px
}
.main-banner-area .inner-title{
    background:#fff;
    border-radius:30px;
    box-shadow:0px 5px 24px 6px rgba(0,0,0,0.06);
    padding:8px 30px;
    display:inline-block;
    margin-bottom:20px;
    vertical-align:top;
    font-weight:bold
}
@media screen and (max-width: 1199px){
    .main-banner-area .right-bg{
        right:0
    }
    .main-banner-area .header-text{
        top:70%;
        transform:perspective(1px) translateY(-70%)
    }
    .main-banner-area .inner-title{
        margin-bottom:15px
    }
    .main-banner-area .header-text h1{
        font-size:48px;
        line-height:56px
    }
    .main-banner-area .header-text p{
        line-height:24px;
        font-size:18px
    }
}
@media screen and (max-width: 991px){
    .main-banner-area .right-bg{
        width:100%;
        max-height:550px;
        height:100%;
        min-height:410px
    }
    .main-banner-area .header-shape-bg{
        display:none
    }
    .main-banner-area .header-text{
        top:50%;
        transform:perspective(1px) translateY(-50%)
    }
    .main-banner-area .header-text h1{
        font-size:42px;
        line-height:34px;
        margin-bottom:10px;
        color:#fff;
        text-align:center;
        text-shadow:2px 4px 3px rgba(0,0,0,0.4)
    }
    .main-banner-area .header-text p{
        color:#fff;
        text-align:center;
        line-height:24px;
        font-size:20px;
        text-shadow:2px 4px 3px rgba(0,0,0,0.4)
    }
    .main-banner-area .right-bg:before{
        content:'';
        position:absolute;
        width:100%;
        height:100%;
        background:radial-gradient(rgba(0,0,0,0.4), transparent)
    }
    .main-banner-area .inner-title{
        padding:6px 20px;
        margin-bottom:10px
    }
}
@media screen and (max-width: 767px){
    .main-banner-area .right-bg img{
        width:auto;
        max-width:144%
    }
    .main-banner-area .header-text h1{
        font-size:30px;
        line-height:34px
    }
    .main-banner-area .header-text p{
        font-size:18px
    }
}
@media screen and (max-width: 575px){
    .main-banner-area .header-text h1{
        font-size:26px;
        line-height:34px;
        margin-bottom:15px
    }
    .main-banner-area .header-text p{
        display:none
    }
}
.main-banner-area .animated-shape{
    position:absolute;
    z-index:9
}
.main-banner-area .first{
    left:15%;
    top:15%
}
.main-banner-area .second{
    left:12%;
    top:55%
}
.main-banner-area .third{
    left:48%;
    top:70%
}
.main-banner-area .triangle{
    position:relative;
    width:0;
    border-bottom:solid 50px #ffe085;
    border-right:solid 30px transparent;
    border-left:solid 30px transparent
}
.main-banner-area .triangle .empty{
    position:absolute;
    top:9px;
    left:-21px;
    width:0;
    border-bottom:solid 36px white;
    border-right:solid 21px transparent;
    border-left:solid 21px transparent
}
.main-banner-area .circle{
    width:16px;
    height:16px;
    border-radius:16px;
    background:#e5a9ff
}
.main-banner-area .square{
    width:48px;
    height:48px;
    background:transparent;
    border:8px solid #1ce6a5
}
.main-banner-area .rotate-animation{
    -webkit-animation:rotate 10s linear infinite;
    -moz-animation:rotate 10s linear infinite;
    -o-animation:rotate 10s linear infinite;
    animation:rotate 10s linear infinite
}
.main-banner-area .rotate-3d{
    -webkit-animation:rotate3d 10s linear infinite;
    -moz-animation:rotate3d 10s linear infinite;
    -o-animation:rotate3d 10s linear infinite;
    animation:rotate3d 10s linear infinite
}
@media screen and (max-width: 991px){
    .main-banner-area .triangle{
        border-bottom:solid 35px #ffe085;
        border-right:solid 20px transparent;
        border-left:solid 20px transparent
    }
    .main-banner-area .triangle .empty{
        top:10px;
        left:-11px;
        border-bottom:solid 20px white;
        border-right:solid 11px transparent;
        border-left:solid 11px transparent
    }
    .main-banner-area .square{
        width:32px;
        height:32px;
        border-width:5px
    }
    .main-banner-area .third{
        top:80%;
        left:80%
    }
}
@keyframes rotate3d{
    0%{
        -webkit-transform:rotateY(0deg);
        -moz-transform:rotateY(0deg);
        -ms-transform:rotateY(0deg);
        -o-transform:rotateY(0deg);
        transform:rotateY(0deg)
    }
    100%{
        -webkit-transform:rotateY(360deg);
        -moz-transform:rotateY(360deg);
        -ms-transform:rotateY(360deg);
        -o-transform:rotateY(360deg);
        transform:rotateY(360deg)
    }
}
@keyframes rotate{
    0%{
        -webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
.banner-form .form-heading{
    -moz-border-radius-top-left:4px;
    -moz-border-radius-top-right:4px;
    -ms-border-radius-top-left:4px;
    -ms-border-radius-top-right:4px;
    -webkit-border-top-left-radius:4px;
    -webkit-border-top-right-radius:4px;
    -o-border-radius-top-left:4px;
    -o-border-radius-top-right:4px;
    border-top-left-radius:4px;
    border-top-right-radius:4px
}
.banner-form .mfControls .butn{
    width:100%;
    padding:15px;
    margin:0;
    -moz-border-radius-bottom-right:4px;
    -moz-border-radius-bottom-left:4px;
    -ms-border-radius-bottom-right:4px;
    -ms-border-radius-bottom-left:4px;
    -webkit-border-bottom-right-radius:4px;
    -webkit-border-bottom-left-radius:4px;
    -o-border-radius-bottom-right:4px;
    -o-border-radius-bottom-left:4px;
    border-bottom-right-radius:4px;
    border-bottom-left-radius:4px
}
.banner-section .container{
    position:absolute
}
.banner-shape{
    position:absolute;
    bottom:0;
    z-index:1;
    width:100%
}
.banner-shape img{
    max-width:none;
    width:100%
}
.cd-headline.loading-bar .cd-words-wrapper:after{
    background:#87251F
}
.line-banner{
    overflow:hidden;
    position:relative
}
.line-banner .header-text{
    position:absolute;
    width:100%;
    top:45%;
    transform:perspective(1px) translateY(-45%);
    z-index:4
}
.line-banner .header-text h1{
    font-size:60px;
    color:#fff;
    line-height:76px;
    letter-spacing:1.4px;
    margin-bottom:0;
    font-weight:300
}
@media screen and (max-width: 1199px){
    .line-banner .header-text h1{
        font-size:48px;
        line-height:60px
    }
}
@media screen and (max-width: 991px){
    .line-banner .header-text{
        top:50%;
        transform:perspective(1px) translateY(-50%)
    }
    .line-banner .header-text h1{
        font-size:42px;
        line-height:48px
    }
}
@media screen and (max-width: 767px){
    .line-banner .header-text h1{
        font-size:36px;
        line-height:42px
    }
}
@media screen and (max-width: 575px){
    .line-banner .header-text h1{
        font-size:28px;
        line-height:36px
    }
}
.owl-carousel .caption .overflow-hidden{
    display:inline-block
}
.owl-carousel .caption h3{
    font-weight:200;
    animation-delay:0.5s;
    position:relative;
    display:inline-block
}
.owl-carousel .caption h1{
    margin:10px 0;
    font-size:70px;
    font-weight:500;
    text-transform:uppercase;
    animation-delay:0.8s
}
.owl-carousel .caption p{
    font-size:18px;
    color:#eee;
    word-spacing:2px;
    animation-delay:1.2s
}
.owl-carousel .caption span{
    display:inline-block;
    padding:.2em 0
}
.owl-carousel .caption .butn{
    animation-delay:1.4s
}
.owl-carousel .caption .butn i{
    position:relative;
    top:1px;
    z-index:9
}
.carousel-style1 .owl-carousel .owl-item img{
    width:100%
}
.home-business-slider .owl-nav .owl-next{
    position:absolute;
    right:15px;
    top:50%;
    background:none !important;
    opacity:0.35
}
.home-business-slider .owl-nav .owl-next:hover{
    opacity:1
}
.home-business-slider .owl-nav .owl-prev{
    position:absolute;
    left:15px;
    top:50%;
    background:none !important;
    opacity:0.35
}
.home-business-slider .owl-nav .owl-prev:hover{
    opacity:1
}
@media screen and (max-width: 991px){
    .owl-carousel .caption h1{
        font-size:50px
    }
    .owl-carousel .caption p{
        font-size:16px
    }
}
@media screen and (max-width: 767px){
    .owl-carousel .caption h1{
        font-size:32px;
        margin-top:5px
    }
    .owl-carousel .caption h3{
        letter-spacing:1px
    }
}
@media screen and (max-width: 575px){
    .owl-carousel .caption h1{
        font-size:20px;
        margin-top:5px
    }
}
.slider-fade .owl-item{
    height:100vh;
    position:relative
}
.slider-fade .item{
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background-size:cover;
    background-position:center center
}
.slider-fade .item .caption{
    width:100%;
    z-index:9
}
.slider-fade .owl-theme .owl-dots{
    position:absolute;
    bottom:5vh;
    width:100%;
    left:0
}
.rev_slider_wrapper .tp-caption span{
    color:#87251F
}
.rev_slider_wrapper .butn span{
    font-size:14px !important;
    line-height:24px !important;
    color:#fff;
    text-shadow:none
}
.rev_slider_wrapper .butn.white span{
    color:#232323
}
.rev_slider_wrapper .butn.white:hover span{
    color:#fff
}
@media screen and (min-width: 767px){
    .custom-paragraph .slider-text p{
        width:450px !important;
        font-size:15px !important;
        line-height:26px !important
    }
}
@media screen and (min-width: 1024px){
    .rev_slider .max-style{
        font-size:60px !important;
        line-height:70px !important
    }
    .rev_slider .max-style span{
        font-size:60px !important;
        line-height:70px !important
    }
}
@media screen and (max-width: 1023px){
    .rev_slider .max-style{
        font-size:45px !important;
        line-height:50px !important
    }
    .rev_slider .max-style span{
        font-size:45px !important;
        line-height:50px !important
    }
    .custom-paragraph .slider-text p{
        font-size:16px !important;
        line-height:28px !important
    }
}
@media screen and (max-width: 766px){
    .rev_slider .max-style{
        font-size:30px !important;
        line-height:normal !important
    }
    .rev_slider .max-style span{
        font-size:30px !important;
        line-height:normal !important
    }
    .custom-paragraph .slider-text p{
        text-align:center !important;
        font-size:14px !important;
        line-height:24px !important;
        width:480px !important;
        padding:0 15px
    }
    .custom-controls .tp-leftarrow,.custom-controls .tp-rightarrow{
        width:40px !important;
        height:40px !important
    }
    .custom-controls .tp-leftarrow{
        left:-15px !important
    }
    .custom-controls .tp-rightarrow{
        left:inherit !important;
        right:-55px !important
    }
    .custom-controls .tparrows:before{
        line-height:20px !important
    }
}
@media screen and (max-width: 479px){
    .rev_slider .max-style{
        font-size:20px !important;
        line-height:normal !important
    }
    .rev_slider .max-style span{
        font-size:20px !important;
        line-height:normal !important
    }
    .custom-paragraph .slider-text p{
        width:320px !important;
        padding:0 15px
    }
}
.feature-box-01{
    text-align:left;
    transition:all 0.5s ease 0s
}
.feature-box-01 i{
    color:#87251F
}
.feature-box-01 p{
    color:#6f6f6f
}
.feature-box-02{
    width:100%;
    float:left
}
.feature-box-02 .img-box{
    position:relative;
    width:100%;
    z-index:1;
    overflow:hidden
}
.feature-box-02 .feature-textbox{
    position:relative;
    width:90%;
    z-index:2;
    top:-50px;
    left:0;
    transition:all 0.3s ease-out 0s;
    right:0;
    margin:0 auto
}
.feature-box-02 .feature-textbox:after{
    border-bottom:5px solid transparent;
    width:0px;
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    transition:all 0.5s ease-out 0s
}
.feature-box-02:hover .feature-textbox:after{
    border-bottom:5px solid rgba(0,0,0,0.1);
    content:"";
    width:100%
}
.feature-box-02 .feature-textbox:before{
    border-top:5px solid #87251F;
    content:"";
    width:100%;
    position:absolute;
    top:0;
    left:0
}
.feature-box-02:hover .feature-textbox:before{
    width:0;
    transition:all 0.5s ease-out 0s
}
.feature-box-02 .feature-textbox a{
    color:#87251F
}
.feature-box-02:hover .feature-textbox{
    background-color:#87251F
}
.feature-box-02:hover .feature-textbox .title,.feature-box-02:hover .feature-textbox .feature-desc,.feature-box-02:hover .feature-textbox a.read-more{
    color:#fff
}
.feature-box-02 .img-box img{
    transition:all 0.3s ease-out 0s
}
.feature-box-02:hover .img-box img{
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1)
}
@media screen and (max-width: 991px){
    .feature-box-02 .feature-textbox{
        width:95%;
        top:-30px
    }
}
.feature-box-03{
    transition:all 0.3s;
    -moz-transition:all 0.3s;
    -ms-transition:all 0.3s;
    -webkit-transition:all 0.3s;
    -o-transition:all 0.3s;
    position:relative
}
.feature-box-03 .show-details{
    opacity:0;
    transition:all .5s ease 0s;
    -moz-transition:all .5s ease 0s;
    -ms-transition:all .5s ease 0s;
    -webkit-transition:all .5s ease 0s;
    -o-transition:all .5s ease 0s;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    overflow:hidden
}
.feature-box-03 .show-details>img{
    width:100%;
    max-width:none
}
.feature-box-03:hover .show-details{
    opacity:1
}
.feature-box-03 .feature-box-detail{
    background:rgba(0,0,0,0.8);
    height:100%;
    left:0;
    padding:20px;
    position:absolute;
    top:0;
    width:100%
}
.feature-box-03 .feature-box-detail .height-100{
    overflow:auto
}
.feature-box-03 .feature-box-detail .list-style-5 li{
    margin-bottom:8px
}
.feature-boxes-container{
    counter-reset:count
}
.feature-box-04 .feature-box-inner{
    border:1px solid rgba(0,0,0,0.04);
    background:#fff;
    padding:25px 30px;
    transition:all 0.5s ease 0s;
    box-shadow:0 10px 30px 0 rgba(50,50,50,0.1)
}
.feature-box-04 .feature-box-inner i{
    color:#87251F
}
.feature-box-04 i{
    width:100%;
    text-align:right;
    position:relative
}
.feature-box-04 h4{
    margin-bottom:10px
}
.feature-box-04 p{
    margin-bottom:0
}
.feature-box-04 .sepratar{
    width:50px;
    border:1px solid #87251F;
    margin-bottom:20px
}
.feature-box-04 i:before{
    float:left
}
.feature-box-04 i:after{
    font-weight:700;
    font-size:65px;
    line-height:0.6em;
    color:rgba(0,0,0,0.05);
    counter-increment:count;
    content:"0" counter(count);
    float:right;
    font-family:"Montserrat",sans-serif
}
.feature-box-04 .feature-box-inner:hover i:after{
    color:rgba(255,255,255,0.2)
}
.feature-box-04:hover{
    background:#ffffff
}
.feature-box-04 .feature-box-inner:hover{
    background:#87251F
}
.feature-box-04 .feature-box-inner:hover .sepratar{
    border:1px solid #fff
}
.feature-box-04 .feature-box-inner:hover p,.feature-box-04 .feature-box-inner:hover h4,.feature-box-04 .feature-box-inner:hover i{
    color:#fff
}
@media screen and (max-width: 1199px){
    .feature-box-04 .sepratar{
        margin-bottom:15px
    }
    .feature-box-04 i:after{
        font-size:62px
    }
}
@media screen and (max-width: 991px){
    .feature-box-04 i:after{
        font-size:60px
    }
    .feature-box-04 .feature-box-inner{
        padding:20px 25px
    }
}
@media screen and (max-width: 767px){
    .feature-box-04 i:after{
        font-size:58px
    }
    .feature-box-04 .sepratar{
        margin-bottom:10px
    }
    .feature-box-04 .feature-box-inner{
        padding:15px 20px
    }
}
@media screen and (max-width: 575px){
    .feature-box-04 i:after{
        font-size:54px
    }
}
.feature-box-05{
    box-shadow:0px 5px 24px 6px rgba(0,0,0,0.06)
}
.feature-box-05 .features-icon{
    font-size:45px;
    color:#87251F;
    text-align:center
}
@media screen and (max-width: 1199px){
    .feature-box-05 .features-icon{
        font-size:40px
    }
}
@media screen and (max-width: 991px){
    .feature-box-05 .features-icon{
        font-size:30px
    }
}
.feature-box-06:nth-child(1),.feature-box-06:nth-child(2){
    border-right:1px solid #dee2e6 !important;
    border-bottom:1px solid #dee2e6 !important
}
.feature-box-06:nth-child(3){
    border-bottom:1px solid #dee2e6 !important
}
.feature-box-06:nth-child(4),.feature-box-06:nth-child(5){
    border-right:1px solid #dee2e6 !important
}
.feature-box-06 .box{
    position:relative;
    overflow:hidden;
    transition-duration:.2s;
    transition-timing-function:ease-in-out
}
.feature-box-06 .content{
    position:relative;
    top:30px;
    padding:10% 0;
    transition-duration:.2s;
    transition-timing-function:ease-in-out
}
.feature-box-06 .details{
    opacity:0;
    width:75%;
    margin:0 auto;
    transition-duration:.2s;
    transition-timing-function:ease-in-out
}
.feature-box-06:hover .details{
    opacity:1
}
.feature-box-06:hover .content{
    top:0
}
.feature-box-06:hover i{
    color:#87251F
}
@media screen and (max-width: 1199px){
    .feature-box-06 .details{
        width:80%
    }
    .feature-box-06 .content{
        padding:7% 0
    }
}
@media screen and (max-width: 991px){
    .feature-box-06:nth-child(2){
        border-bottom:1px solid #dee2e6 !important;
        border-right:none !important
    }
    .feature-box-06:nth-child(3){
        border-right:1px solid #dee2e6 !important
    }
    .feature-box-06:nth-child(4){
        border-bottom:1px solid #dee2e6 !important;
        border-right:none !important
    }
}
@media screen and (max-width: 767px){
    .feature-box-06 .details{
        width:90%
    }
    .feature-box-06 .content{
        padding:5% 0
    }
}
@media screen and (max-width: 575px){
    .feature-box-06:nth-child(1),.feature-box-06:nth-child(3){
        border-right:none !important
    }
    .feature-box-06:nth-child(5){
        border-bottom:1px solid #dee2e6 !important;
        border-right:none !important
    }
    .feature-box-06 .details{
        width:60%
    }
}
.feature-flex{
    position:relative;
    margin:30px 0;
    -moz-transition-duration:.3s;
    -ms-transition-duration:.3s;
    -webkit-transition-duration:.3s;
    -o-transition-duration:.3s;
    transition-duration:.3s
}
.feature-flex-square{
    position:relative;
    border-radius:5px;
    -moz-transition-duration:.3s;
    -ms-transition-duration:.3s;
    -webkit-transition-duration:.3s;
    -o-transition-duration:.3s;
    transition-duration:.3s
}
.feature-flex-square-icon{
    float:left;
    width:50px;
    -moz-transition-duration:.3s;
    -ms-transition-duration:.3s;
    -webkit-transition-duration:.3s;
    -o-transition-duration:.3s;
    transition-duration:.3s
}
.feature-flex-square-icon i{
    color:#87251F;
    border-radius:10px;
    font-size:32px;
    -moz-transition-duration:.3s;
    -ms-transition-duration:.3s;
    -webkit-transition-duration:.3s;
    -o-transition-duration:.3s;
    transition-duration:.3s
}
.feature-flex-square-content{
    float:left;
    width:75%;
    padding-left:10px
}
.feature-flex-square-content h4{
    color:#232323;
    font-size:18px;
    font-weight:500;
    margin-bottom:0;
    line-height:normal
}
.feature-flex-square-content h4 a{
    color:#232323;
    font-size:18px;
    font-weight:500;
    margin-bottom:0;
    line-height:normal
}
.feature-flex-square-content p{
    font-size:15px;
    font-weight:400;
    margin-top:10px;
    margin-bottom:15px
}
.feature-flex-square-content-button{
    display:inline-block;
    color:#232323;
    font-size:14px;
    font-weight:500
}
.feature-flex-square-content-button:after{
    content:'\f0da';
    font-weight:700;
    font-size:14px;
    font-family:Font Awesome\ 5 Free;
    color:#232323;
    margin-left:7px;
    -moz-transition-duration:.3s;
    -ms-transition-duration:.3s;
    -webkit-transition-duration:.3s;
    -o-transition-duration:.3s;
    transition-duration:.3s
}
.feature-flex-square-content-button:hover{
    color:#87251F
}
.feature-flex-square-content-button:hover:after{
    color:#87251F
}
@media screen and (max-width: 991px){
    .feature-flex-square-icon{
        text-align:center
    }
    .feature-flex-square-icon i{
        font-size:30px
    }
    .feature-flex-square-content h4{
        font-size:16px
    }
    .feature-flex-square-content h4 a{
        font-size:16px
    }
    .feature-flex-square-content p{
        font-size:14px
    }
}
@media screen and (max-width: 767px){
    .feature-flex-square-icon{
        text-align:left;
        width:40px
    }
}
.features-flex{
    position:relative;
    margin:30px 0;
    -moz-transition-duration:.3s;
    -ms-transition-duration:.3s;
    -webkit-transition-duration:.3s;
    -o-transition-duration:.3s;
    transition-duration:.3s
}
.features-flex-square{
    position:relative;
    border-radius:5px;
    -moz-transition-duration:.3s;
    -ms-transition-duration:.3s;
    -webkit-transition-duration:.3s;
    -o-transition-duration:.3s;
    transition-duration:.3s
}
.features-flex-square-icon{
    float:left;
    width:50px;
    -moz-transition-duration:.3s;
    -ms-transition-duration:.3s;
    -webkit-transition-duration:.3s;
    -o-transition-duration:.3s;
    transition-duration:.3s
}
.features-flex-square-icon i{
    color:#fff;
    border-radius:10px;
    -moz-transition-duration:.3s;
    -ms-transition-duration:.3s;
    -webkit-transition-duration:.3s;
    -o-transition-duration:.3s;
    transition-duration:.3s
}
.features-flex-square-content{
    float:left;
    width:80%;
    padding-left:10px
}
.features-flex-square-content h4{
    color:#fff;
    letter-spacing:0.75px;
    font-size:20px;
    font-weight:600;
    margin-bottom:0;
    line-height:normal
}
.features-flex-square-content h4 a{
    color:#fff;
    letter-spacing:0.75px;
    font-size:20px;
    font-weight:600;
    margin-bottom:0;
    line-height:normal
}
.features-flex-square-content p{
    font-size:15px;
    font-weight:400;
    margin-top:10px;
    margin-bottom:15px;
    color:#fff
}
.features-flex-square-content-button{
    display:inline-block;
    color:#232323;
    font-size:14px;
    font-weight:500;
    display:inline-block;
    color:#fff;
    font-size:14px;
    font-weight:500
}
.features-flex-square-content-button:after{
    content:'\f0da';
    font-weight:700;
    font-size:14px;
    font-family:Font Awesome\ 5 Free;
    color:#fff;
    margin-left:10px;
    -moz-transition-duration:.3s;
    -ms-transition-duration:.3s;
    -webkit-transition-duration:.3s;
    -o-transition-duration:.3s;
    transition-duration:.3s;
    vertical-align:middle
}
.features-flex-square-content-button:hover{
    color:#000;
    color:#000
}
.features-flex-square-content-button:hover:after{
    color:#000
}
.feature-flex-square-content-button:hover:after{
    color:#000
}
@media screen and (max-width: 1199px){
    .features-flex-square-icon{
        width:48px
    }
}
@media screen and (max-width: 991px){
    .features-flex-square-content{
        padding-left:20px
    }
    .features-flex-square-icon{
        text-align:center;
        width:36px
    }
    .features-flex-square-icon i{
        font-size:30px
    }
    .features-flex-square-content h4{
        font-size:18px
    }
    .features-flex-square-content h4 a{
        font-size:18px
    }
}
@media screen and (max-width: 767px){
    .features-flex-square-icon{
        text-align:left;
        width:40px
    }
    .features-flex-square-content h4{
        font-size:16px
    }
    .features-flex-square-content h4 a{
        font-size:16px
    }
    .features-flex-square-icon i{
        font-size:28px
    }
    .features-flex-square-content{
        padding-left:10px
    }
    .features-flex-square-content p{
        font-size:14px
    }
}
.case-block{
    background:#fff;
    border:1px solid #ececec;
    border-radius:5px;
    height:100%;
    -moz-transition-duration:.3s;
    -ms-transition-duration:.3s;
    -webkit-transition-duration:.3s;
    -o-transition-duration:.3s;
    transition-duration:.3s;
    overflow:hidden;
    box-shadow:0 10px 30px 0 rgba(50,50,50,0.16);
    -moz-box-shadow:0 10px 30px 0 rgba(50,50,50,0.16);
    -ms-box-shadow:0 10px 30px 0 rgba(50,50,50,0.16);
    -webkit-box-shadow:0 10px 30px 0 rgba(50,50,50,0.16);
    -o-box-shadow:0 10px 30px 0 rgba(50,50,50,0.16);
    position:relative
}
.case-block:hover{
    -moz-box-shadow:0 10px 30px 0 rgba(50,50,50,0.3);
    -ms-box-shadow:0 10px 30px 0 rgba(50,50,50,0.3);
    -webkit-box-shadow:0 10px 30px 0 rgba(50,50,50,0.3);
    -o-box-shadow:0 10px 30px 0 rgba(50,50,50,0.3);
    box-shadow:0 10px 30px 0 rgba(50,50,50,0.3)
}
.case-block img{
    width:100%
}
.case-block-inner{
    padding:20px 25px 20px 0
}
.case-block h4{
    font-size:18px;
    margin-bottom:0;
    line-height:normal;
    font-weight:500
}
.case-block h4:after{
    content:'';
    display:block;
    width:80px;
    height:2px;
    background:#87251F;
    margin-top:10px;
    margin-bottom:15px;
    -moz-transition-duration:.4s;
    -ms-transition-duration:.4s;
    -webkit-transition-duration:.4s;
    -o-transition-duration:.4s;
    transition-duration:.4s
}
.case-block p{
    color:#999;
    font-size:15px;
    font-weight:400;
    margin-bottom:8px
}
.case-block-inner a{
    font-size:15px;
    font-weight:500;
    color:#87251F
}
.case-block-inner a:after{
    content:'\f0da';
    font-size:15px;
    font-weight:700;
    font-family:Font Awesome\ 5 Free;
    color:#87251F;
    margin-left:10px;
    -moz-transition-duration:.3s;
    -ms-transition-duration:.3s;
    -webkit-transition-duration:.3s;
    -o-transition-duration:.3s;
    transition-duration:.3s
}
.case-block-inner a:hover{
    color:#232323
}
.case-block-inner a:hover:after{
    color:#232323
}
@media screen and (max-width: 767px){
    .case-block-inner{
        padding:25px
    }
    .case-block h4{
        font-size:16px
    }
}
.services-blocks{
    margin-top:-90px
}
@media screen and (max-width: 1199px){
    .services-blocks{
        margin-top:-70px
    }
}
@media screen and (max-width: 991px){
    .services-blocks{
        margin-top:-50px
    }
}
.service-simple{
    position:relative;
    background:#fff;
    border:1px solid #ececec;
    border-radius:5px;
    overflow:hidden;
    height:100%;
    -moz-box-shadow:0 10px 30px 0 rgba(50,50,50,0.16);
    -ms-box-shadow:0 10px 30px 0 rgba(50,50,50,0.16);
    -webkit-box-shadow:0 10px 30px 0 rgba(50,50,50,0.16);
    -o-box-shadow:0 10px 30px 0 rgba(50,50,50,0.16);
    box-shadow:0 10px 30px 0 rgba(50,50,50,0.16)
}
.service-simple img{
    width:100%;
    transition:all 0.5s ease 0s
}
.service-simple img:hover{
    transform:scale(1.1)
}
.service-simple-inner{
    position:relative;
    padding:25px 25px 20px
}
.service-simple-inner p{
    max-width:95%
}
.service-simple-inner a{
    display:inline-block
}
.service-simple h4{
    font-size:18px;
    line-height:normal;
    margin-bottom:0
}
@media screen and (max-width: 991px){
    .service-simple h4{
        font-size:16px
    }
}
@media screen and (max-width: 767px){
    .service-simple-inner{
        padding:20px
    }
}
@media screen and (max-width: 575px){
    .service-simple h4{
        font-size:16px
    }
}
.owl-carousel .service-box{
    margin:0 15px 25px 15px
}
.service-box{
    background:#fff;
    overflow:hidden;
    border:1px solid #eee;
    border-radius:5px;
    -moz-box-shadow:0 10px 20px 0 rgba(50,50,50,0.12);
    -ms-box-shadow:0 10px 20px 0 rgba(50,50,50,0.12);
    -webkit-box-shadow:0 10px 20px 0 rgba(50,50,50,0.12);
    -o-box-shadow:0 10px 20px 0 rgba(50,50,50,0.12);
    box-shadow:0 10px 20px 0 rgba(50,50,50,0.12);
    margin:15px 0;
    -moz-transition-duration:.3s;
    -ms-transition-duration:.3s;
    -webkit-transition-duration:.3s;
    -o-transition-duration:.3s;
    transition-duration:.3s
}
.service-inner-box{
    padding:20px
}
.service-icon-box{
    width:20%;
    max-width:50px;
    float:left;
    padding-top:2px
}
.service-content-box{
    width:80%;
    float:left
}
.service-box .img-holder{
    position:relative
}
.service-box .img-holder:before{
    background-color:rgba(134,188,66,0.6);
    bottom:0;
    content:"";
    height:100%;
    left:0;
    opacity:0;
    position:absolute;
    top:auto;
    transition:all 0.3s ease 0s;
    width:100%;
    z-index:10
}
.service-box:hover .img-holder:before{
    opacity:1
}
.service-box .img-holder img{
    width:100%
}
.service-box h3{
    font-size:16px;
    margin-bottom:0;
    line-height:normal;
    font-weight:500
}
.service-box p{
    margin-top:5px;
    margin-bottom:0
}
.service-box i{
    color:#87251F;
    font-size:28px;
    -moz-transition-duration:0.3s;
    -ms-transition-duration:0.3s;
    -webkit-transition-duration:0.3s;
    -o-transition-duration:0.3s;
    transition-duration:0.3s
}
.service-box:hover i{
    color:#232323
}
@media screen and (max-width: 575px){
    .owl-carousel .service-box{
        margin:0 15px 20px 15px
    }
    .service-box i{
        font-size:24px
    }
    .service-box h3{
        font-size:15px
    }
}
.services-block-three>a{
    display:block;
    border:3px solid rgba(0,0,0,0.1);
    border-radius:0;
    text-align:center;
    background:#fff;
    padding:20px;
    position:relative
}
.services-block-three>a:before{
    display:block;
    content:"";
    width:9%;
    height:17%;
    position:absolute;
    bottom:-3px;
    right:-3px;
    border-bottom:3px solid #87251F;
    border-right:3px solid #87251F;
    transition:all 0.5s ease 0s;
    -moz-transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
    -webkit-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s
}
.services-block-three>a:after{
    display:block;
    content:"";
    width:9%;
    height:17%;
    position:absolute;
    top:-3px;
    left:-3px;
    border-top:3px solid #87251F;
    border-left:3px solid #87251F;
    transition:all 0.5s ease 0s;
    -moz-transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
    -webkit-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s
}
.services-block-three>a:hover{
    opacity:1;
    border-color:#d5d5d5
}
.services-block-three>a:hover:before,.services-block-three>a:hover:after{
    width:95%;
    height:90%
}
.services-block-three i{
    font-size:32px
}
.services-block-three p{
    margin-bottom:0
}
.services-block-three:hover p{
    color:#232323
}
.services-block-three h4{
    font-size:14px;
    margin-bottom:10px;
    font-weight:600
}
.services-block-three:hover h4{
    color:#232323
}
@media screen and (max-width: 991px){
    .services-block-three i{
        font-size:30px
    }
}
@media screen and (max-width: 991px){
    .services-block-three i{
        font-size:28px
    }
}
@media screen and (max-width: 575px){
    .services-block-three i{
        font-size:26px
    }
}
.service-grids .service-block{
    overflow:hidden;
    position:relative
}
.service-grids .img-holder{
    position:relative
}
.service-grids .img-holder img{
    width:100%
}
.service-grids .service-block:hover .img-holder:before{
    opacity:1
}
.service-grids .service-block .details{
    background-color:#f7f7f7;
    box-shadow:0 3px 13px rgba(0,0,0,0.07);
    padding:40px 25px 40px;
    position:relative;
    text-align:center;
    transition:all 0.5s ease 0s;
    z-index:20
}
.service-grids .service-block .number{
    background-color:#87251F;
    border-radius:75px;
    color:#fff;
    height:75px;
    font-size:30px;
    left:50%;
    line-height:75px;
    position:absolute;
    top:-37.5px;
    transform:translateX(-50%);
    width:75px
}
.service-grids .service-block .details h4{
    color:#87251F;
    font-size:20px;
    margin:10px 0 15px 0;
    line-height:normal
}
.service-grids .service-block .details .read-more{
    color:#87251F;
    font-weight:600
}
@media screen and (min-width: 992px){
    .service-grids .service-block{
        height:335px
    }
    .service-grids .img-holder:before{
        background-color:rgba(134,188,66,0.6);
        bottom:20px;
        content:"";
        height:100%;
        left:0;
        opacity:0;
        position:absolute;
        top:auto;
        transition:all 0.3s ease 0s;
        width:100%;
        z-index:10
    }
    .service-grids .service-block .details{
        height:195px;
        position:absolute;
        top:148px
    }
    .service-grids .service-block:hover .details{
        height:230px;
        top:105px
    }
    .service-grids .service-block .details h4{
        margin:10px 0 10px 0;
        font-size:18px
    }
}
@media screen and (min-width: 1200px){
    .service-grids .service-block{
        height:370px
    }
    .service-grids .service-block .details{
        height:195px;
        position:absolute;
        top:215px;
        padding:40px 45px 50px
    }
    .service-grids .service-block:hover .details{
        height:230px;
        top:170px
    }
}
@media screen and (max-width: 991px){
    .service-grids .service-block .details{
        padding:35px 15px 25px 15px
    }
    .service-grids .service-block .details h4{
        font-size:16px;
        margin-bottom:10px
    }
}
@media screen and (max-width: 767px){
    .service-grids .service-block .number{
        height:65px;
        line-height:65px;
        top:-32.5px;
        width:65px;
        border-radius:65px
    }
}
.service-block4{
    position:relative;
    border:1px solid #f7f7f7;
    background:#fff;
    box-shadow:0px 10px 30px 0px rgba(50,50,50,0.16);
    border-radius:5px;
    overflow:hidden;
    padding:30px
}
.service-block4:before{
    position:absolute;
    top:-42px;
    right:-100px;
    z-index:0;
    content:" ";
    width:250px;
    height:120px;
    background:#f7f7f7;
    border-bottom-left-radius:0;
    transition:all 0.4s ease-in-out;
    transform:rotate(45deg);
    -moz-transition:all 0.4s ease-in-out;
    -ms-transition:all 0.4s ease-in-out;
    -webkit-transition:all 0.4s ease-in-out;
    -o-transition:all 0.4s ease-in-out
}
.service-block4:hover:before{
    background:#87251F
}
.service-block4 .service-icon{
    position:absolute;
    top:18px;
    right:18px;
    z-index:1;
    text-align:center
}
.service-block4 i{
    color:#87251F;
    font-size:38px;
    line-height:normal;
    transition:all 0.4s ease-in-out;
    -moz-transition:all 0.4s ease-in-out;
    -ms-transition:all 0.4s ease-in-out;
    -webkit-transition:all 0.4s ease-in-out;
    -o-transition:all 0.4s ease-in-out;
    margin-bottom:0
}
.service-block4:hover i{
    color:#fff
}
.service-block4 .service-desc{
    position:relative
}
.service-block4 .service-desc h4{
    margin-bottom:8px;
    font-size:18px;
    font-weight:600
}
.service-block4 .service-desc h5{
    margin-bottom:5px;
    font-size:12px;
    font-weight:500
}
.service-block4 .service-desc h5:after{
    content:'';
    display:block;
    width:80px;
    height:2px;
    background:#87251F;
    margin-top:10px;
    margin-bottom:15px;
    -moz-transition-duration:.4s;
    -ms-transition-duration:.4s;
    -webkit-transition-duration:.4s;
    -o-transition-duration:.4s;
    transition-duration:.4s
}
.service-block4 p{
    margin-top:25px;
    padding-right:40px;
    margin-bottom:0
}
@media screen and (max-width: 1199px){
    .service-block4:before{
        right:-110px
    }
    .service-block4 .service-desc h4{
        font-size:16px;
        margin-bottom:5px
    }
    .service-block4 p{
        padding-right:40px;
        margin-top:20px
    }
    .service-block4 i{
        font-size:34px
    }
}
@media screen and (max-width: 991px){
    .service-block4{
        padding:25px
    }
    .service-block4 .service-desc h4{
        font-size:15px
    }
    .service-block4 i{
        font-size:32px
    }
    .service-block4 p{
        margin-top:15px;
        padding-right:30px
    }
}
@media screen and (max-width: 767px){
    .service-block4{
        padding:20px
    }
    .service-block4:before{
        right:-130px
    }
    .service-block4 i{
        font-size:28px
    }
    .service-block4 .service-icon{
        top:13px;
        right:12px
    }
}
.service-block5{
    position:relative
}
.service-block5>a{
    display:inline-block;
    width:100%
}
.service-block5:before{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:2;
    content:" ";
    background:-moz-linear-gradient(top, transparent 0%, rgba(0,0,0,0.75) 100%);
    background:-webkit-linear-gradient(top, transparent 0%, rgba(0,0,0,0.75) 100%);
    background:linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.75) 100%)
}
.service-block5:hover:before{
    content:none
}
.service-block5:after{
    background:#87251F none repeat scroll 0 0;
    content:"";
    height:100%;
    left:0;
    opacity:0;
    position:absolute;
    top:0;
    transition:all 0.3s ease 0s;
    width:100%
}
.service-block5:hover:after{
    opacity:0.8
}
.service-block5 a img{
    max-width:100%
}
.service-block5 .service-desc{
    bottom:25px;
    position:absolute;
    padding:0 20px;
    z-index:9
}
.service-block5 .service-desc h5{
    color:#87251F;
    font-size:13px;
    letter-spacing:1px;
    font-weight:600;
    padding-bottom:10px;
    margin-bottom:0;
    line-height:normal
}
.service-block5:hover .service-desc h5{
    color:#fff
}
.service-block5 .service-desc h4{
    color:#ffffff;
    font-size:18px;
    font-weight:500;
    margin-bottom:0;
    line-height:24px
}
.service-block5 .service-desc h4 a{
    color:#ffffff;
    font-size:18px;
    font-weight:500;
    margin-bottom:0;
    line-height:24px
}
@media screen and (max-width: 991px){
    .service-block5 .service-desc{
        bottom:30px
    }
    .service-block5 .service-desc h4{
        font-size:16px
    }
    .service-block5 .service-desc h4 a{
        font-size:16px
    }
}
@media screen and (max-width: 767px){
    .service-block5 .service-desc{
        bottom:20px
    }
    .service-block5 .service-desc h4{
        font-size:15px
    }
    .service-block5 .service-desc h4 a{
        font-size:15px
    }
    .service-block5 .service-desc h5{
        font-size:12px
    }
}
.services-block6{
    position:relative
}
.services-block6 .service-desc a{
    color:#fff
}
.services-block6 .service-desc a:hover{
    color:#87251F
}
.services-block6:before{
    position:absolute;
    content:'';
    top:0;
    left:0;
    background:rgba(0,0,0,0.76);
    background:-webkit-linear-gradient(top, transparent, #000 116%);
    background:linear-gradient(-180deg, transparent, #000 116%);
    z-index:0;
    width:100%;
    height:100%
}
.services-block6 .service-desc{
    position:absolute;
    bottom:0;
    left:0;
    padding:30px 35px 40px;
    width:100%
}
@media screen and (max-width: 1199px){
    .services-block6 .service-desc{
        padding:30px 25px 30px
    }
}
.service-icons{
    background:linear-gradient(0deg, rgba(134,188,66,0.1) 20%, rgba(134,188,66,0.4) 100%);
    width:80px;
    height:80px;
    border-radius:100%;
    position:relative;
    line-height:95px
}
.service-icons>i{
    font-size:42px;
    color:#87251F;
    margin-top:40px
}
@media screen and (max-width: 767px){
    .service-icons{
        width:70px;
        height:70px;
        line-height:85px
    }
    .service-icons>i{
        font-size:32px
    }
}
.services-single-menu li{
    border-bottom:1px solid #ececec
}
.services-single-menu li:last-child{
    border-bottom:none
}
.services-single-menu li.active a{
    border-left-color:#87251F;
    color:#87251F
}
.services-single-menu li.active a:after{
    content:none
}
.services-single-menu li a{
    display:block;
    border-left:4px solid transparent;
    font-size:15px;
    font-weight:600;
    padding:14px 10px 14px 20px
}
.services-single-menu li a:after{
    content:"";
    background:#87251F;
    display:inline-block;
    height:1px;
    width:0;
    vertical-align:middle;
    margin-left:8px;
    transition-timing-function:ease-in-out;
    -ms-transition-timing-function:ease-in-out;
    -moz-transition-timing-function:ease-in-out;
    -webkit-transition-timing-function:ease-in-out;
    -o-transition-timing-function:ease-in-out;
    transition-duration:.2s;
    -ms-transition-duration:.2s;
    -moz-transition-duration:.2s;
    -webkit-transition-duration:.2s;
    -o-transition-duration:.2s
}
.services-single-menu li a:hover:after{
    width:30px
}
.callback-box{
    background:#232323;
    border:1px solid #ececec;
    border-radius:5px;
    padding:20px 15px 25px 15px;
    position:relative
}
.services-single-right .special{
    padding:15px;
    margin:30px 0;
    border-left:2px solid #111;
    background:#f7f7f7;
    font-size:16px
}
@media screen and (max-width: 767px){
    .services-single-menu li a{
        font-size:14px;
        padding:12px 10px 12px 16px
    }
}
.services-block8{
    background:#ffffff;
    border-radius:5px;
    box-shadow:0px 5px 24px 6px rgba(0,0,0,0.06);
    transition:all 0.2s ease-in-out;
    text-align:center
}
.services-block8:hover{
    box-shadow:-1px 9px 18px 0px rgba(75,81,91,0.1);
    transform:translateY(-0.5em);
    background:#87251F
}
.services-block8.active{
    box-shadow:-1px 9px 18px 0px rgba(75,81,91,0.1);
    background:#87251F
}
.services-block8.active h3,.services-block8.active p,.services-block8.active .text-theme-color,.services-block8.active a{
    color:#fff
}
.services-block8.active:hover{
    transform:translateY(-0.5em)
}
.services-block8:hover h3,.services-block8:hover p,.services-block8:hover .text-theme-color,.services-block8:hover a{
    color:#fff
}
.services-block8 a{
    font-size:14px
}
.services-block8 a i{
    font-size:10px;
    margin-left:5px
}
.services-block9{
    position:relative;
    border-radius:4px
}
.services-block9 .service-pic{
    border-radius:4px
}
.services-block9 .service-pic img{
    border-radius:4px
}
.services-block9 h3,.services-block9 h4,.services-block9 h5,.services-block9 h6{
    line-height:34px
}
.services-block9 .date{
    position:absolute;
    left:15px;
    top:15px;
    background:#87251F;
    color:#fff;
    padding:5px 12px;
    text-align:center;
    border-radius:4px;
    max-width:60px;
    font-size:18px;
    font-weight:700
}
.services-block9 .service-desc a{
    color:#fff
}
.services-block9 .service-desc a:hover{
    color:#87251F
}
.services-block9:before{
    position:absolute;
    content:'';
    top:0;
    left:0;
    background:rgba(0,0,0,0.76);
    background:-webkit-linear-gradient(top, transparent, #000 116%);
    background:linear-gradient(-180deg, transparent, #000 116%);
    z-index:0;
    width:100%;
    height:100%;
    border-radius:4px
}
.services-block9 .service-desc{
    position:absolute;
    bottom:0;
    left:0;
    padding:30px 35px 40px;
    width:100%
}
@media screen and (max-width: 1199px){
    .services-block9 .service-desc{
        padding:30px 25px 30px
    }
    .services-block9 h3,.services-block9 h4,.services-block9 h5,.services-block9 h6{
        line-height:28px
    }
}
@media screen and (max-width: 1199px){
    .services-block9 .service-desc{
        padding:25px
    }
}
.zigzag-section{
    margin-top:-20px
}
.zigzag-block>p{
    padding-left:75px;
    position:relative
}
.zigzag-block>p:before{
    background:#87251F;
    height:2px;
    width:50px;
    display:inline-block;
    position:absolute;
    left:0;
    top:12px;
    content:""
}
.zigzag-block .title{
    color:#87251F;
    background:rgba(134,188,66,0.15);
    padding:5px 20px;
    border-radius:30px;
    font-weight:700;
    font-size:14px;
    display:inline-block;
    margin-bottom:15px
}
.zigzag-block .readmore{
    margin-left:75px;
    color:#87251F
}
.zigzag-block .readmore:hover{
    color:#232323
}
@media screen and (max-width: 1199px){
    .zigzag-section{
        margin-top:-30px
    }
}
@media screen and (max-width: 767px){
    .zigzag-block>p{
        padding-left:50px
    }
    .zigzag-block>p:before{
        width:30px
    }
    .zigzag-block .readmore{
        margin-left:50px
    }
}
.section-clients{
    padding:50px 0
}
.clients img{
    opacity:.6;
    -moz-transition-duration:.3s;
    -ms-transition-duration:.3s;
    -webkit-transition-duration:.3s;
    -o-transition-duration:.3s;
    transition-duration:.3s
}
.clients img:hover{
    opacity:1
}
@media screen and (max-width: 992px){
    .section-clients{
        padding:30px 0
    }
    .section-clients .item{
        text-align:center;
        width:100%
    }
    .section-clients .owl-carousel .owl-item img{
        max-width:75%;
        display:inline-block
    }
}
.section-clients2{
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    border-top:1px solid #e9e9e9;
    border-left:1px solid #e9e9e9
}
.section-clients2 .client-single{
    width:33.333%;
    min-height:96px;
    border-bottom:1px solid #e9e9e9;
    border-right:1px solid #e9e9e9;
    overflow:hidden
}
.section-clients2 .client-single .client-img{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    height:100%;
    opacity:.8;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.section-clients2 .client-single .client-img img{
    -ms-flex-item-align:center;
    -ms-grid-row-align:center;
    align-self:center
}
.section-clients2 .client-single .client-img:hover{
    opacity:1
}
@media screen and (max-width: 1024px){
    .section-clients2 .client-single{
        width:50%
    }
}
@media screen and (max-width: 575px){
    .section-clients2 .client-single{
        width:100%
    }
}
.section-clients3 .client-single{
    margin-bottom:30px
}
.section-clients3 .client-single:last-child,.section-clients3 .client-single p{
    margin-bottom:0
}
.section-clients3 .client-single a{
    display:block
}
.section-clients3 .client-single a:after{
    content:'';
    display:block;
    clear:both
}
.section-clients3 .client-img{
    position:relative;
    float:left;
    padding:10px;
    min-height:102px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    min-width:225px;
    margin:0 30px 0 0;
    border:1px solid #ddd;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.section-clients3 .client-img:before{
    content:'';
    display:block;
    position:absolute;
    top:-1px;
    left:-1px;
    right:-1px;
    bottom:-1px;
    border:3px solid transparent;
    z-index:100
}
.section-clients3 .client-desc{
    overflow:hidden
}
@media screen and (max-width: 575px){
    .section-clients3 .client-img{
        float:none;
        margin-bottom:15px
    }
}
.counter-box h3,.counter-box h4{
    display:inline-block;
    font-weight:600
}
.social-icons a:hover{
    opacity:1
}
.counter-box{
    position:relative;
    text-align:center
}
.counter-box h3:after{
    content:'+'
}
.counter-box h4{
    font-size:35px;
    line-height:normal;
    margin:0
}
.counter-box h4:after{
    content:'+'
}
.counter-box h3{
    font-size:45px
}
@media screen and (max-width: 1199px){
    .counter-box h4{
        font-size:32px
    }
    .counter-box h3{
        font-size:42px
    }
}
@media screen and (max-width: 991px){
    .counter-box h4{
        font-size:30px
    }
    .counter-box h3{
        font-size:40px
    }
}
@media screen and (max-width: 767px){
    .counter-box p:before{
        margin:0;
        position:absolute;
        top:45px
    }
    .counter-box p:after{
        margin:0;
        left:14px;
        right:0;
        top:45px
    }
    .counter-box.black p:after{
        margin:0;
        left:14px;
        right:0;
        top:45px
    }
    .counter-box h4{
        font-size:26px
    }
}
.counter-box-style2{
    position:relative;
    box-shadow:2px 5px 10px rgba(0,0,0,0.1);
    padding:20px 10px
}
.counter-box-style2 h3:after,.counter-box-style2 h4:after{
    content:'+'
}
.counter-style2 .icon{
    width:55px;
    display:inline-block;
    vertical-align:middle;
    color:#87251F
}
.counter-style2 .icon span:before{
    font-size:35px;
    line-height:35px;
    font-weight:900
}
.counter-style2 .title{
    padding-left:20px;
    display:inline-block;
    vertical-align:middle
}
.counter-style2 .title h4{
    text-align:left
}
.counter-style2 h4:after{
    content:'+';
    margin-left:5px
}
@media screen and (max-width: 767px){
    .counter-style2 .icon{
        display:inline-block;
        width:100%
    }
    .counter-style2 .title{
        padding-left:0;
        text-align:center
    }
    .counter-style2 .title h4{
        text-align:center
    }
}
.counter-style3 .counter-box h4{
    font-size:48px;
    line-height:normal;
    margin:0;
    font-weight:500
}
@media screen and (max-width: 1199px){
    .counter-style3 .counter-box h4{
        font-size:46px
    }
}
@media screen and (max-width: 991px){
    .counter-style3 .counter-box h4{
        font-size:38px
    }
}
@media screen and (max-width: 767px){
    .counter-style3 .counter-box h4{
        font-size:36px
    }
}
@media screen and (max-width: 767px){
    .counter-style3 .counter-box h4{
        font-size:32px
    }
}
.top-counter{
    margin-top:-110px
}
.top-counter .container{
    position:relative;
    z-index:9
}
.top-counter .container>.row{
    box-shadow:0px 10px 30px 0px rgba(50,50,50,0.16);
    margin-bottom:50px
}
.counter-style4{
    position:relative;
    background:#fff;
    padding:60px 30px;
    height:100%
}
.counter-style4 .counter-icon{
    display:inline-block;
    vertical-align:top;
    margin-right:20px;
    font-size:32px;
    max-width:35px;
    color:#87251F;
    margin-top:5px
}
.counter-style4 .counter-detail{
    display:inline-block;
    vertical-align:top;
    max-width:155px;
    width:100%
}
.counter-style4 .counter-detail p:after{
    content:"";
    height:1px;
    width:20px;
    background:#87251F;
    display:inline-block;
    margin-left:8px;
    vertical-align:middle
}
.counter-style4.highlight{
    background:#87251F
}
.counter-style4.highlight h4,.counter-style4.highlight .counter-icon{
    color:#fff
}
.counter-style4.highlight .counter-detail p{
    color:#fff
}
.counter-style4.highlight .counter-detail p:after{
    background:#fff
}
@media screen and (max-width: 1199px){
    .top-counter{
        margin-top:-70px
    }
    .counter-style4{
        padding:45px 15px
    }
    .counter-style4 .counter-icon{
        margin-right:15px
    }
    .counter-style4 .counter-detail{
        max-width:145px
    }
}
@media screen and (max-width: 991px){
    .top-counter{
        margin-top:-50px
    }
    .counter-style4{
        padding:35px 20px
    }
}
@media screen and (max-width: 767px){
    .counter-style4{
        padding:30px 20px
    }
}
@media screen and (max-width: 575px){
    .counter-style4{
        padding:25px 20px
    }
    .counter-style4 .counter-detail{
        max-width:180px
    }
}
.story-video{
    height:100%
}
.video_btn{
    position:relative;
    height:80px;
    width:80px;
    background:#87251F;
    text-align:center;
    display:inline-block;
    line-height:80px;
    color:#fff;
    border-radius:50%;
    transition-duration:0s;
    -ms-transition-duration:0s;
    -moz-transition-duration:0s;
    -webkit-transition-duration:0s;
    -o-transition-duration:0s
}
.video_btn:hover i,.video_btn:focus i{
    color:#fff
}
.video_btn:after{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    height:80px;
    width:80px;
    border:2px solid #fff;
    border-radius:50%;
    transform:translate(-50%, -50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -webkit-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
    opacity:.3;
    animation:pulse-border 1500ms ease-out infinite
}
.video_btn:before{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    height:95px;
    width:95px;
    border:2px solid #fff;
    border-radius:50%;
    transform:translate(-50%, -50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -webkit-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
    opacity:.3;
    animation:pulse-border 1500ms ease-out infinite
}
.video_btn-style2:after,.video_btn-style2:before{
    border-color:rgba(0,0,0,0.1)
}
@keyframes pulse-border{
    0%{
        transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity:1
    }
    100%{
        transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity:0
    }
}
.video_btn.small{
    width:50px;
    height:50px;
    line-height:50px
}
.video_btn.small:after{
    height:50px;
    width:50px
}
.video_btn.small:before{
    height:65px;
    width:65px
}
@media screen and (max-width: 1199px){
    .video_btn{
        height:75px;
        width:75px;
        line-height:75px
    }
    .video_btn:after{
        height:75px;
        width:75px
    }
    .video_btn:before{
        height:90px;
        width:90px
    }
}
@media screen and (max-width: 991px){
    .story-video{
        min-height:325px
    }
    .video_btn{
        height:70px;
        width:70px;
        line-height:70px
    }
    .video_btn:after{
        height:70px;
        width:70px
    }
    .video_btn:before{
        height:85px;
        width:85px
    }
    @keyframes pulse-border{
        0%{
            transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1)
        }
        100%{
            transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.2)
        }
    }
}
@media screen and (max-width: 767px){
    .story-video{
        min-height:200px
    }
    .video_btn{
        height:60px;
        width:60px;
        line-height:60px
    }
    .video_btn:after{
        height:60px;
        width:60px
    }
    .video_btn:before{
        height:75px;
        width:75px
    }
}
.about-area{
    padding:0
}
.about-right-box{
    position:relative;
    display:block;
    overflow:hidden;
    padding:90px 40px;
    z-index:1;
    height:100%
}
.about-right-box:before{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#87251F;
    content:"";
    z-index:-1
}
.about-right-box ul{
    margin-bottom:0
}
.about-right-box ul li{
    display:block;
    overflow:hidden;
    border-bottom:1px solid rgba(255,255,255,0.1);
    padding-bottom:29px;
    margin-bottom:30px
}
.about-right-box ul li:last-child{
    border-bottom:none;
    padding-bottom:0;
    margin-bottom:0
}
.about-right-box ul li .left-content{
    display:block;
    width:90%
}
.about-right-box ul li .left-content .icon{
    width:55px;
    display:table-cell;
    vertical-align:top;
    color:rgba(255,255,255,0.5)
}
.about-right-box ul li .left-content .icon span:before{
    font-size:55px;
    line-height:55px
}
.about-right-box ul li .left-content .title{
    padding-left:30px;
    display:table-cell;
    vertical-align:middle;
    color:rgba(255,255,255,0.5)
}
.about-right-box ul li .left-content .title h3{
    color:#ffffff;
    font-size:16px;
    font-weight:600;
    text-transform:uppercase;
    line-height:normal;
    letter-spacing:1px;
    margin:0 0 1px
}
.about-right-box ul li .left-content .title span{
    color:rgba(255,255,255,0.75)
}
.about-right-box ul li .right-content .title{
    display:block;
    margin-top:3px
}
.about-right-box ul li .right-content .title h4{
    color:#ffffff;
    font-size:3.4em;
    font-weight:600;
    line-height:normal;
    margin-bottom:0
}
@media screen and (max-width: 1199px){
    .about-right-box{
        padding-top:70px;
        padding-bottom:70px
    }
}
@media screen and (max-width: 991px){
    .about-area{
        padding-bottom:0px
    }
    .about-right-box{
        padding-top:50px;
        padding-bottom:50px
    }
}
@media screen and (max-width: 767px){
    .about-right-box{
        padding:40px 20px
    }
    .about-right-box ul li{
        padding-bottom:20px;
        margin-bottom:20px
    }
    .about-right-box ul li .left-content .title{
        padding-left:10px
    }
    .about-right-box ul li .left-content .icon span:before{
        font-size:36px;
        line-height:normal
    }
    .about-right-box ul li .right-content .title h4{
        font-size:26px
    }
}
.about-text{
    display:block;
    padding-bottom:90px;
    padding-top:90px;
    position:relative;
    display:block;
    overflow:hidden;
    padding:90px 40px;
    z-index:1;
    height:100%
}
.about-overlay:before{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.85);
    content:"";
    z-index:-1
}
.about-text .sec-title{
    padding-bottom:34px
}
.about-text .inner-content h2{
    font-size:24px;
    font-weight:400;
    line-height:36px;
    margin:0 0 14px;
    color:#fff
}
.about-text .inner-content h2 span{
    font-weight:700
}
.about-text .inner-content p{
    color:#fff
}
.about-text .inner-content .bottom{
    display:block;
    overflow:hidden;
    margin-top:25px
}
.about-text .inner-content .bottom p{
    margin:0;
    font-weight:500
}
.about-text .inner-content .bottom .signature{
    display:block;
    margin-top:22px
}
@media screen and (max-width: 1199px){
    .about-text{
        padding-top:70px;
        padding-bottom:70px
    }
    .about-text .inner-content h2{
        font-size:22px;
        line-height:34px
    }
}
@media screen and (max-width: 991px){
    .about-text{
        padding:50px 30px
    }
}
@media screen and (max-width: 767px){
    .about-text .inner-content h2{
        font-size:20px;
        margin:0 0 12px
    }
    .about-text .inner-content .bottom .signature{
        margin-top:16px
    }
}
@media screen and (max-width: 575px){
    .about-text .inner-content h2{
        font-size:16px;
        margin:0 0 10px;
        line-height:28px
    }
}
.about-ceo{
    position:relative
}
.about-ceo .about-project{
    position:absolute;
    right:20px;
    bottom:19px;
    background:#f7f7f7;
    z-index:9
}
.about-ceo .about-project h3{
    margin-bottom:0;
    text-align:center;
    font-size:48px;
    font-weight:700;
    color:#87251F;
    border-bottom:1px solid rgba(0,0,0,0.1);
    padding-bottom:5px;
    margin-bottom:10px
}
.about-ceo .about-project p{
    display:block;
    font-size:18px;
    color:#232323;
    margin:0;
    font-weight:700;
    text-transform:uppercase
}
.about-ceo .box-area{
    position:relative;
    background:#fff;
    padding:25px;
    text-align:center;
    border:8px solid #87251F
}
.about-img img{
    margin-top:-35%
}
@media screen and (max-width: 1199px){
    .about-img img{
        margin-top:-25%
    }
}
@media screen and (max-width: 991px){
    .about-img img{
        margin-top:0
    }
}
.timeline{
    list-style:none;
    padding:20px 0 20px;
    position:relative
}
.timeline:before{
    top:0;
    bottom:0;
    position:absolute;
    content:" ";
    width:3px;
    background-color:#eeeeee;
    left:50%;
    margin-left:-1.5px
}
.timeline>li{
    margin-bottom:20px;
    position:relative
}
.timeline>li:before{
    content:" ";
    display:table
}
.timeline>li:after{
    content:" ";
    display:table;
    clear:both
}
.timeline>li:before{
    content:" ";
    display:table
}
.timeline>li:after{
    content:" ";
    display:table;
    clear:both
}
.timeline>li>.timeline-panel{
    width:46%;
    float:left;
    border:1px solid #e8e8e8;
    border-radius:2px;
    padding:20px;
    position:relative;
    -webkit-box-shadow:0 1px 6px rgba(0,0,0,0.175);
    box-shadow:0 1px 6px rgba(0,0,0,0.175)
}
.timeline>li>.timeline-panel:before{
    position:absolute;
    top:26px;
    right:-15px;
    display:inline-block;
    border-top:15px solid transparent;
    border-left:15px solid #ccc;
    border-right:0 solid #ccc;
    border-bottom:15px solid transparent;
    content:" "
}
.timeline>li>.timeline-panel:after{
    position:absolute;
    top:27px;
    right:-14px;
    display:inline-block;
    border-top:14px solid transparent;
    border-left:14px solid #fff;
    border-right:0 solid #fff;
    border-bottom:14px solid transparent;
    content:" "
}
.timeline>li>.timeline-badge{
    color:#fff;
    width:50px;
    height:50px;
    line-height:50px;
    font-size:1.4em;
    text-align:center;
    position:absolute;
    top:16px;
    left:50%;
    margin-left:-25px;
    background-color:#999999;
    z-index:100;
    border-top-right-radius:50%;
    border-top-left-radius:50%;
    border-bottom-right-radius:50%;
    border-bottom-left-radius:50%
}
.timeline>li.timeline-inverted>.timeline-panel{
    float:right
}
.timeline>li.timeline-inverted>.timeline-panel:before{
    border-left-width:0;
    border-right-width:15px;
    left:-15px;
    right:auto
}
.timeline>li.timeline-inverted>.timeline-panel:after{
    border-left-width:0;
    border-right-width:14px;
    left:-14px;
    right:auto
}
.timeline-badge.primary{
    background-color:#2e6da4 !important
}
.timeline-badge.success{
    background-color:#3f903f !important
}
.timeline-badge.warning{
    background-color:#f0ad4e !important
}
.timeline-badge.danger{
    background-color:#d9534f !important
}
.timeline-badge.info{
    background-color:#5bc0de !important
}
.timeline-body>p,.timeline-body>ul{
    margin-bottom:0
}
.timeline-body>p+p{
    margin-top:5px
}
@media (max-width: 767px){
    ul.timeline:before{
        left:40px
    }
    ul.timeline>li>.timeline-panel{
        width:calc(100% - 90px);
        width:-moz-calc(100% - 90px);
        width:-webkit-calc(100% - 90px)
    }
    ul.timeline>li>.timeline-badge{
        left:15px;
        margin-left:0;
        top:16px
    }
    ul.timeline>li>.timeline-panel{
        float:right
    }
    ul.timeline>li>.timeline-panel:before{
        border-left-width:0;
        border-right-width:15px;
        left:-15px;
        right:auto
    }
    ul.timeline>li>.timeline-panel:after{
        border-left-width:0;
        border-right-width:14px;
        left:-14px;
        right:auto
    }
}
.testmonials-style1 .testmonial-single img{
    width:auto;
    display:inline-block;
    margin-bottom:10px
}
.testmonial-single{
    text-align:center
}
.testmonial-single p{
    text-align:center;
    font-style:italic;
    font-weight:600
}
.testmonial-single p:before{
    margin:auto auto 15px;
    content:"\f10d";
    font-weight:700;
    font-family:Font Awesome\ 5 Free;
    color:#87251F;
    font-size:23px;
    display:block
}
.testmonial-single h4{
    font-size:22px;
    font-weight:500;
    text-align:left;
    margin:0 0 5px 0;
    line-height:normal;
    text-align:center
}
.testmonial-single h6{
    color:#aaa;
    font-size:12px;
    text-transform:uppercase;
    font-weight:500;
    text-align:center;
    line-height:normal;
    margin:0
}
@media screen and (max-width: 1199px){
    .testmonial-single h4{
        font-size:20px
    }
}
@media screen and (max-width: 991px){
    .testmonial-single h4{
        font-size:18px
    }
}
@media screen and (max-width: 767px){
    .testmonial-single h4{
        font-size:16px
    }
}
.testmonial-box{
    position:relative;
    background:#fff;
    margin:0 0 20px 0;
    -moz-transition-duration:.3s;
    -ms-transition-duration:.3s;
    -webkit-transition-duration:.3s;
    -o-transition-duration:.3s;
    transition-duration:.3s;
    box-shadow:0 10px 30px 0 rgba(50,50,50,0.16);
    -moz-box-shadow:0 10px 30px 0 rgba(50,50,50,0.16);
    -ms-box-shadow:0 10px 30px 0 rgba(50,50,50,0.16);
    -webkit-box-shadow:0 10px 30px 0 rgba(50,50,50,0.16);
    -o-box-shadow:0 10px 30px 0 rgba(50,50,50,0.16)
}
.testmonial-box img{
    border:2px solid #ececec;
    border-radius:50%;
    padding:2px
}
.owl-carousel .testmonial-box img{
    width:auto;
    max-height:120px;
    display:inline-block
}
.testmonial-box h5{
    font-size:18px;
    font-weight:500;
    margin:5px 0 0;
    line-height:normal
}
.testmonial-box span{
    font-size:13px
}
.testmonial-box p{
    color:#999;
    margin-top:10px;
    margin-bottom:0
}
@media screen and (max-width: 991px){
    .testmonial-box h5{
        font-size:16px;
        margin-top:0
    }
    .testmonial-box p{
        margin-top:8px;
        margin-bottom:0px
    }
}
@media screen and (max-width: 767px){
    .testmonial-box{
        margin-bottom:15px
    }
    .testmonial-box h5{
        font-size:16px
    }
    .testmonial-box span{
        font-size:12px
    }
}
.testimonial-style2 .testimonial-item{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -moz-flex-align:center;
    -ms-flex-align:center;
    -webkit-box-align:center;
    -o-flex-align:center;
    align-items:center
}
.testimonial-style2 .testimonial-review p{
    margin-bottom:0
}
.testimonial-style2 .testimonial-left-col{
    -webkit-box-ordinal-group:0;
    -ms-flex-order:-1;
    order:-1;
    -webkit-box-flex:1;
    -ms-flex:1 0 177px;
    flex:1 0 177px;
    margin-right:100px;
    text-align:center
}
.testimonial-style2 .testimonial-pic{
    position:relative;
    margin:0
}
.testimonial-style2 .testimonial-pic:before{
    content:'\f10d';
    font-weight:700;
    font-family:Font Awesome\ 5 Free;
    display:block;
    position:absolute;
    top:48%;
    right:-62px;
    margin-top:-8px;
    font-size:21px;
    color:#87251F
}
.testimonial-style2 .testimonial-separator:before{
    content:'';
    display:block;
    width:1px;
    height:60px;
    position:absolute;
    right:-53px;
    background-color:#6f6f6f
}
.testimonial-style2 .testimonial-separator:after{
    content:'';
    display:block;
    width:1px;
    height:60px;
    position:absolute;
    right:-53px;
    background-color:#6f6f6f;
    bottom:0
}
.testimonial-style2 .client-info{
    line-height:normal
}
.testimonial-style2 .client-info h6{
    margin-bottom:0;
    font-size:16px
}
.testimonial-style2 .client-info span{
    color:#87251F;
    font-size:14px;
    font-weight:600;
    letter-spacing:1px
}
.testimonial-style2 .testimonial-review{
    padding-bottom:0;
    font-size:18px;
    line-height:36px;
    font-weight:300;
    width:100%
}
.testimonial-style2 .custom-dot{
    display:inline-block;
    z-index:1;
    margin-top:30px
}
.testimonial-style2 .custom-dot span{
    width:12px;
    height:12px;
    margin:0 7px;
    background:rgba(0,0,0,0.2);
    cursor:pointer;
    display:block;
    -webkit-backface-visibility:visible;
    border-radius:0;
    transition-duration:.3s;
    -moz-transition-duration:.3s;
    -ms-transition-duration:.3s;
    -webkit-transition-duration:.3s;
    -o-transition-duration:.3s
}
.testimonial-style2 .custom-dot span:hover{
    background:#87251F;
    -webkit-backface-visibility:visible;
    border-radius:0
}
.testimonial-style2 .custom-dot.active span{
    background:#87251F
}
@media screen and (max-width: 991px){
    .testimonial-style2 .testimonial-review{
        padding-bottom:65px
    }
}
@media screen and (max-width: 767px){
    .testimonial-style2 .client-info h6{
        font-size:15px
    }
    .testimonial-style2 .client-info span{
        font-size:12px
    }
    .testimonial-style2 .custom-dot{
        margin-top:15px
    }
    .testimonial-style2 .testimonial-review{
        padding-bottom:0
    }
    .testimonial-style2 .testimonial-left-col{
        margin-bottom:20px;
        text-align:left
    }
    .testimonial-style2 .testimonial-item{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    .testimonial-style2 .testimonial-separator,.testimonial-style2 .testimonial-pic:before{
        display:none
    }
}
.testimonial-style3.owl-theme .owl-nav{
    margin-top:50px;
    text-align:center
}
.testimonial-style3 .testmonial-single h6{
    text-align:left
}
.testimonial-style3 .testmonial-single p{
    line-height:28px;
    font-size:16px;
    font-weight:500;
    margin-bottom:50px;
    position:relative;
    margin-left:25px
}
.testimonial-style3 .testmonial-single p:before{
    margin:0;
    content:"\f10d";
    font-weight:700;
    font-family:Font Awesome\ 5 Free;
    color:#87251F;
    font-size:30px;
    display:block;
    top:0;
    left:-50px;
    position:absolute
}
@media screen and (max-width: 991px){
    .testimonial-style3 .testmonial-single{
        width:80%
    }
    .testimonial-style3 .testmonial-single p{
        margin-bottom:35px;
        font-size:15px
    }
    .testimonial-style3.owl-theme .owl-nav{
        margin-top:35px
    }
}
@media screen and (max-width: 767px){
    .testimonial-style3 .testmonial-single p{
        margin-bottom:30px;
        font-size:14px;
        line-height:26px
    }
    .testimonial-style3.owl-theme .owl-nav{
        margin-top:30px
    }
    .testimonial-style3 .testmonial-single h6{
        font-size:11px
    }
}
.testimonials-section .testimonial-grid{
    overflow:hidden;
    padding:25px;
    -moz-box-shadow:0 5px 10px rgba(0,9,128,0.035),0 7px 18px rgba(0,9,128,0.05);
    -ms-box-shadow:0 5px 10px rgba(0,9,128,0.035),0 7px 18px rgba(0,9,128,0.05);
    -webkit-box-shadow:0 5px 10px rgba(0,9,128,0.035),0 7px 18px rgba(0,9,128,0.05);
    -o-box-shadow:0 5px 10px rgba(0,9,128,0.035),0 7px 18px rgba(0,9,128,0.05);
    box-shadow:0 5px 10px rgba(0,9,128,0.035),0 7px 18px rgba(0,9,128,0.05);
    margin:15px
}
.testimonials-section .testimonial-grid p{
    font-size:16px;
    line-height:28px
}
.testimonials-section .testmonial-holder{
    width:175px;
    float:left;
    border:8px solid rgba(0,0,0,0.1);
    border-radius:175px
}
.testimonials-section .testmonial-holder img{
    width:auto;
    border-radius:175px
}
.testimonials-section .testimonial-grid .details{
    width:calc(100% - 175px);
    float:left;
    padding:0 0 0 30px;
    position:relative
}
.testimonials-section .client-info>span{
    font-weight:500;
    text-transform:uppercase
}
.testimonials-section .custom-dot{
    display:inline-block;
    z-index:1;
    margin-top:30px
}
.testimonials-section .custom-dot span{
    width:12px;
    height:12px;
    margin:5px;
    background:rgba(0,0,0,0.2);
    cursor:pointer;
    display:block;
    border:1px solid #fff;
    -webkit-backface-visibility:visible;
    border-radius:30px;
    transition-duration:.3s;
    -moz-transition-duration:.3s;
    -ms-transition-duration:.3s;
    -webkit-transition-duration:.3s;
    -o-transition-duration:.3s
}
.testimonials-section .custom-dot span:hover{
    background:rgba(0,0,0,0.2);
    -webkit-backface-visibility:visible;
    border-radius:30px
}
.testimonials-section .custom-dot.active span{
    width:12px;
    height:12px;
    background:#87251F;
    -moz-transition-duration:.3s;
    -ms-transition-duration:.3s;
    -webkit-transition-duration:.3s;
    -o-transition-duration:.3s;
    transition-duration:.3s
}
.testimonials-section .owl-nav i{
    color:#232323;
    font-size:18px;
    padding-top:6px
}
.testimonials-section .owl-nav .owl-next{
    color:#87251F;
    font-size:43px;
    text-align:center;
    width:40px;
    height:40px;
    background:#fff !important;
    position:absolute;
    vertical-align:top;
    line-height:8px
}
.testimonials-section .owl-nav .owl-prev{
    color:#87251F;
    font-size:43px;
    text-align:center;
    width:40px;
    height:40px;
    background:#fff !important;
    position:absolute;
    vertical-align:top;
    line-height:8px;
    left:-75px;
    top:40%;
    -moz-transition:all .4s ease 0s;
    -ms-transition:all .4s ease 0s;
    -webkit-transition:all .4s ease 0s;
    -o-transition:all .4s ease 0s;
    transition:all .4s ease 0s;
    -moz-box-shadow:0 5px 28px 0 rgba(50,50,50,0.1);
    -ms-box-shadow:0 5px 28px 0 rgba(50,50,50,0.1);
    -webkit-box-shadow:0 5px 28px 0 rgba(50,50,50,0.1);
    -o-box-shadow:0 5px 28px 0 rgba(50,50,50,0.1);
    box-shadow:0 5px 28px 0 rgba(50,50,50,0.1)
}
.testimonials-section .owl-nav .owl-next{
    right:-75px;
    top:40%;
    -moz-transition:all .4s ease 0s;
    -ms-transition:all .4s ease 0s;
    -webkit-transition:all .4s ease 0s;
    -o-transition:all .4s ease 0s;
    transition:all .4s ease 0s;
    -moz-box-shadow:0 5px 28px 0 rgba(50,50,50,0.1);
    -ms-box-shadow:0 5px 28px 0 rgba(50,50,50,0.1);
    -webkit-box-shadow:0 5px 28px 0 rgba(50,50,50,0.1);
    -o-box-shadow:0 5px 28px 0 rgba(50,50,50,0.1);
    box-shadow:0 5px 28px 0 rgba(50,50,50,0.1)
}
@media screen and (max-width: 1199px){
    .testimonials-section .testimonial-grid p{
        font-size:15px
    }
}
@media screen and (max-width: 991px){
    .testimonials-section .testmonial-holder{
        width:145px;
        border-width:6px
    }
    .testimonials-section .testimonial-grid p{
        font-size:14px;
        line-height:26px
    }
}
@media screen and (max-width: 767px){
    .testimonials-section .testmonial-holder{
        width:125px;
        border-width:5px
    }
    .testimonials-section .testimonial-grid{
        padding:20px
    }
    .testimonials-section .testimonial-grid .details{
        width:100%;
        padding-left:0
    }
    .testimonials-section .testmonial-holder{
        float:none;
        margin:0 auto 15px auto;
        display:inherit
    }
}
.testmonials-style5{
    position:relative;
    background:#fff;
    padding:20px;
    border:1px solid rgba(0,0,0,0.1);
    margin:0 0 30px 0;
    -moz-transition-duration:.3s;
    -ms-transition-duration:.3s;
    -webkit-transition-duration:.3s;
    -o-transition-duration:.3s;
    transition-duration:.3s
}
.testmonials-style5:before{
    content:"";
    position:absolute;
    left:0;
    top:0px;
    height:5px;
    background:rgba(0,0,0,0.1);
    width:100%
}
.testmonials-style5 img{
    border:2px solid rgba(0,0,0,0.1);
    border-radius:50%;
    padding:2px
}
.owl-carousel .testmonials-style5 img{
    width:auto;
    max-height:120px;
    display:inline-block
}
.testmonials-style5 h5{
    font-size:16px;
    font-weight:500;
    margin-bottom:0;
    position:relative
}
.testmonials-style5 span{
    font-size:13px;
    color:#87251F
}
.testmonials-style5 span:before{
    background:rgba(0,0,0,0.2);
    height:1px;
    width:20px;
    content:"";
    display:inline-block;
    vertical-align:middle;
    margin-right:8px
}
.testmonials-style5 p{
    margin-top:10px
}
.testmonials-style5 .data{
    position:relative
}
.testmonials-style5 .data i{
    position:absolute;
    right:0;
    bottom:0
}
@media screen and (max-width: 991px){
    .testmonials-style5{
        margin-bottom:20px
    }
    .testmonials-style5 p{
        margin-top:0
    }
}
@media screen and (max-width: 767px){
    .testmonials-style5{
        margin-bottom:15px;
        padding:25px 15px
    }
    .testmonials-style5 h5{
        font-size:15px
    }
}
.testmonials-style6 h4{
    color:#fff;
    font-size:16px;
    margin:0;
    line-height:normal
}
.testmonials-style6 p{
    color:#fff;
    margin-bottom:0
}
.testmonials-style6 h6{
    font-size:12px;
    color:#ccc;
    margin:0;
    line-height:30px;
    margin-bottom: -8px;
}
.testmonials-style6 .owl-carousel .owl-dots{
    margin-top:40px !important
}
.testmonials-style6 .owl-carousel .owl-dots .custom-dot span{
    border-color:1px solid #fff;
    width:10px;
    height:10px
}
.testmonials-style6 .owl-theme .owl-dots .custom-dot.active span,.testmonials-style6 .owl-theme .owl-dots .custom-dot:hover span{
    background:#87251F;
    border-color:#87251F
}
.testmonials-style6 .custom-dot{
    display:inline-block;
    z-index:1;
    margin-top:30px
}
.testmonials-style6 .custom-dot span{
    width:12px;
    height:12px;
    margin:5px;
    background:none;
    cursor:pointer;
    display:block;
    border:1px solid #fff;
    -webkit-backface-visibility:visible;
    border-radius:30px;
    transition-duration:.3s;
    -moz-transition-duration:.3s;
    -ms-transition-duration:.3s;
    -webkit-transition-duration:.3s;
    -o-transition-duration:.3s
}
.testmonials-style6 .custom-dot span:hover{
    background:#aaa;
    -webkit-backface-visibility:visible;
    border-radius:30px
}
.testmonials-style6 .custom-dot.active span{
    width:12px;
    height:12px;
    background:#fff;
    -moz-transition-duration:.3s;
    -ms-transition-duration:.3s;
    -webkit-transition-duration:.3s;
    -o-transition-duration:.3s;
    transition-duration:.3s
}
@media screen and (max-width: 575px){
    .testmonials-style6 .owl-carousel .owl-dots{
        margin-top:0px !important
    }
    .testmonials-style6 .custom-dot{
        margin-top:10px
    }
}
.testimonial-style7 .testmonial-single p{
    font-weight:500;
    margin-bottom:20px;
    position:relative;
    margin-left:25px;
    text-align:left
}
.testimonial-style7 .testmonial-single p:before{
    margin:0;
    content:"\f10d";
    font-weight:700;
    font-family:Font Awesome\ 5 Free;
    color:#87251F;
    font-size:24px;
    display:block;
    top:0;
    left:-45px;
    position:absolute
}
.testimonial-style7 .testmonial-single img{
    width:50px;
    height:auto;
    margin-bottom:8px
}
.testimonial-style7 .testmonial-single h4{
    font-size:14px
}
.testimonial-style7 .testmonial-single h6{
    font-size:11px
}
.testimonial-style8 p{
    font-style:italic;
    letter-spacing:1px
}
.testimonial-style8 p:before{
    margin-right:20px;
    content:"\f10d";
    font-weight:700;
    font-family:Font Awesome\ 5 Free;
    color:#87251F;
    font-size:23px
}
@media screen and (max-width: 767px){
    .testimonial-style8 h6{
        margin-bottom:30px
    }
}
.testimonial-style9{
    margin-top:-30px
}
.testimonial-style9 .testmonial-block{
    border-radius:4px;
    background-color:#fff;
    box-shadow:0px 5px 24px 6px rgba(0,0,0,0.06);
    padding:45px 40px;
    margin:30px 24px 40px;
    position:relative
}
.testimonial-style9 .testmonial-block p{
    margin-bottom:0;
    margin-top:-50px;
    font-weight:600;
    font-size:14px
}
.testimonial-style9 .author-details h6{
    margin-bottom:0
}
.testimonial-style9 .author-details h4{
    margin-top:0
}
.testimonial-style9 .author-details .author-pic{
    display:inline-block;
    vertical-align:middle;
    width:60px
}
.testimonial-style9 .author-details .author-name{
    display:inline-block;
    vertical-align:middle;
    padding-left:15px;
    width:160px
}
.testimonial-style9 .quote{
    font-size:124px;
    opacity:0.1;
    line-height:110px
}
@media screen and (max-width: 991px){
    .testimonial-style9 .testmonial-block{
        padding:35px 30px
    }
    .testimonial-style9 .quote{
        font-size:114px;
        line-height:100px
    }
}
@media screen and (max-width: 575px){
    .testimonial-style9 .testmonial-block{
        padding:20px 24px
    }
    .testimonial-style9 .quote{
        font-size:100px
    }
    .testimonial-style9 .author-details .author-name{
        width:130px
    }
}
.testimonial-style10.owl-theme .owl-nav{
    margin-top:50px;
    text-align:center
}
.testimonial-style10 .author-details{
    padding-left:60px;
    position:relative
}
.testimonial-style10 .author-details:before{
    background:#87251F;
    height:2px;
    width:40px;
    display:inline-block;
    position:absolute;
    left:0;
    top:8px;
    content:""
}
.testimonial-style10 .testmonial-desc h4{
    text-transform:uppercase;
    font-size:14px;
    font-weight:700;
    margin-bottom:5px;
    letter-spacing:1px;
    color:rgba(255,255,255,0.8)
}
.testimonial-style10 .testmonial-desc h6{
    text-align:left;
    font-size:12px;
    font-weight:500;
    color:rgba(255,255,255,0.7);
    letter-spacing:1px;
    margin-bottom:0
}
.testimonial-style10 .testmonial-desc p{
    line-height:30px;
    font-size:16px;
    font-weight:500;
    margin-bottom:50px;
    position:relative;
    margin-top:-30px;
    color:rgba(255,255,255,0.9)
}
.testimonial-style10 .testmonial-desc .quote{
    font-size:124px;
    opacity:0.8;
    line-height:110px;
    font-weight:bold;
    color:#87251F
}
@media screen and (max-width: 991px){
    .testimonial-style10 .testmonial-desc{
        width:80%;
        margin:0 auto;
        text-align:center
    }
    .testimonial-style10 .author-details{
        text-align:center;
        display:inline-block
    }
    .testimonial-style10 .testmonial-desc p{
        margin-bottom:35px;
        font-size:15px
    }
    .testimonial-style10.owl-theme .owl-nav{
        margin-top:35px
    }
    .testimonial-style10 .testmonial-desc .quote{
        font-size:110px
    }
}
@media screen and (max-width: 767px){
    .testimonial-style10 .testmonial-desc p{
        margin-bottom:30px
    }
    .testimonial-style10.owl-theme .owl-nav{
        margin-top:30px
    }
    .testimonial-style10 .testmonial-desc h6{
        font-size:11px
    }
}
@media screen and (max-width: 575px){
    .testimonial-style10 .testmonial-desc .quote{
        font-size:90px;
        line-height:95px
    }
}
.custom-dot{
    display:inline-block;
    z-index:1;
    margin-top:30px
}
.custom-dot span{
    width:12px;
    height:12px;
    margin:5px;
    background:none;
    cursor:pointer;
    display:block;
    border:1px solid #fff;
    -webkit-backface-visibility:visible;
    border-radius:30px;
    transition-duration:.3s;
    -webkit-transition-duration:.3s
}
.custom-dot span:hover{
    background:#aaa;
    -webkit-backface-visibility:visible;
    border-radius:30px
}
.custom-dot.active span{
    width:12px;
    height:12px;
    background:#fff;
    -webkit-transition-duration:.3s;
    transition-duration:.3s
}
.owl-nav i{
    color:#232323;
    font-size:18px;
    padding-top:6px
}
.owl-nav .owl-next{
    color:#87251F;
    font-size:43px;
    text-align:center;
    width:40px;
    height:40px;
    background:#fff !important
}
.owl-nav .owl-prev{
    color:#87251F;
    font-size:43px;
    text-align:center;
    width:40px;
    height:40px;
    background:#fff !important;
    left:0;
    -webkit-transition:all .4s ease 0s;
    transition:all .4s ease 0s;
    -webkit-box-shadow:0 5px 28px 0 rgba(50,50,50,0.1);
    -moz-box-shadow:0 5px 28px 0 rgba(50,50,50,0.1);
    box-shadow:0 5px 28px 0 rgba(50,50,50,0.1)
}
.owl-nav .owl-next{
    -webkit-transition:all .4s ease 0s;
    transition:all .4s ease 0s;
    -webkit-box-shadow:0 5px 28px 0 rgba(50,50,50,0.1);
    -moz-box-shadow:0 5px 28px 0 rgba(50,50,50,0.1);
    box-shadow:0 5px 28px 0 rgba(50,50,50,0.1)
}
.owl-thumbs button{
    border:none
}
.owl-thumbs button img{
    opacity:.5
}
.owl-thumbs button.active img{
    opacity:1
}
.owl-thumb-item{
    cursor:pointer
}
.carousel-style2 .custom-dot{
    display:inline-block;
    z-index:1;
    margin-top:30px
}
.carousel-style2 .custom-dot span{
    width:12px;
    height:12px;
    margin:5px;
    background:rgba(0,0,0,0.2);
    cursor:pointer;
    display:block;
    border:1px solid #fff;
    -webkit-backface-visibility:visible;
    border-radius:30px;
    transition-duration:.3s;
    -webkit-transition-duration:.3s
}
.carousel-style2 .custom-dot span:hover{
    background:rgba(0,0,0,0.2);
    -webkit-backface-visibility:visible;
    border-radius:30px
}
.carousel-style2 .custom-dot.active span{
    width:12px;
    height:12px;
    background:#87251F;
    -webkit-transition-duration:.3s;
    transition-duration:.3s
}
@media screen and (max-width: 991px){
    .carousel-style2 .custom-dot{
        margin-top:20px
    }
}
.team-members{
    background:#fff;
    overflow:hidden
}
.team-members-img{
    width:100%;
    height:auto
}
.team-members-img img{
    width:100%
}
.team-members-text{
    transition:all 0.4s ease-in-out;
    text-align:center;
    padding:20px;
    background:#fff;
    width:100%;
    margin:0 auto;
    position:relative;
    z-index:1
}
.team-members-text *{
    transition:all 0.2s ease-in-out
}
.team-members-text h4{
    font-size:16px;
    font-weight:500;
    line-height:normal;
    margin-bottom:4px
}
.team-members-text h4 a{
    color:#232323;
    transition-duration:.0s;
    -ms-transition-duration:.0s;
    -moz-transition-duration:.0s;
    -webkit-transition-duration:.0s;
    -o-transition-duration:.0s
}
.team-members-text span{
    color:#87251F;
    font-size:15px;
    font-weight:600;
    letter-spacing:1px
}
.team-members-text p{
    color:#999;
    font-size:14px;
    font-weight:400;
    line-height:170%;
    margin:20px auto 0;
    max-width:90%
}
.team-members-text ul{
    margin-top:15px;
    padding:8px 0
}
.team-members-text ul li a i{
    font-size:17px;
    line-height:34px
}
.team-members:hover .team-members-text{
    background:#87251F
}
.team-members:hover .team-members-text h4 a,.team-members:hover .team-members-text span{
    color:#fff
}
@media screen and (max-width: 991px){
    .team-members-text{
        padding:15px 10px
    }
    .team-members-text h4{
        font-size:14px;
        margin-bottom:2px
    }
    .team-members-text span{
        font-size:14px
    }
}
@media screen and (max-width: 575px){
    .team-members-text{
        padding:15px 10px
    }
}
.team-single-img{
    width:100%
}
.team-single-img img{
    border-radius:5px
}
.team-single-text{
    padding:5px 50px 15px 15px
}
.team-single-text span{
    color:#87251F;
    font-size:14px;
    font-weight:500
}
.team-single-text h4{
    color:#232323;
    font-size:25px;
    font-weight:500;
    margin-bottom:10px
}
.team-single-text li span{
    color:#777;
    font-size:15px;
    font-weight:400
}
.team-single-icons ul li{
    display:inline-block;
    border:1px solid #87251F;
    border-radius:50%;
    color:#87251F;
    margin-right:8px;
    margin-bottom:5px;
    -moz-transition-duration:.3s;
    -ms-transition-duration:.3s;
    -webkit-transition-duration:.3s;
    -o-transition-duration:.3s;
    transition-duration:.3s
}
.team-single-icons ul li a{
    color:#87251F;
    display:block;
    font-size:14px;
    height:25px;
    line-height:26px;
    text-align:center;
    width:25px
}
.team-single-icons ul li:hover{
    background:#87251F;
    border-color:#87251F
}
.team-single-icons ul li:hover a{
    color:#fff
}
.team-style1 .team-member-img{
    overflow:hidden;
    border-radius:5px
}
.team-style1 .team-member-img img{
    transition:all 0.5s ease 0s;
    width:100%
}
.team-style1 .team-member-img:hover img{
    transform:scale(1.1)
}
.team-style2 .team-member-img img{
    transition:all 0.3s ease 0s
}
.team-style2 .team-member-img:hover img{
    filter:grayscale(100%)
}
.team-style2 .team-description{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background:transparent;
    opacity:0;
    transition:all 200ms ease-in-out;
    padding:15px;
    z-index:9
}
.team-style2 .social-links{
    transform:translateY(15px);
    transition:transform 300ms ease-in-out, opacity 150ms ease-in;
    opacity:0;
    color:#fff;
    -webkit-font-smoothing:antialiased
}
.team-style2 .social-links a:hover{
    opacity:0.65
}
.team-style2 .team-description-wrapper{
    position:relative;
    display:table;
    width:100%;
    height:100%
}
.team-style2 .team-description-content{
    display:table-cell;
    vertical-align:middle
}
.team-style2 .team-member-img{
    position:relative;
    display:block;
    overflow:hidden
}
.team-style2 .bg-cover{
    background-color:rgba(255,66,41,0);
    opacity:1;
    position:absolute;
    height:100%;
    width:100%;
    top:0;
    transform:scale(2);
    transition:all 200ms ease-in-out;
    display:none;
    z-index:1
}
.team-style2 .team-member-img>img{
    transition:all 0.2s ease 0s
}
.team-style2:hover .bg-cover{
    background-color:rgba(0,0,0,0.75);
    display:block
}
.team-style2:hover .social-links{
    transition-delay:100ms, 100ms;
    opacity:1;
    transform:translateY(0)
}
.team-style2:hover .team-member-img>img{
    filter:blur(4px) grayscale(4%)
}
.team-style2:hover .team-description{
    opacity:1
}
.team-style3 .team-description{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background:transparent;
    opacity:0;
    transition:all 200ms ease-in-out;
    padding:15px;
    z-index:9
}
.team-style3 .social-links{
    transform:translateY(15px);
    transition:transform 300ms ease-in-out,opacity 150ms ease-in;
    opacity:0;
    color:#fff;
    -webkit-font-smoothing:antialiased
}
.team-style3 .about-me{
    transform:translateY(15px);
    transition:transform 300ms ease-in-out,opacity 150ms ease-in;
    opacity:0;
    color:#fff;
    -webkit-font-smoothing:antialiased;
    position:relative;
    display:inline-block;
    color:#f7f7f7
}
.team-style3 .social-links:after{
    background:#87251F;
    bottom:-12px;
    content:"";
    height:1px;
    position:absolute;
    left:0;
    right:0;
    margin:0 auto;
    width:75px
}
.team-style3 .social-links a:hover{
    opacity:0.65
}
.team-style3 .team-description-wrapper{
    position:relative;
    display:table;
    width:100%;
    height:100%
}
.team-style3 .team-description-content{
    display:table-cell;
    vertical-align:middle
}
.team-style3 .team-member-img{
    position:relative;
    display:block;
    overflow:hidden
}
.team-style3 .bg-cover{
    background-color:rgba(255,66,41,0);
    opacity:1;
    position:absolute;
    height:100%;
    width:100%;
    top:0;
    transform:scale(2);
    transition:all 200ms ease-in-out;
    display:none;
    z-index:1
}
.team-style3 .team-member-img>img{
    transition:all 0.2s ease 0s
}
.team-style3:hover .bg-cover{
    background-color:rgba(0,0,0,0.83);
    display:block
}
.team-style3:hover .social-links{
    transition-delay:100ms,100ms;
    opacity:1;
    transform:translateY(0)
}
.team-style3:hover .about-me{
    transition-delay:200ms,200ms;
    opacity:1;
    transform:translateY(0)
}
.team-style3:hover .team-member-img>img{
    filter:blur(4px) grayscale(4%)
}
.team-style3:hover .team-description{
    opacity:1
}
.team-style4 .team-description{
    background:rgba(134,188,66,0.65);
    bottom:0;
    left:0;
    opacity:0;
    padding:15px;
    position:absolute;
    right:0;
    top:0;
    transition:all 200ms ease-in-out 0s;
    z-index:9
}
.team-style4 .social-links{
    color:#fff;
    opacity:0;
    transform:translateY(15px);
    transition:transform 300ms ease-in-out 0s, opacity 150ms ease-in 0s
}
.team-style4 .about-me{
    color:#fff;
    opacity:0;
    transform:translateY(15px);
    transition:transform 300ms ease-in-out 0s, opacity 150ms ease-in 0s;
    color:#f7f7f7;
    display:inline-block;
    position:relative
}
.team-style4 .social-links a:hover{
    opacity:0.65
}
.team-style4 .team-description-wrapper{
    display:table;
    height:100%;
    position:relative;
    width:100%
}
.team-style4 .team-description-content{
    display:table-cell;
    vertical-align:middle
}
.team-style4 .team-member-img{
    display:block;
    overflow:hidden;
    position:relative;
    border:10px solid #f5f5f5
}
.team-style4:hover .team-member-img{
    border:10px solid rgba(134,188,66,0.8)
}
.team-style4 .bg-cover{
    background-color:rgba(255,66,41,0);
    display:none;
    height:100%;
    opacity:1;
    position:absolute;
    top:0;
    transform:scale(2);
    transition:all 200ms ease-in-out 0s;
    width:100%;
    z-index:1
}
.team-style4 .team-member-img>img{
    transition:all 0.2s ease 0s
}
.team-style4:hover .bg-cover{
    background-color:rgba(134,188,66,0.65);
    display:block
}
.team-style4:hover .social-links{
    opacity:1;
    transform:translateY(0px);
    transition-delay:100ms, 100ms
}
.team-style4:hover .about-me{
    opacity:1;
    transform:translateY(0px);
    transition-delay:200ms, 200ms
}
.team-style4:hover .team-member-img>img{
    filter:blur(4px) grayscale(4%)
}
.team-style4:hover .team-description{
    opacity:1
}
.team-style5 .team-block{
    background:#fff;
    margin-bottom:15px;
    box-shadow:0 5px 15px 0 rgba(0,0,0,0.1);
    -moz-transition-duration:.3s;
    -ms-transition-duration:.3s;
    -webkit-transition-duration:.3s;
    -o-transition-duration:.3s;
    transition-duration:0.3s
}
.team-style5 .team-block:hover{
    box-shadow:0 5px 15px 0 rgba(0,0,0,0.15)
}
.team-style5 h5:after{
    border-bottom:2px solid #87251F;
    content:"";
    display:block;
    margin:10px 0 15px 0;
    text-align:center;
    width:50%;
    -moz-transition-duration:.5s;
    -ms-transition-duration:.5s;
    -webkit-transition-duration:.5s;
    -o-transition-duration:.5s;
    transition-duration:0.5s
}
.team-style5 .team-block:hover h5:after{
    width:100%
}
.team-style5 .owl-dots{
    text-align:center
}
.team-style5 .custom-dot{
    margin-top:20px
}
.team-style5 .custom-dot.active span{
    width:12px;
    height:12px;
    background:#87251F;
    -moz-transition-duration:.3s;
    -ms-transition-duration:.3s;
    -webkit-transition-duration:.3s;
    -o-transition-duration:.3s;
    transition-duration:.3s
}
.team-style5 .custom-dot span{
    width:12px;
    height:12px;
    margin:5px;
    background:#cecece;
    cursor:pointer;
    display:block;
    -webkit-backface-visibility:visible;
    border-radius:30px;
    transition-duration:.3s;
    -moz-transition-duration:.3s;
    -ms-transition-duration:.3s;
    -webkit-transition-duration:.3s;
    -o-transition-duration:.3s
}
.team-style5 .social-icons{
    margin-bottom:0
}
.team-style5 .social-icons li{
    display:inline-block;
    border:1px solid rgba(0,0,0,0.2);
    border-radius:50%;
    margin-right:5px;
    -moz-transition-duration:.3s;
    -ms-transition-duration:.3s;
    -webkit-transition-duration:.3s;
    -o-transition-duration:.3s;
    transition-duration:0.3s
}
.team-style5 .social-icons li a{
    color:#939393;
    display:block;
    font-size:14px;
    height:30px;
    line-height:30px;
    text-align:center;
    width:30px
}
.team-style5 .social-icons li:hover{
    background:#87251F;
    border-color:#87251F
}
.team-style5 .social-icons li:hover i{
    color:#fff
}
.team-style6{
    background:#fff;
    overflow:hidden
}
.team-style6 .team-img{
    width:100%;
    height:auto;
    border-radius:4px
}
.team-style6 .team-img img{
    border-radius:4px
}
.team-style6 .team-details{
    transition:all 0.4s ease-in-out;
    text-align:center;
    padding:20px;
    background:#fff;
    box-shadow:0px 0px 10px 0px rgba(50,50,50,0.1);
    width:90%;
    margin:-30px auto 20px auto;
    position:relative;
    z-index:1;
    border-radius:4px
}
.team-style6 .team-details h4{
    font-size:16px;
    font-weight:500;
    line-height:normal;
    margin-bottom:4px
}
.team-style6 .team-details h4 a{
    color:#232323;
    transition-duration:.0s;
    -ms-transition-duration:.0s;
    -moz-transition-duration:.0s;
    -webkit-transition-duration:.0s;
    -o-transition-duration:.0s
}
.team-style6 .team-details span{
    color:#87251F;
    font-size:15px;
    font-weight:600;
    letter-spacing:1px
}
@media screen and (max-width: 991px){
    .team-style6 .team-details{
        padding:15px 10px
    }
    .team-style6 .team-details h4{
        font-size:14px;
        margin-bottom:2px
    }
    .team-style6 .team-details span{
        font-size:14px
    }
}
@media screen and (max-width: 575px){
    .team-style6 .team-details{
        padding:15px 10px
    }
}
.filtering{
    margin-bottom:10px
}
.filtering span{
    border-bottom:1px solid transparent;
    color:#333333;
    cursor:pointer;
    font-size:14px;
    font-weight:600;
    letter-spacing:1px;
    margin-right:20px;
    display:inline-block;
    margin-bottom:5px
}
.filtering span:last-child{
    margin:0
}
.filtering .active{
    border-color:#87251F;
    color:#87251F
}
@media screen and (max-width: 767px){
    .filtering span{
        margin-right:15px
    }
}
.project-grid{
    display:block;
    position:relative;
    margin:15px 0
}
.project-grid-img img{
    display:block;
    width:100%;
    height:auto
}
.project-grid-overlay{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -moz-flex-align:center;
    -ms-flex-align:center;
    -webkit-box-align:center;
    -o-flex-align:center;
    align-items:center;
    position:absolute;
    background:rgba(255,255,255,0.95);
    overflow:hidden;
    top:5px;
    left:5px;
    right:5px;
    bottom:5px;
    opacity:0;
    -moz-transition-duration:.3s;
    -ms-transition-duration:.3s;
    -webkit-transition-duration:.3s;
    -o-transition-duration:.3s;
    transition-duration:.3s
}
.project-grid-overlay h4{
    margin-bottom:0
}
.project-grid-overlay h4 a{
    text-align:center
}
.project-grid-overlay p{
    text-align:center
}
.project-grid:hover .project-grid-overlay{
    opacity:1
}
.project-grid-overlay h4 a{
    font-size:22px;
    opacity:0
}
.project-grid-overlay h4 a:hover{
    color:#87251F
}
.project-grid-overlay h4 a:after{
    content:'';
    display:block;
    width:70px;
    height:1px;
    background:#87251F;
    margin:15px auto
}
.project-grid:hover h4 a{
    opacity:1;
    line-height:normal
}
.project-grid-overlay p{
    color:#666;
    font-size:15px;
    margin:0;
    opacity:0
}
.project-grid:hover p{
    opacity:1
}
.project-grid-overlay.theme{
    background:rgba(134,188,66,0.95);
    left:0;
    right:0;
    top:0;
    bottom:0;
    border:5px solid rgba(0,0,0,0.15)
}
.project-grid-overlay.theme h4 a{
    color:#fff
}
.project-grid-overlay.theme h4 a:hover{
    color:rgba(255,255,255,0.55)
}
.project-grid-overlay.theme h4 a:after{
    height:1px;
    background:#fff
}
.project-grid-overlay.theme p{
    color:#fff
}
@media screen and (max-width: 1199px){
    .project-grid-overlay h4{
        line-height:20px
    }
    .project-grid-overlay h4 a{
        font-size:18px
    }
}
@media screen and (max-width: 767px){
    .project-grid{
        margin:20px 0 0 0
    }
    .project-grid:hover p{
        top:52%
    }
}
.project-grid-style2 .project-details{
    position:relative;
    overflow:hidden
}
.project-grid-style2 .project-details img{
    width:100%;
    -moz-transform:scale3d(1, 1, 1);
    -ms-transform:scale3d(1, 1, 1);
    -webkit-transform:scale3d(1, 1, 1);
    -o-transform:scale3d(1, 1, 1);
    transform:scale3d(1, 1, 1);
    -moz-transition:all 400ms;
    -ms-transition:all 400ms;
    -webkit-transition:all 400ms;
    -o-transition:all 400ms;
    transition:all 400ms
}
.project-grid-style2 .portfolio-icon{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-align:center;
    background:rgba(0,0,0,0.5);
    opacity:0;
    -webkit-transition:opacity 0.3s;
    transition:opacity 0.3s
}
.project-grid-style2 .portfolio-icon a{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    height:25px;
    -moz-transform:scale3d(0, 0, 0);
    -ms-transform:scale3d(0, 0, 0);
    -webkit-transform:scale3d(0, 0, 0);
    -o-transform:scale3d(0, 0, 0);
    transform:scale3d(0, 0, 0);
    -moz-transition:all 0.3s;
    -ms-transition:all 0.3s;
    -webkit-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition:all 0.3s;
    color:#fff;
    font-size:26px;
    z-index:9
}
.project-grid-style2 .portfolio-title{
    padding:15px 15px 0 15px;
    text-align:center;
    display:block;
    -moz-transition:all 0.3s;
    -ms-transition:all 0.3s;
    -webkit-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition:all 0.3s
}
.project-grid-style2 .portfolio-title h4{
    font-size:16px;
    margin-bottom:0
}
.project-grid-style2 .portfolio-title p{
    margin-bottom:0;
    text-transform:uppercase;
    font-size:12px;
    font-weight:600
}
.project-grid-style2:hover .project-details img{
    -moz-transform:scale3d(1.15, 1.15, 1);
    -ms-transform:scale3d(1.15, 1.15, 1);
    -webkit-transform:scale3d(1.15, 1.15, 1);
    -o-transform:scale3d(1.15, 1.15, 1);
    transform:scale3d(1.15, 1.15, 1)
}
.project-grid-style2:hover .portfolio-icon{
    opacity:1
}
.project-grid-style2:hover .portfolio-icon a{
    -moz-transform:scale3d(1, 1, 1);
    -ms-transform:scale3d(1, 1, 1);
    -webkit-transform:scale3d(1, 1, 1);
    -o-transform:scale3d(1, 1, 1);
    transform:scale3d(1, 1, 1)
}
.project-grid-style2:hover .portfolio-icon a:hover{
    color:#87251F
}
.portfolio-post-border{
    border:1px solid #87251F;
    bottom:20px;
    left:20px;
    position:absolute;
    right:20px;
    top:20px;
    visibility:hidden
}
.project-grid-style2:hover .portfolio-post-border{
    visibility:visible
}
.project-carousel h4:after{
    content:" ";
    background:#87251F;
    height:2px
}
.project-single-text h4:after{
    content:" ";
    background:#87251F;
    height:2px
}
.project-single-text p{
    font-size:15px;
    font-weight:400;
    line-height:1.8
}
.project-single-text h5{
    color:#232323;
    font-size:18px;
    font-weight:500;
    margin:25px 0 20px
}
.project-single-text h5:after{
    display:block;
    width:70px;
    margin-top:8px;
    content:" ";
    background:#87251F;
    height:2px
}
.project-single-text ul li{
    color:#232323;
    font-size:15px;
    font-weight:500
}
.project-single-text ul li i{
    color:#87251F;
    font-weight:500;
    font-size:15px;
    padding-right:10px
}
.project-single-info{
    border:1px solid #ececec;
    display:block;
    width:100%;
    padding:0 20px
}
.project-single-info ul li{
    color:#777;
    font-size:15px;
    font-weight:500;
    border-bottom:1px solid #ececec;
    padding:12px 0
}
.project-single-info ul li:last-child{
    border-bottom:none
}
.project-single-info ul li span{
    display:inline-block;
    color:#232323;
    font-size:15px;
    font-weight:500;
    margin-right:25px;
    width:70px;
    max-width:100%
}
.project-single-info ul li .value{
    width:auto;
    margin-right:0;
    color:#6f6f6f
}
.project-single-img{
    padding-bottom:30px
}
.project-single-box-img img{
    width:100%;
    border-radius:10px;
    -moz-box-shadow:0 20px 40px rgba(0,0,0,0.07);
    -ms-box-shadow:0 20px 40px rgba(0,0,0,0.07);
    -webkit-box-shadow:0 20px 40px rgba(0,0,0,0.07);
    -o-box-shadow:0 20px 40px rgba(0,0,0,0.07);
    box-shadow:0 20px 40px rgba(0,0,0,0.07)
}
.project-grid-style3{
    position:relative;
    margin-bottom:10px
}
.project-grid-style3 .inner-box{
    position:relative;
    display:block;
    overflow:hidden;
    box-shadow:0 0 12px rgba(0,0,0,0.1)
}
.project-grid-style3 .inner-box .project-image{
    position:relative
}
.project-grid-style3 .inner-box .project-image:before{
    position:absolute;
    content:'';
    left:0px;
    bottom:0px;
    width:100%;
    height:100%;
    display:block;
    z-index:1;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    background:-webkit-linear-gradient(top, transparent, rgba(0,0,0,0.4));
    background:-moz-linear-gradient(top, transparent, rgba(0,0,0,0.4));
    background:-o-linear-gradient(top, transparent, rgba(0,0,0,0.4));
    background:-ms-linear-gradient(top, transparent, rgba(0,0,0,0.4))
}
.project-grid-style3 .inner-box:hover .project-image:before{
    opacity:0
}
.project-grid-style3 .inner-box .project-image img{
    position:relative;
    width:100%;
    display:block
}
.project-grid-style3 .inner-box .overlay{
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    opacity:0;
    z-index:2;
    color:#ffffff;
    visibility:hidden;
    -moz-transition:all 700ms ease;
    -webkit-transition:all 700ms ease;
    -ms-transition:all 700ms ease;
    -o-transition:all 700ms ease;
    transition:all 700ms ease;
    -webkit-transform-origin:left top;
    -ms-transform-origin:left top;
    -moz-transform-origin:left top;
    transform-origin:left top;
    -moz-transform:translateX(-100%);
    -webkit-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
    -o-transform:translateX(-100%);
    transform:translateX(-100%)
}
.project-grid-style3 .inner-box .overlay:before{
    position:absolute;
    content:'';
    left:0;
    top:0;
    right:0;
    bottom:0;
    opacity:0;
    display:block;
    visibility:hidden;
    transition:all 900ms ease;
    -moz-transition:all 900ms ease;
    -webkit-transition:all 900ms ease;
    -ms-transition:all 900ms ease;
    -o-transition:all 900ms ease;
    background-color:rgba(134,188,66,0.95)
}
.project-grid-style3 .inner-box:hover .overlay:before{
    opacity:1;
    visibility:visible
}
.project-grid-style3 .inner-box .overlay-inner{
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    display:table;
    vertical-align:middle;
    padding:20px
}
.project-grid-style3 .inner-box .overlay-inner .description{
    position:relative;
    display:table-cell;
    vertical-align:middle
}
.project-grid-style3 .inner-box .text{
    position:relative;
    color:#ffffff;
    margin-bottom:20px
}
.project-grid-style3 .inner-box .read-more{
    position:relative;
    font-size:13px;
    font-weight:700;
    color:#ffffff;
    padding-right:22px
}
.project-grid-style3 .inner-box .read-more .fa{
    position:relative;
    margin-right:4px
}
.project-grid-style3 .inner-box:hover .overlay{
    opacity:1;
    visibility:visible;
    -moz-transform:translateX(0%);
    -webkit-transform:translateX(0%);
    -ms-transform:translateX(0%);
    -o-transform:translateX(0%);
    transform:translateX(0%)
}
.project-grid-style3 .inner-box .project-desc{
    background:#fff;
    position:relative;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease
}
.project-grid-style3 .inner-box:hover .project-desc{
    background-color:#f9f8fc
}
.project-grid-style3 .inner-box .project-desc .category{
    color:#87251F;
    letter-spacing:1px;
    font-size:13px;
    font-weight:700;
    padding-bottom:8px;
    margin-bottom:20px;
    text-transform:uppercase;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease
}
.project-grid-style3 .inner-box:hover .project-desc .category{
    color:#232323
}
.project-grid-style3 .inner-box .project-desc .category:after{
    content:"";
    height:1px;
    background:rgba(0,0,0,0.1);
    width:20%;
    display:block;
    margin-top:10px;
    -moz-transition:all 0.5s ease;
    -webkit-transition:all 0.5s ease;
    -ms-transition:all 0.5s ease;
    -o-transition:all 0.5s ease
}
.project-grid-style3 .inner-box:hover .project-desc .category:after{
    width:100%;
    background:#87251F
}
.project-grid-style3 .inner-box .project-desc a{
    position:relative;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    line-height:24px
}
.project-grid-style3 .inner-box .project-desc a:hover{
    color:#87251F
}
@media screen and (max-width: 767px){
    .project-grid-style3 .inner-box .overlay-inner{
        padding:15px
    }
    .project-grid-style3 .inner-box .text{
        margin-bottom:15px
    }
}
.project-grid-style10 img{
    transition:opacity .6s ease 0s, transform .6s ease 0s
}
.project-grid-style10:hover img{
    opacity:0.6
}
.accordion-style .card{
    background:transparent;
    box-shadow:none;
    margin-top:0 !important;
    border:none
}
.accordion-style .card-header{
    border:0px;
    padding:0;
    border-bottom:1px solid rgba(255,255,255,0.15);
    background:none
}
.accordion-style .btn-link{
    background:#87251F !important;
    color:#fff;
    font-size:14px;
    line-height:20px;
    position:relative;
    border:none;
    display:block;
    width:100%;
    text-align:left;
    white-space:normal;
    border-radius:4px;
    padding:15px 30px 15px 15px;
    text-decoration:none
}
.accordion-style .btn-link:hover{
    background:#87251F !important;
    border:none;
    text-decoration:none
}
.accordion-style .btn-link.collapsed:after{
    background:none;
    content:"+";
    right:15px;
    left:inherit;
    font-size:20px;
    height:auto;
    transform:none;
    width:auto;
    top:15px
}
.accordion-style .btn-link:after{
    background:none;
    content:"-";
    right:17px;
    left:inherit;
    font-size:20px;
    height:auto;
    transform:none;
    width:auto;
    top:15px;
    position:absolute;
    color:#fff
}
.accordion-style .card-body{
    padding:20px;
    text-align:left
}
.accordion-style2 .card{
    background:transparent;
    box-shadow:none;
    margin-top:0 !important;
    border:none
}
.accordion-style2 .card-header{
    border:0px;
    padding:0;
    border-bottom:1px solid rgba(255,255,255,0.15);
    background:none
}
.accordion-style2 .btn-link{
    background:#ededed !important;
    color:#232323;
    font-size:14px;
    line-height:20px;
    position:relative;
    border:none;
    display:block;
    width:100%;
    text-align:left;
    white-space:normal;
    border-radius:0;
    padding:15px 30px 15px 15px;
    text-decoration:none
}
.accordion-style2 .btn-link:hover{
    background:#ededed !important;
    border:none;
    text-decoration:none
}
.accordion-style2 .btn-link.collapsed:after{
    background:none;
    content:"+";
    right:15px;
    left:inherit;
    font-size:20px;
    height:auto;
    transform:none;
    width:auto;
    top:15px
}
.accordion-style2 .btn-link:after{
    background:none;
    content:"-";
    right:17px;
    left:inherit;
    font-size:20px;
    height:auto;
    transform:none;
    width:auto;
    top:15px;
    position:absolute;
    color:#232323
}
.accordion-style2 .card-body{
    padding:10px 15px;
    text-align:left;
    background:#f9f9f9
}
.accordion-style3 .card{
    background:transparent;
    box-shadow:none;
    margin-top:0 !important;
    border:none
}
.accordion-style3 .card-header{
    border:0px;
    padding:0;
    border-bottom:1px solid rgba(255,255,255,0.15);
    background:none
}
.accordion-style3 .btn-link{
    background:#87251F !important;
    color:#fff;
    font-size:14px;
    line-height:20px;
    position:relative;
    border:none;
    display:block;
    width:100%;
    text-align:left;
    white-space:normal;
    border-radius:4px;
    padding:15px 40px 15px 15px;
    text-decoration:none
}
.accordion-style3 .btn-link:hover{
    background:rgba(134,188,66,0.7) !important;
    border:none;
    text-decoration:none
}
.accordion-style3 .btn-link.collapsed:after{
    background:none;
    content:"+";
    right:15px;
    left:inherit;
    font-size:20px;
    height:auto;
    transform:none;
    width:auto;
    top:15px
}
.accordion-style3 .btn-link:after{
    background:none;
    content:"-";
    right:17px;
    left:inherit;
    font-size:20px;
    height:auto;
    transform:none;
    width:auto;
    top:15px;
    position:absolute;
    color:#fff
}
.accordion-style3 .card-body{
    padding:20px;
    text-align:left
}
@media screen and (max-width: 767px){
    .accordion-style3 .card-body{
        padding:15px
    }
}
.accordion-style4 .card{
    background:transparent;
    box-shadow:none;
    margin-top:0 !important;
    border:none
}
.accordion-style4 .card-header{
    border:0px;
    padding:0;
    border-bottom:1px solid rgba(255,255,255,0.15);
    background:none
}
.accordion-style4 .btn-link{
    background:#87251F !important;
    color:#fff;
    font-size:16px;
    line-height:24px;
    position:relative;
    border:none;
    display:block;
    width:100%;
    text-align:left;
    white-space:normal;
    border-radius:0;
    padding:18px 30px 18px 20px;
    text-decoration:none
}
.accordion-style4 .btn-link:after{
    color:#fff !important
}
.accordion-style4 .btn-link:hover{
    background:#87251F !important;
    border:none;
    text-decoration:none
}
.accordion-style4 .btn-link.collapsed{
    background:#ededed !important;
    color:#232323
}
.accordion-style4 .btn-link.collapsed:after{
    background:none;
    content:"+";
    right:20px;
    left:inherit;
    font-size:26px;
    height:auto;
    transform:none;
    width:auto;
    top:18px;
    color:#232323 !important
}
.accordion-style4 .btn-link:after{
    background:none;
    content:"-";
    right:20px;
    left:inherit;
    font-size:36px;
    height:auto;
    transform:none;
    width:auto;
    top:16px;
    position:absolute;
    color:#232323
}
.accordion-style4 .card-body{
    padding:15px;
    text-align:left;
    background:#f9f9f9
}
@media screen and (max-width: 991px){
    .accordion-style4 .btn-link{
        font-size:15px;
        padding:15px 50px 15px 20px
    }
    .accordion-style4 .btn-link:after{
        font-size:34px;
        top:13px
    }
    .accordion-style4 .btn-link.collapsed:after{
        font-size:24px;
        top:16px
    }
}
@media screen and (max-width: 767px){
    .accordion-style4 .btn-link{
        font-size:14px;
        padding:12px 40px 12px 15px
    }
    .accordion-style4 .btn-link:after{
        font-size:32px;
        top:10px
    }
    .accordion-style4 .btn-link.collapsed:after{
        font-size:22px;
        top:14px
    }
}
.masonry{
    margin:10px;
    padding:0;
    -moz-column-gap:10px;
    -webkit-column-gap:10px;
    column-gap:10px;
    transition-duration:.4s;
    -moz-transition-duration:.4s;
    -ms-transition-duration:.4s;
    -webkit-transition-duration:.4s;
    -o-transition-duration:.4s
}
.masonry a{
    display:block;
    margin-top:10px
}
.masonry a:first-child{
    margin-top:0
}
.masonry-item{
    position:relative;
    overflow:hidden;
    -moz-transition-duration:.4s;
    -ms-transition-duration:.4s;
    -webkit-transition-duration:.4s;
    -o-transition-duration:.4s;
    transition-duration:.4s
}
.masonry-item img{
    display:block;
    width:100%;
    height:auto;
    -moz-transition-duration:.4s;
    -ms-transition-duration:.4s;
    -webkit-transition-duration:.4s;
    -o-transition-duration:.4s;
    transition-duration:.4s
}
.masonry-item-overlay{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    height:100%;
    max-height:100%;
    width:100%;
    opacity:0;
    background:rgba(0,0,0,0.5);
    border:8px solid rgba(255,255,255,0.65);
    padding:3%;
    -moz-transition-duration:.4s;
    -ms-transition-duration:.4s;
    -webkit-transition-duration:.4s;
    -o-transition-duration:.4s;
    transition-duration:.4s
}
.masonry-item:hover .masonry-item-overlay{
    position:absolute;
    opacity:1;
    -moz-transition-duration:.5s;
    -ms-transition-duration:.5s;
    -webkit-transition-duration:.5s;
    -o-transition-duration:.5s;
    transition-duration:.5s
}
.masonry-item:hover .masonry-item-overlay h4{
    opacity:1;
    transform:translate(0, -50%);
    -ms-transform:translate(0, -50%);
    text-align:center;
    -moz-transition-duration:.6s;
    -ms-transition-duration:.6s;
    -webkit-transition-duration:.6s;
    -o-transition-duration:.6s;
    transition-duration:.6s
}
.masonry-item:hover .masonry-item-overlay ul{
    opacity:1;
    transform:translate(0, -50%);
    -ms-transform:translate(0, -50%);
    text-align:center;
    -moz-transition-duration:.5s;
    -ms-transition-duration:.5s;
    -webkit-transition-duration:.5s;
    -o-transition-duration:.5s;
    transition-duration:.5s
}
.masonry-item-overlay h4{
    color:#fff;
    font-size:20px;
    font-weight:400;
    position:absolute;
    bottom:40px;
    margin:0 0 20px 0;
    line-height:20px
}
.masonry-item-overlay ul{
    position:absolute;
    padding-left:0;
    bottom:25px;
    margin:0
}
.masonry-item-overlay ul li{
    list-style-type:none;
    display:inline-block;
    font-size:16px;
    font-weight:600;
    color:#fff;
    padding-left:0;
    opacity:.7
}
.masonry-item-overlay ul li:last-child:after{
    content:none
}
.masonry-item-overlay ul li:after{
    content:' / ';
    font-size:8px;
    font-weight:700;
    margin:0 5px
}
.masonry-item-overlay ul li a{
    color:#fff
}
.masonry-item:first-child{
    margin-top:0
}
@media screen and (min-width: 576px){
    .masonry{
        -moz-column-count:2;
        -webkit-column-count:2;
        column-count:2
    }
}
@media screen and (min-width: 768px){
    .masonry{
        -moz-column-count:2;
        -webkit-column-count:2;
        column-count:2
    }
}
@media screen and (min-width: 992px){
    .masonry{
        -moz-column-count:3;
        -webkit-column-count:3;
        column-count:3
    }
}
@media screen and (min-width: 1200px){
    .masonry{
        -moz-column-count:3;
        -webkit-column-count:3;
        column-count:3
    }
}
.masonry-4{
    margin:10px;
    padding:0;
    -moz-column-gap:10px;
    -webkit-column-gap:10px;
    column-gap:10px
}
.masonry-4 a{
    display:block;
    margin-top:10px
}
.masonry-4 a:first-child{
    margin-top:0
}
@media screen and (min-width: 576px){
    .masonry-4{
        -moz-column-count:2;
        -webkit-column-count:2;
        column-count:2
    }
}
@media screen and (min-width: 768px){
    .masonry-4{
        -moz-column-count:2;
        -webkit-column-count:2;
        column-count:2
    }
}
@media screen and (min-width: 992px){
    .masonry-4{
        -moz-column-count:3;
        -webkit-column-count:3;
        column-count:3
    }
}
@media screen and (min-width: 1200px){
    .masonry-4{
        -moz-column-count:4;
        -webkit-column-count:4;
        column-count:4
    }
}
ul.resp-tabs-list{
    margin:0px;
    padding:0px
}
.resp-tabs-list li{
    font-weight:600;
    font-size:14px;
    display:inline-block;
    padding:13px 15px;
    margin:0 4px 0 0;
    list-style:none;
    cursor:pointer
}
.resp-tabs-list li:last-child{
    margin-right:0
}
.resp-tabs-list li i{
    font-size:20px;
    padding-right:5px;
    vertical-align:text-bottom
}
.resp-tabs-container{
    padding:0px;
    background-color:#fff;
    clear:left
}
.resp-tab-content{
    display:none;
    padding:20px
}
.resp-tabs-list li.resp-tab-active{
    border:1px solid #87251F;
    border-bottom:none;
    border-color:#87251F !important;
    margin-bottom:-1px;
    padding:12px 14px 14px 14px;
    border-top:4px solid #87251F !important;
    border-bottom:0px #fff solid;
    border-bottom:none;
    background-color:#fff;
    color:#87251F
}
.resp-content-active,.resp-accordion-active{
    display:block
}
.resp-tab-content{
    border:1px solid #c1c1c1;
    border-top-color:#c1c1c1;
    float:left;
    width:100%
}
h2.resp-accordion{
    cursor:pointer;
    display:none;
    font-size:14px;
    border:1px solid #c1c1c1;
    border-top:0px solid #c1c1c1;
    margin:0px;
    padding:14px 15px;
    float:left;
    width:100%
}
h2.resp-tab-active{
    border-bottom:0px solid #c1c1c1 !important;
    background-color:#87251F !important;
    color:#fff
}
h2.resp-tab-title:last-child{
    border-bottom:12px solid #c1c1c1 !important;
    background:blue
}
.resp-vtabs ul.resp-tabs-list{
    float:left;
    width:30%
}
.resp-vtabs .resp-tabs-list li{
    display:block;
    padding:15px 15px !important;
    margin:0 0 4px;
    cursor:pointer;
    float:none
}
.resp-vtabs .resp-tabs-container{
    padding:0px;
    background-color:#fff;
    border:1px solid #87251F !important;
    float:left;
    width:70%;
    min-height:250px;
    clear:none
}
.resp-vtabs .resp-tab-content{
    border:none;
    word-wrap:break-word
}
.resp-vtabs li.resp-tab-active{
    position:relative;
    z-index:1;
    margin-right:-1px !important;
    padding:14px 15px 15px 11px !important;
    border-top:1px solid;
    border:1px solid #87251F !important;
    border-left:4px solid #87251F !important;
    margin-bottom:4px !important;
    border-right:1px #FFF solid !important
}
.resp-arrow{
    border-color:transparent #232323 #232323 transparent;
    border-style:solid;
    border-width:0 1px 1px 0;
    float:right;
    display:block;
    height:8px;
    transform:rotate(45deg);
    width:8px;
    margin-top:4px
}
h2.resp-tab-active span.resp-arrow{
    border-color:#fff transparent transparent #fff;
    border-style:solid;
    border-width:1px 0 0 1px;
    float:right;
    display:block;
    height:8px;
    transform:rotate(45deg);
    width:8px;
    margin-top:7px
}
.resp-easy-accordion h2.resp-accordion{
    display:block
}
.resp-easy-accordion .resp-tab-content{
    border:1px solid #c1c1c1
}
.resp-easy-accordion .resp-tab-content:last-child{
    border-bottom:1px solid #c1c1c1
}
.resp-jfit{
    width:100%;
    margin:0px
}
.resp-tab-content-active{
    display:block;
    border-color:#87251F !important
}
h2.resp-accordion:first-child{
    border-top:1px solid #c1c1c1
}
h2.resp-accordion.resp-tab-active{
    border-color:#87251F !important
}
.tab-style1 .resp-tabs-list li.resp-tab-active,.tab-style1 .resp-tab-content-active{
    background:#87251F !important;
    color:#fff
}
@media screen and (min-width: 768px){
    .tab-style2 ul.resp-tabs-list{
        text-align:center
    }
    .tab-style2 ul.resp-tabs-list.text-left{
        padding-left:15px
    }
    .tab-style2 ul.resp-tabs-list li:last-child{
        margin-right:0
    }
    .tab-style2 ul.resp-tabs-list li.resp-tab-active{
        border-bottom-color:#87251F;
        color:#87251F
    }
    .tab-style2 .resp-tab-content{
        border:1px solid #e6e6e6;
        border-width:1px 0 0 0;
        border-color:#87251F
    }
}
@media screen and (min-width: 768px){
    .tab-style3 ul.resp-tabs-list{
        text-align:center;
        border:1px solid #e6e6e6;
        border-width:0 0 1px 0
    }
    .tab-style3 ul.resp-tabs-list li:last-child{
        margin-right:0
    }
    .tab-style3 ul.resp-tabs-list li.resp-tab-active{
        border-bottom-color:#87251F;
        color:#87251F
    }
    .tab-style3 .resp-tab-content{
        border:none;
        padding:30px 20px
    }
    .tab-style3 .resp-tabs-list .tab-box{
        display:inline-block;
        vertical-align:middle;
        text-align:left;
        margin-top:8px
    }
    .tab-style3 .resp-tabs-list li.resp-tab-active h6{
        color:#87251F
    }
    .tab-style3 .resp-tabs-list .tab-box h6{
        margin:0;
        font-weight:600;
        font-size:16px;
        color:#6f6f6f;
        line-height:12px
    }
    .tab-style3 .resp-tabs-list .tab-box span{
        text-transform:lowercase;
        font-size:12px
    }
    .tab-style3 .resp-tabs-list li{
        font-size:18px;
        border-bottom:2px solid transparent !important;
        margin:0;
        background:none !important;
        padding:0 35px 15px 35px;
        text-transform:uppercase
    }
    .tab-style3 .resp-tabs-list li.resp-tab-active{
        border-width:0 0 2px 0 !important;
        border-color:#87251F !important
    }
    .tab-style3 ul.resp-tabs-list i{
        margin-right:15px;
        border:1px solid #d5d5d5;
        border-radius:70px;
        width:70px;
        height:70px;
        line-height:68px;
        font-size:30px;
        padding:0;
        vertical-align:middle
    }
    .tab-style3 ul.resp-tabs-list li.resp-tab-active i{
        background:#87251F;
        border-color:#87251F;
        color:#fff
    }
}
@media screen and (max-width: 991px){
    .tab-style3 .resp-tab-content{
        padding:20px
    }
    .tab-style3 .resp-tabs-list li{
        padding:0 15px 15px 15px
    }
}
@media screen and (max-width: 767px){
    ul.resp-tabs-list{
        display:none
    }
    h2.resp-accordion{
        display:block
    }
    h2.resp-accordion i{
        margin-right:8px;
        font-size:18px
    }
    .resp-vtabs .resp-tab-content{
        border:1px solid #C1C1C1
    }
    .resp-vtabs .resp-tabs-container{
        border:none !important;
        float:none;
        width:100%;
        min-height:100px;
        clear:none
    }
    .resp-accordion-closed{
        display:none !important
    }
    .resp-vtabs .resp-tab-content:last-child{
        border-bottom:1px solid #c1c1c1 !important
    }
    .resp-tab-content{
        background-color:#fff
    }
    .tab-style3 .tab-box{
        display:inline-block;
        vertical-align:top
    }
    .tab-style3 h2.resp-accordion i{
        margin-right:15px
    }
    .tab-style3 .tab-box h6{
        margin-bottom:2px;
        font-size:14px
    }
    .tab-style3 .tab-box span{
        font-size:12px
    }
    .tab-style3 .resp-tab-active h6{
        color:#fff
    }
}
.tab-style4 .tab-box{
    display:inline-block;
    vertical-align:top
}
.tab-style4 h2.resp-accordion i{
    margin-right:15px
}
.tab-style4 .tab-box h6{
    margin-bottom:2px;
    font-size:14px;
    font-weight:600
}
.tab-style4 .tab-box span{
    font-size:12px
}
.tab-style4 .resp-tab-active h6{
    color:#fff
}
.tab-style4 .resp-tabs-list .count{
    color:rgba(0,0,0,0.03);
    position:absolute;
    left:0;
    right:0;
    margin:0 auto;
    line-height:40px
}
.tab-style4 .resp-tabs-list .tab-box{
    text-align:left;
    margin-top:8px
}
@media screen and (min-width: 768px){
    .tab-style4 ul.resp-tabs-list{
        text-align:center
    }
    .tab-style4 ul.resp-tabs-list li:last-child{
        margin-right:0
    }
    .tab-style4 ul.resp-tabs-list li.resp-tab-active{
        border-bottom-color:#87251F;
        color:#87251F
    }
    .tab-style4 .resp-tab-content{
        border:none;
        margin-top:30px;
        padding:0
    }
    .tab-style4 .resp-tabs-list .tab-box{
        display:inline-block;
        vertical-align:middle;
        text-align:center
    }
    .tab-style4 .resp-tabs-list li.resp-tab-active h6{
        color:#87251F
    }
    .tab-style4 .resp-tabs-list .tab-box h6{
        margin:0;
        font-weight:700;
        font-size:16px;
        color:#6f6f6f;
        line-height:12px
    }
    .tab-style4 .resp-tabs-list .tab-box span{
        text-transform:lowercase;
        font-size:12px
    }
    .tab-style4 .resp-tabs-list li{
        font-size:18px;
        border-bottom:2px solid transparent !important;
        margin:0;
        background:none !important;
        padding:0 35px 15px 35px;
        text-transform:uppercase;
        position:relative
    }
    .tab-style4 .resp-tabs-list li.resp-tab-active{
        border-width:0 0 2px 0 !important;
        border-color:#87251F !important
    }
    .tab-style4 ul.resp-tabs-list i{
        margin-right:15px;
        border:1px solid #d5d5d5;
        border-radius:70px;
        width:70px;
        height:70px;
        line-height:68px;
        font-size:30px;
        padding:0;
        vertical-align:middle
    }
    .tab-style4 ul.resp-tabs-list li.resp-tab-active i{
        background:#87251F;
        border-color:#87251F;
        color:#fff
    }
}
@media screen and (max-width: 991px){
    .tab-style4 .resp-tabs-list li{
        padding:0 25px 10px 25px
    }
}
@media screen and (max-width: 767px){
    .count{
        font-size:36px;
        line-height:32px;
        margin-right:10px;
        opacity:0.2
    }
    .tab-style4 .resp-tab-active .count{
        opacity:0.5
    }
}
.tab-style5 .resp-tabs-list{
    border-bottom:1px solid rgba(0,0,0,0.08)
}
.tab-style5 .resp-tabs-list li{
    position:relative;
    font-size:13px;
    letter-spacing:1px;
    text-transform:uppercase;
    font-weight:600;
    display:inline-block;
    padding:0 15px 15px 15px;
    margin:0 4px 0 0;
    list-style:none;
    cursor:pointer;
    min-width:auto;
    color:#000;
    background:none !important
}
.tab-style5 .resp-tabs-list li.resp-tab-active{
    border:1px solid #87251F;
    border-bottom:none;
    border-color:#87251F !important;
    margin-bottom:-1px;
    border-top:4px solid #87251F !important;
    border-bottom:0px #fff solid;
    border-bottom:none;
    background-color:#fff;
    color:#87251F;
    color:#5e2ced;
    -ms-border-top-left-radius:5px;
    -webkit-border-top-left-radius:5px;
    -moz-border-top-left-radius:5px;
    -o-border-top-left-radius:5px;
    -ms-border-top-right-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-top-right-radius:5px;
    -o-border-top-right-radius:5px;
    -ms-border-radius-top-left:5px;
    -webkit-border-radius-top-left:5px;
    -moz-border-radius-top-left:5px;
    -o-border-radius-top-left:5px;
    -ms-border-radius-topright:5px;
    -webkit-border-radius-topright:5px;
    -moz-border-radius-topright:5px;
    -o-border-radius-topright:5px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    border-top:none !important;
    border-left:none !important;
    border-right:none !important
}
.tab-style5 .resp-tabs-list li.resp-tab-active:after{
    content:"";
    background:#87251F;
    height:1px;
    width:100%;
    position:absolute;
    bottom:-1px;
    left:0;
    margin:0 auto;
    right:0
}
.tab-style5 .img-effect:hover{
    transform:translateY(-8px)
}
.tab-style5 .box-shadow-primary{
    box-shadow:0px 0px 15px rgba(0,0,0,0.1)
}
@media screen and (min-width: 992px){
    .tab-style5 ul.resp-tabs-list{
        text-align:center
    }
    .tab-style5 ul.resp-tabs-list.text-left{
        padding-left:15px
    }
    .tab-style5 ul.resp-tabs-list li:last-child{
        margin-right:0
    }
    .tab-style5 ul.resp-tabs-list li.resp-tab-active{
        color:#87251F
    }
    .tab-style5 .resp-tab-content{
        margin-top:40px;
        border:none;
        padding:0
    }
}
@media screen and (max-width: 991px){
    .tab-style5 ul.resp-tabs-list{
        display:none
    }
    .tab-style5 h2.resp-accordion{
        display:block
    }
    .tab-style5 h2.resp-accordion i{
        margin-right:8px;
        font-size:18px
    }
    .tab-style5 .resp-accordion-closed{
        display:none !important
    }
    .tab-style5 .resp-tab-content{
        background-color:#fff
    }
}
.tab-style6 ul.resp-tabs-list{
    float:left;
    width:100%
}
.tab-style6 .resp-tabs-list li{
    padding:15px 25px 13px 25px !important;
    margin:0 !important;
    cursor:pointer;
    float:left;
    background:#fff !important;
    border:1px solid #d5dae2
}
.tab-style6 .resp-tabs-list li:first-child{
    border-top-left-radius:4px;
    border-bottom-left-radius:4px
}
.tab-style6 .resp-tabs-list li:last-child{
    border-top-right-radius:4px;
    border-bottom-right-radius:4px
}
.tab-style6 .resp-tabs-container{
    padding:0px;
    background-color:transparent;
    border:none !important;
    float:left;
    width:100%;
    min-height:auto;
    clear:none
}
.tab-style6 .resp-tab-content{
    border:none;
    word-wrap:break-word;
    padding:0
}
.tab-style6 li.resp-tab-active{
    position:relative;
    z-index:1;
    margin-right:0 !important;
    padding:15px 25px !important;
    border:none !important;
    display:inline-block;
    background:#87251F !important;
    color:white
}
@media screen and (max-width: 991px){
    .tab-style6 ul.resp-tabs-list{
        max-width:100%;
        text-align:center;
        margin:0 auto 30px auto;
        width:225px;
        float:none;
        display:inline-block
    }
    .tab-style6 .resp-tabs-container{
        padding-left:0;
        width:100%
    }
    .tab-style6 .resp-tabs-list li{
        padding:10px 25px 8px 25px !important
    }
    .tab-style6 li.resp-tab-active{
        padding:10px 25px !important
    }
}
@media screen and (max-width: 767px){
    .tab-style6 ul.resp-tabs-list{
        display:none
    }
    .tab-style6 .resp-tab-content{
        border:1px solid #ececec !important;
        padding:25px
    }
    .tab-style6.resp-vtabs .resp-tab-content:last-child,.tab-style6 h2.resp-accordion{
        border-color:#ececec !important
    }
}
.tab-style7 ul.resp-tabs-list{
    background:#999999;
    display:inline-block;
    padding:3px;
    border-radius:5px
}
.tab-style7 .resp-tabs-list li{
    position:relative;
    font-size:13px;
    letter-spacing:1px;
    text-transform:uppercase;
    font-weight:600;
    display:inline-block;
    list-style:none;
    cursor:pointer;
    min-width:auto;
    color:#fff;
    margin-right:0;
    background:none !important;
    border-radius:5px;
    padding:5px 15px
}
.tab-style7 .resp-tabs-list li.resp-tab-active{
    margin-bottom:-1px;
    color:#fff;
    padding:5px 15px;
    background-color:#87251F !important;
    border:none !important
}
@media screen and (min-width: 992px){
    .tab-style7 ul.resp-tabs-list{
        text-align:center
    }
    .tab-style7 ul.resp-tabs-list.text-left{
        padding-left:15px
    }
    .tab-style7 ul.resp-tabs-list li:last-child{
        margin-right:0
    }
    .tab-style7 .resp-tab-content{
        margin-top:25px;
        border:none;
        padding:0
    }
}
@media screen and (max-width: 991px){
    .tab-style7 ul.resp-tabs-list{
        display:none
    }
    .tab-style7 h2.resp-accordion{
        display:block
    }
    .tab-style7 h2.resp-accordion i{
        margin-right:8px;
        font-size:18px
    }
    .tab-style7 .resp-accordion-closed{
        display:none !important
    }
    .tab-style7 .resp-tab-content{
        background-color:#fff
    }
}
.price-table{
    border-radius:10px;
    overflow:hidden;
    background:#fff;
    box-shadow:0 10px 30px 0 rgba(50,50,50,0.16);
    -moz-box-shadow:0 10px 30px 0 rgba(50,50,50,0.16);
    -ms-box-shadow:0 10px 30px 0 rgba(50,50,50,0.16);
    -webkit-box-shadow:0 10px 30px 0 rgba(50,50,50,0.16);
    -o-box-shadow:0 10px 30px 0 rgba(50,50,50,0.16);
    position:relative
}
.price-table-header{
    background:#87251F;
    text-align:center;
    padding:30px
}
.price-table-recommended{
    position:relative;
    z-index:9999;
    transform:scale(1.09)
}
.pricing-list>i{
    background:#ffffff;
    border:1px solid #dddddd;
    border-radius:100%;
    color:#87251F;
    display:inline-block;
    font-size:30px;
    height:80px;
    line-height:78px;
    margin-bottom:15px;
    width:80px
}
.price-table-header h5{
    border-bottom:1px solid rgba(255,255,255,0.2);
    color:#ffffff;
    display:block;
    font-size:20px;
    font-weight:500;
    margin-bottom:30px;
    padding:5px 15px 15px;
    position:relative;
    text-align:center;
    text-transform:uppercase
}
.price-table-header h4{
    color:#fff;
    font-size:60px;
    margin:15px 0 10px
}
.price-table-header h4 sup{
    font-size:35px;
    margin:0 5px
}
.price-table-header span{
    color:#fff;
    font-weight:400;
    font-size:16px
}
.price-table-content{
    padding:20px
}
.price-table-content ul{
    padding-left:0;
    padding-bottom:0
}
.price-table-content ul li{
    display:block;
    list-style-type:none;
    color:#232323;
    font-size:14px;
    font-weight:500;
    padding:15px
}
.price-table-content ul li:before{
    content:'\f00c';
    font-weight:700;
    font-family:Font Awesome\ 5 Free;
    display:inline-block;
    color:#87251F;
    margin-right:12px
}
.price-table-content ul li:nth-child(2){
    background:#eee
}
.price-table-content a{
    display:inline-block;
    border:2px solid #87251F;
    background:#fff;
    font-family:"Montserrat",sans-serif;
    color:#232323;
    font-size:16px;
    font-weight:500;
    border-radius:10px;
    padding:12px 15px;
    width:100%;
    margin-top:15px
}
.price-table-content a:hover{
    background:#87251F;
    color:#fff
}
.price .item{
    padding:30px 0;
    background:#fff;
    border-radius:5px;
    transition:all .3s
}
.price .item:hover{
    box-shadow:0px 5px 40px 0px rgba(148,146,245,0.2)
}
.price .type{
    margin-bottom:30px
}
.price .type .icon{
    font-size:45px;
    color:#d6d5d5;
    margin-bottom:10px
}
.price .type h4{
    font-size:25px
}
.price .value{
    padding:30px 0;
    position:relative
}
.price .value:before,.price .value:after{
    content:'';
    background:#eee;
    width:70%;
    height:1px;
    position:absolute;
    left:15%
}
.price .value:before{
    top:0
}
.price .value:after{
    bottom:0
}
.price .value h3{
    display:inline-block;
    padding-right:10px;
    font-size:50px;
    font-weight:700;
    position:relative;
    margin-bottom:0
}
.price .value h3 span{
    font-size:14px;
    position:absolute;
    top:5px;
    right:0
}
.price .value .per{
    font-size:13px;
    color:#87251F
}
.price .features{
    padding:15px 0
}
.price .features li{
    margin:15px 0;
    color:#777
}
.price .order{
    position:relative
}
.price .active{
    box-shadow:0px 5px 40px 0px rgba(0,0,0,0.1)
}
.single-plan{
    position:relative;
    z-index:99;
    border:1px solid #efefef;
    background:#fff;
    -webkit-box-shadow:0 5px 10px rgba(0,9,128,0.035),0 7px 18px rgba(0,9,128,0.05);
    -moz-box-shadow:0 5px 10px rgba(0,9,128,0.035),0 7px 18px rgba(0,9,128,0.05);
    -ms-box-shadow:0 5px 10px rgba(0,9,128,0.035),0 7px 18px rgba(0,9,128,0.05);
    -o-box-shadow:0 5px 10px rgba(0,9,128,0.035),0 7px 18px rgba(0,9,128,0.05);
    box-shadow:0 5px 10px rgba(0,9,128,0.035),0 7px 18px rgba(0,9,128,0.05)
}
.single-plan .head-plan h4{
    padding:20px;
    margin:0;
    color:#fff;
    font-weight:600;
    font-size:20px
}
.body-plan .price-plan{
    padding:32px 0 43px;
    position:relative;
    background:#f7f7f7;
    font-weight:bold;
    border-bottom:1px solid #eaeaea
}
.body-plan .price-plan h3{
    margin:0;
    z-index:11;
    position:relative;
    font-weight:bold;
    color:#6f6f6f
}
.body-plan .price-plan h3 sup{
    font-size:18px;
    top:-15px;
    font-weight:bold;
    margin-right:2px
}
.body-plan .price-plan span{
    text-transform:uppercase;
    font-size:12px;
    z-index:11;
    position:relative
}
.feat-plan{
    margin:56px 0 33px
}
.feat-plan ul{
    list-style:none;
    padding:0;
    margin:0
}
.feat-plan ul li{
    margin-bottom:15px;
    border-bottom:1px solid #efefef;
    padding-bottom:15px
}
.feat-plan ul li:last-child{
    margin:0
}
.price-plan i{
    color:#fff;
    width:50px;
    height:50px;
    line-height:50px;
    font-size:20px;
    border-radius:50%;
    position:absolute;
    bottom:-24px;
    left:0;
    right:0;
    margin:0 auto;
    z-index:99;
    background:#87251F
}
.footer-plan{
    padding:0 0 30px
}
@media screen and (max-width: 767px){
    .body-plan .price-plan{
        padding:28px 0 38px
    }
    .body-plan .price-plan h3 sup{
        font-size:16px
    }
    .feat-plan{
        margin:45px 0 30px
    }
    .feat-plan ul li{
        margin-bottom:12px;
        padding-bottom:12px
    }
}
.price-table-style3{
    background:#fff;
    border-radius:5px
}
.price-table-style3 .price-table-header{
    background:unset;
    text-align:center;
    padding:0
}
.price-table-style3 .pricing-plan h3{
    font-size:60px;
    font-weight:400;
    letter-spacing:-2px;
    color:#333;
    margin:15px 0
}
.price-table-style3 .price-table-header h5{
    display:block;
    font-size:20px;
    font-weight:700;
    margin:0;
    padding:0;
    position:relative;
    text-align:center;
    text-transform:uppercase;
    color:#fff;
    border:none
}
.price-table-style3 .price-table-header h4{
    color:#000;
    font-size:60px;
    margin:15px 0 10px
}
.price-table-style3 .price-table-header h4 sup{
    font-size:35px
}
.price-table-style3 .price-table-header span{
    color:#fff;
    font-weight:400;
    font-size:16px
}
.price-table-style3 .price-table-header h4:after{
    content:"";
    display:block;
    width:100%;
    height:1px;
    border-bottom:1px solid #eee;
    padding-top:15px;
    margin-bottom:20px
}
.price-table-style3 .price-table-content{
    padding:0 20px 30px 20px
}
.price-table-style3 .price-table-content ul{
    padding-left:0;
    padding-bottom:0;
    margin-bottom:0
}
.price-table-style3 .price-table-content ul li{
    display:block;
    list-style-type:none;
    color:#232323;
    font-size:14px;
    font-weight:500;
    padding:8px 15px
}
.price-table-style3 .price-table-content ul li:before{
    content:'\f058';
    font-weight:700;
    font-family:Font Awesome\ 5 Free;
    display:inline-block;
    color:#87251F;
    margin-right:12px
}
.price-table-style3 .price-table-content ul li:nth-child(2){
    background:unset
}
.price-table-style3 .price-table-content a{
    display:inline-block;
    border:2px solid #87251F;
    background:#fff;
    font-family:"Montserrat",sans-serif;
    color:#232323;
    font-size:16px;
    font-weight:500;
    border-radius:10px;
    padding:12px 15px;
    width:100%;
    margin-top:15px
}
.price-table-style3 .price-table-content a:hover{
    background:#87251F;
    color:#fff
}
@media screen and (max-width: 991px){
    .price-table-style3 .price-table-header h5{
        font-size:18px
    }
    .price-table-style3 .price-table-header h4{
        margin:10px 0 5px;
        font-size:52px
    }
    .price-table-style3 .price-table-header h4 sup{
        font-size:32px
    }
}
@media screen and (max-width: 767px){
    .price-table-style3 .price-table-header h5{
        font-size:16px
    }
    .price-table-style3 .price-table-header h4{
        margin:10px 0 5px;
        font-size:48px
    }
    .price-table-style3 .price-table-header h4 sup{
        font-size:30px
    }
    .price-table-style3 .price-table-header span{
        font-size:14px
    }
    .price-table-style3 .price-table-content a{
        font-size:14px;
        padding:8px 10px
    }
}
@media screen and (max-width: 575px){
    .price-table-style3 .price-table-header h5{
        font-size:15px
    }
    .price-table-style3 .price-table-header h4{
        font-size:42px
    }
    .price-table-style3 .price-table-header h4 sup{
        font-size:28px
    }
    .price-table-style3 .price-table-content ul li{
        padding:6px 15px
    }
}
.price-table-style4{
    box-shadow:0 0 35px rgba(140,152,164,0.125);
    border-radius:4px
}
.price-table-style4 .pricing-header{
    padding:30px 20px;
    background:#87251F;
    text-align:center;
    border-top-left-radius:4px;
    border-top-right-radius:4px
}
.price-table-style4 .pricing-header h5{
    color:#fff;
    font-size:24px;
    margin-bottom:20px;
    font-weight:600
}
.price-table-style4 .price-symbol{
    vertical-align:top;
    font-size:20px;
    color:#fff
}
.price-table-style4 .price{
    color:#fff;
    font-size:42px;
    font-weight:600
}
.price-table-style4 .days{
    color:#fff;
    font-size:14px
}
.price-table-style4 .pricing-body{
    padding:30px;
    background:#fff;
    border-bottom-right-radius:4px;
    border-bottom-left-radius:4px
}
@media screen and (max-width: 991px){
    .price-table-style4 .price{
        font-size:40px
    }
}
@media screen and (max-width: 767px){
    .price-table-style4 .price{
        font-size:36px
    }
    .price-table-style4 .pricing-header h5{
        font-size:22px
    }
}
@media screen and (max-width: 575px){
    .price-table-style4 .pricing-header{
        padding:25px 20px
    }
    .price-table-style4 .pricing-body{
        padding:30px 20px
    }
    .price-table-style4 .price{
        font-size:32px
    }
}
.process-step-xs{
    position:relative;
    margin:15px 0;
    padding:0
}
.process-step-xs .process-step-icon{
    text-align:center
}
.process-step-xs .process-step-icon i{
    color:#87251F;
    font-size:47px
}
.process-step-xs h3{
    position:relative;
    font-size:14px;
    font-weight:600;
    color:#6f6f6f;
    margin:10px 0;
    text-align:center
}
.process-steps-xs li{
    position:relative;
    float:left;
    list-style-type:none;
    display:inline-block
}
.process-steps-xs li:after{
    content:"";
    display:block;
    width:10px;
    height:10px;
    border-top:8px solid transparent;
    -moz-border-radius:2px;
    -ms-border-radius:2px;
    -webkit-border-radius:2px;
    -o-border-radius:2px;
    border-bottom:8px solid transparent;
    border-radius:2px;
    position:absolute;
    right:-7px;
    top:40px;
    text-align:center;
    border-left:8px solid rgba(0,0,0,0.1)
}
.process-steps-xs li:last-child:after{
    display:none
}
@media screen and (max-width: 991px){
    .process-step-xs .process-step-icon i{
        font-size:44px
    }
}
@media screen and (max-width: 767px){
    .process-steps-xs li:nth-child(2):after{
        display:none
    }
    .process-step-xs .process-step-icon i{
        font-size:40px
    }
    .process-step-xs h3{
        font-size:13px;
        margin:5px 0
    }
    .process-steps-xs li:after{
        right:0
    }
}
.count-back-box{
    width:100%;
    text-align:center;
    background-position:center;
    background-size:cover;
    position:relative;
    z-index:1
}
.count-back-box h1{
    color:#232323;
    font-size:40px;
    font-weight:500
}
.error-box{
    width:100%;
    height:100%;
    margin:0 auto;
    text-align:center;
    background-position:center;
    background-size:cover;
    position:relative;
    z-index:1
}
.error-box h2{
    color:rgba(204,204,204,0.2);
    font-size:250px;
    font-weight:600;
    letter-spacing:10px
}
.error-box-text h1{
    font-size:200px;
    color:#87251F;
    line-height:1
}
.error-box-text h3{
    font-size:40px;
    color:#232323;
    line-height:normal
}
.error-box-text h4{
    font-size:20px;
    color:#333;
    margin-top:20px
}
@media screen and (max-width: 767px){
    .error-box{
        padding:30px
    }
    .back-box{
        display:none
    }
    .error-box-text h1{
        font-size:100px
    }
}
ul.countdown li{
    border-right:1px solid #626262;
    display:inline-block;
    padding:0 30px;
    text-align:center
}
ul.countdown li:last-child{
    border:medium none;
    padding-right:0
}
ul.countdown li span{
    font-size:36px;
    font-weight:700;
    line-height:normal;
    position:relative
}
ul.countdown li span::before{
    content:"";
    height:1px;
    position:absolute;
    width:100%
}
ul.countdown li p.timeRefDays,ul.countdown li p.timeRefHours,ul.countdown li p.timeRefMinutes,ul.countdown li p.timeRefSeconds{
    font-size:12px;
    font-weight:500;
    margin:0;
    padding:0;
    text-transform:uppercase
}
@media screen and (max-width: 767px){
    ul.countdown li{
        padding:0 8px
    }
    .social-links li{
        margin-right:15px
    }
    ul.countdown li span{
        font-size:22px
    }
}
.progress-text{
    font-size:13px;
    font-weight:500;
    color:#232323;
    margin-bottom:5px
}
.custom-progress{
    height:4px;
    border-radius:50px;
    box-shadow:none;
    margin-bottom:15px
}
.custom-bar{
    height:100%;
    background-color:#87251F;
    box-shadow:none
}
.custom-bar-dark{
    height:100%;
    background-color:#232323;
    box-shadow:none
}
.progress-medium{
    height:8px;
    border-radius:50px;
    box-shadow:none
}
.progress-bold{
    height:12px;
    border-radius:50px;
    box-shadow:none
}
.design-snaps img{
    box-shadow:0px 5px 24px 6px rgba(0,0,0,0.06)
}
.design-snaps img:last-child{
    box-shadow:0px 5px 24px 6px rgba(0,0,0,0.06)
}
.downloads li{
    border:1px solid #87251F;
    border-radius:5px
}
.downloads i{
    background:#87251F;
    padding:10px 12px;
    color:#fff;
    vertical-align:top
}
.downloads .label{
    margin-top:8px;
    display:inline-block;
    margin-left:10px
}
.label-offer{
    position:absolute;
    left:0;
    top:0;
    height:25px;
    line-height:25px;
    display:inline-block;
    padding:0px 12px;
    color:#fff;
    text-transform:uppercase;
    font-weight:600;
    font-size:12px;
    z-index:1
}
.product-grid-style2 .border{
    float:left;
    width:100%;
    position:relative
}
.product-grid-style2 .product-info{
    padding:15px;
    float:left;
    width:100%;
    text-align:center;
    font-size:18px
}
.product-grid-style2 .product-info>a{
    margin-bottom:5px;
    display:inline-block;
    font-weight:600;
    font-size:15px
}
.product-grid-style2 .price{
    font-weight:600
}
.product-grid-style2 .buttons{
    display:none;
    position:absolute;
    width:100%;
    left:50%;
    top:50%;
    -moz-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    -webkit-transform:translate(-50%, -50%);
    -o-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%)
}
.product-grid-style2 .buttons a{
    text-align:center;
    padding:8px 15px
}
.product-grid-style2 .product-img{
    position:relative
}
.product-grid-style2 .product-img:before{
    content:"";
    opacity:0;
    background:rgba(0,0,0,0.5);
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    width:100%;
    height:100%;
    -moz-transition-duration:.3s;
    -ms-transition-duration:.3s;
    -webkit-transition-duration:.3s;
    -o-transition-duration:.3s;
    transition-duration:.3s
}
.product-grid-style2 .product-img:hover:before{
    opacity:1
}
.product-grid-style2 .product-img:hover .buttons{
    display:block;
    position:absolute;
    left:50%;
    top:50%;
    -moz-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    -webkit-transform:translate(-50%, -50%);
    -o-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    text-align:center
}
.control-top .owl-nav{
    margin:0;
    position:absolute;
    right:-2px;
    top:-73px
}
.control-top.owl-theme .owl-nav [class*='owl-']{
    background:#fff !important;
    padding:0 7px;
    width:30px;
    height:30px;
    margin:0 2px;
    border-radius:0;
    border:1px solid #d5d5d5
}
.control-top.owl-theme .owl-nav i{
    color:#6f6f6f;
    padding-top:4px
}
.product-detail .label-sale{
    margin-left:5px;
    vertical-align:top;
    padding:2px 7px
}
.product-detail .offer-price{
    text-decoration:line-through;
    color:red
}
.product-rating .fas:hover{
    color:#232323
}
.shop-cart-table{
    width:100%;
    overflow-x:auto
}
.shop-cart-table .shop-cart td{
    line-height:26px;
    vertical-align:middle;
    padding:16px 8px
}
.table.cart-sub-total{
    border-color:transparent;
    vertical-align:middle;
    padding:10px 30px
}
.table.cart-sub-total td,.table.cart-sub-total th{
    border-color:transparent;
    vertical-align:middle;
    padding:10px 30px
}
.table.cart-sub-total td{
    padding-right:0
}
.shop-cart-table input[type="text"]{
    height:35px;
    width:50px;
    margin:0
}
.product-list .product-block:hover>img{
    opacity:0.65
}
.product-list .buttons{
    float:left;
    width:100%
}
.product-list .buttons a{
    float:left;
    text-align:center;
    padding:8px 23px
}
.product-list .buttons a:hover{
    opacity:0.8
}
.blog-grid{
    position:relative;
    background:#fff;
    border:1px solid #eee;
    border-radius:5px;
    overflow:hidden;
    -moz-box-shadow:0 5px 10px rgba(0,9,128,0.035),0 7px 18px rgba(0,9,128,0.05);
    -ms-box-shadow:0 5px 10px rgba(0,9,128,0.035),0 7px 18px rgba(0,9,128,0.05);
    -webkit-box-shadow:0 5px 10px rgba(0,9,128,0.035),0 7px 18px rgba(0,9,128,0.05);
    box-shadow:0 5px 10px rgba(0,9,128,0.035),0 7px 18px rgba(0,9,128,0.05);
    -o-box-shadow:0 5px 10px rgba(0,9,128,0.035),0 7px 18px rgba(0,9,128,0.05)
}
.blog-grid img{
    width:100%
}
.blog-grids{
    position:relative;
    overflow:hidden
}
.blog-grids img{
    width:100%
}
.blog-style1 .item{
    box-shadow:0px 5px 35px 0px rgba(148,146,245,0.15);
    background:#fff;
    height:100%
}
.blog-style1 .item .post-img{
    position:relative;
    overflow:hidden
}
.blog-style1 .item .post-img:hover img{
    -webkit-filter:grayscale(100%);
    filter:grayscale(100%)
}
.blog-style1 .item .post-img img{
    width:100%;
    -webkit-filter:none;
    filter:none;
    transition:0.3s
}
.blog-style1 .item .content{
    padding:30px;
    text-align:left
}
.blog-style1 .item .content .tag{
    font-size:12px;
    margin-bottom:0;
    letter-spacing:1px
}
.blog-style1 .item .content .read-more{
    margin-top:20px;
    font-weight:600
}
.blog-style1 .item .content .read-more:hover{
    text-decoration:underline
}
.blog-style1 .item .content h5{
    font-size:16px;
    line-height:normal;
    text-transform:inherit
}
@media screen and (max-width: 991px){
    .blog-style1 .item .content{
        padding:25px
    }
}
@media screen and (max-width: 767px){
    .blog-style1 .item .content{
        padding:20px
    }
    .blog-style1 .item .content h5{
        font-size:15px
    }
}
.blog-grid-text{
    padding:25px;
    position:relative
}
.blog-grid-text>span{
    color:#87251F;
    font-size:13px;
    padding-right:5px
}
.blog-grid-text h4{
    font-size:16px;
    line-height:normal;
    margin-bottom:0
}
.blog-grid-text ul li{
    display:inline-block;
    color:#999;
    font-size:14px;
    font-weight:500;
    margin:0 10px 0 0
}
.blog-grid-text ul li i{
    color:#87251F;
    font-size:16px;
    font-weight:500;
    margin-right:5px
}
.blog-grid-text p{
    color:#999;
    font-weight:400;
    padding:15px 0 0 0
}
.blog-list-simple{
    margin:0 0 30px 0
}
.blog-list-simple:last-child{
    border-bottom:0;
    padding-bottom:0;
    margin-bottom:0
}
.blog-list-simple-text{
    color:#999999
}
.blog-list-simple-text>span{
    color:#87251F;
    font-size:13px;
    font-weight:500;
    letter-spacing:2px;
    text-transform:uppercase
}
.blog-list-simple-text p{
    border-top:1px solid #ececec;
    color:#999999;
    font-size:15px;
    font-weight:400;
    line-height:170%;
    margin-bottom:0;
    padding:15px 0
}
.blog-list-simple-text .meta{
    margin:0 0 5px 0
}
.blog-list-simple-text li{
    display:inline-block;
    font-size:12px;
    color:#777;
    margin:5px
}
.blog-list-simple-text h4{
    color:#232323;
    font-size:20px;
    font-weight:500;
    margin:5px 0;
    line-height:normal
}
.blog-list-simple-text ul{
    margin:10px 0
}
.blog-list-simple-text ul li{
    color:#999;
    font-size:14px;
    font-weight:500;
    padding:3px 0
}
.blog-list-simple-text ul li i{
    color:#87251F;
    margin-right:5px;
    font-size:14px
}
.blogs .post{
    margin-bottom:30px
}
.blogs .post .content{
    padding:30px;
    background:#fafafa
}
.blogs .post .content .post-title h5{
    font-size:26px;
    line-height:normal;
    font-weight:500;
    margin-bottom:0
}
.blogs .post .content .post-title h5 a{
    color:#232323
}
.blogs .post .content .post-title h5 a:hover{
    color:#F24259
}
.blogs .post .content .meta{
    margin-bottom:15px
}
.blogs .post .content .meta li{
    display:inline-block;
    font-size:12px;
    color:#777;
    margin:5px
}
.blogs .post .content .special{
    padding:15px;
    margin:30px 0;
    border-left:2px solid #111;
    background:#f7f7f7;
    font-size:16px
}
.blogs .post .content .btn{
    border-color:#6f6f6f;
    color:#6f6f6f;
    min-width:auto;
    padding:6px 20px;
    font-size:12px
}
.blogs .post .content .btn:hover{
    color:#fff;
    border-color:#F24259
}
.blogs .post .share-post{
    margin-top:30px;
    padding-top:20px;
    border-top:1px dashed #ddd;
    text-align:left
}
.blogs .post .share-post span{
    font-weight:700
}
.blogs .post .share-post ul{
    float:right
}
.blogs .post .share-post ul li{
    display:inline-block;
    margin:0 10px
}
.blogs .post .post-img img{
    width:100%
}
.blogs .posts .title-g h3{
    font-weight:700;
    font-size:25px;
    margin-bottom:10px
}
.blogs .comments-area .comment-box{
    padding-bottom:30px;
    margin-bottom:50px;
    border-bottom:1px solid #eee
}
.blogs .comments-area .comment-box:nth-child(odd){
    margin-left:80px
}
.blogs .comments-area .comment-box:last-child{
    margin-bottom:30px
}
.blogs .comment-box .author-thumb{
    width:80px;
    float:left
}
.blogs .comment-box .comment-info{
    margin-left:100px
}
.blogs .comment-box .comment-info h6{
    font-size:14px;
    font-weight:600;
    margin-bottom:10px
}
.blogs .comment-box .comment-info .reply{
    margin-top:10px;
    font-weight:600
}
.blogs .comment-box .comment-info .reply i{
    padding-right:5px;
    font-size:12px
}
.pagination{
    border-radius:0;
    padding:0;
    margin:0
}
.pagination ul{
    display:inline-block;
    *display:inline;
    *zoom:1;
    margin:0 auto;
    padding:0
}
.pagination li{
    display:inline
}
.pagination a{
    float:left;
    padding:0 18px;
    line-height:40px;
    text-decoration:none;
    border:1px solid #dbdbdb;
    border-left-width:0;
    background:#fff
}
.pagination a:hover{
    background-color:#232323;
    color:#fff
}
.pagination .active a{
    background-color:#f7f7f7;
    color:#999;
    cursor:default
}
.pagination .disabled span{
    color:#999;
    background-color:transparent;
    cursor:default
}
.pagination .disabled a{
    color:#999;
    background-color:transparent;
    cursor:default
}
.pagination .disabled a:hover{
    color:#999;
    background-color:transparent;
    cursor:default
}
.pagination li:first-child a{
    border-left-width:1px
}
.blockquote{
    background:#f1f1f1;
    border-left:4px solid #87251F;
    font-size:16px;
    font-weight:500;
    margin:25px 0;
    padding:20px 30px 30px
}
.blockquote p{
    font-size:15px;
    font-weight:500;
    line-height:190%;
    color:#232323;
    letter-spacing:.5px
}
.blockquote h4{
    font-size:20px;
    font-weight:400;
    color:#232323;
    letter-spacing:.5px
}
.side-bar .widget{
    margin-bottom:30px
}
.side-bar .widget:last-child{
    margin-bottom:0
}
.side-bar .widget .widget-title h6{
    position:relative;
    padding-bottom:5px;
    font-size:14px;
    font-weight:600;
    letter-spacing:1px;
    margin-bottom:20px
}
.side-bar .widget .widget-title h6:after{
    content:'';
    width:30px;
    height:1px;
    background:#87251F;
    position:absolute;
    bottom:0;
    left:0
}
.side-bar .widget li{
    position:relative;
    padding:0 0 0 12px;
    margin:0 0 9px 0;
    color:#6f6f6f
}
.side-bar .widget li:last-child{
    margin:0
}
.side-bar .widget li:after{
    content:"";
    width:5px;
    height:1px;
    background-color:#6f6f6f;
    position:absolute;
    top:12px;
    left:0
}
.side-bar .widget .social-listing{
    margin-bottom:0
}
.side-bar .widget .social-listing li{
    list-style:none;
    display:inline-block
}
.side-bar .widget .social-listing li:after{
    background:none
}
.side-bar .widget .social-listing li:first-child{
    padding-left:0
}
.side-bar .search form input{
    width:calc(100% - 50px);
    height:50px;
    padding:0 10px;
    margin:0;
    border:1px solid #d1d1d1;
    background:#f7f7f7
}
.side-bar .search form button{
    width:50px;
    height:50px;
    line-height:50px;
    background:#1c1c1c;
    color:#fff;
    border:0;
    float:right
}
@media screen and (max-width: 1199px){
    .blog-grid-text ul li{
        margin:0 8px 0 0
    }
    .blog-grid-text h4{
        font-size:15px;
        line-height:normal
    }
}
@media screen and (max-width: 767px){
    .blog-grid-text ul li{
        font-size:13px
    }
    .blog-grid-text ul li i{
        font-size:14px
    }
    .blog-grid-text p{
        padding-top:10px
    }
}
.blog-grid-simples{
    position:relative;
    background:#fff;
    border:1px solid #ececec;
    -webkit-box-shadow:0px 10px 30px 0px rgba(50,50,50,0.16);
    -moz-box-shadow:0px 10px 30px 0px rgba(50,50,50,0.16);
    box-shadow:0px 10px 30px 0px rgba(50,50,50,0.16);
    padding:30px
}
.blog-grid-simples h4{
    font-size:18px;
    font-weight:600
}
.blog-grid-simples h4:after{
    border-bottom:2px solid #87251F;
    margin-top:15px;
    content:"";
    display:block;
    text-align:center;
    width:30%;
    -moz-transition-duration:.5s;
    -ms-transition-duration:.5s;
    -webkit-transition-duration:.5s;
    -o-transition-duration:.5s;
    transition-duration:.5s
}
.blog-grid-simples:hover h4:after{
    width:90%
}
.blog-grid-simples h4 a{
    font-size:18px;
    font-weight:600
}
.blog-grid-simples h4 a:hover{
    color:#87251F
}
.blog-grid-simples p{
    color:#999;
    font-weight:400;
    line-height:170%
}
.blog-grid-simples-date i{
    color:#999;
    font-size:20px
}
.blog-grid-simples-date h5{
    color:#999;
    font-size:13px;
    margin-top:3px;
    display:inline-block;
    margin:0
}
.blog-grid-simples-content{
    border-top:1px solid #ececec;
    padding-top:20px;
    margin-top:15px
}
.blog-grid-simples-content a{
    display:inline-block;
    color:#87251F;
    font-weight:600;
    font-size:14px;
    margin-top:2px
}
.blog-grid-simples-content a:after{
    content:'\f105';
    font-size:14px;
    font-family:"FontAwesome";
    color:#87251F;
    margin-left:10px;
    -moz-transition-duration:.3s;
    -ms-transition-duration:.3s;
    -webkit-transition-duration:.3s;
    -o-transition-duration:.3s;
    transition-duration:.3s
}
.blog-grid-simples-content a:hover{
    color:#232323
}
.blog-grid-simples-content a:hover:after{
    color:#232323
}
@media screen and (max-width: 767px){
    .blog-grid-simples h4{
        font-size:16px
    }
    .blog-grid-simples h4:after{
        margin-top:10px
    }
    .blog-grid-simples h4 a{
        font-size:16px
    }
    .blog-grid-simples-content{
        padding-top:15px;
        margin-top:10px
    }
    .blog-grid-simples-content a:after{
        display:none
    }
}
.blog-grids4{
    position:relative;
    overflow:hidden;
    box-shadow:0 10px 30px 0 rgba(50,50,50,0.1)
}
.blog-grids4 img{
    width:100%
}
.blog-grids4 .blog-grid-text{
    padding:25px;
    position:relative
}
.blog-grids4 .blog-grid-text h4{
    font-size:16px;
    line-height:normal;
    margin-bottom:0
}
.blog-grids4 .blog-grid-text p{
    color:#999;
    font-weight:400;
    padding:15px 0 0 0
}
.blog-grids4 .blog-date span{
    font-size:16px;
    font-weight:700;
    text-transform:uppercase
}
.blog-grids4 .sepratar{
    border:1px solid #87251F;
    width:50px;
    margin:10px 0
}
.blog-grids4 .blog-date{
    position:absolute;
    bottom:0;
    right:0;
    background:#fff;
    padding:10px 20px
}
@media screen and (max-width: 1199px){
    .blog-grids4 .blog-grid-text p{
        padding:10px 0 0 0
    }
}
@media screen and (max-width: 991px){
    .blog-grids4 .blog-grid-text{
        padding:20px
    }
    .blog-grids4 .blog-date{
        padding:8px 15px
    }
    .blog-grids4 .blog-date span{
        font-size:14px
    }
}
@media screen and (max-width: 767px){
    .blog-grids4 .blog-grid-text p{
        padding:5px 0 0 0
    }
    .blog-grids4 .blog-date{
        padding:6px 12px
    }
    .blog-grids4 .blog-date span{
        font-size:12px;
        letter-spacing:1px
    }
}
.blog-style5 .blog-grids ul{
    margin-bottom:0
}
.blog-style5 .blog-grids li{
    margin-bottom:20px;
    padding-bottom:20px;
    border-bottom:1px solid #ededed
}
.blog-style5 .blog-grids li:last-child{
    padding-bottom:0;
    margin-bottom:0;
    border-bottom:none
}
.blog-style5 .blog-grids li a{
    display:inline-block;
    width:100%
}
.blog-style5 .blog-grids .blog-img{
    width:90px;
    display:inline-block;
    vertical-align:top
}
.blog-style5 .blog-grids .blog-text-item{
    display:inline-block;
    vertical-align:middle;
    padding-left:20px;
    width:75%
}
.blog-style5 .blog-grids .blog-text-item h3{
    margin-bottom:10px;
    line-height:24px
}
.blog-style5 .blog-grids .blog-text-item .post-date{
    color:#232323
}
.blog-style5 .blog-grids .blog-text-item .post-date:before{
    color:#87251F;
    margin-right:8px;
    content:"\f073";
    display:inline-block;
    font-family:Font Awesome\ 5 Free;
    font-size:20px
}
.blog-style5 .blog-grids a:hover h3{
    color:#87251F
}
.blog-style5 .blog-grids a:hover span{
    color:#232323
}
@media screen and (max-width: 991px){
    .blog-style5 .blog-grids .blog-text-item h3{
        margin-bottom:8px
    }
}
@media screen and (max-width: 767px){
    .blog-style5 .blog-grids .blog-text-item .post-date:before{
        font-size:18px
    }
    .blog-style5 .blog-grids li{
        margin-bottom:15px;
        padding-bottom:15px
    }
    .blog-style5 .blog-grids .blog-text-item h3{
        margin-bottom:5px
    }
}
@media screen and (max-width: 575px){
    .blog-style5 .blog-grids .blog-img{
        width:75px
    }
    .blog-style5 .blog-grids .blog-text-item{
        padding-left:15px;
        width:72%
    }
    .blog-style5 .blog-grids .blog-text-item .post-date:before{
        font-size:16px
    }
    .blog-style5 .blog-grids span{
        font-size:12px
    }
}
.blog-style6 .blog-item{
    float:left;
    width:100%
}
.blog-style6 .blog-item-thumbnail img{
    width:100%;
    border-radius:3px
}
.blog-style6 .blog-meta{
    text-transform:uppercase;
    width:24%;
    float:left;
    padding:16px 25px;
    text-align:center;
    color:#fff;
    font-weight:600;
    border-radius:2px;
    overflow:hidden;
    color:#fff;
    background-color:#87251F
}
.blog-style6 .date-day{
    font-weight:600;
    font-size:22px;
    line-height:1;
    margin-bottom:5px
}
.blog-style6 .date-month{
    font-weight:700;
    font-size:14px;
    letter-spacing:1px
}
.blog-style6 .blog-title{
    float:left;
    width:76%;
    padding-left:20px
}
.blog-style6 .blog-title a{
    font-size:18px;
    line-height:1.25;
    margin-bottom:18px;
    font-weight:600
}
.blog-style6 .post-cat{
    color:#999;
    float:left;
    width:76%;
    padding-left:20px;
    letter-spacing:1px;
    text-transform:uppercase;
    font-size:11px;
    font-weight:600;
    margin-bottom:5px
}
.blog-style6 .blog-item-content{
    position:relative;
    float:left;
    width:100%
}
.blog-style6 .blog-item-thumbnail{
    margin-bottom:20px
}
.blog-style6 .blog-meta span{
    display:inline-block;
    margin-right:15px
}
@media screen and (max-width: 1199px){
    .blog-style6 .blog-meta{
        padding:15px
    }
    .blog-style6 .blog-title a{
        font-size:16px;
        line-height:1
    }
}
@media screen and (max-width: 991px){
    .blog-style6 .blog-meta{
        padding:10px
    }
    .blog-style6 .date-day{
        font-size:20px;
        margin-bottom:2px
    }
    .blog-style6 .post-cat{
        padding-left:15px;
        margin-bottom:0
    }
    .blog-style6 .blog-title{
        padding-left:15px;
        line-height:22px
    }
    .blog-style6 .blog-title a{
        font-size:14px;
        line-height:22px
    }
}
@media screen and (max-width: 767px){
    .blog-style6 .post-cat{
        width:70%;
        padding-left:15px
    }
    .blog-style6 .blog-title{
        width:70%;
        padding-left:15px
    }
    .blog-style6 .blog-title a{
        font-size:14px
    }
    .blog-style6 .blog-meta{
        padding:12px 10px 8px 10px;
        width:80px
    }
    .blog-style6 .blog-item-thumbnail{
        margin-bottom:15px
    }
    .blog-style6 .date-day{
        margin:0
    }
}
.blog-style7{
    box-shadow:0px 5px 24px 6px rgba(0,0,0,0.06)
}
.blog-style8:before{
    position:absolute;
    content:'';
    top:20%;
    left:0;
    right:0;
    bottom:0;
    background:linear-gradient(to bottom, transparent 0%, #191919 100%);
    z-index:0;
    border-radius:inherit;
    opacity:9
}
.blog-style8 a{
    color:#fff
}
.blog-style8 a:hover{
    color:#87251F
}
.contact-info .item{
    margin-bottom:20px;
    border:3px solid rgba(0,0,0,0.1);
    padding:20px 15px
}
.contact-info .item .icon{
    font-size:20px;
    float:left;
    width:50px;
    text-align:center
}
.contact-info .item .cont{
    margin-left:55px
}
.contact-info .item p{
    margin-bottom:0
}
@media screen and (max-width: 991px){
    .contact-info .item{
        padding:15px 10px;
        margin-bottom:15px
    }
}
.social-icon-style1{
    margin-bottom:0
}
.social-icon-style1 li{
    text-align:center;
    margin-right:4px;
    display:inline-block
}
.social-icon-style1 li a{
    background:#87251F;
    border:1px solid #87251F;
    color:#fff;
    border-radius:35px;
    height:35px;
    width:35px;
    line-height:35px;
    display:inline-block
}
.social-icon-style1 li a:hover{
    background:#fff;
    color:#87251F
}
.social-icon-style2{
    margin-bottom:0
}
.social-icon-style2 li{
    text-align:center;
    margin-right:5px;
    display:inline-block
}
.social-icon-style2 li:last-child{
    margin-right:0
}
.social-icon-style2 li a{
    background:#f9f9f9;
    border:1px solid #87251F;
    color:#87251F;
    border-radius:35px;
    height:35px;
    width:35px;
    line-height:35px;
    display:inline-block
}
.social-icon-style2 li a:hover{
    background:#87251F;
    color:#fff
}
.social-icon-style3{
    margin-bottom:0
}
.social-icon-style3 li{
    text-align:center;
    margin-right:10px;
    display:inline-block
}
.social-icon-style3 li a{
    color:#6f6f6f;
    display:inline-block;
    font-size:16px
}
.social-icon-style3 li a:hover{
    color:#87251F
}
.social-icon-style4{
    padding:0;
    float:right;
    margin:0
}
.social-icon-style4 li{
    font-size:14px;
    list-style-type:none;
    float:left;
    width:35px;
    text-align:center;
    margin:0;
    padding:13px 0
}
.social-icon-style4 li a{
    opacity:.7;
    color:#fff;
    -moz-transition-duration:.3s;
    -ms-transition-duration:.3s;
    -webkit-transition-duration:.3s;
    -o-transition-duration:.3s;
    transition-duration:.3s
}
.social-icon-style5 li{
    display:inline-block;
    margin-right:30px
}
.social-icon-style5 li:last-child{
    margin-right:0
}
.social-icon-style5 li a{
    font-size:22px
}
.social-icon-style5 li a:hover{
    color:#fff
}
.social-icon-style6{
    margin-bottom:0
}
.social-icon-style6 li{
    text-align:center;
    margin-right:5px;
    display:inline-block
}
.social-icon-style6 li:last-child{
    margin-right:0
}
.social-icon-style6 li a{
    border:1px solid #6f6f6f;
    color:#6f6f6f;
    border-radius:35px;
    height:35px;
    width:35px;
    line-height:35px;
    display:inline-block
}
.social-icon-style6 li a:hover{
    background:#232323;
    color:#fff
}
.social-icon-style7{
    margin-bottom:0
}
.social-icon-style7 li{
    text-align:center;
    margin-right:5px;
    display:inline-block
}
.social-icon-style7 li:last-child{
    margin-right:0
}
.social-icon-style7 li a{
    border:1px solid #d5d5d5;
    border-radius:35px;
    height:35px;
    width:35px;
    line-height:35px;
    display:inline-block;
    background:#efefef;
    color:#8c8c8c
}
.social-icon-style7 li a:hover{
    background:#87251F;
    color:#fff
}
.social-icon-style8 li{
    display:inline-block;
    margin-right:1px
}
.social-icon-style8 li:last-child{
    margin-right:0
}
.social-icon-style8 li a{
    font-size:16px;
    color:#7d7d7d;
    padding:0;
    margin-right:15px;
    display:inline-block;
    background-color:transparent;
    text-align:center;
    vertical-align:middle
}
.social-icon-style8 li a:hover{
    color:#87251F
}
.social-icon-style8 li a i{
    vertical-align:middle
}
#map{
    height:400px;
    width:100%
}
.contact-info-section{
    border-bottom:1px solid #ececec;
    padding:25px 0;
    margin-bottom:0;
    -moz-transition-duration:.5s;
    -ms-transition-duration:.5s;
    -webkit-transition-duration:.5s;
    -o-transition-duration:.5s;
    transition-duration:.5s
}
.contact-info-section i{
    width:25px;
    height:25px;
    padding-top:7px;
    border-radius:50%;
    background:#87251F;
    color:#fff;
    font-size:12px;
    margin-right:5px;
    line-height:11px
}
.contact-info-section h4{
    color:#232323;
    font-size:18px;
    font-weight:500;
    margin-bottom:15px;
    line-height:normal
}
.contact-info-section p{
    color:#999;
    font-size:15px;
    font-weight:400;
    margin:0
}
.contact-box{
    text-align:center;
    background:#fff;
    border:1px solid #ececec;
    border-radius:2px;
    -moz-box-shadow:0 20px 80px rgba(0,0,0,0.12);
    -ms-box-shadow:0 20px 80px rgba(0,0,0,0.12);
    -webkit-box-shadow:0 20px 80px rgba(0,0,0,0.12);
    -o-box-shadow:0 20px 80px rgba(0,0,0,0.12);
    box-shadow:0 20px 80px rgba(0,0,0,0.12);
    margin:10px 0;
    padding:20px 15px;
    -moz-transition-duration:.3s;
    -ms-transition-duration:.3s;
    -webkit-transition-duration:.3s;
    -o-transition-duration:.3s;
    transition-duration:.3s
}
.contact-box i{
    background:#87251F;
    color:#fff;
    font-size:35px;
    margin:10px 0 20px;
    height:75px;
    width:75px;
    line-height:75px;
    border-radius:50%
}
.contact-box h4{
    color:#232323;
    font-size:18px;
    font-weight:500;
    margin:0 0 5px;
    line-height:normal
}
.contact-box span{
    color:#999;
    font-size:14px
}
.newsletter-form input{
    display:inline-block;
    background:#fff;
    font-size:14px;
    margin-bottom:0;
    font-weight:500;
    outline:0;
    border:2px solid #eee;
    min-width:410px;
    max-width:100%;
    -moz-border-radius-top-left:30px;
    -ms-border-radius-top-left:30px;
    -webkit-border-top-left-radius:30px;
    -o-border-radius-top-left:30px;
    border-top-left-radius:30px;
    -moz-border-radius-bottom-left:30px;
    -ms-border-radius-bottom-left:30px;
    -webkit-border-bottom-left-radius:30px;
    -o-border-radius-bottom-left:30px;
    border-bottom-left-radius:30px;
    padding:12px 20px;
    width:auto
}
.newsletter-form button{
    display:inline-block;
    background:#87251F;
    cursor:pointer;
    color:#fff;
    border:none;
    font-size:14px;
    font-weight:500;
    -moz-border-radius-top-right:30px;
    -ms-border-radius-top-right:30px;
    -webkit-border-top-right-radius:30px;
    -o-border-radius-top-right:30px;
    border-top-right-radius:30px;
    -moz-border-radius-bottom-right:30px;
    -ms-border-radius-bottom-right:30px;
    -webkit-border-bottom-right-radius:30px;
    -o-border-radius-bottom-right:30px;
    border-bottom-right-radius:30px;
    padding:14px 20px
}
.newsletter-form button:hover{
    background:#232323
}
.subscribe-bg-shape{
    margin-top:-64px;
    z-index:99;
    position:relative
}
@media screen and (max-width: 767px){
    .newsletter-form button{
        margin-top:15px;
        border-radius:30px;
        width:100%;
        display:block
    }
    .newsletter-form input{
        border-radius:30px;
        width:100%;
        min-width:auto;
        display:block
    }
}
.newsletter-block{
    background:#87251F;
    padding:37px 30px;
    border-radius:4px;
    color:#fff
}
.newsletter-block input,.newsletter-block textarea,.newsletter-block select{
    padding:10px 12px;
    border:none;
    font-size:14px;
    border-radius:2px
}
.newsletter-block h4,.newsletter-block h3{
    color:#fff;
    font-weight:700
}
@media screen and (max-width: 1199px){
    .newsletter-block{
        padding:43px 30px
    }
}
@media screen and (max-width: 991px){
    .newsletter-block{
        padding:35px 30px
    }
}
footer{
    padding:50px 0 0;
    background:#1f1f1f;
    color:#939393
}
footer p{
    margin-bottom:0
}
footer h3{
    font-size:18px;
    font-weight:500;
    margin-bottom:30px;
    line-height:1;
    position:relative
}
footer h3:after{
    content:'';
    display:block;
    width:70px;
    height:2px;
    background:#87251F;
    margin-top:12px
}
.footer-bar{
    padding-top:20px;
    padding-bottom:20px;
    margin-top:50px;
    text-align:center;
    background:#191919;
    color:#939393
}
.footer-bar span{
    color:#87251F;
    font-size:15px;
    font-weight:400
}
.footer-social-icons ul{
    margin-bottom:0
}
.footer-social-icons ul li{
    display:inline-block;
    border:1px solid #fff;
    border-radius:50%;
    color:#fff;
    margin-right:10px;
    margin-bottom:5px;
    -moz-transition-duration:.3s;
    -ms-transition-duration:.3s;
    -webkit-transition-duration:.3s;
    -o-transition-duration:.3s;
    transition-duration:0.3s
}
.footer-social-icons ul li a{
    color:#939393;
    display:block;
    font-size:15px;
    height:35px;
    line-height:34px;
    text-align:center;
    width:35px
}
.footer-social-icons ul li:hover{
    background:#87251F;
    border-color:#87251F
}
.footer-social-icons ul li:hover i{
    color:#fff
}
.footer-social-icons.small ul li{
    margin-bottom:0
}
.footer-social-icons.small ul li a{
    font-size:12px;
    height:25px;
    line-height:26px;
    width:25px
}
.footer-social-icons2 ul{
    margin-bottom:0
}
.footer-social-icons2 ul li{
    display:inline-block;
    border:1px solid #6f6f6f;
    border-radius:50%;
    color:#6f6f6f;
    margin-right:10px;
    margin-bottom:0;
    -moz-transition-duration:.3s;
    -ms-transition-duration:.3s;
    -webkit-transition-duration:.3s;
    -o-transition-duration:.3s;
    transition-duration:0.3s
}
.footer-social-icons2 ul li a{
    color:#939393;
    display:block;
    font-size:15px;
    height:35px;
    line-height:34px;
    text-align:center;
    width:35px
}
.footer-social-icons2 ul li:hover{
    background:#87251F;
    border-color:#87251F
}
.footer-social-icons2 ul li:hover i{
    color:#fff
}
.footer-subscribe{
    margin-top:20px;
    margin-bottom:0;
    position:relative
}
.footer-subscribe input{
    background:#fff;
    border-radius:6px;
    font-size:14px;
    border:0px solid;
    height:40px;
    outline:none;
    box-shadow:none;
    padding:6px 95px 6px 12px;
    margin-bottom:0
}
.footer-subscribe input:focus{
    background:#fff;
    border-radius:6px;
    font-size:14px;
    border:0px solid;
    height:40px;
    outline:none;
    box-shadow:none;
    padding:6px 95px 6px 12px;
    margin-bottom:0
}
.footer-subscribe .butn{
    position:absolute;
    right:0;
    top:0;
    height:100%;
    -webkit-border-radius:0;
    -webkit-border-top-right-radius:4px;
    -webkit-border-bottom-right-radius:4px;
    -moz-border-radius:0;
    -moz-border-radius-top-right:4px;
    -moz-border-radius-bottom-right:4px;
    -ms-border-radius:0;
    -ms-border-top-right-radius:4px;
    -ms-border-bottom-right-radius:4px;
    -o-border-radius:0;
    -o-border-top-right-radius:4px;
    -o-border-bottom-right-radius:4px;
    border-radius:0;
    border-top-right-radius:4px;
    border-bottom-right-radius:4px;
    color:#fff;
    line-height:15px
}
.footer-subscribe .butn:after{
    -webkit-border-radius:0;
    -webkit-border-top-right-radius:3px;
    -webkit-border-bottom-right-radius:3px;
    -moz-border-radius:0;
    -moz-border-radius-top-right:3px;
    -moz-border-radius-bottom-right:3px;
    -ms-border-radius:0;
    -ms-border-top-right-radius:3px;
    -ms-border-bottom-right-radius:3px;
    -o-border-radius:0;
    -o-border-top-right-radius:3px;
    -o-border-bottom-right-radius:3px;
    border-radius:0;
    border-top-right-radius:3px;
    border-bottom-right-radius:3px;
    background:#e5e5e5
}
.footer-subscribe .butn:hover{
    -webkit-border-radius:0;
    -webkit-border-top-right-radius:3px;
    -webkit-border-bottom-right-radius:3px;
    -moz-border-radius:0;
    -moz-border-radius-top-right:3px;
    -moz-border-radius-bottom-right:3px;
    -ms-border-radius:0;
    -ms-border-radius-top-right:3px;
    -ms-border-radius-bottom-right:3px;
    -o-border-radius:0;
    -o-border-radius-top-right:3px;
    -o-border-radius-bottom-right:3px;
    border-radius:0;
    border-top-right-radius:3px;
    border-bottom-right-radius:3px
}
.footer-subscribe .butn:hover:after{
    -webkit-border-radius:0;
    -webkit-border-top-right-radius:3px;
    -webkit-border-bottom-right-radius:3px;
    -moz-border-radius:0;
    -moz-border-radius-top-right:3px;
    -moz-border-radius-bottom-right:3px;
    -ms-border-radius:0;
    -ms-border-radius-top-right:3px;
    -ms-border-radius-bottom-right:3px;
    -o-border-radius:0;
    -o-border-radius-top-right:3px;
    -o-border-radius-bottom-right:3px;
    border-radius:0;
    border-top-right-radius:3px;
    border-bottom-right-radius:3px
}
.footer-subscribe .butn span{
    color:#fff
}
.footer-subscribe .butn:hover span{
    color:#232323
}
.footer-subscribe .butn.theme:after{
    background:#000
}
.footer-subscribe .butn.theme:hover span{
    color:#fff
}
.footer-subscribe .butn.white{
    color:#232323
}
.footer-subscribe .butn.white:after{
    background:#232323
}
.footer-subscribe .butn.theme.white-hover:hover{
    background:#fff
}
.footer-subscribe .butn.theme.white-hover:hover span{
    color:#232323
}
.footer-subscribe .butn.theme.white-hover:after{
    background:#fff
}
.footer-subscribe .butn.theme.grey-hover:hover{
    background:#e5e5e5
}
.footer-subscribe .butn.theme.grey-hover:hover span{
    color:#232323
}
.footer-subscribe .butn.theme.grey-hover:after{
    background:#e5e5e5
}
.footer-list{
    margin:0
}
.footer-list li{
    list-style-type:none;
    color:#939393;
    padding:6px 0
}
.footer-list li:first-child{
    padding-top:0
}
.footer-list li a{
    font-size:15px;
    font-weight:400;
    color:#939393
}
.footer-list li a:before{
    content:'\f105';
    font-weight:700;
    vertical-align:bottom;
    font-family:Font Awesome\ 5 Free;
    color:#939393;
    padding-right:8px;
    -moz-transition-duration:.3s;
    -ms-transition-duration:.3s;
    -webkit-transition-duration:.3s;
    -o-transition-duration:.3s;
    transition-duration:.3s
}
.footer-list li a:hover{
    color:#fff
}
.footer-list li a:hover:before{
    color:#fff
}
.footer-list-style2{
    margin:0
}
.footer-list-style2 li{
    list-style-type:none;
    color:#fff;
    padding:6px 0
}
.footer-list-style2 li:first-child{
    padding-top:0
}
.footer-list-style2 li a{
    font-size:15px;
    font-weight:400;
    color:#fff
}
.footer-list-style2 li a:before{
    content:'\f105';
    font-weight:700;
    font-family:Font Awesome\ 5 Free;
    color:#fff;
    padding-right:8px;
    -moz-transition-duration:.3s;
    -ms-transition-duration:.3s;
    -webkit-transition-duration:.3s;
    -o-transition-duration:.3s;
    transition-duration:.3s
}
.footer-list-style2 li a:hover{
    opacity:0.65
}
.footer-list-style2 li a:hover:before{
    opacity:0.65
}
.footer-list-style3{
    margin:0
}
.footer-list-style3 li{
    list-style-type:none;
    color:#6f6f6f;
    padding:6px 0
}
.footer-list-style3 li:first-child{
    padding-top:0
}
.footer-list-style3 li a{
    font-size:15px;
    font-weight:400;
    color:#6f6f6f
}
.footer-list-style3 li a:before{
    content:'\f105';
    font-weight:700;
    font-family:Font Awesome\ 5 Free;
    color:#6f6f6f;
    padding-right:8px;
    -moz-transition-duration:.3s;
    -ms-transition-duration:.3s;
    -webkit-transition-duration:.3s;
    -o-transition-duration:.3s;
    transition-duration:.3s
}
.footer-list-style3 li a:hover{
    color:#232323
}
.footer-list-style3 li a:hover:before{
    color:#232323
}
.footer-list-style4{
    margin:0
}
.footer-list-style4 li{
    list-style-type:none;
    color:#6f6f6f;
    padding:6px 0
}
.footer-list-style4 li:last-child{
    margin-bottom:0;
    padding-bottom:0
}
.footer-list-style4 li:first-child{
    padding-top:0
}
.footer-list-style4 li a{
    position:relative;
    padding-left:25px;
    color:#232323;
    transition:all .5s ease
}
.footer-list-style4 li a:hover{
    color:#87251F
}
.footer-list-style4 li a:before{
    position:absolute;
    content:'';
    background:#87251F;
    width:10px;
    height:1px;
    top:9px;
    left:0;
    transition:all .5s ease
}
.footer-list-style4 li a:after{
    position:absolute;
    content:'';
    background:#87251F;
    width:10px;
    height:1px;
    left:3px;
    top:12px;
    transition:all .5s ease
}
.footer-list-style4 li a:hover:after{
    left:0
}
.footer-list-style4 li a:hover:before{
    left:5px
}
.footer-list-style5{
    margin:0
}
.footer-list-style5 li{
    list-style-type:none;
    color:#616161;
    padding:6px 0
}
.footer-list-style5 li:first-child{
    padding-top:0
}
.footer-list-style5 li:last-child{
    padding-bottom:0
}
.footer-list-style5 li a{
    font-size:15px;
    font-weight:600;
    color:#616161
}
.footer-list-style5 li a:hover{
    color:#232323
}
.footer-list-style5 li a:hover:before{
    color:#232323
}
.footer-recent-post{
    margin:15px 0
}
.footer-recent-post-thumb{
    float:left;
    width:25%
}
.footer-recent-post-content{
    float:left;
    width:75%;
    padding-left:10px
}
.footer-recent-post-content a{
    display:block;
    color:#939393;
    font-size:15px;
    font-weight:400;
    line-height:normal;
    margin-top:-5px
}
.footer-recent-post-content a:hover{
    color:#fff
}
.footer-recent-post-content span{
    font-size:13px;
    font-weight:300;
    color:#fff
}
.footer-post{
    margin-bottom:0
}
.footer-post>li{
    float:left;
    width:100%;
    margin-bottom:25px
}
.footer-post>li:last-child{
    margin-bottom:0
}
.footer-post .post-date{
    max-width:70px;
    width:100%;
    float:left;
    text-align:center;
    text-transform:uppercase;
    font-size:12px;
    background:#e0ebf3;
    padding:10px 0 15px 0px
}
.footer-post .p-date{
    display:block;
    font-size:22px;
    padding-bottom:8px
}
.footer-post .p-month{
    display:block;
    line-height:10px
}
.footer-post .post-title{
    font-size:14px;
    line-height:24px;
    margin-bottom:5px
}
.footer-post .post-title a{
    color:#232323
}
.footer-post .post-info{
    width:100%;
    max-width:270px;
    float:left;
    padding-left:20px
}
.footer-post .post-author{
    font-weight:normal;
    font-size:12px;
    padding:0px;
    display:inline-block;
    color:#232323
}
.footer-post .post-meta li{
    font-weight:normal;
    font-size:12px;
    padding:0px;
    display:inline-block;
    color:#232323
}
.footer-post .post-meta li i{
    color:#6f6f6f;
    margin:0 5px
}
@media screen and (max-width: 1199px){
    .footer-post .post-info{
        max-width:215px
    }
}
@media screen and (max-width: 991px){
    .footer-post .p-date{
        font-size:20px;
        padding-bottom:5px
    }
    .footer-post>li{
        width:50%;
        margin-bottom:0
    }
}
@media screen and (max-width: 767px){
    .footer-post>li{
        width:100%;
        margin-bottom:20px
    }
    .footer-post .post-info{
        max-width:70%
    }
    .footer-post .p-date{
        font-size:18px;
        padding-bottom:5px
    }
    .footer-post .post-date{
        max-width:60px
    }
}
.footer-top-bar{
    background:#191919;
    border-bottom:1px solid rgba(255,255,255,0.2)
}
footer h3.footer-title-style2{
    margin-bottom:28px
}
h3.footer-title-style2:after{
    width:100%;
    height:1px;
    background:#363637;
    margin-top:15px
}
.footer-title-style3{
    position:relative;
    padding-bottom:20px;
    margin-bottom:28px;
    color:#fff
}
.footer-title-style3:after{
    content:'';
    width:60px;
    height:2px;
    background:#87251F;
    position:absolute;
    bottom:0;
    left:20px
}
.footer-title-style3:before{
    content:'';
    width:100%;
    height:1px;
    background:rgba(255,255,255,0.2);
    position:absolute;
    bottom:0;
    left:0;
    right:0
}
.footer-title-style4:after{
    margin-left:auto;
    margin-right:auto
}
h3.footer-title-style4{
    margin-bottom:20px
}
h3.footer-title-style5{
    color:#fff
}
h3.footer-title-style5:after{
    background:#fff
}
footer h3.footer-title-style6{
    margin-bottom:28px;
    color:#636363
}
h3.footer-title-style6:after{
    width:100%;
    height:1px;
    background:#d0d0d0;
    margin-top:15px
}
footer h3.footer-title-style7{
    margin-bottom:30px;
    padding-bottom:20px
}
footer h3.footer-title-style7:after{
    content:"";
    position:absolute;
    bottom:-10px;
    left:18px;
    height:1px;
    margin:0 0 0;
    width:70px;
    margin:10px 0;
    background-color:#87251F
}
footer h3.footer-title-style7:before{
    content:"";
    position:absolute;
    bottom:-14px;
    left:0;
    display:inline-block;
    width:10px;
    height:10px;
    border:1px solid #87251F;
    background:#87251F;
    margin-bottom:10px
}
@media screen and (max-width: 767px){
    footer{
        padding-top:30px
    }
    .footer-bar{
        margin-top:30px
    }
    .footer-subscribe .butn{
        line-height:22px
    }
    .footer-bar p{
        font-size:13px
    }
}
.footer-style9{
    padding:0;
    color:#616161
}
.footer-style9>.container{
    padding:120px 15px
}
.footer-style9 .footer-bar{
    margin-top:0;
    background:#fff;
    border-top:1px solid #ededed;
    color:#616161
}
.footer-style9 .footer-list-style3 li{
    color:#616161
}
.footer-style9 .footer-list-style3 li a{
    color:#616161
}
.footer-style9 .footer-list-style3 li a:hover{
    color:#87251F
}
.footer-style9 address{
    line-height:28px
}
footer h3.footer-title-style9{
    position:relative;
    margin-bottom:25px;
    padding-bottom:20px
}
footer h3.footer-title-style9:after{
    position:absolute;
    content:'';
    background:#87251F;
    width:55px;
    height:1px;
    bottom:2px
}
footer h3.footer-title-style9:before{
    position:absolute;
    content:'';
    background:#87251F;
    width:55px;
    height:1px;
    bottom:0px
}
@media screen and (max-width: 1199px){
    .footer-style9>.container{
        padding:90px 15px
    }
}
@media screen and (max-width: 991px){
    .footer-style9>.container{
        padding:70px 15px
    }
}
@media screen and (max-width: 767px){
    footer h3.footer-title-style9{
        margin-bottom:15px;
        padding-bottom:15px
    }
}
footer .footer-title-style10{
    position:relative;
    font-size:20px;
    font-weight:600;
    margin-bottom:30px;
    padding-bottom:20px
}
footer .footer-title-style10:after{
    position:absolute;
    content:'';
    background:#87251F;
    width:40px;
    height:1px;
    left:10px;
    top:40px
}
footer .footer-title-style10:before{
    position:absolute;
    content:'';
    background:#87251F;
    width:40px;
    height:1px;
    bottom:0px;
    left:0;
    top:35px
}
@media screen and (max-width: 991px){
    footer .footer-title-style10{
        margin-bottom:20px
    }
}
@media screen and (max-width: 767px){
    footer .footer-title-style10{
        font-size:18px;
        margin-bottom:15px
    }
}
.footer-style11{
    background:#f7fbfe;
    color:#232323
}
.footer-style11 .footer-bar{
    background:#f7fbfe;
    border-top:1px solid rgba(0,0,0,0.1);
    color:#232323
}
.footer-title-style11{
    margin-bottom:25px;
    font-size:22px;
    font-weight:700
}
.footer-title-style11:after{
    content:none
}
@media screen and (max-width: 991px){
    .footer-title-style11{
        margin-bottom:20px;
        font-size:20px
    }
}
@media screen and (max-width: 767px){
    .footer-title-style11{
        margin-bottom:15px;
        font-size:18px
    }
}
pre[class*="language-"]{
    max-height:45vh;
    height:100%;
    margin:35px 0 15px 0;
    padding-top:0
}
.html-code{
    background-color:#fbfbfb;
    position:relative;
    box-shadow:inset 0 0 0 1px #dde1e6,0 3px 5px rgba(0,0,0,0.15);
    padding:30px;
    border-radius:5px;
    border:1px solid #ededed
}
.html-code:before{
    color:#c8dfab;
    content:"•••";
    font-size:30px;
    left:24px;
    letter-spacing:4px;
    line-height:12px;
    position:absolute;
    top:24px
}
.copy-element{
    position:absolute;
    top:-50px;
    right:100px;
    opacity:0;
    transition:opacity 0.3s ease-in-out
}
.source-element{
    position:absolute;
    top:-50px;
    right:15px;
    opacity:0;
    transition:opacity 0.3s ease-in-out
}
.html-code .copy-element{
    top:15px;
    right:30px
}
.html-code:hover .copy-element,.html-code:hover .source-element{
    opacity:1
}
.box-hover:hover .copy-element,.box-hover:hover .source-element{
    opacity:1
}
.copy-element>a,.source-element>a{
    border-radius:0.25rem;
    background:#dde1e6;
    color:#777 !important;
    display:inline-block;
    padding:5px 15px;
    font-size:14px;
    text-transform:capitalize;
    cursor:pointer !important;
    font-weight:600
}
.copy-element>a:hover,.source-element>a:hover{
    background:#87251F;
    color:#fff !important
}
.copy-clipboard{
    cursor:pointer;
    padding:5px 15px
}
.white-popup-block{
    background-color:#fbfbfb;
    position:relative;
    max-width:650px;
    box-shadow:inset 0 0 0 1px #dde1e6,0 3px 5px rgba(0,0,0,0.15);
    padding:60px 30px 30px 30px;
    border-radius:5px;
    margin:40px auto;
    border:1px solid #ededed
}
.white-popup-block.popup-copy.mfp-hide{
    display:block !important;
    height:0;
    position:absolute;
    z-index:-1;
    padding:0;
    opacity:0;
    margin:0
}
.white-popup-block:before{
    color:#c8dfab;
    content:"•••";
    font-size:30px;
    left:24px;
    letter-spacing:4px;
    line-height:12px;
    position:absolute;
    top:24px
}
.white-popup-block:hover .copy-element{
    opacity:1
}
.white-popup-block .copy-element{
    top:45px;
    right:30px
}
.box-hover{
    position:relative
}
.box-hover .container{
    position:relative
}
/*# sourceMappingURL=styles.css.map */