html, body, div, span, applet, object, iframe,
p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

* {
    outline: none !important;
}

    *:focus {
        outline: none !important;
    }

body {
    line-height: 1;
    position: relative;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: #666;
    }

a, a:hover, a:focus {
    text-decoration: none;
    color: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.navbar-toggle {
    float: right;
    margin-right: 15px;
    margin-left: auto;
}

/*@font-face {
    font-family: "WebsimaRohanBRound-Regular";
    src: url(fonts/WebsimaRohanBRound-Regular.woff) format("woff"), url(fonts/WebsimaRohanBRound-Regular.woff2) format("woff2"), url(fonts/WebsimaRohanBRound-Regular.eot) format("embedded-opentype"), url(fonts/WebsimaRohanBRound-Regular.html), url(fonts/WebsimaRohanBRound-Regular.ttf) format("truetype");
}

@font-face {
    font-family: "WebsimaRohanRound-Regular";
    src: url(fonts/WebsimaRohanRound-Regular.woff) format("woff"), url(fonts/WebsimaRohanRound-Regular.woff2) format("woff2"), url(fonts/WebsimaRohanRound-Regular.eot) format("embedded-opentype"), url(fonts/WebsimaRohanRound-Regular.html), url(fonts/WebsimaRohanRound-Regular.ttf) format("truetype");
}

@font-face {
    font-family: "IRANSansWeb";
    src: url(fonts/IRANSansWeb.woff) format("woff"), url(fonts/IRANSansWeb.html) format("embedded-opentype"), url(fonts/IRANSansWeb.ttf) format("truetype");
}*/


@font-face {
    font-family: Yekan;
    font-display: swap;
    font-style: normal;
    font-weight: 100;
    src: url(/Themes/parsbehine-02/assets/new/fonts/YekanFaNum-Thin.woff) format("woff"),url(/assets/fonts/woff2/YekanFaNum-Thin.woff2) format("woff2")
}

@font-face {
    font-family: Yekan;
    font-display: swap;
    font-style: normal;
    font-weight: 300;
    src: url(/Themes/parsbehine-02/assets/new/fonts/YekanFaNum-Light.woff) format("woff"),url(/assets/fonts/woff2/YekanFaNum-Light.woff2) format("woff2")
}

@font-face {
    font-family: Yekan;
    font-display: swap;
    font-style: normal;
    font-weight: 400;
    src: url(/Themes/parsbehine-02/assets/new/fonts/YekanFaNum-Regular.woff) format("woff"),url(/assets/fonts/woff2/YekanFaNum-Regular.woff2) format("woff2")
}

@font-face {
    font-family: Yekan;
    font-display: swap;
    font-style: normal;
    font-weight: 600;
    src: url(/Themes/parsbehine-02/assets/new/fonts/YekanFaNum-SemiBold.woff) format("woff"),url(/assets/fonts/woff2/YekanFaNum-SemiBold.woff2) format("woff2")
}

@font-face {
    font-family: Yekan;
    font-display: swap;
    font-style: normal;
    font-weight: 700;
    src: url(/Themes/parsbehine-02/assets/new/fonts/YekanFaNum-Bold.woff) format("woff"),url(/assets/fonts/woff2/YekanFaNum-Bold.woff2) format("woff2")
}

@font-face {
    font-family: Yekan;
    font-display: swap;
    font-style: normal;
    font-weight: 800;
    src: url(/Themes/parsbehine-02/assets/new/fonts/YekanFaNum-ExtraBold.woff) format("woff"),url(/assets/fonts/woff2/YekanFaNum-ExtraBold.woff2) format("woff2")
}

@font-face {
    font-family: Yekan;
    font-display: swap;
    font-style: normal;
    font-weight: 900;
    src: url(/Themes/parsbehine-02/assets/new/fonts/YekanFaNum-Black.woff) format("woff"),url(/assets/fonts/woff2/YekanFaNum-Black.woff2) format("woff2")
}

@font-face {
    font-family: Yekan;
    font-display: swap;
    font-style: normal;
    font-weight: 950;
    src: url(/Themes/parsbehine-02/assets/new/fonts/YekanFaNum-ExtraBlack.woff) format("woff"),url(/assets/fonts/woff2/YekanFaNum-ExtraBlack.woff2) format("woff2")
}

@font-face {
    font-family: newYakan;
    font-display: swap;
    font-style: normal;
    src: url(/Themes/parsbehine-02/assets/new/fonts/YekanFaNum-VF.WOFF) format("woff"),url(/assets/fonts/new-fonts/woff2/YekanFaNum-VF.woff2) format("woff2")
}


body, p, a {
    font-family: "Yekan";
}

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

.wow {
    visibility: hidden;
}

.trn_elm_all {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

body.page-template-blog, .single-post {
    background: #fafafa;
}
/** style menu slide */
nav.mobile-navigation {
    background-color: #10121e;
}

    nav.mobile-navigation ul {
        list-style: none;
        padding: 0 20px;
    }

        nav.mobile-navigation ul li a {
            color: #fff;
            padding: 7px 20px 13px;
            display: inline-block;
            font-size: 14px;
        }

            nav.mobile-navigation ul li a:hover {
                color: #FF664F;
                background: transparent;
            }

a.logo_header_slide img {
    max-width: 100px;
    margin: 20px auto 30px;
}

a.logo_header_slide {
    width: 100%;
    text-align: center;
}

nav.mobile-navigation ul.sub-menu li a {
    font-size: 12px !important;
    position: relative;
}

    nav.mobile-navigation ul.sub-menu li a:before {
        content: "";
        position: absolute;
        width: 10px;
        height: 10px;
        background-color: #ff5a51;
        top: 9px;
        right: 0px;
        border-radius: 100%;
    }

.box_menu_sidebar .menu-item-has-children {
    position: relative;
}

.menu-item-has-children > span {
    width: 30px;
    height: 25px;
    /*background: url(images/split_png.png) no-repeat;*/
    display: inline-block;
    float: left;
    text-align: center;
    background-position: -44px -50px;
    margin-top: 0;
    transform: rotate(90deg);
    transition: 0.5s;
    position: absolute;
    left: 0;
    top: 4px;
}

nav.mobile-navigation ul li {
    width: 100%;
    float: right;
    cursor: pointer;
    position: relative;
}

.class_children_before {
    transform: rotate(0deg) !important;
}


.js-menu-toggle-wrapper {
    overflow: hidden;
    float: right;
    width: 86px;
    vertical-align: middle;
    margin-top: 0px;
    background-color: #ffc500 !important;
    padding: 0;
    color: red;
    margin-left: 6px;
    border-radius: 0px 15px 15px 15px;
}

.js-menu-toggle {
    display: inline-block;
    margin-left: 70px;
    vertical-align: middle;
}

    .js-menu-toggle span, .js-menu-toggle span:before, .js-menu-toggle span:after {
        cursor: pointer;
        border-radius: 1px;
        height: 2px;
        width: 25px;
        background: red;
        position: absolute;
        display: block;
        content: '';
    }

        .js-menu-toggle span:before {
            top: -6px;
        }

        .js-menu-toggle span:after {
            bottom: -6px;
        }

        .js-menu-toggle span, .js-menu-toggle span:before, .js-menu-toggle span:after {
            transition: all 500ms ease-in-out;
        }

    .js-menu-toggle.active span {
        background-color: transparent;
    }

        .js-menu-toggle.active span:before, .js-menu-toggle.active span:after {
            top: 0;
        }

        .js-menu-toggle.active span:before {
            transform: rotate(45deg);
        }

        .js-menu-toggle.active span:after {
            transform: rotate(-45deg);
        }

.mobile-nav-wrap {
    width: 100%;
    position: relative;
    z-index: 99999 !important;
    top: 0px;
    background: #fff;
    display: block;
    background: transparent;
    position: fixed;
    padding: 20px 0;
}

    .mobile-nav-wrap .js-menu-toggle {
        display: inline-block;
        float: left;
        padding: 10px 0px 10px 20px;
        color: #ff5851;
        font-family: "WebsimaRohanRound-Regular";
        text-transform: uppercase;
        position: relative;
        left: 0;
        font-size: 16px;
    }

.js-menu-toggle span, .js-menu-toggle span:before, .js-menu-toggle span:after {
    cursor: pointer;
    border-radius: 1px;
    height: 2px;
    width: 25px;
    background: white;
    position: absolute;
    display: block;
    content: '';
}

    .js-menu-toggle span:hover, .js-menu-toggle span:hover:before, .js-menu-toggle span:hover:after {
        /*background: #d2d2d2;*/
    }

.js-menu-toggle.active span:hover {
    background: none;
}

.js-menu-toggle:hover span em {
    color: white;
}

.tit_nav_menu {
    position: absolute;
    left: -36px;
    font-family: 'WebsimaRohanRound-Regular';
    top: -2px;
    color: #ffc844;
}
/* end menu slide */
/* start menu slide */
.mobile-navigation {
    position: fixed;
    height: 100%;
    right: 0;
    top: 0;
    z-index: 1;
    width: 280px;
    background-color: #000000;
    overflow-y: auto;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transform: translateX(280px);
    -moz-transform: translateX(280px);
    -ms-transform: translateX(280px);
    -o-transform: translateX(280px);
    transform: translateX(280px);
}

    .mobile-navigation.menu-is-open {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        -webkit-overflow-scrolling: touch;
    }

.menu-is-open {
    -webkit-transform: translateX(-280px);
    -moz-transform: translateX(-280px);
    -ms-transform: translateX(-280px);
    -o-transform: translateX(-280px);
    transform: translateX(-280px);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.header.inner_header.menu-is-open {
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
    /*position: fixed;*/
    width: 100%;
    z-index: 20;
    background: #10121e;
    min-height: 68px;
}

nav.navbar_main.menu-is-open {
    position: fixed;
    z-index: 20;
    margin-top: 164px;
}

nav.navbar_main {
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

a.js-menu-toggle .tit_nav_menu {
    position: absolute;
    left: -34px;
    top: -8px;
    color: white;
    display: block;
    font-size: 12pt;
    font-family: "WebsimaRohanRound-Regular";
}

a.js-menu-toggle {
    padding: 0 !important;
    background: #fff !important;
    margin-top: 10px;
}

.overlymenu {
    display: none;
}

.overly, .overlymenu {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999;
    background: #000;
    opacity: 0.75;
    display: none;
}
/*Theme CSS*/
.header, .main-content, .footer {
    transition: 0.3s;
}

.header {
    background-color: transparent;
    /*border-top: 5px solid #ff6a4f;*/
    /*border-top: 3px solid #ff6a4f;*/
    padding-top: 35px;
    padding-bottom: 15px;
    border-bottom: 0;
    /*position: absolute;*/
    position: fixed;
    z-index: 10;
    width: 100%;
    left: 0;
    right: 0;
    background: -moz-linear-gradient(top,rgba(0,0,0,.34) 0,rgba(0,0,0,0) 75%);
    background: -webkit-linear-gradient(top,rgba(0,0,0,.34) 0,rgba(0,0,0,0) 75%);
    background: linear-gradient(to bottom,rgba(0,0,0,.34) 0,rgba(0,0,0,0) 75%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000',endColorstr='#00000000',GradientType=1);
}

.header_left {
    padding: 0;
}

.header img {
    max-width: 100%;
}

.navbar-header {
    /*margin-top: -21px;*/
}

    .navbar-header .navbar-brand img {
        width: auto;
        /*height: 100%;*/
        /*margin-top: 25px;*/
        max-width: 80px;
    }

.collapse.navbar-collapse {
    display: inline-block !important;
    float: right;
}

.navbar {
    margin-bottom: 0px;
}

.navbar-default {
    background-color: transparent;
    border: none;
}

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border: none;
    }

.navbar_wrapper {
    padding: 33px 0;
}

.navbar-nav > li {
    padding: 3px 2px 10px;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
}

.navbar-default .navbar-nav > li > a {
    color: #393c3c;
    position: relative;
    font-size: 13px;
    padding: 5px 3px;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
}

    .navbar-default .navbar-nav > li > a:before, .navbar-default .navbar-nav > li.current_page_item > a:before,
    .navbar-default .navbar-nav > li.current-menu-item > a:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: -6px;
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
        border-top: 5px solid #ff5a51;
        width: 0px;
        height: 0px;
        opacity: 0;
        margin: 0 auto;
    }

    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li.current_page_item > a,
    .navbar-default .navbar-nav > li.current-menu-item > a {
        /*border-bottom: 2px solid #ff5a51;*/
        /*box-shadow: 0 2px 0px #ff5a51;*/
    }

        .navbar-default .navbar-nav > li > a:hover:before,
        .navbar-default .navbar-nav > li.current_page_item > a:before,
        .navbar-default .navbar-nav > li.current-menu-item > a:before {
            /*opacity: 1;*/
            opacity: 0;
        }

.dropdown-menu {
    padding: 0px;
}

    .dropdown-menu > li > a {
        transition: all 0.3s linear;
    }

        .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
            color: #ff5a51;
            background-color: transparent;
        }

.dropdown > a .caret {
    transition: all 0.3s linear;
    border: 0px;
    background: transparent url(images/spirit.png);
    background-position: -409px -343px;
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-right: 8px;
}

.dropdown > a:hover .caret {
    transform: rotate(180deg);
}

.dropdown-menu > li > a {
    padding: 4px 10px 5px;
    border-bottom: 1px solid #d5d5d5;
}

.dropdown-menu > li:last-child > a {
    border-bottom: none;
}

.menu-item-has-children:hover .dropdown-menu {
    display: block;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #FF5E50;
}

ul.header_btn_wrap {
    list-style: none;
    /*margin-top: 2px;*/
    /*float: left;*/
    width: fit-content;
    padding: 20px 0px
    /*margin-left: 50px;*/
}
    /*ul.header_btn_wrap li {display: inline-block;vertical-align: middle;font-size: 12px; padding: 3px 10px 5px;border-radius: 5px;  transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;-webkit-transition: all 0.3s linear;

    background-color: #d6202c;
    padding: 6px 18px;
    border: 1px #e30613 solid;
    border-radius: 8px;
    border-bottom: 1px #860000 solid;
    background: #e30613d1 !important;
    border-radius: 15px 0px 15px 15px;
}*/

    ul.header_btn_wrap li {
        vertical-align: middle;
        font-size: 12px;
        padding: 3px 10px 5px;
        border-radius: 5px;
        transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -webkit-transition: all 0.3s linear;
        padding: 6px 15px;
        text-align: left;
    }

        ul.header_btn_wrap li a {
            color: #ff6650;
        }

    ul.header_btn_wrap .sale_link {
        transition: all 0.3s linear;
        -webkit-transition: all 0.3s linear;
    }

        ul.header_btn_wrap .sale_link:hover {
            background: #ff6c4f;
        }

            ul.header_btn_wrap .sale_link:hover a span.sale_icon {
                background-position: -74px -2px;
                transition: none;
            }

            ul.header_btn_wrap .sale_link:hover a {
                color: #fff;
            }

    ul.header_btn_wrap .customer_link {
        background: #ff6c4f;
        background: -webkit-linear-gradient(#ff6c4f, #ff5551);
        background: -o-linear-gradient(#ff6c4f, #ff5551);
        background: -moz-linear-gradient(#ff6c4f, #ff5551);
        background: linear-gradient(#ff6c4f, #ff5551);
        background: #e306132e;
        border: 1px #e30613 solid;
        border-radius: 8px;
        border: 1px #e30613 solid;
        border-radius: 8px;
        border-bottom: 1px #860000 solid;
        background: #e30613d1 !important;
        /*padding: 10px;*/
        border-radius: 15px 0px 15px 15px;
        border-radius: 15px 0px 15px 15px;
    }

        ul.header_btn_wrap .customer_link a {
            color: #fff;
            display: inline-block;
        }

.icon_bg {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-left: 5px;
    transition: none;
}

.bg_spirit {
    background-image: url(images/spirit.png);
    background-repeat: no-repeat;
    position: relative;
}

    .bg_spirit:before {
        content: "";
        background-image: url(images/spirit.png);
        width: 90px;
        height: 90px;
        display: inline-block;
        opacity: 0;
        -webkit-transition: opacity 0.5s;
        -moz-transition: opacity 0.5s;
        -o-transition: opacity 0.5s;
    }

.re_pad_left {
    padding-left: 7px;
}

.bg_spirit.icon_bg:before {
    width: 20px;
    height: 20px;
}

.home_main_title {
    color: #6a6a6a;
    text-align: center;
    position: relative;
    font-size: 22px;
}

    .home_main_title:after {
        content: "";
        position: absolute;
        background-image: url(images/spirit.png);
        background-repeat: no-repeat;
        background-position: -264px -4px;
        width: 125px;
        height: 26px;
        right: 0;
        top: 100%;
        margin: 0 auto;
        left: 0;
    }

.customer_icon {
    background-position: -23px -3px;
    vertical-align: baseline;
}

.sale_icon {
    background-position: -50px -2px;
}

.header_btn_wrap li .time, .header_btn_wrap li .date {
    text-align: left;
    position: relative;
    direction: ltr;
    color: #fff;
    display: inline-block;
    background-color: #383131;
    padding: 3px;
    border-radius: 5px;
}

#tm {
    color: #ffffff;
}

.header_btn_wrap li .time {
    margin-bottom: 3px;
    margin-left: 4px;
}
    /*.header_btn_wrap li .time:before , .header_btn_wrap li .date:before {position: absolute;left: -20%;top: -1px;content: "";width: 12px;height: 12px;border-radius: 100%;background-color: #d2d2d2;}*/
    .header_btn_wrap li .date span, .header_btn_wrap li .time span {
        display: inline-block;
    }

.header_btn_wrap li .date:before {
    border-radius: 100%;
}

.header_btn_wrap li .time:before {
    background-color: #ff6650;
}

.header_btn_wrap li .time span {
    padding-left: 2px;
}

.header_btn_wrap li .time span, .header_btn_wrap li .date span {
    color: #b5b5b5;
}

.header .navbar-collapse {
    padding-left: 0px;
}
/*Slide*/
.slider img.slide_img {
    width: 100%;
    height: auto;
    position: relative;
}

.btn_slide, .side_btn {
    text-align: center;
    display: flex;
    justify-content: space-around;
    padding: 0 45px;
}

.side_btn {
    padding: 0;
}

    .btn_slide a, .side_btn a {
        padding: 11px 11px 10px;
        text-align: center;
        color: #fff;
        display: inline-block;
        background: #ff5651; /* For browsers that do not support gradients */
        background: -webkit-linear-gradient(#ff6c4f, #ff5551); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#ff6c4f, #ff5551); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#ff6c4f, #ff5551); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#ff6c4f, #ff5551); /* Standard syntax */
        border-radius: 5px;
        margin-right: -3%;
        min-width: 225px;
    }

    .side_btn a {
        padding: 5px 7px;
        min-width: 160px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

        .btn_slide a.green_bg, .side_btn a.green_bg {
            background: #add253; /* For browsers that do not support gradients */
            background: -webkit-linear-gradient(#add253, #7db142); /* For Safari 5.1 to 6.0 */
            background: -o-linear-gradient(#add253, #7db142); /* For Opera 11.1 to 12.0 */
            background: -moz-linear-gradient(#add253, #7db142); /* For Firefox 3.6 to 15 */
            background: linear-gradient(#add253, #7db142); /* Standard syntax */
        }

.btn_slide a span.slide_btn_bg, .bg_spirit.slide_btn_bg:before,
.btn_slide a span.why_holou, .bg_spirit.why_holou:before {
    width: 36px;
    height: 36px;
}

.side_btn_bg span.side_why_holou, .side_btn_bg span.side_btn_bg, .bg_spirit.side_why_holou:before, .bg_spirit.side_btn_bg:before {
    width: 30px;
    height: 30px;
}

.side_btn .btn_text em {
    font-size: 12px !important;
    margin-bottom: 0px !important;
    font-style: normal;
}

.sidebar_holou {
    padding: 25px 0;
    border-bottom: 1px solid #dbdbdb;
}

.slidebar_line {
    background: url(images/spirit.png);
    background-position: -12px -874px;
    height: 15px;
    width: 340px;
    display: inline-block;
}

.sidebar_holou:hover {
    border-bottom: 1px solid #ff5851;
}

.slide_img {
    width: 100%;
    height: auto;
}

.side_holou {
    color: #989898;
    padding: 0 0 10px;
}

.side_btn_bg {
    background-position: -405px -176px;
}

.side_why_holou {
    background-position: -405px -238px;
}

.btn_slide a span.bg_spirit {
    float: right;
}

.btn_slide a span.slide_btn_bg {
    background-position: -5px -46px;
}

.btn_slide a span.why_holou {
    background-position: -361px -180px;
}

.btn_slide img {
    max-width: 100%;
}

.btn_text {
    display: inline-block;
    text-align: right;
    float: right;
    margin-right: 10px;
}

    .btn_text em {
        display: block;
        font-size: 11px;
        font-style: normal;
    }

        .btn_text em:first-child {
            margin-bottom: 8px;
            font-size: 17px;
            letter-spacing: 1px;
        }

.slide_info, .btn_slide {
    position: absolute;
    right: 0;
    left: 0;
}

    .slide_info .slide_title, .slide_info .slide_title a {
        font-size: 42px;
        color: #fd5950;
        font-weight: bold;
        margin-bottom: 20px;
    }

        .slide_info .slide_title a:hover {
            margin-right: 10px;
        }

.slide_info {
    margin-bottom: 20px;
    bottom: 120px;
    display: block;
}

    .slide_info a {
        display: inline-block;
    }

        /*.slide_info a:hover {
            margin-left: 10px;
        }*/

    .slide_info p {
        margin-bottom: 20px;
        font-size: 17px;
        line-height: 25px;
        color: #767676;
        text-align: justify;
    }

.leaf_icon {
    display: inline-block;
    width: 18px;
    height: 17px;
    background-color: #ff6650;
    border-radius: 100%;
}

.btn_slide {
    bottom: -23px;
    width: 100%;
    z-index: 2;
}

.go_down.trn_elm_all {
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.more_slide {
    background: #fafafa;
    padding: 15px 16px;
    border-radius: 50%;
    float: left;
}
/*Service Section*/
.service_wrapper {
    background: #fafafa;
    padding: 90px 0 95px;
    border-bottom: 4px solid #ff6350;
    position: relative;
    -webkit-box-shadow: inset -5px 10px 24px -7px rgba(214,214,214,1);
    -moz-box-shadow: inset -5px 10px 24px -7px rgba(214,214,214,1);
    box-shadow: inset -5px 10px 24px -7px rgba(214,214,214,1);
}

span.leaf_divider {
    position: absolute;
    top: 100%;
    margin-top: -25px;
    width: 100%;
    right: 0;
    z-index: 9;
    pointer-events: none;
}

span.leaf_item {
    position: relative;
    display: block;
}

.leaf_divider span.leaf_item:before,
.leaf_divider span.leaf_item:after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    transition: all 0.3s linear;
}

.leaf_divider span.leaf_item:before {
    width: 45px;
    height: 45px;
    background: #fafafa;
    border-radius: 100%;
    z-index: 0;
    margin-top: 5px;
}

.leaf_divider span.leaf_item:after {
    width: 20px;
    height: 20px;
    background: #ff6350;
    border-radius: 100%;
    z-index: 1;
    margin-top: 17px;
}

.service_item {
    text-align: center;
    cursor: pointer;
}

.counter_num {
    color: #666666;
    font-size: 32px;
    padding: 10px 0px;
    display: inline-block;
    width: 100%;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.service_item .serv_icon {
    width: 90px;
    height: 90px;
    display: inline-block;
}

.bus_icon {
    background-position: -297px -241px;
}

.cons_icon {
    background-position: -3px -243px;
}

.sup_icon {
    background-position: -101px -243px;
}

.search_icon {
    background-position: -199px -243px;
}

.service_item:hover .bg_spirit:before {
    opacity: 1;
}

.service_item .bg_spirit.bus_icon:before {
    background-position: -298px -342px;
}

.service_item .bg_spirit.cons_icon:before {
    background-position: -3px -339px;
}

.service_item .bg_spirit.sup_icon:before {
    background-position: -101px -342px;
}

.service_item .bg_spirit.search_icon:before {
    background-position: -199px -342px;
}

.service_item p {
    color: #b5b5b5;
    padding: 0 13px;
    margin-bottom: 22px;
    line-height: 22px;
    font-size: 14px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    min-height: 44px;
}

.more_service {
    color: #666666;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
    padding-bottom: 18px;
    -webkit-transition: color 0.3s linear;
    transition: color 0.3s linear;
}

    .more_service:before {
        content: "";
        position: absolute;
        z-index: -1;
        left: 40%;
        right: 40%;
        bottom: 0;
        background: #ff3c1e;
        height: 2px;
        -webkit-transition-property: left, right;
        transition-property: left, right;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: linear;
        transition-timing-function: linear;
    }

.about_list_info h3 {
    color: #f33800;
}

.about_list_info strong {
    color: #f33901c7;
}

.p-container {
    margin-top: 10px;
}

.p {
    color: #767676;
    line-height: 26px;
    font-size: 17px;
    text-align: justify;
}

.banner_item {
    text-align: right;
}

@media (max-width: 991px) {
    .banner_item {
        text-align: right !important;
    }

    .slide_info .slide_title a {
        font-size: 30px;
    }
}

.h3 {
    font-size: 24px;
    color: #6a6a6a;
    padding-bottom: 0px;
    margin-bottom: 40px;
    position: relative;
}

.about-2 {
    background: #fafafa;
    padding: 90px 0 95px;
    border-bottom: 4px solid #ff6350;
    position: relative;
}

.tel {
    font-size: 17pt;
    text-shadow: 0 0 5px #a9000a;
}

.image-container img {
    max-width: 100%;
    border-radius: 10px;
    height: auto;
    border: 1px solid #131212;
    box-shadow: 1px 1px 1px 0px #ff2c00;
}

.image-container {
    padding: 2px;
}


@media (max-width: 991px) {
    .slide_info .slide_title {
        font-size: 19px;
        margin-bottom: 70px;
    }

        .slide_info .slide_title, .slide_info .slide_title a {
            margin-bottom: 10px;
        }
}


@media (max-width: 768px) {
    .container.slider_content {
        padding-top: 120px;
    }

    .slide_info {
        display: block !important;
        bottom: 5px !important;
        padding: 10px;
        position: absolute !important;
        margin-bottom: 0;
    }

    .slide_title a {
        font-size: 34px;
    }

    ul .header_btn_wrap .customer_link {
        margin-top: 15px;
    }
}

@media (max-width: 500px) {
    .slider img.slide_img {
        height: 40vh;
        width: auto;
    }
}

.service_item:hover .more_service:before, .service_item:focus .more_service:before, .service_item:active .more_service:before {
    left: 0;
    right: 0;
}

.service_item:hover .more_service {
    color: #ff3c1e;
}

.service_item:hover .counter_num {
    color: #ff3c1e;
}

.service_item:hover p {
    color: #6a6a6a
}
/*About Section*/
.about_wrap {
    padding: 50px 0 60px;
}

    .about_wrap .about_text {
        margin-bottom: 35px;
    }

        .about_wrap .about_text h2 {
            font-size: 24px;
            color: #6a6a6a;
            padding-bottom: 0px;
            margin-bottom: 40px;
            position: relative;
        }

            .about_wrap .about_text h2:after {
                content: "";
                position: absolute;
                background: url(images/spirit.png);
                background-repeat: no-repeat;
                background-position: -181px 0;
                width: 76px;
                height: 30px;
                display: block;
                top: 27px;
                right: 0px;
            }

        .about_wrap .about_text p {
            color: #767676;
            line-height: 26px;
            font-size: 17px;
            text-align: justify;
            margin-top: 10px;
        }

    .about_wrap .about_img img {
        width: 100%;
        height: auto;
        border-radius: 8px;
        /*border: 0px #e03d2a solid;*/
        /*box-shadow: 0px 0px 14px 1px #e03d2a;*/
        box-shadow: 0px 0px 6px 2px #b1b1b1;
    }

    .about_wrap .about_text .inner-title {
        line-height: normal;
        color: #949494;
    }

.about_list_item {
    margin-bottom: 30px;
    display: inline-block;
}

.list_item_icon, .about_list_info {
    display: inline-block;
    vertical-align: middle;
}

.bg_spirit.list_item_icon:before {
    width: 50px;
    height: 50px;
}

.about_list_info {
    padding: 8px;
}

.about_list_item:hover .about_list_info span, .banner_item:hover .banner_info span {
    color: #4e4e4e;
}

.list_item_icon {
    width: 45px;
    height: 50px;
    display: inline-block;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.about_list_item:hover .list_item_icon {
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}

span.accounting_icon {
    background-position: -106px -39px;
}

span.inventory_icon {
    background-position: -159px -39px;
}

span.invoice_icon {
    background-position: -54px -39px;
}

span.report_icon {
    background-position: -213px -39px;
    width: 50px;
}

span.reminder_icon {
    background-position: -269px -39px;
}

.about_list_info span {
    display: block;
    color: #a0a0a0;
    font-size: 14px;
    line-height: 25px;
}

.about_list_btn a {
    padding: 11px 9px;
    display: inline-block;
    border: 4px solid transparent;
    position: relative;
    border-radius: 5px;
    background-clip: padding-box;
    background: #fff;
    margin: 0 auto;
    color: #ff6c4f;
    font-size: 14px;
    margin-right: 0;
    padding: 9px 50px;
    position: relative;
}

    .about_list_btn a span:before {
        position: absolute;
        top: 0;
        right: 0;
        overflow: hidden;
        padding: 2px 0;
        max-width: 0;
        color: #404040;
        content: attr(data-hover);
        -webkit-transition: all 0.5s linear;
        -moz-transition: all 0.5s linear;
        transition: all 0.5s linear;
    }

    .about_list_btn a:after {
        border-radius: 5px;
        /*content: '';*/
        background-image: linear-gradient(40deg, #ff4f51 0%, #ffcb4f 100%);
        padding: 10px;
        top: -6px;
        left: -6px;
        right: -6px;
        bottom: -6px;
        position: absolute;
        z-index: -1;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }

    .about_list_btn a:hover:before {
        max-width: 100%;
    }

.gra_border {
    position: relative;
    display: inline-block;
    padding: 15px 20px;
    background-color: #fff;
}

.about_list_btn a span {
    position: relative;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    padding: 2px 0;
}

    .about_list_btn a span:before {
        position: absolute;
        top: 0;
        right: 0;
        overflow: hidden;
        padding: 2px 0;
        max-width: 0;
        color: #333;
        content: attr(data-hover);
        -webkit-transition: all 0.5s linear;
        -moz-transition: all 0.5s linear;
        transition: all 0.5s linear;
    }

.about_list_btn a:hover span:before, .about_list_btn a:focus span:before {
    max-width: 100%;
}
/*Facility Section*/
.facility_software {
    padding: 70px 0 60px;
    position: relative;
    min-height: 560px;
    background-image: url(images/facilitybg.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center bottom;
}

.facility_title, .report_title {
    padding-bottom: 20px;
    margin-bottom: 52px;
}

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    margin: 0 auto;
}

.carousel-inner > .item {
    border-radius: 7px;
}

    .carousel-inner > .item > . img {
        box-shadow: 2px -1px 10px -3px black;
        border-radius: 7px;
    }


.nav_control {
    position: relative;
    display: block;
    text-align: center;
    margin-top: -40px;
}

    .nav_control .carousel-control.left, .nav_control .carousel-control.right {
        background-image: none;
        margin-top: -30px;
        background-image: none;
        display: inline-block;
        position: absolute;
        width: 40px;
        height: 40px;
        top: 100%;
    }

.carousel-control {
    opacity: 1;
}

a.right.carousel-control, a.left.carousel-control {
    margin-top: -35px;
    display: inline-block;
    background: url(images/arrow.png);
}

a.right.carousel-control {
    right: 31%;
}

a.left.carousel-control {
    left: 31%;
}

.carousel-indicators, .carousel-control.left, .carousel-control.right {
    display: inline-block;
}

.carousel-indicators {
    padding: 0 20px;
    position: static;
    width: auto;
    margin: 0;
}

.arrow_bg {
    background-image: url(images/arrow.png) !important;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    display: inline-block;
}

    .arrow_bg:hover {
        opacity: 0.8;
    }

a.left.carousel-control .arrow_bg {
    background-position: -20px 8px;
    width: 40px;
    height: 40px;
}

a.right.carousel-control .arrow_bg {
    background-position: 11px 8px;
}

.carousel-caption {
    position: static;
    margin-bottom: 45px;
    padding-top: 20px;
    font-size: 25px;
    height: 115px;
    line-height: 26pt;
}

.carousel-indicators li {
    width: 17px;
    height: 17px;
    margin: 0;
    background-color: #fff;
    border: 4px solid #fff;
}

.carousel-indicators .active {
    width: 17px;
    height: 17px;
    margin: 0;
    background-color: transparent;
}

.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
    left: 0;
    right: 0;
}

    .carousel-fade .carousel-inner .next,
    .carousel-fade .carousel-inner .prev,
    .carousel-fade .carousel-inner .active.left,
    .carousel-fade .carousel-inner .active.right {
        left: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

.carousel-inner {
    position: relative;
    width: 50%;
    overflow: hidden;
    margin: 0 auto;
}
/*Report Section*/
.report_wrapper {
    padding: 70px 0 70px;
}

span.sub_title {
    color: #ff6d50;
    display: inline-block;
    margin-bottom: 27px;
}

.report_wrapper p {
    line-height: 25px;
    text-align: justify;
    color: #767676;
    font-size: 17px;
    margin-bottom: 30px;
}

.report_wrapper .report_search {
    margin-bottom: 35px;
    position: relative;
}

    .report_wrapper .report_search #suggesstion_box {
        padding: 20px;
        background: #eee;
        border-radius: 0px 0px 5px 5px;
        box-shadow: 0 1px 4px #b5b5b5;
        line-height: normal;
    }

        .report_wrapper .report_search #suggesstion_box span.tit_prod {
            display: block;
            text-align: right;
            cursor: pointer;
            padding: 10px 7px;
            font-size: 14px;
            border-bottom: 1px solid #e1e1e1;
        }

            .report_wrapper .report_search #suggesstion_box span.tit_prod:last-child {
                border-bottom: none;
            }

.report_search .close_search {
    background-image: url(images/spirit.png);
    background-position: -405px -317px;
    background-repeat: no-repeat;
    width: 19px;
    height: 19px;
    position: absolute;
    left: 10px;
    top: 14px;
    display: none;
    cursor: pointer;
}

    .report_search .close_search:hover {
        background-position: -425px -317px;
    }

.report_wrapper .report_search #suggesstion_box span.tit_prod:hover {
    color: #ff6350;
}

.box_search_wrap .box_search form input[type="text"],
.box_search_wrap .box_search form input[type="number"] {
    width: 100%;
    border-radius: 6px;
    border: 2px solid #e1e1e1;
    height: 49px;
    padding: 10px 45px 15px;
    line-height: 49px;
    text-align: center;
}

.box_search_wrap .box_search form input[type=number]::-webkit-inner-spin-button,
.box_search_wrap .box_search form input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.box_search_wrap .box_search form input[type="text"]:focus,
.box_search_wrap .box_search form input[type="number"]:focus {
    border-color: #ff6550;
}

form#searchform {
    position: relative;
}

input#searchsubmit {
    position: absolute;
    left: 12px;
    top: 7px;
    margin-right: 10px;
    background-position: -105px 1px;
    background-color: transparent;
    opacity: 1;
    transition: right 0.3s linear;
}

.box_search_wrap .box_search form input[type="text"]:focus ~ input#searchsubmit {
    right: 16px;
    transition: right 0.3s linear;
    opacity: 0.8;
}

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

:-moz-placeholder { /* Firefox 18- */
    color: #c8c8c8;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #c8c8c8;
}

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

.search_result_link {
    text-align: center;
}

    .search_result_link ul {
        color: #b1b1b1;
        text-align: right;
        display: inline-block;
    }

        .search_result_link ul li {
            position: relative;
        }

            .search_result_link ul li:before {
                content: "";
                right: -5px;
                width: 7px;
                height: 7px;
                border-radius: 100%;
                background: #b1b1b1;
                display: inline-block;
                top: 5px;
                bottom: 0;
                position: absolute;
            }

            .search_result_link ul li:hover:before {
                background: #ff775c;
            }

            .search_result_link ul li a {
                color: #767676;
                font-size: 13px;
                padding-bottom: 10px;
                font-weight: bold;
                display: inline-block;
                -webkit-transform: perspective(1px) translateZ(0);
                transform: perspective(1px) translateZ(0);
                box-shadow: 0 0 1px transparent;
                position: relative;
                overflow: hidden;
                margin-right: 10px;
                margin-bottom: 4px;
                padding-left: 10px;
            }

.search_link li a.actives {
    color: #ff3c1e;
    position: relative;
}

.search_result_link ul li a:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 100%;
    right: 0;
    bottom: 0;
    background: #ff3c1e;
    height: 2px;
    -webkit-transition-property: left;
    transition-property: left;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
}

.search_result_link ul li a:hover:before,
.search_result_link ul li a:focus:before,
.search_result_link ul li a:active:before {
    left: 0;
}

.banner_wrapper {
    padding: 40px 0 30px;
    box-shadow: inset 2px 0px 8px rgba(0,0,0,0.1), 0 0 0, 0 0 0, 0 0 0;
    background: #fafafa;
}

.banner_item {
    margin-bottom: 50px;
}

.bg_spirit.banner_img:before {
    width: 70px;
    height: 70px;
}

.banner_item .banner_img {
    width: 70px;
    height: 70px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
}

.banner_item .banner_img, .banner_item .banner_info {
    display: inline-block;
    vertical-align: middle;
}

    .banner_item .banner_img.store {
        background-position: -227px -96px;
    }

    .banner_item .banner_img.compony {
        background-position: -149px -96px;
    }

    .banner_item .banner_img.publish {
        background-position: -72px -96px;
    }

    .banner_item .banner_img.industry {
        background-position: 1px -96px;
    }

    .banner_item .banner_img.elect {
        background-position: -300px -96px;
    }

    .banner_item .banner_img.rest {
        background-position: -379px -96px;
    }

    .banner_item .banner_img.net {
        background-position: -77px -168px;
    }

    .banner_item .banner_img.plug {
        background-position: 1px -168px;
    }

.banner_item:hover .banner_img {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.banner_item {
    cursor: pointer;
}

    .banner_item .banner_info span {
        display: block;
        color: #a0a0a0;
        font-size: 17px;
        line-height: 22px;
    }

    .banner_item .banner_info .banner_sub_title {
        font-size: 10px;
    }
/*Support Section*/
.support_wrapper {
    background: #fff;
}

.top_part, .bottom_part {
    position: relative;
    display: flex;
    width: 100%;
    flex-direction: row-reverse;
}

    .top_part span.leaf_divider, .bottom_part span.leaf_divider {
        top: 50%;
    }

    .top_part .leaf_divider span.leaf_item:before, .bottom_part .leaf_divider span.leaf_item:before {
        background: #fff;
    }

.support_img_wrap {
    padding: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

    .support_img_wrap img {
        width: 100%;
        height: auto;
        position: relative;
    }

.overlay_img {
    background: rgba(255,72,68,0.6);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.support_info_wrap, .support_agent_wrap {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.support_agent_wrap {
    flex-wrap: wrap;
}

.support_info_img, .support_agent_img {
    vertical-align: top;
    margin-left: 1%;
}

.support_info_img, .support_agent_img {
    width: 60px;
    height: 60px;
    background-position: -320px -32px;
}

.support_agent_img {
    display: inline-block;
    float: right;
    background-position: -383px -32px !important;
    width: 50px;
}

.bg_spirit.support_agent_img:before {
    width: 50px;
    height: 50px;
}

.support_agent_wrap .box_search_wrap {
    margin-top: -110px;
    width: 100%;
}

.leaf_divider.support_divider {
    margin-top: 0px;
}

.support_agent_top {
    display: block;
    width: 100%;
    margin-top: 40px;
}

.box_search {
    position: relative;
}

#suggesstion_box {
    position: absolute; /*top: 95%;*/
    right: 0;
    width: 100%;
    display: none;
    z-index: 999;
    padding: 20px;
    top: 60%;
}

.box_search input.sup_btn {
    background-position: -138px 1px !important;
}

.support_title, .support_num, .agent_title {
    color: #ff6c4f;
    font-size: 18px;
    margin-bottom: 10px;
    display: block;
}

.sidebar_branch, .side_support {
    display: flex;
    padding: 0 10px;
}

    .sidebar_branch img, .side_support img {
        margin-left: 20px;
    }

    .side_support .support_title, .sidebar_branch .support_title {
        font-size: 16px;
    }

    .side_support .support_num {
        font-size: 27px;
    }

    .side_support .support_info p, .sidebar_branch .support_info p {
        font-size: 13px;
        margin-bottom: 8px;
        line-height: 23px;
    }

.sidebar_holou:hover .support_info p {
    color: #505050;
}

.sidebar_holou:hover .sidebar_branch img, .sidebar_holou:hover .side_support img {
    margin-right: 5px;
}

.widget_full_banner_widget {
    padding-top: 20px;
}

    .widget_full_banner_widget a img {
        width: 100%;
        height: auto;
    }

.support_info p {
    color: #b7b7b7;
    margin-bottom: 15px;
}

.agent_info {
    margin-bottom: 20px;
}

.support_num {
    font-size: 32px;
    direction: ltr;
    text-align: right;
}

.support_agent_wrap {
    padding: 0 7% 0;
}

span.leaf_divider.support_divider, .agent_divider {
    display: block;
    top: calc(50% - 23px);
}

    span.leaf_divider.support_divider span.leaf_item:before, .agent_divider span.leaf_item:before {
        margin-top: 0px;
    }

    span.leaf_divider.support_divider span.leaf_item:after, .agent_divider span.leaf_item:after {
        margin-top: 12px;
    }

    .agent_divider span.leaf_item:after, .agent_divider span.leaf_item:before {
        transform: rotateX(180deg);
    }

.certificate_wrapper {
    padding: 50px 0 58px;
    border-top: 3px solid #ff6d50;
}

.certificate_title {
    padding-bottom: 15px;
    font-size: 18px;
}

.certificate_img {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 55px 0 0;
    flex-wrap: wrap;
}

    .certificate_img li {
        margin: 0 2%;
        display: inline-flex;
    }

.service_banner {
    background: #ff6450;
    position: relative;
}

    .service_banner .srv_banner_item {
        color: #ededed;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 105px;
    }

        .service_banner .srv_banner_item:first-child, .service_banner .srv_banner_item:first-child a, .service_banner .srv_banner_item:last-child {
            background: #e32200;
            color: #fff;
        }

.srv_banner_img, .srv_banner_info {
    display: inline-block;
    vertical-align: middle;
}

    .srv_banner_info a:hover span.srv_login {
        color: #E32100;
        background: rgb(0, 0, 0);
    }

.service_banner .srv_banner_item:first-child a:hover {
    color: #000;
}

.bg_spirit.srv_banner_img:before {
    width: 50px;
    height: 50px;
}

.srv_banner_img {
    margin-left: 10px;
    width: 50px;
    height: 50px;
}

.srv_cart {
    background-position: -308px -172px;
}

.srv_cons {
    background-position: -257px -172px;
}

.srv_sup, .srv_req {
    margin-left: 0;
    margin-right: 10px;
}

.srv_req_info {
    text-align: left !important;
}

    .srv_req_info a {
        display: inline-block;
        margin-top: 5px;
    }

.srv_sup {
    background-position: -201px -172px;
}

.srv_req {
    background-position: -147px -172px;
}

.srv_banner_info {
    text-align: right;
}

    .srv_banner_info span {
        display: block;
        font-size: 15px;
        line-height: 22px;
    }

.srv_sub_title {
    font-size: 14px;
}

.srv_email {
    font-size: 16px;
}

.ltr_direc {
    direction: ltr;
}

.srv_login {
    background: #fff;
    color: #333;
    border-radius: 13px 30px 30px 30px;
    font-size: 12px !important;
    display: inline-block !important;
    padding: 0px 10px 1px;
    font-weight: bold;
}

.service_banner .leaf_divider span.leaf_item:before {
    width: 55px;
    height: 55px;
    margin-top: 0px;
}

.service_banner .leaf_divider span.leaf_item:after {
    width: 25px;
    height: 25px;
    margin-top: 15px;
}

.footer_top {
    padding: 100px 0 80px;
    background-image: url(images/footerbg.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center bottom;
    display: inline-block;
    width: 100%;
}

.logo_footer {
    text-align: center;
    position: relative;
    margin-bottom: 55px;
}

    .logo_footer:after {
        content: "";
        position: absolute;
        background-image: url(images/spirit.png);
        background-repeat: no-repeat;
        background-position: -264px -4px;
        width: 125px;
        height: 26px;
        right: 0;
        top: 100%;
        margin: 0 auto;
        left: 0;
    }

.menu_footer_title {
    margin-bottom: 10px;
    display: inline-block;
}
/*.menu_footer_wrap {padding-right: 20%;}*/
.footer_menu_box {
    padding-right: 0;
}

    .footer_menu_box ul li a {
        position: relative;
        color: #607774;
        display: inline-block;
        padding: 5px 0;
        font-size: 14px;
        padding-right: 13px;
        transition: all 0.3s linear;
    }

        .footer_menu_box ul li a:before {
            content: "";
            position: absolute;
            width: 8px;
            height: 8px;
            background: #607774;
            border-radius: 100%;
            right: 0;
            top: 11px;
            transition: all 0.3s linear;
        }

        .footer_menu_box ul li a:hover {
            color: #ff684f;
        }

            .footer_menu_box ul li a:hover:before {
                background: #ff684f;
            }

.footer_bottom {
    background: #000;
    border-top: 0px solid #ff6c4f;
    padding: 19px 0;
    position: relative;
}

    .footer_bottom span.leaf_divider {
        top: calc(50% - 18px) !important;
        margin-top: 0;
    }

    .footer_bottom .leaf_divider span.leaf_item {
        transform: rotateX(180deg);
    }

        .footer_bottom .leaf_divider span.leaf_item:before {
            margin-top: 0px;
            width: 40px;
            height: 40px;
            border-radius: 100%;
        }

        .footer_bottom .leaf_divider span.leaf_item:after {
            margin-top: 12px;
            width: 15px;
            height: 15px;
        }

.copy_right img, .copy_right p {
    display: inline-block;
    vertical-align: middle;
}

.copy_right p {
    color: #919191;
    font-size: 11px;
    padding-right: 10px;
}

.social_wrap {
    margin-top: 3px;
    text-align: left;
}

    .social_wrap a, .social_sh li a {
        display: inline-block;
        width: 20px;
        height: 18px;
        background: transparent url('images/social.png') no-repeat 0 0;
        margin-left: 4px;
        opacity: 1;
        transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -webkit-transition: all 0.2s linear;
        -o-transition: all 0.3s linear;
    }

.social_sh li a {
    margin-left: 6px;
}

.social_sh li:last-child a {
    margin-left: 0px;
}

.social-icons {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.social_sh {
    margin-right: 10px;
}

    .social_sh li {
        display: inline-block;
    }

        .social_wrap a.f-facebook, .social_sh li a.f-facebook {
            background-position: -89px 0px;
        }

        .social_wrap a.f-twitter, .social_sh li a.f-twitter {
            background-position: -71px 0px;
        }

        .social_wrap a.f-googleplus, .social_sh li a.f-googleplus {
            background-position: -43px 0px;
        }

.social_wrap a.f-instagram {
    background-position: -139px 0px;
}

.social_wrap a.f-linkedin, .social_sh li a.f-linkedin {
    background-position: 0px 1px;
}

.social_wrap a.f-pinterest {
    background-position: -166px 0px;
}

.social_wrap a.f-rss {
    background-position: -169px 0px;
}

.social_wrap a.f-yelp, .social_sh li a.f-yelp {
    background-position: -22px 0px;
}

.social_wrap a.f-telegram, .social_sh li a.f-telegram {
    background-position: -109px 0px;
}

.social_wrap a.f-viber {
    background-position: -363px 0px;
}

.social_wrap a.f-whatsapp {
    background-position: -331px 0px;
}

.social_wrap a.f-youtube {
    background-position: -200px 0px;
}

.social_wrap a.f-facebook:hover, .social_sh li a.f-facebook:hover {
    background-position: -89px -18px;
}

.social_wrap a.f-twitter:hover, .social_sh li a.f-twitter:hover {
    background-position: -71px -15px;
}

.social_wrap a.f-googleplus:hover, .social_sh li a.f-googleplus:hover {
    background-position: -43px -16px;
}

.social_wrap a.f-instagram:hover {
    background-position: -139px -20px;
}

.social_wrap a.f-linkedin:hover, .social_sh li a.f-linkedin:hover {
    background-position: 0px -15px;
}

.social_wrap a.f-pinterest:hover {
    background-position: -166px -15px;
}

.social_wrap a.f-rss:hover {
    background-position: -169px -19px;
}

.social_wrap a.f-yelp:hover, .social_sh li a.f-yelp:hover {
    background-position: -22px -17px;
}

.social_wrap a.f-telegram:hover, .social_sh li a.f-telegram:hover {
    background-position: -109px -18px;
}

.social_wrap a.f-viber:hover {
    background-position: -363px -15px;
}

.social_wrap a.f-whatsapp:hover {
    background-position: -331px -15px;
}

.social_wrap a.f-youtube:hover {
    background-position: -200px -19px;
}

/*Breadcrumb Style*/
.breadcrumb_wrap {
    position: relative;
    padding: 20px 0;
    color: #fff;
    font-size: 12px;
    display: inline-block;
    width: 100%;
    background-color: #ff6650;
    background: -webkit-linear-gradient(#ff5851, #ff694f); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ff5851, #ff694f); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ff5851, #ff694f); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ff5851, #ff694f); /* Standard syntax */
}

#blog-breadcrumbs span a {
    color: #a40000;
    transition: all 0.2s cubic-bezier(0, 0, 0.29, 0.93);
    padding: 4px 13px;
    background-color: #ffcaca;
    border-radius: 14px;
    font-size: 11pt;
}

    #blog-breadcrumbs span a:hover {
        color: white;
        background-color: #c40000;
    }

#blog-breadcrumbs {
    padding-right: 0px;
    display: flex;
    align-items: center;
    font-size: 12px;
}

.article-image {
    min-height: 400px;
}

.no_padding {
    padding: 0;
}

.three_dot {
    background: url(images/spirit.png);
    width: 24px;
    height: 20px;
    display: inline-block;
    background-position: -429px -6px;
    margin-left: 10px;
}

.single_divider {
    border-radius: 100%;
    width: 36px;
    height: 36px;
}
/*Blog Style*/
.line_wrap {
    position: absolute;
    left: 0;
    top: 0;
    margin: 45px 0;
    width: 1px;
    height: 94%;
    background: #f4f4f4;
}

.vertical_line {
    display: inline-block;
    position: relative;
    height: 100%;
}

    .vertical_line:after, .vertical_line:before {
        content: "";
        display: inline-block;
        width: 15px;
        height: 15px;
        border-radius: 100%;
        background: #f4f4f4;
        position: absolute;
        left: -8px;
    }

    .vertical_line:after {
        top: 100%;
    }

    .vertical_line:before {
        top: 0px;
    }

.single_wrapper, .blogroll_info, .blogroll_info {
    padding: 0 0 0 5%;
    position: relative;
}

.page_menu ul {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

    .page_menu ul li a {
        font-size: 13px;
        color: #6a6a6a;
        padding: 0 10px;
        transition: all 0.3s linear;
    }

        .page_menu ul li a:hover {
            color: #ff5a51;
        }

.page_menu .current_page_item a {
    color: #ff6350;
}

.page_roll {
    padding-top: 55px;
}

.header_inner {
    margin-bottom: 20px;
    border-bottom: 1px solid #dbdbdb;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0 0 5px 0;
}

    .header_inner h1 {
        font-size: 16px;
    }

.blog_title {
    min-height: 50px;
    margin-bottom: 20px;
    margin-top: 0;
    display: inline-block;
}

.product_container .blog_title {
    margin-bottom: 0;
}

.blog_title a {
    font-size: 18px;
    color: #505050;
    display: inline-block;
    line-height: 25px;
}

    .blog_title a:hover {
        color: #ff4f51;
    }

.short_description {
    color: #989898;
    font-size: 14px;
    text-align: justify;
    line-height: 22px;
    min-height: 47px;
    margin-bottom: 38px;
    font-family: "IRANSansWeb";
}

.blog_post {
    display: inline-block;
    margin-bottom: 52px;
    width: 100%;
}

.meta_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.blog-container:hover .short_description {
    color: #505050;
}

.blog_more_wrap {
    overflow: hidden;
    position: relative; /*border: 1px solid #989898;border-radius: 5px;*/
}

    .blog_more_wrap a {
        color: #989898;
        padding: 10px 30px;
        display: inline-block;
        font-size: 13px;
    }

.blog-container:hover .blog_more_wrap:before {
    left: 6%;
}

.blog-container .blog_more_wrap a:hover, .blog_more_wrap:hover a, .btn_expander:hover {
    color: #ff4f51;
}

.adds_icon {
    background-position: -468px -317px;
}

.comment_wrap {
    color: #505050;
}

    .comment_wrap span {
        background: url(images/spirit.png);
        display: inline-block;
        width: 15px;
        height: 15px;
        background-position: -393px -8px;
        margin-left: 5px;
    }

.blogroll a img {
    display: block;
    transition: filter 0.3s;
}

.blogroll a:hover img {
    -webkit-filter: saturate(2);
    filter: saturate(2);
    display: block;
}
/*Single Post*/
.content_blog {
    margin-bottom: 10px;
}

.content_page {
    background: #fff;
    box-shadow: 0 0 10px #eee;
    min-height: 500px;
    padding: 45px 35px 45px;
    margin-bottom: 38px; /*border-top: 1px solid #dbdbdb;*/
}

.single_image {
    margin-bottom: 35px;
}

.image_cls {
    width: 100%;
    height: auto;
}

.content_blog h1, .content_blog p {
    color: #505050;
}

strrong {
    font-weight: bold !important;
}

blockquote {
    border-right: 3px solid #ff5951;
}

.content_blog p em {
    font-style: italic;
}

.content_blog p h2 {
    font-size: 20px;
}

.social_wrap {
    color: #aeaeae;
}

.content_blog h1 {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 27px;
}

.content_blog p {
    line-height: 30px;
    margin-bottom: 25px;
    text-align: justify;
}

.blog_extra {
    border-bottom: 1px solid #dbdbdb;
    padding: 20px 10px;
    clear: both;
}

.social-icons span, .single-tag, .single-tag a {
    font-size: 13px;
    color: #aeaeae;
}

    .single-tag a:hover {
        color: #fd5950;
    }

.content_blog ul {
    margin-bottom: 20px;
    padding-right: 25px;
    list-style: disc;
}

    .content_blog ul li {
        margin-bottom: 5px;
        line-height: 25px;
        color: #505050;
    }
/*Product Style*/
.feu_title {
    margin-right: 5px;
}

.price_pro {
    margin-left: 5px;
}

.product_post {
    border: 1px solid #efefef;
    padding: 10px 0px;
}

.product_info .page_menu {
    padding-left: 0;
}

.category_list {
    margin-bottom: 10px;
}

    .category_list ul li {
        margin-bottom: 10px;
        display: inline-block;
        font-size: 13px;
        padding: 0 4px;
    }

        .category_list ul li:last-child {
            margin-left: 0;
        }

.cat_link {
    padding: 6px 8px;
    border: 1px solid #bdbdbd;
    display: inline-flex;
    align-items: center;
    width: 100%;
    color: #bdbdbd;
}

.pro_cat_img {
    margin-left: 5px;
}

.category_list ul li:hover a, .category_list ul li.active_cat a, .category_list ul li a:focus {
    border-color: #ff6350;
}

.category_list ul li:hover a, .category_list ul li a:focus, .active_item, .category_list ul li.active_cat a {
    color: #ff6350;
}

.category_list ul li img {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.category_list ul li:hover img, .category_list ul li.active_cat img, .category_list ul li a:focus img, .category_list ul li.active_cat a img {
    -webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */
    filter: grayscale(0);
}

.top_box {
    display: flex;
    justify-content: space-between;
    padding: 15px 0 0 0;
    align-items: center;
    margin-bottom: 22px;
}

.left_pro_top {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

    .left_pro_top .blog_more_wrap a {
        padding: 11px 17px;
        font-size: 12px;
        position: relative;
    }

        .left_pro_top .blog_more_wrap a:before {
            padding: 11px 10px;
            content: "";
            background-image: url(images/spirit.png);
            width: 15px;
            height: 15px;
            display: inline-block;
            position: absolute;
            top: 5px;
            right: 10px;
            background-position: -468px -317px;
        }

.adds_text {
    margin-right: 20px;
}

.btn_text {
    margin-right: 10px;
}

.btn_more_wrap {
    display: flex;
    flex-direction: row-reverse;
}

.btn_expander {
    background-color: #fff;
    position: relative;
    color: #989898;
    padding: 9px 23px 9px 19px;
    margin-left: 10px;
    border: none;
    font-size: 13px;
}

    .btn_expander:before {
        position: absolute;
        display: inline-block;
        top: 7px;
        right: 9px;
        width: 15px;
        height: 15px;
        background-position: -477px -269px;
        transform: rotate(90deg);
        content: "";
        background-image: url(images/spirit.png);
    }

    .btn_expander:hover:before {
        background-position: -479px -294px;
    }

.product_post:hover {
    border-color: #989898;
}

.expander ul li {
    color: #989898;
    font-size: 13px;
}

    .expander ul li:before {
        top: 8px !important;
    }

.expander {
    display: none;
}

.pro_title {
    min-height: 0;
}

.product_img {
    border: 1px solid #dddddd;
    position: relative;
}

.product_container .meta_wrap {
    margin-bottom: 10px;
}

.product_container:hover .price_pro, .product_container:hover .id_code, .product_container:hover .pro_title a {
    color: #ff4f51;
}

.product_img span.leaf_divider {
    top: 50%;
}

.circle_divider {
    position: absolute;
    top: calc(30% - 10px );
    left: -10px;
}

    .circle_divider .circle_item:after, .circle_divider .circle_item:before {
        position: absolute;
        content: "";
        width: 25px;
        height: 25px;
        background-color: #f0f5f1;
        top: 50%;
        border-radius: 100%;
        left: -3px;
    }

    .circle_divider .circle_item:before {
        box-shadow: 0px 0px 1px #dfdfdf;
    }

    .circle_divider .circle_item:after {
        width: 12px;
        height: 12px;
        background-color: #333;
        left: 0;
        right: -15px;
        top: 6px;
        background-color: #ff5851;
    }
/*Single Product*/

.consult_btn {
    background: #ff6c4f;
    overflow: hidden;
    display: inline-block;
    background: -webkit-linear-gradient(#ff6c4f, #ff5551);
    background: -o-linear-gradient(#ff6c4f, #ff5551);
    background: -moz-linear-gradient(#ff6c4f, #ff5551);
    background: linear-gradient(#ff6c4f, #ff5551);
    color: #fff;
    border-radius: 5px;
    padding: 5px 7px;
}

    .consult_btn a {
        color: #fff;
        font-size: 12px;
    }

.single_pro .content_pro {
    padding: 10px 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pro_single_tit, .price_id {
    display: flex;
    align-items: center;
}

    .pro_single_tit h1 {
        font-size: 16px;
        margin-top: 0;
        margin-bottom: 0;
    }

.price_id {
    justify-content: space-between;
}

.pro_single_tit span {
    padding: 0 2px;
}

.feature_title {
    color: #ff5851;
}

.desc_pro p {
    color: #484848;
    font-size: 15px;
    text-align: justify;
    line-height: 20px;
}

.price_id {
    padding-bottom: 20px;
}

.garrenty {
    font-size: 13px;
    padding-right: 5px;
}

.price_id .id_code, .price_id .price_pro {
    color: #ff5651;
    font-size: 18px;
}

.pro_info {
    display: inline-block;
    width: 100%;
}

.single_sec {
    margin-bottom: 50px;
}

    .single_sec span.line_bg {
        display: inline-block;
        background: url(images/single.png);
        width: 100%;
        height: 15px;
        background-position: 0px 3px;
        background-repeat: no-repeat;
    }

.top_sec h2 {
    padding-right: 50px;
    color: #5e5e5e;
    font-size: 100% !important;
}

.top_sec {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.useful_list, .facility_content ul, .adds ul, .inner_fa ul {
    display: inline-block;
    padding-right: 40px;
}

    .facility_content ul li, .useful_list li, .inner_fa ul li {
        padding: 5px 25px;
        position: relative;
        color: #484848;
        line-height: 26px;
    }

        .facility_content ul li a, .useful_list li a {
            position: relative;
            color: #484848;
            transition: all 0.2s linear;
        }

            .facility_content ul li a:hover, .useful_list li a:hover {
                color: #ff5651;
            }

    .inner_fa ul li {
        padding: 5px 25px 5px 0;
    }

        .facility_content ul li:before, .useful_list li:before, .inner_fa ul li:before {
            padding: 5px 25px;
            position: relative;
            color: #484848;
            /* color: #484848; */
            font-size: 15px;
            text-align: justify;
            line-height: 25px;
        }

.wpcf7-form input {
    padding: 1px 15px 6px;
    line-height: 34px;
}

.adds ul {
    width: 100%;
}

    .adds ul li, .adds_page_s ul li {
        flex-wrap: wrap;
        display: flex;
        justify-content: space-between;
        position: relative;
        padding: 10px 0 17px;
        border-bottom: 1px solid #dbdbdb;
    }

        .adds ul li .right_part, .adds_page_s ul li .right_part {
            flex: 1;
        }

.adds-desc p {
    font-size: 13px;
    line-height: 19px;
}

.adds-desc {
    width: 100%;
    flex-grow: 100%;
    padding: 20px 0px;
    display: none;
    padding-right: 35px;
}

.adds ul li:before, .adds_page_s ul li:before {
    content: "";
    position: absolute;
    right: 0;
    top: 7px;
    background-image: url(images/spirit.png);
    background-position: -436px -239px;
    width: 20px;
    height: 20px;
    display: inline-block;
}

.adds_title {
    display: inline-block;
    margin-right: 35px;
}

.adds_price {
    display: inline-block;
    margin-left: 10px;
}

.adds ul li:hover .adds_title, .adds ul li:hover .adds_price, .adds_page_s ul li:hover .adds_title, .adds_page_s ul li:hover .adds_price {
    color: #ff5b5a;
}

.adds ul li:hover:before {
    transform: scale(1.5);
    background-position: -436px -262px;
}

.inner_sec {
    padding: 25px 17px 20px;
}

.owl-nav .owl-prev, .owl-nav .owl-next {
    background-repeat: no-repeat;
    width: 20px;
    font-size: 0;
    height: 20px;
    display: inline-block;
    left: 0;
    position: absolute;
    top: 50%;
    background-image: url(images/spirit.png);
}

.owl-nav .owl-next {
    right: 0;
    background-position: -476px -268px
}

.owl-nav .owl-prev {
    background-position: -462px -267px;
}

.owl-nav .owl-next:hover {
    background-position: -478px -293px;
}

.owl-nav .owl-prev:hover {
    background-position: -463px -292px;
}

.expander .inner_fa {
    display: flex;
    width: 100%;
}

.owl-item .item a, .lightgallery li a {
    background: #FF6150;
    display: inline-block;
}

.lightgallery li a {
    display: flex;
}

    .owl-item .item a img, .lightgallery li a img {
        transition: all 0.3s linear;
    }

    .owl-item .item a:hover img, .lightgallery li a:hover img {
        opacity: 0.2;
    }
/*Pagination Style*/
.archive-pag {
    display: flex;
    justify-content: flex-end;
}

    .archive-pag li {
        background: #f4f4f4;
        border-radius: 100%;
        margin: 0 5px;
    }

        .archive-pag li.page.current {
            background: transparent;
        }

            .archive-pag li.page.current a {
                color: #ff5551;
            }

        .archive-pag li a {
            display: inline-block;
            padding: 10px 14px;
            color: #b6b6b6;
            transition: all 0.3s linear;
        }

            .archive-pag li a:hover {
                color: #ff5551;
            }
/*Comments*/
.alert {
    padding: 15px 0;
    margin-bottom: 0px;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #a49898;
    font-size: 13px;
}

    .alert a {
        color: #a49898;
    }

        .alert a:hover {
            color: #ff6c4f;
        }

.comment_wrapper {
    padding: 45px 0;
}

.form-control:focus {
    border-color: #9a9999;
    box-shadow: none;
}

.comment_title, .collegue_title {
    margin-bottom: 55px;
    width: 40%;
    margin: 0 auto 55px;
    border-bottom: 1px solid #dbdbdb;
    height: 10px;
    line-height: 2px;
    text-align: center;
}

.collegue_title {
    margin-bottom: 60px;
    width: 55%;
    margin-top: 10px;
}

    .comment_title span, .collegue_title h1 {
        display: inline-block;
        background: #fff;
        padding: 5px 10px;
        color: #989898;
        font-size: 18px;
        min-height: 20px;
        min-width: 10%;
    }

    .collegue_title h1 {
        margin-top: 0;
        margin-bottom: 0;
        padding: 0px 10px;
    }

.form-control {
    border-radius: 3px;
    margin-bottom: 27px;
    height: 39px;
    border: 1px solid #dbdbdb;
}

textarea.form-control {
    border-radius: 3px 3px 3px 50px;
    margin-bottom: 27px;
}

.comment-respond {
    padding: 0 40px;
    border-bottom: 1px solid #dbdbdb;
}

.comment_field input, .comment-text textarea {
    padding-right: 25px;
}

.comment_field {
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
}

.comment-text {
    position: relative;
}

    .comment-text:after {
        position: absolute;
        width: 10px;
        height: 10px;
        background: #ff5d50;
        border-radius: 100%;
        display: inline-block;
        content: "";
        left: 2px;
        top: 94%;
    }

.form-submit {
    margin-bottom: 45px;
}

span.require {
    width: 5px;
    height: 5px;
    background-color: #dbdbdb;
    text-align: left;
    position: absolute;
    border-radius: 50%;
    top: 19px;
    right: 25px;
}

.field_wrapper {
    padding: 0 7px;
}

.comment-text span.require {
    right: 11px;
}

.comment-respond .comment_field div.error, .comment-respond .comment-text div.error {
    font-size: 12px;
    padding: 5px 0;
    color: #ff5d50;
    float: right;
    display: inline-block;
    margin-top: -25px;
}

.form-control.error {
    border-color: #ff5d50;
}

.checkbox-error .require {
    background-color: #ff5d50;
}

.comments {
    display: flex;
    justify-content: space-between;
}

.comment_wrapper .comments-list_wrap ul.comment-list {
    margin: 20px 0;
    padding: 20px 0px;
    display: inline-block;
    width: 100%;
}

.comment-list li {
    display: inline-block;
    width: 100%;
    clear: both;
}

.comment-top-section, .link-braces, .comment-avatar {
    display: inline-block;
}

.comment-avatar {
    width: 58px;
    height: 58px;
}

    .comment-avatar img {
        width: 100%;
        height: auto;
    }

.link-braces, .comment-top-section {
    vertical-align: top;
}

.link-braces {
    width: 70%;
    background: #fcfcfc none repeat scroll 0 0;
    display: flex;
    width: 70%;
    margin-right: 5%;
    padding: 17px 27px;
    justify-content: space-between;
}

em.comment-awaiting-moderation {
    font-size: 13px;
}

.comment-top-section {
    padding: 12px 22px 12px 0;
    color: #a0a0a0;
}

span.comment-date {
    font-size: 12px;
    color: #d7d7d7;
}

span.author-name {
    font-size: 16px;
    margin-bottom: 8px;
}

.link-braces p {
    line-height: 19px;
    text-align: justify;
    margin-left: 10px;
    color: #8d8d8d;
    font-size: 13px;
    align-items: center;
    display: inline-flex;
}

.reply.reply_arrow {
    display: inline-flex;
}

.comment-date, .author-name {
    display: block;
    width: 100%;
}

.comment-top-section {
    display: inline-block;
    width: calc(25% - 66px);
}

.comment-reply-link {
    float: left;
    background-image: url("images/spirit.png");
    background-position: -411px -7px;
    font-size: 0;
    height: 20px;
    width: 16px;
    margin-left: -5px;
}

    .comment-reply-link:hover {
        background-position: -402px -294px;
    }

.commentbox {
    margin-bottom: 35px;
}

ul.children {
    width: 90%;
    float: left;
}

.logged-in-as {
    margin: 30px 0;
}

.form-submit .send-btn {
    background: #fff;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    padding: 6px 29px;
    color: #dbdbdb; /* ff5d50 */
}

.form-submit .btn_border_comment:hover .send-btn {
    color: #ff5d50;
}

#cancel-comment-reply-link {
    padding: 6px 29px;
    color: #ff694f;
    border-radius: 3px;
    border: 1px solid #ff694f;
}

    #cancel-comment-reply-link:hover {
        background: #ff694f;
        color: #fff;
        transition: 0.3s;
    }
/*Collegue style*/
.infoWindowContainer .infoWindow h3, .prettyMapList li.corePrettyStyle {
    border: solid 1px #dbdbdb !important;
    color: #989898 !important;
    background: #fafafa !important;
    transition: all 0.3s linear;
}

    .prettyMapList li.corePrettyStyle:hover, .prettyMapList li.corePrettyStyle:visited {
        background: #fff !important;
    }

.prettyMapList .prettylink > a, .prettyMapList .prettylink > a:visited {
    color: #989898 !important;
}

.prettyMapList .mapcategories {
    float: left !important;
}

.viewLocationDetail span, .mapcategories span {
    color: #989898;
}

.feature {
    float: left;
}

.feature {
    width: 19px;
    height: 19px;
    margin-left: 3px;
    background: transparent url(images/spirit.png) no-repeat 0 0 !important;
}

    .feature[attr_feature="star"] {
        background-position: -427px -417px !important;
    }

    .feature[attr_feature="nostar"] {
        background-position: -425px -296px !important;
    }

.mapcategories {
    margin-left: 2%;
}

.prettyMapList .prettylink .mapcategories span {
    color: #98989d !important;
}

.prettyMapList .prettylink {
    padding: 15px 10px 15px 15px !important
}

.prettyMapList .map:after, .prettyMapList .customCategoryList .btn.showSortingBtn:before,
.viewLocationDetail:before {
    background: transparent url(images/spirit.png) no-repeat 0 0 !important;
}

.prettyMapList .map:after {
    background-position: -405px -336px !important;
}

.active_map .viewLocationDetail:before {
    background-position: -426px -363px !important;
}

.prettyMapList .corePrettyStyle.active_map {
    background: #fff !important;
}

.prettyMapList .mapLocationDetail {
    padding: 10px 0;
    border-top: 1px solid #ff6350;
    margin-top: 13px;
}

.infoWindowContainer .infowindowContent .map_img,
.infoWindowContainer .infowindowContent .telephone, .infoWindowContainer .hours_title, .infoWindowContainer .work_hours {
    display: none;
}

.infoWindowContainer .infowindowContent .map_title {
    padding-right: 20px;
}

.description.float_left {
    color: #505050 !important;
    float: none !important;
    width: 100% !important;
}

    .description.float_left p {
        margin-bottom: 20px;
    }

.telephone, .map_address, .hours_title, .map_website {
    display: flex;
    align-item: center;
    padding-right: 5px;
}

    .telephone .phone_icon, .map_address .address_icon, .hours_icon, .web_icon {
        display: inline-block;
        background: url(images/spirit.png);
        background-position: -402px -393px;
        width: 20px;
        height: 20px;
        margin-left: 2%;
    }

    .map_address .address_icon {
        background-position: -424px -363px;
    }

.mapDescription img.featuredImage {
    display: none;
}

.map_title h4 {
    font-size: 19px;
    margin-bottom: 24px;
}

.map_img {
    margin-bottom: 30px;
}

    .map_img img {
        width: 100%;
        height: auto;
    }

.map_address {
    margin-bottom: 15px;
    line-height: 22px;
}

.prettyMapList .mapLocationDetail {
    padding: 35px 7px 20px !important;
}

.prettyListItems .prettylink:hover a:before {
    background-position: -426px -363px !important;
}

.prettyMapList .customCategoryList .btn.showSortingBtn:before {
    background-position: -409px -343px !important;
}

.prettyMapList .customCategoryList ul {
    right: 4px !important;
    top: 35px !important;
}

    .prettyMapList .customCategoryList ul a {
        color: #9a9898 !important;
    }

        .prettyMapList .customCategoryList ul a:hover {
            color: #ff6650 !important;
        }

.prettyMapList .directionsPostcode, .prettyMapList .prettyFileBar .prettyMapListSearch input, .prettyMapList .prettyFileBar .prettySearchValue {
    padding: 3px 5px !important;
}

.prettyMapList .prettyFileBar .prettyMapListSearch a {
    background: transparent !important;
    border: 1px solid #ff6650 !important;
    color: #ff6650 !important;
    padding: 7px 20px !important;
    margin-right: 7px !important;
    transition: all 0.3s linear !important;
}

    .prettyMapList .prettyFileBar .prettyMapListSearch a:hover,
    .mapLocationDetail .getDirections form .getdirections.btn:hover {
        background: #ff6350 !important;
        color: #fff !important;
    }

.prettyMapList .prettyFileBar .distanceSelector {
    width: 125px;
    font-size: 12px;
    color: #ccc !important;
    line-height: 25px !important;
    padding: 3px 4px !important;
    -webkit-appearance: none;
}

.prettyFileBar label.bg_arrow {
    position: relative;
    margin-right: 0px !important;
}

    .prettyFileBar label.bg_arrow:after {
        content: '';
        left: 10px;
        top: 9px;
        padding: 0 0 2px;
        background-image: url(images/spirit.png);
        width: 17px;
        height: 17px;
        background-position: -405px -340px !important;
        position: absolute;
        pointer-events: none;
    }

.customCategoryList .showSortingBtn {
    border: none !important;
    box-shadow: none !important;
    font-size: 0 !important;
    background: transparent url(images/spirit.png) !important;
    width: 20px;
    height: 20px;
    background-position: -384px -416px !important;
    display: inline-block;
}

.prettyMapList .customCategoryList {
    float: none !important;
}

.prettyMapList .prettyFileBar {
    border-bottom: none !important;
    padding-bottom: 0px !important;
}

    .prettyMapList .prettyFileBar .combo {
        padding-bottom: 0px !important;
    }

    .prettyMapList .prettyFileBar .categoryList li {
        float: right !important;
    }

        .prettyMapList .prettyFileBar .categoryList li .corePrettyStyle {
            color: #505050 !important;
            font-size: 14px !important;
            background: transparent !important;
            box-shadow: none !important;
            border: none !important;
        }

.viewLocationDetail:before {
    background-position: -405px -363px !important;
    width: 20px;
    height: 20px;
    display: inline-block;
    right: 0px;
    float: right;
    margin-left: 10px;
}

.hours_title {
    margin-top: 25px;
    margin-bottom: 10px;
}

.hours_icon {
    background-position: -425px -391px !important;
}

.work_hours {
    border: 1px solid #dbdbdb;
    border-radius: 4px;
    padding: 10px;
    display: flex;
    margin: 0 7px;
    list-style: none !important;
}

    .work_hours li {
        text-align: center;
        position: relative;
    }

        .work_hours li span {
            display: inline-block;
            width: 100%;
            margin-bottom: 10px;
        }

            .work_hours li span:last-child {
                margin-bottom: 0;
            }

.current.days .days_hour {
    color: #ff6350;
}

.current.days:before {
    content: "";
    width: 10px;
    height: 10px;
    background-color: #ff6350;
    border-radius: 100%;
    position: absolute;
    top: -16px;
    right: 0;
    left: 0;
    display: inline-block;
    margin: 0 auto;
}

.prettyMapList .directionsPostcode:focus, .prettyMapList .prettyFileBar .prettyMapListSearch input:focus, .prettyMapList .prettyFileBar .prettySearchValue:focus {
    box-shadow: none !important;
    border-color: rgb(152, 152, 152) !important;
}

.prettyMapList .prettyFileBar .categoryList li .corePrettyStyle:hover {
    color: #ff6350 !important;
}

.inner_wrap {
    background-color: #fafafa;
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    padding: 15px 10px;
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 15px;
}

.prettyMapList .prettyFileBar .combo {
    position: static !important;
}

    .prettyMapList .prettyFileBar .combo .clearSearch {
        min-width: 30px !important;
        font-size: 13px !important;
        right: 82% !important;
        bottom: 15px !important;
    }

.categoryList {
    margin-bottom: 5px;
}

.prettyPagination .btn {
    background: #f4f4f4 !important;
    width: 35px;
    height: 35px;
    border-radius: 50% !important;
    box-shadow: none !important;
    transition: all 0.3s linear;
    font-size: 0 !important;
    line-height: 39px !important;
    border: none !important;
}

    .prettyPagination .btn span {
        background: transparent url(images/spirit.png) !important;
        width: 15px;
        height: 15px;
        display: inline-block;
        background-position: -414px -10px !important;
    }

.prettyPagination a.pfl_next {
    margin-right: 40%;
}

.prettyPagination a.pfl_prev {
    margin-left: 40%;
}

    .prettyPagination a.pfl_prev span {
        transform: rotate(180deg);
    }

.prettyPagination .btn:hover {
    background-color: transparent !important;
}

.pagingInfo {
    font-size: 0px;
}

.prettyMapList .prettyFileBar .prettyMapListSearch {
    text-align: right !important;
}

.getDirections .corePrettyStyle {
    background-color: transparent !important;
    border: 1px solid #ff6650 !important;
}

.getdirectionsgeo {
    margin-top: -3px;
    width: 40px !important;
}

.mapLocationDetail .getDirections form .getdirections.btn {
    transition: all 0.3s linear;
    margin-top: -3px;
    background: transparent !important;
    color: #ff6650 !important;
    margin-left: 10px;
}

.getDirections form {
    margin-top: 10px;
}

.directionsPostcode {
    margin-left: 10px !important;
}

.prettyMapList .getDirections input {
    line-height: 22px !important;
}

.prettyMapList .prettyMessage {
    background: #fafafa !important;
    border: 1px solid #dbdbdb !important;
    font-size: 12px !important;
    display: inline-block;
}

    .prettyMapList .prettyMessage:after {
        display: none !important;
    }

.prettyMapList .multiCategoryFilter {
    margin-top: 0px !important;
}

.prettyMapList .prettyMessage a {
    margin-left: 10px !important;
    color: #fe665a !important;
    margin-top: -4px !important;
    transition: all 0.3s linear;
}

    .prettyMapList .prettyMessage a:hover {
        color: #333 !important;
    }

#side_map {
    display: inline-block;
    width: 50%;
    padding-right: 20px;
}

.prettyFileBar, .inner_wrap, .categoryList, .prettyMessage, #ListContainer, .prettyPagination {
    width: 100% !important;
}

.prettySearchLocationValue {
    line-height: 27px !important;
}

.cat_custom_link {
    font-size: 14px;
    list-style-type: none;
    margin: 0 !important;
    padding: 0 !important;
}

    .cat_custom_link li {
        background-image: none;
        list-style-type: none;
        margin: 0;
        padding: 0;
        cursor: pointer;
        float: right !important;
        margin-right: 0;
        margin-left: 25px;
    }

        .cat_custom_link li img {
            position: relative;
            top: 5px;
            vertical-align: text-top;
            margin-left: 10px;
        }

        .cat_custom_link li:hover {
            color: #ff6350 !important;
        }

.categoryList {
    display: none;
}

.active_branch {
    position: relative;
    color: #ff6350 !important;
}

    .active_branch:before {
        position: absolute;
        content: "\2713 ";
        height: 10px;
        left: -14px;
        position: absolute;
        top: 5px;
        width: 10px;
    }

.infoWindowContainer.infobox {
    border: solid 1px #999;
    display: inline-block;
}

.prettylink .viewLocationDetail {
    padding: 0 6px;
}

.map_address a {
    color: #333
}

body .infoWindowContainer .infoWindow h3 {
    padding: 7px 30px !important;
}

    body .infoWindowContainer .infoWindow h3 a {
        color: #333 !important;
    }

.viewLocationPage.btn {
    background: #fff !important;
    border-color: #ff6650 !important;
    color: #ff6650 !important;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    box-shadow: none !important;
}

    .viewLocationPage.btn:hover {
        background: #ff6650 !important;
        color: #fff !important;
    }

.categoryLabel {
    display: none;
}

.collegu_page {
    margin-left: 5%;
}

.page-template-collegue .single_wrapper, .page-template-contact .single_wrapper {
    padding: 0;
}

.infowindowContent .additionalDetail .map_address {
    display: none;
}

.cart_icon {
    display: inline-block;
    margin-right: 10px;
    padding: 5px;
}

    .cart_icon span {
        background-image: url(images/spirit.png);
        background-position: -50px -2px;
        width: 25px;
        height: 20px;
        display: inline-block;
        background-position: -440px -176px;
        margin-top: 2px;
    }

    .cart_icon:hover span {
        background-position: -440px -199px;
    }
/*Hover effect*/
.gra_btn {
    position: relative;
}

.btn-shine {
    overflow: hidden;
    position: relative;
}

    .btn-shine:after {
        background: #fff;
        content: "";
        height: 155px;
        left: -75px;
        opacity: .2;
        position: absolute;
        top: -50px;
        -webkit-transform: rotate(35deg);
        transform: rotate(35deg);
        -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
        transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
        width: 50px;
        z-index: 0;
    }

    .btn-shine:hover:after {
        left: 120%;
        -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
        transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
    }

.btn_border, .btn_expander, .btn_border_comment {
    position: relative;
}

.btn_border_comment {
    display: inline-block;
}

    .btn_border svg, .btn_border_comment svg, .btn_expander svg {
        height: 33px;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

    .btn_border rect, .btn_border_comment rect, .btn_expander rect {
        fill: none;
        stroke: #dbdbdb;
        stroke-width: 2;
        stroke-dasharray: 422, 0;
    }

    .btn_border_comment rect {
        stroke: #dbdbdb;
    }

    .blog-container .btn_border:hover rect, .btn_border_comment:hover rect,
    .blog_more_wrap:hover rect, .btn_expander:hover rect {
        stroke: #FF694F;
        stroke-width: 2;
        stroke-dasharray: 0, 310;
        stroke-dashoffset: 38; /* 102 */
        /*stroke-dasharray: 15, 310;
  stroke-dashoffset: 48;*/
        -webkit-transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
        transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
    }

.blog-container .btn_border:hover rect {
    stroke-dashoffset: 80;
}

.btn_expander:hover rect {
    stroke-dashoffset: 85;
}

.btn_border_comment:hover rect {
    stroke-dashoffset: 150;
}

span.leaf_item:hover:before {
    margin-top: 10px;
}

span.leaf_item:hover:after {
    margin-top: 22px;
}

.leaf_divider.single_divider .leaf_item:hover:after {
    margin-top: 17px;
}

.leaf_divider.single_divider .leaf_item:hover:before {
    margin-top: 5px;
}

.service_banner span.leaf_item:hover:before {
    margin-top: 5px;
}

.service_banner span.leaf_item:hover:after {
    margin-top: 20px;
}

.footer_bottom span.leaf_item:hover:before {
    margin-top: 7px; /* 15 */
}

.footer_bottom span.leaf_item:hover:after {
    margin-top: 19px; /* 27 */
}

.support_divider span.leaf_item:hover:before, .support_divider span.leaf_item:hover:after {
    left: 10px;
}

.agent_divider span.leaf_item:hover:before, .agent_divider span.leaf_item:hover:after {
    right: 10px;
}

.agent_divider span.leaf_item:hover:before {
    margin-top: 0;
}

.agent_divider span.leaf_item:hover:after {
    margin-top: 12px;
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

    .wp-caption.alignnone {
        margin: 5px 20px 20px 0;
    }

    .wp-caption.alignleft {
        margin: 5px 20px 20px 0;
    }

    .wp-caption.alignright {
        margin: 5px 0 20px 20px;
    }

    .wp-caption img {
        border: 0 none;
        height: auto;
        margin: 0;
        max-width: 98.5%;
        padding: 0;
        width: auto;
    }

    .wp-caption p.wp-caption-text {
        font-size: 11px;
        line-height: 17px;
        margin: 0;
        padding: 0 4px 5px;
    }

.certificate_gallery {
    display: inline-block;
    width: 100%;
    margin-top: 30px;
}

.lightgallery {
    list-style: none !important;
    display: flex;
    justify-content: center;
    align-item: center;
    flex-wrap: wrap;
}

    .lightgallery li {
        margin: 0 1%;
    }

.archive .not_found {
    margin-top: 50px;
}

.not_found {
    min-height: 500px;
    padding: 50px 0;
}

    .not_found img {
        width: 100%;
        height: auto;
        margin-bottom: 30px;
    }

.contact_map_wrapper {
    height: 235px;
    margin: 20px 0px;
    display: inline-block;
    width: 95%;
    border: 1px solid #c3c3c3;
    border-radius: 10px;
}

    .contact_map_wrapper .acf-map {
        height: 233px;
        border-radius: 10px;
    }

.wpcf7-form input, .wpcf7-form textarea, select.contact-list {
    border: 1px solid #eee;
    border-radius: 3px;
    padding: 3px 15px;
    margin-bottom: 20px;
    font-size: 12px;
    width: 100%;
}

select.contact-list {
    width: 41%;
    margin-bottom: 15px;
    margin-right: 10px;
}

.wpcf7-form textarea {
    padding: 7px 15px;
}

input.wpcf7-submit {
    padding: 10px 30px;
    background-color: transparent;
    border-color: #ff6350;
    color: #ff6350;
    transition: all 0.3s linear; /*width: auto;*/
}

    input.wpcf7-submit:hover {
        background-color: #ff6350;
        color: #fff;
    }

.contact_form h3, .contact_info h3 {
    font-size: 16px;
    margin-bottom: 20px;
}

.contact_info p {
    margin-bottom: 8px;
    text-align: right;
}

.contact_info {
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
}

.contact_social {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
}

    .contact_social span {
        font-size: 13px;
        color: #6a6a6a;
        padding-left: 20px;
    }

.wpcf7-response-output, div.wpcf7-mail-sent-ok {
    padding: 10px 30px;
    border: 1px solid #ff6350;
    border-radius: 3px;
    font-size: 12px;
}

span.wpcf7-not-valid-tip {
    color: #ff6350;
    font-size: 11px;
    position: absolute;
    bottom: -15px;
    right: 0;
}

div.wpcf7-response-output {
    margin: 3px 0;
    margin-top: 15px;
    padding: 10px;
    width: 100%;
}

.logo_contact :after {
    content: "" !important;
    background-image: none !important;
}

.contact_text {
    text-align: center;
    line-height: 22px;
}

.page-template-contact .wpcf7-form p {
    display: inline-block;
    width: 95%;
}

.page-template-contact .wpcf7-form-control-wrap {
    width: 100%;
}

.rc-anchor-light {
    display: none !important;
}

.contact_sec_title {
    display: inline-block;
    margin-bottom: 20px;
    position: relative;
}

    .contact_sec_title:before {
        margin-left: 15px;
        content: "";
        display: inline-block;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        vertical-align: middle;
        background: #ff6350;
        top: 0;
        right: 0;
    }

span.contact_icon {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url(images/spirit.png);
    background-position: -5px -7px;
    margin-left: 10px;
}

.phone-contact span.contact_icon {
    background-position: -472px -347px;
}

.fax-contact span.contact_icon {
    background-position: -472px -372px;
}

.email-contact span.contact_icon {
    background-position: -472px -394px;
}

.address-contact span.contact_icon {
    background-position: -472px -420px;
}

.address-contact span {
    line-height: 22px !important;
}

.contact_phone {
    direction: ltr;
}

.contact_info_box {
    display: inline-block;
    margin-bottom: 40px;
}

.contact_box {
    padding-right: 0;
}

.contact_info h3 {
    margin-bottom: 40px;
    margin-top: 24px;
}

.contact-content span {
    color: #000;
}

.contact_outer {
    padding-right: 5%;
    padding-left: 4%;
}

.address-contact p span {
    line-height: 24px;
}

.map_website a {
    color: #565656 !important;
    transition: all 0.3s linear !important;
    -webkit-transition: all 0.3s linear !important;
}

.additionalDetail .telephone {
    margin-bottom: 5px;
}

.web_icon {
    background-position: -447px -391px;
}

.map_website a:hover {
    color: #ff6350 !important;
}

.prettyMapList .prettylink {
    cursor: normal;
}

.infoWindow .map_website {
    display: none;
}

.contact_info_wrap {
    display: inline-block;
}
/*.captcha_wrapper {padding-right: 0;}*/
.submit_contact {
    text-align: left;
}
/*.contact_form {padding-right: 7%;}*/
.contact-message span.wpcf7-not-valid-tip {
    bottom: 13px;
}


em.notnumber:hover {
    background: #e32100 !important;
}

em.notnumber {
    position: absolute !important;
    display: block !important;
    top: 2px !important;
    width: 14px !important;
    height: 14px !important;
    font-style: normal !important;
    background: #ff5b51 !important;
    color: #fff !important;
    border-radius: 50px !important;
    font-size: 9px !important;
    line-height: 14px !important;
    text-align: center !important;
    left: 20px !important;
    cursor: pointer !important;
    transition: all 0.2s linear !important;
}

.single_wrapper {
    display: inline-block;
    width: 100%;
}

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

.infoWindowContainer .infoWindow .map_title h4 {
    margin: 0 0 10px;
    font-size: 15px;
    font-family: "WebsimaRohanRound-Regular";
}

    .infoWindowContainer .infoWindow .map_title h4 a {
        display: none;
    }

.infoWindowContainer .infowindowContent .map_title {
    padding-right: 20px;
}

.corePrettyStyle.prettylink .map_title {
    display: none;
}

.contact_add {
    line-height: 22px;
}

.post-type-archive-notification .meta_wrap {
    display: flex;
    justify-content: flex-end;
}

.seennote a, .seennote p, .seennote img {
    opacity: 0.5 !important;
}

a.viewLocationPage.btn.corePrettyStyle:hover {
    background: #ff6350 !important;
    color: #fff !important;
}

a.viewLocationPage.btn.corePrettyStyle {
    background: transparent !important;
    border: 1px solid #ff6650 !important;
    color: #ff6650 !important;
    padding: 4px 20px 6px !important;
    margin-right: 7px !important;
    transition: all 0.3s linear !important;
    float: left;
    margin-top: 47px;
}

.single-post .single_wrapper .content_blog p,
.single-post .single_wrapper .content_blog a,
.single-post .single_wrapper .content_blog ul li {
    font-family: "IRANSansWeb";
}

.page-template-collegue .line_wrap {
    height: 84%;
}

.prettyPagination {
    display: inline-block;
    width: 100%;
    margin-top: 10px;
}

.container.btn_slide_wrap {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.slider img.slide_img {
    display: block;
}

.service_banner .srv_banner_item {
    color: #fff;
}

.srv_banner_info span {
    font-size: 13px;
}

.copy_right {
    position: relative;
}

    .copy_right img {
        position: absolute;
        right: 0;
    }

        .copy_right img:hover {
            right: 5px;
        }

    .copy_right p {
        padding-right: 40px;
        margin-top: 6px;
    }

.about_list .btn_border svg {
    height: 45px !important;
}

.blog_more_wrap.about_list a {
    padding: 15px 55px !important;
}

.banner_item .banner_info .banner_sub_title {
    max-width: 120px;
    line-height: 15px;
}

.more_slide {
    width: 50px;
    height: 50px;
    position: relative;
    padding: 0;
}

.mores_wrap:hover {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    margin-left: 10px;
}

.more_slide .leaf_icon {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: calc(50% - 10px);
}

.content_blog.collegu_page {
    display: inline-block;
}

.page-template-collegue .line_wrap {
    height: 88%;
    top: -20px;
}

.page-template-contact .line_wrap {
    height: 97%;
    top: -20px;
}

.rightmap #ListContainer {
    margin-bottom: 20px !important;
}

.prettyMapList li.corePrettyStyle {
    margin: 10px 0 !important;
    padding: 13px 5px !important;
}
/* Holooban page style */
.logo_holooban img.img-responsive {
    margin-bottom: 50px;
}

.sup_img_right:after {
    content: "";
    width: 1px;
    height: 85%;
    background-color: #ff6350;
    left: 0;
    top: 28px;
    position: absolute;
}

.holooban_suptitle {
    font-size: 16px;
    margin-bottom: 25px;
}

.holooban_suptext {
    font-size: 14px;
    text-align: justify;
    line-height: 21px;
}

.holooban_info {
    padding: 30px 60px 0px 0;
}

.sup_img_right img {
    width: 100%;
    height: auto;
}

.sup_img_right {
    position: relative;
}

hr.line_l {
    position: absolute;
    width: 1px;
    height: 80%;
    background: #ff6350;
    left: 0;
    top: 20px;
}

.holooban_support {
    position: relative;
    display: flex;
    margin-bottom: 60px;
}

.holooban_btn_wrap, .holooban_btn_wrap .button_list {
    display: flex;
    width: 100%;
}

.holooban_btn_wrap {
    margin: 0px 0 80px;
}

    .holooban_btn_wrap .button_list {
        justify-content: center;
        align-items: center;
        width: 65%;
        margin: 0 auto;
    }

.button_list li {
    position: relative;
    margin-left: 60px;
}

    .button_list li:last-child {
        margin-left: 3px;
    }

    .button_list li .gra_btn {
        vertical-align: middle;
        font-size: 12px;
        padding: 6px 15px 5px 25px;
        border-radius: 5px;
        min-width: 185px;
        height: 50px;
        display: inline-block;
        position: relative;
    }

    .button_list li:after {
        content: "";
        width: 15px;
        height: 15px;
        background: #d6d6d6;
        border-radius: 50%;
        display: inline-block;
        position: absolute;
        left: -37px;
        top: 19px;
    }

    .button_list li a {
        color: #fff;
        display: block;
    }

    .button_list li:first-child .gra_btn {
        background: #ffb62d;
        background: -webkit-linear-gradient(#f18d13, #ffb62d);
        background: -o-linear-gradient(#f18d13, #ffb62d);
        background: -moz-linear-gradient(#f18d13, #ffb62d);
        background: linear-gradient(#f18d13, #ffb62d);
    }

    .button_list li:nth-child(2) .gra_btn {
        background: #ff6c4f;
        background: -webkit-linear-gradient(#ff6c4f, #ff5551);
        background: -o-linear-gradient(#ff6c4f, #ff5551);
        background: -moz-linear-gradient(#ff6c4f, #ff5551);
        background: linear-gradient(#ff6c4f, #ff5551);
    }

    .button_list li:last-child .gra_btn {
        background: #ff6c4f;
        background: -webkit-linear-gradient(#add253, #7db142);
        background: -o-linear-gradient(#add253, #7db142);
        background: -moz-linear-gradient(#add253, #7db142);
        background: linear-gradient(#add253, #7db142);
    }

    .button_list li:last-child:after {
        content: "";
        display: none;
    }

    .button_list li a span {
        display: inline-block;
        vertical-align: middle;
        font-size: 14px;
    }

.holooban_btn_icon img {
    margin-left: 10px;
}

.holooban_half_img {
    display: flex;
    padding: 0 40px;
    position: relative;
    justify-content: center;
}

    .holooban_half_img div img {
        width: 100%;
        height: auto;
    }

    .holooban_half_img div {
        padding: 0;
    }

    .holooban_half_img .overlay_img:hover {
        background: rgba(255,72,68,0);
        cursor: pointer;
    }

.holooban_wrapper {
    padding-left: 0;
}

.holooban_overlay {
    visibility: hidden;
}

.holooban_property {
    display: inline-block;
    width: 100%;
    padding: 80px 0 100px;
}

.holooban_fullimg {
    margin-bottom: 25px;
}

.holooban_chimg img {
    width: 100%;
    height: auto;
}

.property_list {
    display: flex;
    width: 45%;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    position: relative;
    background: url(images/pbg.jpg);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
    min-height: 338px;
    border-radius: 26%;
    margin: 170px auto 0;
}

.prop_item {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: row;
    position: absolute;
    padding: 0;
}

    .prop_item.right_pos {
        flex-direction: row-reverse;
        right: -255px;
    }

    .prop_item.left_pos {
        left: -255px;
    }

    .prop_item.right_pos .holooban_propd {
        text-align: left;
    }

.property_list li:nth-child(1), .property_list li:nth-child(2) {
    top: 15px;
}

.property_list li:nth-child(3), .property_list li:nth-child(4) {
    top: 135px;
}

.property_list li:nth-child(5), .property_list li:nth-child(6) {
    top: 250px;
}

.property_list li:nth-child(7), .property_list li:nth-child(8) {
    top: 370px;
}

.property_list li:nth-child(1), .property_list li:nth-child(7) {
    right: -190px;
}

.property_list li:nth-child(2), .property_list li:nth-child(8) {
    left: -190px;
}

.holooban_propi img {
    max-width: 79px;
}

.holooban_propd {
    color: #767676;
    font-size: 12px;
    max-width: 185px;
    display: inline-block;
    line-height: 24px;
}

.prop_item.left_pos .holooban_propd {
    margin-right: 15px;
}

.prop_item.right_pos .holooban_propd {
    margin-left: 15px;
}

.property_title, .port_srv_title {
    text-align: center;
    font-size: 20px;
    color: #ff6350;
    margin-bottom: 50px;
}

span.leaf_divider.line_vert {
    position: relative;
}

    span.leaf_divider.line_vert:after {
        content: "";
        width: 1px;
        height: 100px;
        background: #ff6350;
        position: absolute;
        text-align: center;
        margin: 0 auto;
        left: 0;
        right: 0;
    }

.line_vert span.leaf_item:before, .line_vert span.leaf_item:after {
    top: 25px;
}

.line_vert span.leaf_item:before, .line_footer span.leaf_item:before {
    z-index: 1;
}

.port_list {
    display: inline-block;
    width: 100%;
    margin-bottom: 90px;
}

    .port_list .port_item {
        background-color: #fff;
        text-align: center;
        color: #767676;
        padding: 25px 15px;
        height: 135px;
        transition: all 0.3s linear;
        -webkit-transition: all 0.3s linear;
    }

.port_item:hover {
    cursor: pointer;
}

    .port_item:hover .holooban_srvt, .port_item:hover .holooban_srvd {
        color: #ff6350;
    }

.port_list .port_item.evenp {
    background-color: #f7f6f6;
}

    .port_list .port_item.evenp:hover {
        background-color: #ffffff;
    }

.port_list .port_item.oddp:hover {
    background-color: #f7f6f6;
}

.port_list .port_item span {
    font-size: 14px;
    display: inline-block;
    width: 100%;
}

.port_list .port_item a {
    color: #767676;
}

.holooban_srvi {
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
}

.holooban_srvt {
    font-size: 13px;
    display: inline-block;
    line-height: 20px;
    margin-bottom: 3px;
}

.line_footer, .call_phone_wrap {
    position: relative;
}

    .line_footer:after {
        content: "";
        width: 1px;
        height: 100px;
        background: #ff6350;
        position: absolute;
        text-align: center;
        margin: 0 auto;
        left: 0;
        right: 0;
    }

.call_phone_wrap {
    display: inline-block;
    width: 100%;
    margin: 95px 0 20px;
    text-align: center;
}

span.leaf_divider.line_footer {
    top: -75px !important;
}

.holooban_divider {
    display: block !important;
    top: calc(50% - 23px) !important;
    margin-top: 0px;
}

    .holooban_divider span.leaf_item:hover:before, .holooban_divider span.leaf_item:hover:after {
        left: 0px !important;
    }

    .holooban_divider span.leaf_item:hover:before {
        margin-top: 5px;
    }

    .holooban_divider span.leaf_item:hover:after {
        margin-top: 17px;
    }

.holooban_support span.leaf_divider {
    margin-top: -10px;
}

.holooban_half_img span.leaf_divider, .call_phone_wrap .leaf_divider span.leaf_item:before {
    margin-top: 0px;
}

.call_phone_wrap .leaf_divider span.leaf_item:after {
    margin-top: 13px;
}

.logo_holooban {
    margin-top: 10px;
}

.call_img {
    width: 170px;
    height: 170px;
    display: inline-block;
    background: #fafafa;
    border-radius: 50%;
    position: relative;
}

    .call_img:after, .call_img:before {
        border-radius: 50%;
        position: absolute;
        content: "";
        left: 0;
        right: 0;
        margin: 0 auto;
        display: inline-block;
    }

    .call_img:after {
        width: 100px;
        height: 100px;
        background: #f4f4f4;
        top: 35px;
        z-index: 1;
    }

    .call_img:before {
        width: 65px;
        height: 65px;
        background: #f0f0f0;
        top: 52px;
        z-index: 2;
    }

    .call_img img {
        position: absolute;
        top: 23%;
        z-index: 3;
        left: 4px;
    }

.foot_icon {
    display: inline-block;
    width: 100%;
    margin-bottom: 40px;
}

    .foot_icon a, .foot_icon .call_holooban {
        color: #ff6350;
    }

    .foot_icon .call_holooban {
        font-size: 34px;
        text-align: center;
        width: 100%;
        display: inline-block;
    }

.holooban_suptitle span {
    color: #ff6350;
}

.sup_img_righ {
    padding-left: 45px;
}

@-webkit-keyframes GradientRotation {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes GradientRotation {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.GradientRotation {
    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -ms-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
}

._97a8v {
    -webkit-animation: GradientRotation 12s steps(120) infinite;
    animation: GradientRotation 12s steps(120) infinite;
    margin-left: -25%;
    margin-top: -22%;
    min-height: 150%;
    min-width: 150%;
    padding-bottom: 75%;
    padding-top: 75%;
}

._h7ogh {
    background: -webkit-radial-gradient(70% 70% ellipse,#ee583f 8%,#d92d77 42%,#bd3381 58%);
    background: radial-gradient(ellipse at 70% 70%,#ee583f 8%,#d92d77 42%,#bd3381 58%);
    height: 100%;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: -1;
}

._hcq2b {
    display: block;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
}

._nl1vc {
    overflow: hidden;
    display: block;
    position: relative;
}

._6pe3i {
    border-radius: 50%;
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFW…9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
    height: 75px;
    width: 75px;
}
/*.holooban_propi:hover ._h7ogh{opacity:1;cursor: pointer;}*/

.infoWindowContainer.infobox {
    overflow: hidden;
}

.infoWindowContainer .infoWindow .map_title h4 {
    line-height: 22px;
}

input.wpcf7-submit {
    padding: 3px 30px;
}

.header_inner .full_tit {
    padding-left: 0;
    padding-right: 0;
}

.cat_custom_link {
    display: flex;
    flex-wrap: wrap;
}
/*RESPONSIVE */

@media (max-width:1200px) {
    .btn_slide {
        padding: 0px;
    }

    .slide_info {
        bottom: 90px;
    }

    .side_btn a {
        margin-right: 1%;
        min-width: 156px;
    }

    .slidebar_line {
        background-position: -152px -874px;
        width: 270px;
    }

    .navbar-collapse, ul.header_btn_wrap .time_wrap {
        padding: 0;
    }

    ul.header_btn_wrap {
        margin-left: 0px;
    }
    /* .category_list ul li {margin-left: 1.2%;} */
    .inner_fa ul {
        padding-right: 3%;
    }

        .inner_fa ul li {
            padding: 5px 15px 5px 0;
        }

    .navbar-header {
        margin-top: -7px;
    }

    .navbar-default .navbar-nav > li > a {
        padding: 5px 0px;
    }

    .navbar-brand {
        padding: 0px;
    }

    .pro_single_tit {
        font-size: 14px;
    }

    .useful_list, .facility_content ul, .adds ul {
        padding-right: 5px;
        width: 100%;
    }

    .single_sec span.line_bg {
        background-position: -120px 3px;
    }

    .about_list_btn a {
        padding: 9px 46px;
    }
}

@media (max-width:1024px) {
    .slide_info {
        bottom: 50px;
    }

    .header_cont {
        margin-right: 0px;
    }

    ul.header_btn_wrap {
        float: none;
    }

    .carousel-inner {
        width: 100%;
    }

    a.right.carousel-control {
        right: 22%;
    }

    a.left.carousel-control {
        left: 22%;
    }

    .property_list {
        width: 80%;
        background: none;
    }

    .prop_item {
        position: static;
        margin-bottom: 20px;
    }

    .holooban_propd {
        width: 205px;
    }
}

@media (max-width:992px) {
    .support_agent_top {
        margin-top: 2%;
    }

    .sidebar_branch, .side_support {
        display: inline-block;
    }

    .single_social {
        margin-bottom: 15px;
    }

    .content_blog h1 {
        line-height: 27px;
    }

    ul.header_btn_wrap {
        float: right;
        margin-right: 1%;
    }

    .header_inner {
        display: inline-block;
    }

    .left_pro_top {
        justify-content: space-between;
    }

    .page_menu ul li:first-child a {
        padding-right: 0;
    }

    .header_inner h1 {
        margin-bottom: 10px;
        font-size: 14px;
        margin-top: 10px;
    }

    .top_box, .meta_wrap {
        flex-wrap: wrap;
    }

    .blog_title, .id_product, .product_container .meta_wrap .pric_wrap {
        margin-bottom: 14px;
    }

    .short_description {
        margin-bottom: 25px;
    }
    /* .category_list ul li {margin-left: 1%;min-width: 133px;} */
    .btn_expander {
        padding: 9px 17px 9px 9px;
    }

        .btn_expander:before {
            right: 5px;
        }

    .blog_more_wrap a {
        padding: 10px 16px;
    }

    .expander .inner_fa {
        flex-wrap: wrap;
    }

    .single_sec span.line_bg {
        background-position: -260px 3px;
    }

    .submit_contact {
        text-align: right;
        margin-top: 10px;
    }

    .contact_social span {
        padding-left: 0px;
    }

    .property_list {
        width: 100%;
    }
}

@media (max-width:992px) and (min-width:768px) {
    .srv_banner_info span {
        font-size: 13px;
    }

    .srv_banner_img {
        margin-left: 5px;
    }

    .service_banner .srv_banner_item {
        height: 120px;
    }

    .single_pro .content_pro, .pro_single_tit, .price_id {
        width: 100%;
        display: inline-block;
    }

    .pro_single_tit, .pric_wrap {
        margin-bottom: 10px;
        line-height: 20px;
    }

        .pro_single_tit h1 {
            display: inline-block;
        }

    .port_list .port_item span {
        font-size: 10px;
    }

    .port_list .port_item {
        padding: 25px 5px;
    }
}

@media (max-width:991px) {
    .header_right .navbar-brand {
        padding-right: 0px;
    }

    .header_left {
        margin-bottom: 25px;
    }

    .header_btn_wrap {
        padding-right: 9px;
    }

    .slide_info p {
        margin-bottom: 10px;
        font-size: 15px;
        line-height: 22px;
    }

    .slide_info {
        bottom: 90px;
    }

    .search_result_link ul li:before {
        right: 0px;
        top: 4px;
    }

    .banner_item {
        text-align: center;
    }

    .slide_info .slide_title {
        font-size: 19px;
    }

    .rightmap .mapHolder, #side_map {
        width: 100% !important;
    }

    .collegue_title {
        width: 100%;
    }

    .side_btn a {
        min-width: 115px;
    }

    .slidebar_line {
        background-position: -152px -874px;
        width: 200px;
    }
}

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

    .is-mobile-visible {
        display: inline-block;
        position: relative !important;
        width: 100%;
    }

        .is-mobile-visible img {
            max-width: 100% !important;
        }

    body, html {
        overflow-x: hidden;
    }

    .header_btn_wrap {
        text-align: center;
        display: flex;
    }

    .service_banner .srv_banner_item {
        width: 50%;
    }

    .support_agent_top {
        margin-top: 0;
    }

    .support_info p {
        font-size: 14px;
    }

    .agent_info, .agent_info p {
        margin-bottom: 0;
    }

    .support_agent_wrap .box_search_wrap {
        margin-top: -25px;
    }

    .box_search_wrap .box_search form input[type="text"] {
        font-size: 14px;
    }

    .service_item {
        margin-bottom: 30px;
    }

    .service_wrapper {
        padding: 90px 0 75px;
    }

    .footer_bottom span.leaf_divider {
        top: calc(50% - 24px) !important;
    }

    .mobile-navigation .navbar-nav {
        margin: 0px;
    }

    span.caret {
        display: none !important;
    }

    .nav-click {
        background: url(images/spirit.png) no-repeat !important;
        background-position: -404px -339px !important;
        transform: none !important;
        width: 19px !important;
        height: 19px !important;
        top: 7px !important;
    }

    nav.mobile-navigation ul li ul a {
        color: #fff;
        width: 100%;
    }

    nav.mobile-navigation ul.sub-menu {
        width: 100%;
        padding: 0 10px !important;
        border-radius: 0 0 5px 5px;
    }

    .dropdown-menu {
        position: static;
    }

    nav.mobile-navigation ul li ul li:first-child {
        padding-top: 10px;
    }

    nav.mobile-navigation ul li ul li:last-child {
        padding-bottom: 10px;
    }

    .full_tit, .page_menu {
        width: 100%;
        text-align: right;
    }

        .page_menu ul {
            justify-content: flex-start;
        }

            .page_menu ul li:first-child a {
                padding-right: 0;
            }

    .blogroll {
        margin-bottom: 20px;
    }

    .blog_title {
        min-height: 0px;
    }

    .side_btn a {
        min-width: 156px;
        justify-content: center !important;
    }

    .top_part {
        border-bottom: 2px solid #FF6350;
    }

    a.right.carousel-control {
        right: 25%;
    }

    a.left.carousel-control {
        left: 25%;
    }

    .slidebar_line {
        background-position: 49px -874px;
        width: 400px;
    }

    #sidebar {
        margin-top: 20px;
    }

    .single_sec {
        margin-bottom: 20px;
    }

        .single_sec span.line_bg {
            background-position: -40px 3px;
        }

    .submit_contact {
        text-align: left;
    }
}

@media (max-width: 920px) and (min-width: 768px) {
    .agent_info {
        margin-bottom: 60px;
    }
}

@media (max-width:768px) and (min-width:410px) {
    .sidebar_branch, .side_support {
        display: flex;
    }
}

@media (max-width:767px) {
    .top_part, .bottom_part {
        display: inline-block;
    }

    .support_info_wrap {
        padding: 30px 0;
    }

    .support_agent_wrap {
        padding: 5% 22%;
    }

    .agent_info {
        margin-bottom: 60px;
    }

    .footer_menu_box {
        margin-bottom: 30px;
        min-height: 150px;
    }

    span.leaf_divider.support_divider {
        top: calc(100% - 23px);
        z-index: 99;
    }

    span.leaf_divider.agent_divider {
        display: none;
    }

    .search_result_link {
        margin-bottom: 20px;
    }

        .search_result_link ul {
            display: block;
        }

    #side_map, .prettyMapList .prettylink {
        display: inline-block !important;
        width: 100% !important;
    }

    .circle_divider {
        position: absolute;
        top: 100%;
        left: 50%;
        margin-top: -12px;
    }

    .wpcf7-form input.wpcf7-submit {
        width: auto !important;
    }

    .submit_contact {
        text-align: right;
    }

    .col-xs-6.col-sm-6.col-sm-offset-3.col-md-6.col-md-offset-3.full_title {
        width: 100%;
    }

    ul.header_btn_wrap .visible-xs {
        display: inline-block !important;
    }

    .full_title {
        width: 100%;
    }

    .collegue_title {
        width: 70%;
    }

    .holooban_support, .holooban_half_img, .holooban_btn_wrap .button_list {
        display: inline-block;
    }

    .holooban_btn_wrap .button_list {
        width: 100%;
        text-align: center;
    }

    .button_list li {
        margin-left: 5%;
        display: inline-block;
    }

        .button_list li:last-child {
            margin-left: 0;
        }

    .holooban_info {
        padding: 30px 0px 0px 0;
    }

    .holooban_support hr, .holooban_support .leaf_divider {
        display: none !important;
    }

    .holooban_half_img {
        padding: 0px;
    }

        .holooban_half_img span.leaf_divider {
            top: 48%;
        }

    .prop_item {
        text-align: center;
        display: inline-block !important;
    }

    .property_list {
        display: inline-block;
        width: 100%;
    }

    .prop_item.right_pos .holooban_propd {
        margin-left: 0;
    }

    .prop_item.right_pos .holooban_propd {
        text-align: center;
    }

    ._6pe3i {
        margin: 0 auto;
        margin-bottom: 10px;
    }

    .button_list li:after {
        left: -30px;
    }

    .category_list ul li:first-child {
        margin-bottom: 5px;
    }
}

@media (max-width:640px) {
    .full_service, .single_social, .single_tags, .copy_right, .social_full {
        width: 100%;
    }

        .copy_right, .social_full .social_wrap {
            text-align: center;
        }

    .comment_title, .collegue_title {
        width: 80%;
    }

    .breadcrumb_wrap {
        padding: 30px 0;
    }
    /* .category_list ul li {margin-left: 0;min-width: 127px;} */
    .single_pro .content_pro, .pro_single_tit, .price_id {
        width: 100%;
        display: inline-block;
    }

    .pro_single_tit, .pric_wrap {
        margin-bottom: 10px;
        line-height: 20px;
    }

    .single_wrapper .pro_single_tit {
        margin-bottom: 15px;
    }

    .pro_single_tit h1 {
        display: inline-block;
    }

    .prettyMapList .prettyFileBar .combo {
        width: 100% !important;
    }

    .prettyFileBar label.bg_arrow {
        width: 40% !important;
    }

        .prettyFileBar label.bg_arrow select, .prettyMapList .prettyFileBar .distanceSelector {
            width: 100% !important;
            font-size: 12px !important;
            padding: 4px 4px !important;
        }

    .prettySearchLocationValue {
        width: 58% !important;
    }

    .prettyFileBar label.bg_arrow, .prettySearchLocationValue {
        margin-bottom: 10px;
    }

        .prettyFileBar label.bg_arrow:after {
            left: -2% !important;
        }

    .prettyMapList .prettyFileBar .combo .clearSearch {
        right: 30% !important;
    }

    .showSortingBtn {
        margin-top: -75% !important;
    }

    .top_sec h2 {
        padding-right: 10px;
    }

    .button_list li {
        width: 100%;
        margin-bottom: 10px;
        margin-left: 0;
    }
}

@media (max-width:600px) {
    .full_side, .wpcf7 .captcha_wrapper, .wpcf7 .contact_outer {
        width: 100% !important;
    }

    .side_btn {
        margin-top: 20px;
    }

    .sidebar_branch, .side_support {
        display: flex;
    }

    .prettyMapList .prettyFileBar .combo .clearSearch {
        position: static !important;
        width: 43%;
    }

    .prettyMapListSearch a.doPrettySearch {
        width: 43%;
    }

    .nav_control .carousel-control.left, .nav_control .carousel-control.right {
        display: none;
    }

    .contact_outer .captcha_wrapper {
        width: 100% !important;
    }

    .col-xs-6.col-sm-12.col-md-8.captcha_wrapper {
        width: 100%;
    }
}

@media (max-width:550px) {
    .work_hours {
        flex-wrap: wrap;
        justify-content: space-around;
        padding: 0;
    }

    .current.days:before {
        display: none;
    }
}

@media (max-width:500px) {
    .banner_full, .srv_banner_item, .full_footer, .pric_wrap, .blog_title, .side_btn {
        width: 100% !important;
    }

    .about_list_info span {
        font-size: 13px;
    }

    .service_banner .srv_banner_item {
        height: 130px;
    }

    .footer_menu_box {
        padding-right: 35%;
    }

    .side_btn {
        display: block;
    }

        .side_btn a {
            display: inline-flex;
        }

    .socila_wrap {
        margin-top: 25px;
        text-align: center;
    }

    .footer_bottom span.leaf_divider {
        top: calc(50% - 37px) !important;
    }

    span.leaf_divider.agent_divider, span.leaf_divider.support_divider {
        display: none;
    }

    .slider img.slide_img { /*margin-bottom: 30px;*/
    }

    .btn_slide a {
        min-width: 210px;
    }

    .support_agent_wrap {
        padding: 5% 0;
    }

    .prettyPagination a.pfl_next {
        margin-right: 0;
    }

    .prettyPagination a.pfl_prev {
        margin-left: 0;
    }

    .prettyMapList .mapcategories {
        float: none !important;
        width: 100%;
        display: inline-block;
        padding-right: 10px;
    }

    .about_list_btn a {
        padding: 9px 45px;
    }

    .line_vert, .line_footer {
        display: block !important;
    }

    .footer_menu_box {
        min-height: auto;
    }

    .facility_software {
        min-height: auto !important;
        padding: 0px 0 60px;
    }

    .footer_bottom .leaf_divider span.leaf_item:before {
        margin-top: -9px;
    }

    .footer_bottom .leaf_divider span.leaf_item:after {
        margin-top: 3px;
    }

    .cat_custom_link li {
        width: 100%;
    }
}

@media (max-width:450px) {
    a.viewLocationPage.btn.corePrettyStyle {
        float: none;
        margin-top: 10px;
    }

    .footer_bottom .leaf_divider span.leaf_item:after {
        margin-top: 22px;
    }

    .footer_bottom .leaf_divider span.leaf_item:before {
        margin-top: 10px;
    }

    .header_left {
        padding-right: 15px;
        padding-left: 15px;
    }

    .about_list_btn {
        text-align: center;
    }

        .about_list_btn a {
            padding: 9px 12px;
            margin-top: 10px;
        }

    .carousel-caption { /*visibility: hidden;*/
        color: #000000;
        /*text-shadow: 1px 1px 1px rgb(255, 11, 11);*/
        text-shadow: 2px 1px 0px rgb(255, 255, 255);
        font-size: 20px;
    }

    .btn_slide {
        flex-direction: column;
        align-items: center;
        position: static;
    }

        .btn_slide a {
            margin: 5px 0;
        }

    .category_list ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .left_pro_top {
        display: inline-block;
    }

    .pro_btn_list {
        display: inline-block;
        width: 100%;
        margin-bottom: 15px;
    }

        .pro_btn_list li {
            display: inline-block;
        }

    .prettyMapList .getDirections input {
        margin-bottom: 10px;
    }

    .logo_holooban img.img-responsive {
        margin-bottom: 50px;
    }

    .prettyMapList .mapcategories {
        float: right !important;
        width: auto;
        margin-top: 9px;
    }

    .feature {
        float: left;
        display: inline-block;
        margin-left: -10px;
        margin-top: 23px;
    }
    /*.prettyMapList li.corePrettyStyle a.viewLocationDetail span {    display: inline-block;width: 85%;}*/

}

@media (max-width:425px) {
    .container.btn_slide_wrap {
        position: static;
    }
}

@media (max-width:420px) {
    .full_about, .prettyMapListSearch a.doPrettySearch, .prettyMapList .prettyFileBar .combo .clearSearch,
    .prettyMapList .prettyFileBar .distanceSelector, .prettyFileBar label.bg_arrow, .prettySearchLocationValue {
        width: 100% !important;
    }

    .prettySearchLocationValue, .prettyFileBar .prettyMapListSearch input, .prettyMapList .prettyFileBar .distanceSelector,
    .prettyMapList .prettyFileBar .prettyMapListSearch a {
        margin: 0px !important;
        margin-bottom: 10px !important;
    }

    .prettyFileBar label.bg_arrow:after {
        left: 2% !important;
    }

    .showSortingBtn {
        margin-top: -66px !important;
    }

    .copy_right p {
        padding-right: 0px;
        line-height: 22px;
        font-size: 9px;
    }

    .copy_right img {
        right: 7px;
    }

    .footer_bottom .leaf_divider span.leaf_item:before {
        margin-top: -5px;
    }

    .footer_bottom .leaf_divider span.leaf_item:after {
        margin-top: 8px;
    }
}

@media (max-width:410px) {
    a.js-menu-toggle {
        /*display: block;
        margin-top: 0px;
        margin-bottom: 7px;*/
        /*display: inline;
        margin-top: 0px;
        margin-bottom: 7px;
        padding: 10px;*/
        width: 100%;
        position: relative;
        /*left: 0;*/
        right: 1px;
        top: 0;
        bottom: 0;
        z-index: 10;
        height: 37px;
        vertical-align: middle;
        padding-top: 16px !important;
        background-color: #ffc500 !important;
        padding: 0;
        color: red;
        margin-left: 6px;
        border-radius: 0px 15px 15px 15px;
    }

    .slidebar_line {
        background-position: -631px -874px;
        width: 220px;
    }

    .product_post .blog_more_wrap a, .btn_expander {
        width: 96%;
        text-align: center;
        margin: 10px;
        display: inline-block;
    }

    .btn_more_wrap {
        display: inline-block;
        width: 100%;
    }

    .btn_expander:before {
        right: 22%;
        top: 10px;
    }

    .side_btn .btn_text {
        display: inline-block;
        text-align: center;
        width: 87%;
    }

    .side_btn .gra_btn {
        margin-bottom: 10px;
    }

    .facility_software {
        min-height: auto !important;
    }
}

@media (max-width:380px) {
    .header_btn_wrap .visible-xs {
        width: 100%;
        margin-bottom: 20px;
        background-color: transparent !important;
        border: none;
        color: white;
    }

    a.js-menu-toggle {
        margin: auto;
    }

    .copy_right p {
        padding-right: 40px;
    }
}

@media (max-width:360px) {
    .footer_menu_box {
        padding-right: 20%;
    }

    .single_wrapper, .blogroll_info, .blogroll_info, .comment-respond {
        padding: 0;
    }

    .line_wrap {
        display: none;
    }

    .three_dot {
        display: none;
    }

    .content_blog h1 {
        text-align: justify;
        font-size: 17px;
    }

    ul.header_btn_wrap {
        margin-left: 0;
    }

    #blog-breadcrumbs {
        padding-right: 10px;
    }

    .sidebar_branch, .side_support {
        display: inline-block;
    }
}

@media (max-width:340px) {
    /* .category_list ul li {margin-left: 0;min-width: 100%;} */
}

@media (max-width:325px) {
    .search_result_link {
        width: 100%;
    }

    .footer_bottom .leaf_divider span.leaf_item:before {
        margin-top: 3px;
    }

    .footer_bottom .leaf_divider span.leaf_item:after {
        margin-top: 14px;
    }
}

.banner_imgc {
    max-width: 70px;
    width: 100%;
    height: auto;
}

span.btn_text.nodesc {
    margin-top: 9px;
}

.inside-search-box.report_search.box_search_wrap {
    display: table;
    float: none;
    margin-top: 0px;
    margin-bottom: 10px;
    position: relative;
    width: 100%;
}

.inside-search-box.box_search_wrap .box_search form input[type="text"] {
    width: 100%;
    border-radius: 6px;
    border: none;
    height: 35px;
    padding: 0px 45px 5px;
    line-height: 49px;
    float: none;
    color: #818181;
}

.inside-search-box #suggesstion_box span,
.inside-search-box #suggesstion_box a {
    display: block;
    margin: 10px 0;
    cursor: pointer;
}

    .inside-search-box #suggesstion_box span:hover,
    .inside-search-box #suggesstion_box a:hover {
        color: #ff6250;
    }

.inside-search-box #suggesstion_box {
    position: absolute;
    top: 35px;
    left: 15px;
    width: 100%;
    display: none;
    z-index: 999;
    padding: 10px 20px;
    background: #ffff;
    color: #818191;
    border:;
    border-radius: 5px;
    box-shadow: 0 5px 4px -3px;
}

.inside-search-box.report_search .close_search {
    top: 8px;
}

.inside-search-box form#searchform {
    position: relative;
    border: 1px solid #bdbdbd;
    margin: 0 4px;
}

.inside-search-box input#searchsubmit {
    position: absolute;
    right: 12px;
    top: 5px;
    margin-left: 10px;
    background-position: -105px -4px;
    background-color: transparent;
    opacity: 1;
    transition: right 0.3s linear;
    background-size: 100% au;
    height: 30px;
}

ul.packages {
    padding: 0;
    width: 100%;
    margin-bottom: 20px;
}

    ul.packages li {
        padding: 0 !important;
        padding-right: 30px !important;
        margin-bottom: 10px;
    }

.titleer:before {
    position: absolute;
    display: inline-block;
    top: 17px;
    right: 42px;
    width: 15px;
    height: 15px;
    background-position: -477px -269px;
    transform: rotate(90deg);
    content: "";
    background-image: url(images/spirit.png);
    /* background-color: white; */
    z-index: 999;
    transition: all 0.2s linear;
}

.titleer.active:before {
    transform: rotate(45deg);
}

.titleer {
    background: #f4f4f4;
    padding: 10px 10px 13px;
    width: 100%;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    padding-right: 31px;
    cursor: pointer;
    transition: all 0.2s linear;
}

    .titleer.active,
    .titleer:hover {
        background-color: #dbdbdb;
    }

span.pprice {
    color: #84b646;
    font-size: 14px;
}

.contenter {
    display: none;
    padding: 10px 20px;
}

.adds_page_s li .right_part {
    cursor: pointer;
}

.guider p {
    margin-bottom: 0;
    font-size: 13px;
}

.guider {
    display: table;
    width: 100%;
    background: #f8f8f8;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 15px;
}

span.addresso p {
    font-size: 11px;
    margin: 0 0 -7px;
    color: #9e9e9e;
}

.prettyMapList .mapHolder {
    height: 500px !important;
}

.content_blog iframe {
    width: 100%;
}


.navbar-brand {
    height: 100px;
    padding: 0;
}

.footer-keywords strong {
    border-left: 0px #545353 solid;
    padding-left: 8px;
    color: gray;
    margin: 5px;
    display: inline-block;
    line-height: normal;
}

    .footer-keywords strong:last-child {
        border-left: 0px gray solid;
    }

    .footer-keywords strong:after {
        content: '.';
        margin-right: 15px;
    }

    .footer-keywords strong:last-child :after {
        content: '';
    }

#portfoliolist > div.portfolio h3 {
    font-size: 10pt;
}

    #portfoliolist > div.portfolio h3:after {
        content: '.';
        margin-right: 7px;
    }

#portfoliolist > div.portfolio:last-child h3:after {
    content: '';
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #FFEB3B !important;
    background-color: transparent;
    /*font-weight: bold;*/
    box-shadow: inset 0 0 0pt 2px #FFEB3B;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a {
    color: #ffffff;
    position: relative;
    padding: 5px 3px;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    text-shadow: 2px 1px 1px #000000;
    font-size: 14px;
    background-color: #e30613;
    padding: 4px 12px;
    border-radius: 14px;
    font-size: 12pt;
    letter-spacing: -0.5px
}

#why-spray-foam {
    margin-bottom: 56px;
}

.big-titles-h2 {
    margin-bottom: 56px;
    padding-bottom: 20px;
}

#menu-main {
    border-radius: 8px;
    border: 0px #e30613 solid;
    border-radius: 8px;
    border-bottom: 0px #860000 solid;
    /*background: #e30613d1 !important;*/
    background: transparent;
    /* padding: 10px; */
    border-radius: 15px 0px 15px 15px;
    border-radius: 15px 0px 15px 15px;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 3px;
}


/* start cart */
.card {
    /*position: absolute;*/
    /*top: 50%;*/
    /*left: 50%;*/
    /*width: 376px;*/
    /*-webkit-transform: translateX(-50%) translateY(-50%);*/
    /*-ms-transform: translateX(-50%) translateY(-50%);*/
    /*transform: translateX(-50%) translateY(-50%);*/
    background: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    -webkit-transition: box-shadow 0.3s;
    transition: box-shadow 0.3s;
}

    .card:hover {
        box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
    }

    .card a {
        color: inherit;
        text-decoration: none;
        /*font-size: 10pt;*/
    }

.card__date {
    background: #e30714;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    line-height: 13px;
    font-weight: bold;
    padding-top: 10px;
}

.card__date__day {
    display: block;
    font-size: 14px;
}

.card__date__month {
    display: block;
    font-size: 10px;
    text-transform: uppercase;
}

.card__thumb {
    height: 235px;
    overflow: hidden;
    background-color: #000;
    -webkit-transition: height 0.3s;
    transition: height 0.3s;
}

    .card__thumb img {
        display: block;
        opacity: 1;
        -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
        transition: opacity 0.3s, transform 0.3s;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

.card:hover .card__thumb img {
    opacity: 0.6;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.card:hover .card__thumb {
    height: 90px;
}

.card__body {
    position: relative;
    padding: 20px;
    height: 185px;
    -webkit-transition: height 0.3s;
    transition: height 0.3s;
}

.card:hover .card__body {
    height: 330px;
}

.card__category {
    position: absolute;
    top: -25px;
    left: 0;
    height: 25px;
    padding: 0 15px;
    background: #e30613;
    color: #fff;
    font-size: 11px;
    line-height: 25px;
}

    .card__category a {
        color: #fff;
        text-decoration: none;
        text-transform: uppercase;
    }

.card__title {
    padding: 0 0 10px 0;
    margin: 0;
    font-size: 15px;
    color: #000;
    font-weight: bold;
    line-height: 18pt;
}

.card:hover .card__title {
    -webkit-animation: titleBlur 0.3s;
    animation: titleBlur 0.3s;
}

.card__subtitle {
    margin: 0;
    padding: 0 0 10px 0;
    color: #08c;
    font-size: 19px;
}

.card:hover .card__subtitle {
    -webkit-animation: subtitleBlur 0.3s;
    animation: subtitleBlur 0.3s;
}

.card__description {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 65px;
    margin: 0;
    padding: 0;
    color: #666c74;
    font-size: 14px;
    line-height: 27px;
    opacity: 0;
    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, transform 0.2s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: translateY(25px);
    -ms-transform: translateY(25px);
    transform: translateY(25px);
}

.card:hover .card__description {
    opacity: 1;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.card__footer {
    position: absolute;
    color: #a3a9ab;
    bottom: 20px;
    left: 20px;
    right: 20px;
    font-size: 11px;
}

    .card__footer .icon--comment {
        margin-left: 10px;
    }

.icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 2px;
}

    .icon:before {
        display: inline-block;
        text-align: center;
        height: 14px;
        width: 14px;
        margin-top: -2px;
        margin-right: 6px;
    }

.icon--comment:before {
    content: "\f0e6 ";
    display: inline-block;
    font: normal normal normal 16px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.icon--time:before {
    content: "\f017 ";
    display: inline-block;
    font: normal normal normal 16px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

@-webkit-keyframes titleBlur {
    0% {
        opacity: 0.6;
        /*text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.6);*/
    }

    100% {
        opacity: 1;
        /*text-shadow: 0px 5px 5px transparent;*/
    }
}

@keyframes titleBlur {
    0% {
        opacity: 0.6;
        /*text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.6);*/
    }

    100% {
        opacity: 1;
        /*text-shadow: 0px 5px 5px transparent;*/
    }
}

@-webkit-keyframes subtitleBlur {
    0% {
        opacity: 0.6;
        /*text-shadow: 0px 5px 5px rgba(0, 136, 204, 0.6);*/
    }

    100% {
        opacity: 1;
        /*text-shadow: 0px 5px 5px rgba(0, 136, 204, 0);*/
    }
}

@keyframes subtitleBlur {
    0% {
        opacity: 0.6;
        /*text-shadow: 0px 5px 5px rgba(0, 136, 204, 0.6);*/
    }

    100% {
        opacity: 1;
        /*text-shadow: 0px 5px 5px rgba(0, 136, 204, 0);*/
    }
}
/* end card */

/* start new updates */
.elem {
    display: inline-block;
    font-size: 0;
    width: 33%;
    border: 20px solid transparent;
    border-bottom: none;
    background: #fff;
    padding: 10px;
    height: auto;
    background-clip: padding-box;
}

    .elem img {
        max-width: 100%;
    }

#lcl_wrap {
    direction: ltr;
}

article {
    position: relative;
}

    article header a /*.container*/ {
        position: absolute;
        top: -1px;
        right: -1px;
        bottom: 0;
        left: 0;
        overflow: hidden;
    }

    article a.fill-parent /*.container*/ {
        position: absolute;
        top: -1px;
        right: -1px;
        bottom: 0;
        left: 0;
        overflow: hidden;
    }

    article header a /*.container*/ img {
        position: absolute;
        top: 50%;
        left: 50%;
        /*width: auto;*/
        width: 100%;
        height: auto;
        max-height: none;
        max-width: none;
        min-height: 100%;
        min-width: 100%;
        transform: translate(-50%, -50%) !important;
        -ms-transform: translate(-50%, -50%) !important;
        -webkit-transform: translate(-50%, -50%) !important;
    }

.card__thumb {
    position: relative;
    border-radius: 8px 8px 0 0;
}

.card {
    border-radius: 8px 8px 0 0;
    overflow: hidden;
}

.h_iframe-aparat_embed_frame {
    border-radius: 10px;
    overflow: hidden;
}

.card .card__title a {
    position: absolute;
    left: 3%;
    width: 94%;
    height: 100%;
    padding: 0 10px;
}

.arrows {
    width: 60px;
    height: 113px;
    position: absolute;
    left: 50%;
    margin-left: -30px;
    bottom: 20px;
    z-index: 9;
}

    .arrows path {
        stroke: #e30613;
        fill: transparent;
        stroke-width: 3px;
        animation: arrow 2s infinite;
        -webkit-animation: arrow 2s infinite;
    }

@keyframes arrow {
    0% {
        opacity: 0
    }

    40% {
        opacity: 1
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes arrow /*Safari and Chrome*/ {
    0% {
        opacity: 0
    }

    40% {
        opacity: 1
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

.arrows path.a1 {
    animation-delay: -1s;
    -webkit-animation-delay: -1s; /* Safari 和 Chrome */
}

.arrows path.a2 {
    animation-delay: -0.5s;
    -webkit-animation-delay: -0.5s; /* Safari 和 Chrome */
}

.arrows path.a3 {
    animation-delay: 0s;
    -webkit-animation-delay: 0s; /* Safari 和 Chrome */
}

/* -- style seprator -- */

.Phone {
    position: relative;
    display: block;
    margin: 0;
    width: 1em;
    height: 1em;
    font-size: 25vmin;
    /*background-color: #3498db;*/
    background-color: #ffc107a3;
    border-radius: 0.5em;
    box-shadow: 0 0 0 0em rgba(52, 152, 219, 0), 0em 0.05em 0.1em rgba(0, 0, 0, 0.2);
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
    display: inline-block;
    /*width: 20px;
                  height: 20px;
                  vertical-align: middle;*/
    margin-left: 5px;
    transition: none;
    width: 25px;
    height: 25px;
    vertical-align: sub;
}

    .Phone::before,
    .Phone::after {
        position: absolute;
        content: "";
    }

    .Phone::before {
        top: 0;
        left: 0;
        /*width: 1em;
        height: 1em;*/
        width: 20px;
        height: 20px;
        background-color: rgba(255, 255, 255, 0.1);
        border-radius: 100%;
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale(0);
        transform: translate3d(0, 0, 0) scale(0);
    }

    .Phone::after {
        /*top: 0.25em;
        left: 0.25em;
        width: 0.5em;
        height: 0.5em;*/
        top: 0;
        left: 0px;
        width: 23px;
        height: 23px;
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTYuNiAxMC44YzEuNCAyLjggMy44IDUuMSA2LjYgNi42bDIuMi0yLjJjLjMtLjMuNy0uNCAxLS4yIDEuMS40IDIuMy42IDMuNi42LjUgMCAxIC40IDEgMVYyMGMwIC41LS41IDEtMSAxLTkuNCAwLTE3LTcuNi0xNy0xNyAwLS42LjQtMSAxLTFoMy41Yy41IDAgMSAuNCAxIDEgMCAxLjIuMiAyLjUuNiAzLjYuMS40IDAgLjctLjIgMWwtMi4zIDIuMnoiIGZpbGw9IiNmZmZmZmYiLz48L3N2Zz4=);
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

h1 {
    font-size: 25px;
    font-family: Yekan;
}

.Phone.is-animating {
    -webkit-animation: phone-outer 3000ms infinite;
    animation: phone-outer 3000ms infinite;
}

    .Phone.is-animating::before {
        -webkit-animation: phone-inner 3000ms infinite;
        animation: phone-inner 3000ms infinite;
    }

    .Phone.is-animating::after {
        -webkit-animation: phone-icon 3000ms infinite;
        animation: phone-icon 3000ms infinite;
    }

.owl-theme .owl-nav [class*=owl-] {
    color: #ff0101 !important;
    text-shadow: 0px 0px 20px white !important;
}

    .owl-theme .owl-nav [class*=owl-]:hover {
        color: #FFEB3B !important;
    }

@-webkit-keyframes phone-outer {
    0% {
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1);
        box-shadow: 0 0 0 0em rgba(52, 152, 219, 0), 0em 0.05em 0.1em rgba(0, 0, 0, 0.2);
    }

    33.3333% {
        -webkit-transform: translate3d(0, 0, 0) scale(1.1);
        transform: translate3d(0, 0, 0) scale(1.1);
        box-shadow: 0 0 0 0em rgba(52, 152, 219, 0.1), 0em 0.05em 0.1em rgba(0, 0, 0, 0.5);
    }

    66.6666% {
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1);
        box-shadow: 0 0 0 0.5em rgba(52, 152, 219, 0), 0em 0.05em 0.1em rgba(0, 0, 0, 0.2);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1);
        box-shadow: 0 0 0 0em rgba(52, 152, 219, 0), 0em 0.05em 0.1em rgba(0, 0, 0, 0.2);
    }
}

@keyframes phone-outer {
    0% {
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1);
        box-shadow: 0 0 0 0em rgba(52, 152, 219, 0), 0em 0.05em 0.1em rgba(0, 0, 0, 0.2);
    }

    33.3333% {
        -webkit-transform: translate3d(0, 0, 0) scale(1.1);
        transform: translate3d(0, 0, 0) scale(1.1);
        box-shadow: 0 0 0 0em rgba(52, 152, 219, 0.1), 0em 0.05em 0.1em rgba(0, 0, 0, 0.5);
    }

    66.6666% {
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1);
        box-shadow: 0 0 0 0.5em rgba(52, 152, 219, 0), 0em 0.05em 0.1em rgba(0, 0, 0, 0.2);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1);
        box-shadow: 0 0 0 0em rgba(52, 152, 219, 0), 0em 0.05em 0.1em rgba(0, 0, 0, 0.2);
    }
}

@-webkit-keyframes phone-inner {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale(0);
        transform: translate3d(0, 0, 0) scale(0);
    }

    33.3333% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale(0.9);
        transform: translate3d(0, 0, 0) scale(0.9);
    }

    66.6666% {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0) scale(0);
        transform: translate3d(0, 0, 0) scale(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0) scale(0);
        transform: translate3d(0, 0, 0) scale(0);
    }
}

@keyframes phone-inner {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale(0);
        transform: translate3d(0, 0, 0) scale(0);
    }

    33.3333% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale(0.9);
        transform: translate3d(0, 0, 0) scale(0.9);
    }

    66.6666% {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0) scale(0);
        transform: translate3d(0, 0, 0) scale(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0) scale(0);
        transform: translate3d(0, 0, 0) scale(0);
    }
}

@-webkit-keyframes phone-icon {
    0% {
        -webkit-transform: translate3d(0em, 0, 0);
        transform: translate3d(0em, 0, 0);
    }

    2% {
        -webkit-transform: translate3d(0.01em, 0, 0);
        transform: translate3d(0.01em, 0, 0);
    }

    4% {
        -webkit-transform: translate3d(-0.01em, 0, 0);
        transform: translate3d(-0.01em, 0, 0);
    }

    6% {
        -webkit-transform: translate3d(0.01em, 0, 0);
        transform: translate3d(0.01em, 0, 0);
    }

    8% {
        -webkit-transform: translate3d(-0.01em, 0, 0);
        transform: translate3d(-0.01em, 0, 0);
    }

    10% {
        -webkit-transform: translate3d(0.01em, 0, 0);
        transform: translate3d(0.01em, 0, 0);
    }

    12% {
        -webkit-transform: translate3d(-0.01em, 0, 0);
        transform: translate3d(-0.01em, 0, 0);
    }

    14% {
        -webkit-transform: translate3d(0.01em, 0, 0);
        transform: translate3d(0.01em, 0, 0);
    }

    16% {
        -webkit-transform: translate3d(-0.01em, 0, 0);
        transform: translate3d(-0.01em, 0, 0);
    }

    18% {
        -webkit-transform: translate3d(0.01em, 0, 0);
        transform: translate3d(0.01em, 0, 0);
    }

    20% {
        -webkit-transform: translate3d(-0.01em, 0, 0);
        transform: translate3d(-0.01em, 0, 0);
    }

    22% {
        -webkit-transform: translate3d(0.01em, 0, 0);
        transform: translate3d(0.01em, 0, 0);
    }

    24% {
        -webkit-transform: translate3d(-0.01em, 0, 0);
        transform: translate3d(-0.01em, 0, 0);
    }

    26% {
        -webkit-transform: translate3d(0.01em, 0, 0);
        transform: translate3d(0.01em, 0, 0);
    }

    28% {
        -webkit-transform: translate3d(-0.01em, 0, 0);
        transform: translate3d(-0.01em, 0, 0);
    }

    30% {
        -webkit-transform: translate3d(0.01em, 0, 0);
        transform: translate3d(0.01em, 0, 0);
    }

    32% {
        -webkit-transform: translate3d(-0.01em, 0, 0);
        transform: translate3d(-0.01em, 0, 0);
    }

    34% {
        -webkit-transform: translate3d(0.01em, 0, 0);
        transform: translate3d(0.01em, 0, 0);
    }

    36% {
        -webkit-transform: translate3d(-0.01em, 0, 0);
        transform: translate3d(-0.01em, 0, 0);
    }

    38% {
        -webkit-transform: translate3d(0.01em, 0, 0);
        transform: translate3d(0.01em, 0, 0);
    }

    40% {
        -webkit-transform: translate3d(-0.01em, 0, 0);
        transform: translate3d(-0.01em, 0, 0);
    }

    42% {
        -webkit-transform: translate3d(0.01em, 0, 0);
        transform: translate3d(0.01em, 0, 0);
    }

    44% {
        -webkit-transform: translate3d(-0.01em, 0, 0);
        transform: translate3d(-0.01em, 0, 0);
    }

    46% {
        -webkit-transform: translate3d(0em, 0, 0);
        transform: translate3d(0em, 0, 0);
    }
}

@keyframes phone-icon {
    0% {
        -webkit-transform: translate3d(0em, 0, 0);
        transform: translate3d(0em, 0, 0);
    }

    2% {
        -webkit-transform: translate3d(0.01em, 0, 0);
        transform: translate3d(0.01em, 0, 0);
    }

    4% {
        -webkit-transform: translate3d(-0.01em, 0, 0);
        transform: translate3d(-0.01em, 0, 0);
    }

    6% {
        -webkit-transform: translate3d(0.01em, 0, 0);
        transform: translate3d(0.01em, 0, 0);
    }

    8% {
        -webkit-transform: translate3d(-0.01em, 0, 0);
        transform: translate3d(-0.01em, 0, 0);
    }

    10% {
        -webkit-transform: translate3d(0.01em, 0, 0);
        transform: translate3d(0.01em, 0, 0);
    }

    12% {
        -webkit-transform: translate3d(-0.01em, 0, 0);
        transform: translate3d(-0.01em, 0, 0);
    }

    14% {
        -webkit-transform: translate3d(0.01em, 0, 0);
        transform: translate3d(0.01em, 0, 0);
    }

    16% {
        -webkit-transform: translate3d(-0.01em, 0, 0);
        transform: translate3d(-0.01em, 0, 0);
    }

    18% {
        -webkit-transform: translate3d(0.01em, 0, 0);
        transform: translate3d(0.01em, 0, 0);
    }

    20% {
        -webkit-transform: translate3d(-0.01em, 0, 0);
        transform: translate3d(-0.01em, 0, 0);
    }

    22% {
        -webkit-transform: translate3d(0.01em, 0, 0);
        transform: translate3d(0.01em, 0, 0);
    }

    24% {
        -webkit-transform: translate3d(-0.01em, 0, 0);
        transform: translate3d(-0.01em, 0, 0);
    }

    26% {
        -webkit-transform: translate3d(0.01em, 0, 0);
        transform: translate3d(0.01em, 0, 0);
    }

    28% {
        -webkit-transform: translate3d(-0.01em, 0, 0);
        transform: translate3d(-0.01em, 0, 0);
    }

    30% {
        -webkit-transform: translate3d(0.01em, 0, 0);
        transform: translate3d(0.01em, 0, 0);
    }

    32% {
        -webkit-transform: translate3d(-0.01em, 0, 0);
        transform: translate3d(-0.01em, 0, 0);
    }

    34% {
        -webkit-transform: translate3d(0.01em, 0, 0);
        transform: translate3d(0.01em, 0, 0);
    }

    36% {
        -webkit-transform: translate3d(-0.01em, 0, 0);
        transform: translate3d(-0.01em, 0, 0);
    }

    38% {
        -webkit-transform: translate3d(0.01em, 0, 0);
        transform: translate3d(0.01em, 0, 0);
    }

    40% {
        -webkit-transform: translate3d(-0.01em, 0, 0);
        transform: translate3d(-0.01em, 0, 0);
    }

    42% {
        -webkit-transform: translate3d(0.01em, 0, 0);
        transform: translate3d(0.01em, 0, 0);
    }

    44% {
        -webkit-transform: translate3d(-0.01em, 0, 0);
        transform: translate3d(-0.01em, 0, 0);
    }

    46% {
        -webkit-transform: translate3d(0em, 0, 0);
        transform: translate3d(0em, 0, 0);
    }
}

/* end new updates */

/* start circle thimbnails */
.frame-square, .frame-round {
    background: #e30613;
    border: 2px solid #ffffff;
    display: inline-block;
    vertical-align: top;
    padding: 5px;
    width: 210px;
    height: 210px;
    /*margin-right: .5em;*/
    margin-bottom: .3em;
}

    .frame-square:hover, .frame-round:hover {
        background: #e30613;
        border: 6px solid #def801;
        padding: 3px;
    }

.frame-round {
    border-radius: 50%;
    overflow: hidden;
    -webkit-transition: all .2s;
    transition: all .2s;
}

    .frame-round .crop {
        border-radius: 50%;
    }

    .frame-round .hover {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: #33333366;
        -webkit-transition: all 1s;
        transition: all 1s;
        z-index: 1;
        pointer-events: none;
    }

        .frame-round .hover span {
            margin-top: 33%;
            position: relative;
            color: white;
            display: block;
            font-weight: bold;
            text-align: center;
            font-size: 12pt;
            line-height: normal;
            text-shadow: 2px -2px 0px #000000;
        }

    .frame-round:hover hover span {
        color: red;
    }

.crop {
    height: 100%;
    overflow: hidden;
    position: relative;
}

    .crop img {
        display: block;
        min-width: 100%;
        min-height: 100%;
        margin: auto;
        position: absolute;
        top: -100%;
        right: -100%;
        bottom: -100%;
        left: -100%;
    }

.retina .crop img {
    transform: scale(0.5, 0.5);
}

small {
    display: block;
    font-weight: normal;
    opacity: .8;
}
/* end circle thumbnails */

/* start layout start page */
.full_service {
    margin-bottom: 15px;
}

.owl-carousel .owl-item {
    /*border: 1px blue solid;*/
}

.loading {
    background-image: url(../img/ajax-loader.gif);
    background-repeat: no-repeat;
    background-position: center center;
}

.slider-text {
    left: 0;
    right: 0;
    z-index: 9;
    padding: 0 10%;
    background: -moz-linear-gradient(0deg,rgba(0,0,0,.9) 0,rgba(0,0,0,0) 80%);
    background: -webkit-linear-gradient(0deg,rgba(0,0,0,.9) 0,rgba(0,0,0,0) 80%);
    background: linear-gradient(0deg,rgba(0,0,0,.9) 0,rgba(0,0,0,0) 80%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6000000',endColorstr='#00000000',GradientType=1);
    position: absolute;
    bottom: 0;
    text-align: right;
    padding-bottom: 30px;
    /*padding-bottom: 150px;*/
    text-shadow: 0 1px #333;
    /*padding-top: 70px;*/
    padding-top: 0px;
    color: white;
}

    .slider-text h3 {
        line-height: normal;
        color: #f1f1f1;
        text-shadow: 2px 1px 4px #000;
        background-color: #00000061;
        padding: 0 10px;
        font-size: 12pt;
    }

    .slider-text h4 a {
        color: yellow;
        margin-right: 15px;
    }

    .slider-text h2 a {
        border-bottom: 4px #860000 solid;
        background: #e30613e3 !important;
        padding: 10px;
        border-radius: 15px 0px 15px 15px;
        /*font-size: 30px;*/
        font-size: 20pt;
    }

.about-2 {
    padding: 0px 0 95px;
}


.header {
    padding-top: 21px;
}

.breadcrumb_wrap {
    padding: 10px 0;
}

.h1-on-image-as-title {
    border-bottom: 4px #860000 solid;
    background: #e30613e3 !important;
    padding: 10px;
    border-radius: 15px 0px 15px 15px;
    /*font-size: 30px;*/
    font-size: 20pt;
    position: absolute;
    padding: 10px;
    bottom: 20px;
    color: white;
    margin: 30px;
    font-weight: bold;
}


@@media (max-width: 768px) {
    .slider-text h2 a {
        font-size: 11pt;
        line-height: 26px;
    }
}

.owl-item .item a, .lightgallery li a {
    background-color: transparent;
}


.owl-controls {
    /*position: absolute;*/
    width: 100%;
    margin-top: -40px;
}

.owl-nav .owl-next, .owl-nav .owl-prev {
    /*display: inline-block;*/
    /*height: 32px;*/
    top: 40%;
    width: 32px;
    z-index: 999;
    position: absolute;
    cursor: pointer;
    background: transparent !important;
    font-size: 40pt !important;
    padding: 0 !important;
}

.owl-nav .owl-prev {
    /*background: url(../img/next.png) left center no-repeat;*/
    left: 30px !important;
    right: unset;
}

.owl-nav .owl-next {
    /*background: url(../img/next.png) left center no-repeat;*/
    right: 30px !important;
    left: unset;
}

/* start cart */
article header a /*.container*/ {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: 0;
    left: 0;
    overflow: hidden;
}

    article header a /*.container*/ img {
        position: absolute;
        top: 50%;
        left: 50%;
        /*width: auto;*/
        width: 100%;
        height: auto;
        max-height: none;
        max-width: none;
        min-height: 100%;
        min-width: 100%;
        transform: translate(-50%, -50%) !important;
        -ms-transform: translate(-50%, -50%) !important;
        -webkit-transform: translate(-50%, -50%) !important;
    }

.card__thumb {
    position: relative;
    border-radius: 8px 8px 0 0;
}

.card {
    border-radius: 8px 8px 0 0;
    overflow: hidden;
}

.h_iframe-aparat_embed_frame {
    border-radius: 10px;
    overflow: hidden;
}

.card .card__title a {
    position: absolute;
    left: 3%;
    width: 94%;
    height: 100%;
    padding: 0 10px;
}


.card a.cover {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
}

.card {
    /*position: absolute;*/
    /*top: 50%;*/
    /*left: 50%;*/
    /*width: 376px;*/
    /*-webkit-transform: translateX(-50%) translateY(-50%);*/
    /*-ms-transform: translateX(-50%) translateY(-50%);*/
    /*transform: translateX(-50%) translateY(-50%);*/
    background: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    -webkit-transition: box-shadow 0.3s;
    transition: box-shadow 0.3s;
    position: relative;
}

    .card:hover {
        box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
    }

    .card a {
        color: inherit;
        text-decoration: none;
        /*font-size: 10pt;*/
    }

.card__date {
    background: #e30714;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    line-height: 13px;
    font-weight: bold;
    padding-top: 10px;
}

.card__date__day {
    display: block;
    font-size: 14px;
}

.card__date__month {
    display: block;
    font-size: 10px;
    text-transform: uppercase;
}

.card__thumb {
    height: 235px;
    overflow: hidden;
    background-color: #000;
    -webkit-transition: height 0.3s;
    transition: height 0.3s;
}

    .card__thumb img {
        display: block;
        opacity: 1;
        -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
        transition: opacity 0.3s, transform 0.3s;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

.card:hover .card__thumb img {
    opacity: 0.6;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.card:hover .card__thumb {
    height: 90px;
}

.card__body {
    position: relative;
    padding: 20px;
    height: 185px;
    -webkit-transition: height 0.3s;
    transition: height 0.3s;
}

.card:hover .card__body {
    height: 330px;
}

.card__category {
    position: absolute;
    top: -25px;
    left: 0;
    height: 25px;
    padding: 0 15px;
    background: #e30613;
    color: #fff;
    font-size: 11px;
    line-height: 25px;
}

    .card__category a {
        color: #fff;
        text-decoration: none;
        text-transform: uppercase;
    }

.card__title {
    padding: 0 0 10px 0;
    margin: 0;
    font-size: 15px;
    color: #000;
    font-weight: bold;
    line-height: 18pt;
}

.card:hover .card__title {
    -webkit-animation: titleBlur 0.3s;
    animation: titleBlur 0.3s;
}

.card__subtitle {
    margin: 0;
    padding: 0 0 10px 0;
    color: #08c;
    font-size: 19px;
}

.card:hover .card__subtitle {
    -webkit-animation: subtitleBlur 0.3s;
    animation: subtitleBlur 0.3s;
}

.card__description {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 65px;
    margin: 0;
    padding: 0;
    color: #666c74;
    font-size: 14px;
    line-height: 27px;
    opacity: 0;
    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, transform 0.2s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: translateY(25px);
    -ms-transform: translateY(25px);
    transform: translateY(25px);
}

.card:hover .card__description {
    opacity: 1;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.card__footer {
    position: absolute;
    color: #a3a9ab;
    bottom: 20px;
    left: 20px;
    right: 20px;
    font-size: 11px;
}

    .card__footer .icon--comment {
        margin-left: 10px;
    }

.icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 2px;
}

    .icon:before {
        display: inline-block;
        text-align: center;
        height: 14px;
        width: 14px;
        margin-top: -2px;
        margin-right: 6px;
    }

.icon--comment:before {
    content: "\f0e6 ";
    display: inline-block;
    font: normal normal normal 16px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.icon--time:before {
    content: "\f017 ";
    display: inline-block;
    font: normal normal normal 16px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

@-webkit-keyframes titleBlur {
    0% {
        opacity: 0.6;
        /*text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.6);*/
    }

    100% {
        opacity: 1;
        /*text-shadow: 0px 5px 5px transparent;*/
    }
}

@keyframes titleBlur {
    0% {
        opacity: 0.6;
        /*text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.6);*/
    }

    100% {
        opacity: 1;
        /*text-shadow: 0px 5px 5px transparent;*/
    }
}

@-webkit-keyframes subtitleBlur {
    0% {
        opacity: 0.6;
        /*text-shadow: 0px 5px 5px rgba(0, 136, 204, 0.6);*/
    }

    100% {
        opacity: 1;
        /*text-shadow: 0px 5px 5px rgba(0, 136, 204, 0);*/
    }
}

@keyframes subtitleBlur {
    0% {
        opacity: 0.6;
        /*text-shadow: 0px 5px 5px rgba(0, 136, 204, 0.6);*/
    }

    100% {
        opacity: 1;
        /*text-shadow: 0px 5px 5px rgba(0, 136, 204, 0);*/
    }
}
/* end card */
/* end layout start page */


/* start layout index page */
.after-box {
    margin-left: 20px;
    /* position: absolute; */
    left: 24px;
    z-index: 9999;
    color: white;
    /* top: 20px; */
    font-size: 15pt;
    text-shadow: -2px 0px 1px #031919;
    border: 1px #23e6f8 solid;
    padding: 10px 15px;
    border-radius: 7px;
    background-color: #26c2de8c;
}

.before-box {
    margin-right: 20px;
    /* position: absolute; */
    left: 24px;
    z-index: 9999;
    color: white;
    /* top: 20px; */
    font-size: 15pt;
    text-shadow: -2px 0px 1px black;
    border: 1px #28edfc solid;
    padding: 10px 15px;
    border-radius: 7px;
}

.divider-text {
    /* margin-left: 17px; */
    position: absolute;
    left: -205px;
    top: 55px;
    white-space: nowrap;
    color: yellow;
    font-size: 14pt;
}

.under-slide {
    position: relative;
    overflow: hidden;
    padding-top: 54%;
    top: 0;
    left: 0;
    background: url(/assets/فوم-پاششی-عایق-صوت-before-foam.jpg?v=1) no-repeat;
    background-size: cover;
    border-radius: 15px;
    /* width: 100%; */
    background-position: center;
    background-size: 100% 631PX;
}

.over-slide {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-transform: translateX(0px);
    overflow: hidden;
}

.over-image {
    height: 100%;
    width: 100%;
    background: url(/assets/فوم-پاششی-عایق-صوت-after-foam.jpg?v=1) no-repeat;
    background-size: cover;
    -webkit-transform: translateX(0px);
    background-position: center;
}

.divider {
    position: absolute;
    display: block;
    top: 0;
    /*left: 13px;*/
    left: 0px;
    width: 4px;
    /*height: calc(100% - 57px);*/
    height: 100%;
    background-color: rgb(38, 232, 251);
}
/* end layout index page */

/* start new card */
:root {
    --cover-timing: 0.5s;
    --cover-ease: cubic-bezier(0.66, 0.08, 0.19, 0.97);
    --cover-stagger: 0.15s;
    --text-timing: .75s;
    --text-stagger: 0.015s;
    --text-ease: cubic-bezier(0.38, 0.26, 0.05, 1.07);
    --title-stagger: 0.05s;
    --highlight: white;
}

.card {
    position: relative;
    overflow: hidden;
    aspect-ratio: 9/12;
    display: flex;
    flex-direction: column;
    border-radius: 7px;
    box-shadow: rgba(255, 255, 255, 0.3) 0 5vw 6vw -8vw, rgba(255, 255, 255, 0) 0 4.5vw 5vw -6vw, rgba(50, 50, 80, 0.5) 0px 4vw 8vw -2vw, rgba(0, 0, 0, 0.8) 0px 4vw 5vw -3vw;
    transition: box-shadow 1s var(--cover-ease);
}

    .card > * {
        z-index: 2;
    }

    .card > img {
        z-index: 0;
        transition: all 0.8s cubic-bezier(0.66, 0.08, 0.19, 0.97);
    }

    .card::before, .card::after {
        content: "";
        width: 100%;
        height: 50%;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        transform-origin: right;
        transform: scaleX(0);
        transition: all var(--cover-timing) var(--cover-ease);
        z-index: 1;
    }

    .card::after {
        transition-delay: var(--cover-stagger);
        top: 50%;
    }

    .card:hover, .card:focus {
        box-shadow: white 0 5vw 6vw -9vw, var(--highlight) 0 5.5vw 5vw -7.5vw, rgba(50, 50, 80, 0.5) 0px 4vw 8vw -2vw, rgba(0, 0, 0, 0.8) 0px 4vw 5vw -3vw;
    }

        .card:hover::before, .card:hover::after, .card:focus::before, .card:focus::after {
            transform: scaleX(1);
        }

        .card:hover h2 .char, .card:hover p .word, .card:focus h2 .char, .card:focus p .word {
            opacity: 1;
            transform: translateY(0);
            color: inherit;
        }

        .card:hover h2 .char, .card:focus h2 .char {
            transition-delay: calc(0.1s + var(--char-index) * var(--title-stagger));
        }

        .card:hover p .word, .card:focus p .word {
            transition-delay: calc(0.1s + var(--word-index) * var(--text-stagger));
        }

        .card:hover img, .card:focus img {
            transform: scale(1.1);
        }

    .card:nth-of-type(1) {
        --highlight: coral;
    }

    .card:nth-of-type(2) {
        --highlight: #56ffe5;
    }

    .card .text {
        position: absolute;
        inset: 20px;
        /*top: auto;*/
        opacity: 0;
        transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 500ms;
        color: gray;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .card:hover .text {
        opacity: 1;
        color: white;
    }

    .card h2 {
        font-size: 30px;
        font-size: clamp(20px, 1vw, 40px);
        font-weight: 800;
        margin-bottom: 0.2em;
        line-height: 1.5em;
    }

p {
    font-size: 13pt;
    line-height: normal;
    text-align: justify;
    margin-top: 0.2em;
    margin-bottom: 0;
}

    h2 .char,
    p .word {
        color: var(--highlight);
        display: inline-block;
        opacity: 0;
        position: relative;
        transform: translateY(20px);
        transition-property: transform, opacity, color;
        transition-timing-function: var(--text-ease);
        transition-duration: var(--text-timing), var(--text-timing), calc(var(--text-timing)*2);
    }

.card img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 7px;
}

.cards-wrapper {
    /* grid-template-columns: 1fr;
    grid-template-rows: 60px;
    grid-gap: 2em;*/

    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-bottom: 70px;
}

@media screen and (min-width: 600px) {
    main {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: -webkit-min-content 1fr;
        grid-template-rows: min-content 1fr;
    }
}

.card {
    width: 90vw;
    max-width: 256px;
}

@media screen and (min-width: 600px) {
    .card {
        width: 40vw;
    }
}

h1 {
    color: #5b6377;
    font-weight: 100;
}

@media screen and (min-width: 600px) {
    h1 {
        grid-column: 1/3;
    }
}
/* end new card */


.owl-dots {
    display: none;
}

.fill-parent {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
    cursor: pointer;
}

.mt-4 {
    margin-top: 3em;
}

.new-articles-index-page article {
    display: flex;
    flex-direction: row;
    align-items: start;
    background-color: white;
    padding: 11px;
    border-radius: 10px;
}

.new-articles-index-page .fill-parent:hover .new-articles-index-page article {
    background-color: wheat;
}

.new-articles-index-page article a {
    color: red;
}

.new-articles-index-page article {
    display: flex;
    flex-direction: row;
    align-items: start;
}

    .new-articles-index-page article a.title {
        margin-top: 2px;
        transition: all ease-out 200ms;
    }

    .new-articles-index-page article a:hover {
        color: red;
    }

    .new-articles-index-page article img:hover > a.title {
        color: red;
    }

    .new-articles-index-page article img {
        border-radius: 10px;
        margin-left: 10px;
    }

    .new-articles-index-page article .abstract {
        margin-top: 10px;
        color: #9ca4ac;
    }


/* start fancy checkbox list */
.consulting-box .hand-emoji {
    font-size: 17pt;
}

input[type="checkbox"] {
    display: none;
}

    input[type="checkbox"]:hover + label:before,
    input[type="checkbox"]:hover + label {
        opacity: 1 !important;
    }


.checkbox {
    display: inline-block;
    position: relative;
    padding-right: 40px;
    line-height: 30px;
    font-size: 20px;
    cursor: pointer;
    color: #111;
    font-weight: 600;
    margin: 2px 0;
    width: 100%;
    opacity: .7;
}

    .checkbox:hover {
        background-color: #f1f1f1;
        border-radius: 5px;
    }

    .checkbox:before {
        z-index: 15;
        content: '';
        position: absolute;
        right: 6px;
        top: 6px;
        transition: all 0.3s ease;
        cursor: pointer;
        width: 20px;
        border-width: 4px;
        border-style: solid;
        border-color: #444;
        height: 20px;
        border-radius: 4px;
        opacity: .7
    }

input[type="checkbox"]:checked + label {
    color: #000;
    opacity: 1;
}

    input[type="checkbox"]:checked + label:before {
        border-color: transparent;
        border-left-color: #2ecc71;
        border-bottom-color: #2ecc71;
        transform: rotate(-50deg);
        width: 24px;
        height: 14px;
        top: 3px;
        opacity: 1;
    }


.consulting-box-sub-info {
    background-color: #f5f5f5;
    padding: 40px 0;
    border-radius: 25px;
}

/* end fancy checkbox list */

.report_wrapper .report_search #suggesstion_box {
    padding: 0;
    background: #eee;
    border-radius: 0px 0px 5px 5px;
    box-shadow: 0 1px 4px #b5b5b5;
    line-height: normal;
}

#hide-suggestion-box {
    position: absolute;
    bottom: 30px;
    left: calc(50% - 25px);
}


header nav {
    display: flex;
    flex-direction: row;    
}

/******** start flex *********/
.d-flex{
    display: flex !important;    
}

.align-items-center {
    align-items: center !important;    
}

.align-content-start {
    align-content:start;
    flex-wrap: wrap;
}

.align-content-end {
    align-content: end;
    flex-wrap: wrap;
}

.justify-content-end {
    justify-content: end;
}

.flex-row {
    flex-direction: row;
}

.flex-column {
    flex-direction: column;
}

/******** end flex *********/