.list-a li,
.list-blog ul li,
.list-blog>ul>li,
.shop-cart,
.sidebar-nav ul,
.subline-bar ul li,
.timeline {
    list-style: none
}

.block-quote.text-center,
.copy-row .col-md-12,
.fixed-bottom-area,
.footer-center,
.footer-minimal .container,
.grid-table,
.icon-menu .icon-top>li>a,
.inside-menu.center,
.overlaybox-side.overlaybox-center,
.overlaybox-side.overlaybox-center .row,
.png-over .slides>li,
.png-over li a,
.scroll-top-mobile,
.second,
.section-two-blocks .flex-direction-nav a,
.text-center th,
.title-icon {
    text-align: center
}

.flex-container a:focus,
.flex-container a:hover,
.flex-slider a:focus,
.flex-slider a:hover,
.sidebar-nav a,
.sidebar-nav a:active,
.sidebar-nav a:focus,
.sidebar-nav a:hover,
a {
    outline: 0
}

.quote-author,
.title-base h1 b,
.title-base p b,
.title-icon p {
    font-style: italic
}

.adv-circle .caption p,
.adv-img p,
.advs-box p,
.caption-bottom p,
.list-blog p,
body {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 1.42857143;
    color: #4c4c4c
}

.block-infos .bd-day,
.bs-menu li.active>a,
.bs-menu li:hover>a,
.hamburger-button:hover,
.mi-menu ul li>a:before,
.sidebar-nav .panel-item>span:before,
.text-color,
i.icon {
    color: #337ab7
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 99995
}

#preloader:after {
    content: '';
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url(../video/loader.gif);
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px;
    z-index: 999999999999
}

input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0
}

.scroll-top-mobile {
    position: fixed;
    background: #fff;
    width: 50px;
    height: 50px;
    z-index: 995;
    right: 10px;
    bottom: 18px;
    cursor: pointer;
    padding: 15px 0;
    visibility: hidden;
    opacity: 0
}

.maso-custom .maso-box>.maso-item,
.maso-mask .maso-item,
.scroll-top-mobile.show {
    visibility: visible
}

.google-map {
    background: rgba(0, 0, 0, .1);
    height: 350px
}

.bg-cover,
.bg-menu,
.footer-parallax {
    background-repeat: no-repeat
}

.header-title:after,
.header-video,
.section-slide {
    background-color: #1d1d1d;
    background-size: 10px
}

.background-page,
.bg-cover,
.footer-parallax {
    background-size: cover
}

.footer-parallax-container .header-title:after,
.ms-minimal li:hover,
.nav.inner li:hover,
.nav.inner>li>a:focus,
.nav.ms-minimal li.active:hover,
.nav.ms-minimal>li:hover,
.sidebar-nav .panel-item ul ul,
[data-height].collapse-box .panel.no-gradient:after {
    background: 0 0
}

.bs-callout.bs-callout-danger {
    border-left-color: #ce4844;
    padding: 5px 15px
}

.bs-callout-danger h5 {
    color: #ce4844
}

.abs-image {
    position: absolute;
    max-width: none
}

.default-btn {
    display: inline-block;
    background: #34ad54;
    border: 1px solid #34ad54 !important;
    color: #FFF;
    font-family: 'Work Sans', sans-serif;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    height: 45px;
    line-height: 45px;
    padding: 0 35px;
    letter-spacing: 0;
    border-radius: 2px;
    overflow: hidden;
    position: relative;
    transition: all ease 700ms;
    -moz-transition: all ease 700ms;
    -webkit-transition: all ease 700ms;
    -ms-transition: all ease 700ms;
    -o-transition: all ease 700ms;
    z-index: 1;
}

.img-box.i-top-right.inner>span>i,
.pos-right,
.row>div:first-child>.abs-image {
    right: 0
}

.pos-left,
.row>div:last-child>.abs-image {
    left: 0
}

.table .table {
    background-color: rgba(0, 0, 0, 0)
}

.circular-rotation,
.fade-bottom,
.fade-in,
.fade-left,
.fade-right,
.fade-top,
.img-box.anima-scale-rotate,
.img-box.anima-scale-up,
.img-box.anima-scale-up-2x,
.img-box.show-scale,
.img-box:not([href]):hover img,
.opacity-show,
.png-over .img-box:hover img,
.section-bg-animation .container,
.section-bg-animation img.overlay,
.section-slider .container,
.show-scale,
.slide-right-left,
.slide-top-bottom,
[href='#'].img-box:not(.adv-circle):hover img,
[href=''].img-box:not(.adv-circle):hover img {
    opacity: 1 !important
}

.background-page .flex-control-paging,
.box-steps .step-item:last-child:after,
.default-box .btn:after,
.full-screen-title .flexslider .flex-direction-nav,
.hc-post-preview-button,
.hidden-lg,
.hide-first-last .first,
.hide-first-last .last,
.icon-top>li>.dropdown-toggle>.caret,
.img-box:not([href]):before,
.list-blog .screen-reader-text,
.navbar-main.navbar-middle .navbar-header,
.screen-reader-text,
.searchform .screen-reader-text,
.side-menu .collapse,
.side-menu-header>.navbar,
.tag-row.icon-row span:last-child:after,
.wysiwyg-editor ol>br,
.wysiwyg-editor ul>br,
[href='#'].img-box:not(.adv-circle):before,
[href=''].img-box:not(.adv-circle):before,
body>.header-slider .flex-direction-nav,
footer.entry-meta,
html.iex .side-menu.over ul ul,
navbar-fixed-top .side-menu-fixed .brand {
    display: none
}

.grid-table {
    width: 100%;
    table-layout: fixed
}

.grid-table td {
    padding: 25px
}

.album-item>div,
.container .container,
.container-inner>.hc_column_cnt,
.container>.hamburger-button,
.grid-item>div,
.grid-table td>div {
    padding-left: 0;
    padding-right: 0
}

.border-table td,
.grid-table.full-border-table {
    border: 1px solid #d2d2d2
}

.border-table tr:first-child td,
.mi-menu .sidebar-nav ul li:first-child>a,
.second li:first-child a:before {
    border-top: none
}

.border-table tr:last-child td,
.list-group .list-group-item:last-child,
.list-items .list-item:last-child {
    border-bottom: none
}

.border-table tr td:first-child {
    border-left: none
}

.border-table tr td:last-child,
.tag-row.icon-row span {
    border-right: none
}

.advs-box-side-img p,
.niche-box-blog p.excerpt {
    margin: 20px 0;
    text-align: left
}

.wysiwyg-editor p {
    margin: 0 0 15px;
    min-height: 15px
}

.wysiwyg-editor>ol,
.wysiwyg-editor>ul {
    margin-bottom: 15px;
    margin-top: 15px
}

.wysiwyg-editor ol,
.wysiwyg-editor ul {
    white-space: normal
}

.tag-row {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.tag-row span {
    margin: 0 15px 0 0;
    color: #9c9c9c;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
    border-right: 1px solid #ccc;
    padding-right: 16px
}

.blog-box .blog-link-headiing,
.heading-green,
.tag-row a,
.tag-row i {
    color: #0a6938
}

.tag-row span:last-child {
    border-right: 0;
    padding-right: 0;
    margin-right: 0
}

.tag-row span>span {
    display: block;
    margin: 5px 0;
    padding-right: 25px;
    font-weight: 400
}

.tag-row i {
    padding-right: 10px
}

.tag-row.cat {
    text-transform: uppercase;
    margin: 5px 0 10px
}

.tag-row .tag-col {
    float: left;
    width: 50%;
    margin: 0;
    padding-right: 5px;
    font-weight: 600
}

.tag-row>div {
    padding: 5px 0
}

.row.vertical-row>div,
div.content,
header .navbar-right>:not(li) {
    padding-right: 15px;
    padding-left: 15px
}

.btn.button,
.dropcap,
.dropdown-submenu,
.flexslider,
.flexslider.caption .slides li,
.grid-list,
.img-box.i-center,
.img-box.inner,
.img-box.inner span,
.maso-list,
.mega-menu-fullwidth,
.navbar-middle .navbar-collapse,
.navbar.mega-menu-fullwidth .container,
.section-bg-color,
.slides li>.advs-box,
.tag-row.icon-row,
.title-icon h2,
.title-icon p,
.title-modern,
header .navbar-main>.container {
    position: relative
}

.tag-row.icon-row span:after {
    position: relative;
    content: "/";
    color: rgba(210, 210, 210, .5);
    right: -16px
}

.tag-row.icon-row-square span:after {
    content: "\f04d"
}

.overflow-visble,
span.caption-box {
    overflow: visible !important
}

.boxed-layout.side-menu-container .container,
.flexslider .slides .img-box:not(.adv-img) img,
.flexslider .slides [class*=col-md-]>img,
.list-blog select,
img {
    max-width: 100%
}

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

.clear {
    clear: both;
    width: 100%
}

.bg-color {
    background-color: #337ab7
}

.bg-cover,
.header-animation,
.header-title,
.title-icon i,
.videobox .mobile-poster,
i.cover,
i.onlycover {
    background-position: center center
}

.container.content,
.header-bootstrap .container,
.section-bg-animation>.content,
.section-bg-image>.content,
.section-bg-video>.content,
.section-empty>.content,
.section-slider>.content,
.subtitle-header .lan-menu li a {
    padding-top: 25px;
    padding-bottom: 25px
}

.mega-menu .col>h5:first-child,
.portfolio-details h3,
.tab-box .panel>.row>div>:first-child,
.tab-box .panel>:first-child,
.timeline-title,
[class*=section-]>:first-child,
[class*=section-]>div>:first-child,
div.content>:first-child,
footer h4,
footer h5,
footer h6,
footer.footer-parallax .content {
    margin-top: 0;
}

a {
    cursor: pointer;
    text-decoration: none;
    
}

.ag-timeline-card_meta-box,
.button-cnt,
.inside-menu.center .navbar,
.navbar-brand.center>img,
.search-box-menu,
.side-menu-fixed .social-group a,
.social-group a,
a[data-anima],
a[data-toggle],
i.onlycover {
    display: inline-block
}

.text-xs {
    font-size: 11px !important;
    line-height: 11px
}

.text-s {
    font-size: 13px !important;
    line-height: 18px
}

.text-m {
    font-size: 18px !important;
    line-height: 25px
}

.text-l {
    font-size: 27px !important;
    line-height: 31px
}

.text-xl {
    font-size: 50px !important;
    line-height: 50px
}

.text-xxl {
    font-size: 110px !important;
    line-height: 110px
}

.col-center {
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    clear: both
}

.fixed-bottom-area {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 25px;
    background-color: rgba(0, 0, 0, .42)
}

.box-middle-container,
.no-paddings-y,
.no-paddings-y .content {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.row.box-middle,
[class*=col-md].fixed-area.active {
    margin-left: 0;
    margin-right: 0
}

.img-box.circle img,
.no-margins,
.no-margins .content {
    margin: 0 !important
}

.no-paddings,
.no-paddings .content {
    padding: 0 !important
}

.no-paddings-x {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.section-two-blocks .content>:last-child,
.tab-box .panel>.row>div>:last-child,
.tab-box .panel>:last-child,
[class*=section-]>:last-child,
[class*=section-]>div>.row:last-child>div>:last-child,
[class*=section-]>div>:last-child,
div>p:last-child {
    margin-bottom: 0
}

.boxed-layout #fullpage-main,
.boxed-layout .container,
.boxed-layout .content-parallax,
.boxed-layout .navbar-fixed-top,
.boxed-layout .parallax-mirror,
.boxed-layout [class*=header-],
.boxed-layout footer,
.boxed-layout header {
    max-width: 1200px;
    margin: 0 auto
}

.boxed-layout .parallax-mirror {
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important
}

.boxed-layout .content-parallax {
    box-shadow: 0 0 2px rgba(0, 0, 0, .22)
}

body.boxed-layout {
    background: #efefef
}

.boxed-layout .overlay-content .section-empty:not(.section-bg-color),
header.menu-transparent.scroll-css>.navbar {
    background: #fff !important
}

header {
    line-height: 1.42857143;
    z-index: 995
}

.box-menu-inner .icon-box,
.maso-box.no-margins.row,
.nav-pills.nav-center>li,
.navbar-social .social-group a,
.search-results .advs-box p,
header form.navbar-form {
    margin: 0
}

.shop-menu-cnt>i {
    font-size: 18px;
    line-height: 50px;
    cursor: pointer
}

.shop-menu-cnt:hover .shop-menu {
    display: block;
    visibility: visible;
    opacity: 1
}

.shop-menu-cnt .shop-menu {
    z-index: 90;
    position: absolute;
    top: 50px;
    right: -16px;
    width: 320px;
    text-align: center;
    background-color: #fff;
    transition: .4s;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
    opacity: 0;
    visibility: hidden
}

.shop-cart li img {
    width: 65px;
    height: 40px;
    margin: 0;
    float: left
}

.shop-cart .cart-item .cart-content {
    padding-left: 100px;
    text-align: left
}

.shop-menu-cnt .cart-total {
    display: block;
    text-align: left;
    padding: 8px 16px;
    margin: 0;
    overflow: hidden;
    font-size: 14px
}

.list-a,
.shop-cart,
.sidebar-nav ul {
    padding: 0;
    margin: 0
}

.shop-cart .cart-item {
    height: 70px;
    padding: 15px
}

.shop-menu .cart-buttons {
    text-align: left;
    padding: 15px
}

.shop-menu-cnt .cart-count {
    background-color: #000;
    top: 50%;
    margin-top: -5px;
    right: -11px;
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    z-index: 95;
    font-size: 11px;
    line-height: 17px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    font-weight: 600
}

.dropdown-submenu:hover>.dropdown-menu,
.grid-item>a,
.icon-box.icon-box-top-bottom,
.icon-list.icon-list-top-bottom label,
.maso-item>.img-box,
.maso-item>a,
.nav li:hover>.mega-menu,
.nav li:hover>ul,
.no-js .flexslider .slides>li:first-child,
.side-menu .collapse.in,
.side-menu li .panel:hover,
.side-menu li.active.open>ul,
.side-menu li.active>ul,
.side-menu li:hover .panel,
.side-menu-header.navbar-fixed-top .navbar-header,
.side-menu-header>.navbar.navbar-fixed-top,
.tab-box .panel.active,
html.iex .side-menu ul ul,
html[xmlns] .flexslider .slides {
    display: block
}

header .anima-button.circle-button,
header .btn,
header .btn-default,
header .input-group .btn:not(.btn-border) {
    background-color: #fafafa;
    color: #797979
}

header .btn-default:hover,
header .circle-button:hover {
    border-color: #d2d2d2;
    background-color: #e6e6e6
}

.mega-menu h5,
.navbar-default .navbar-nav>li>a {
    color: #444
}

.maso-box .clear,
.nav.inner>li,
header .navbar-right>* {
    float: left
}

.side-menu .panel .col:last-child,
.sidebar-nav.scroll-content,
.sidebar.scroll-content,
header .navbar-right>.lan-menu {
    padding-right: 0
}

.list-full-screen .slides li a img,
header.hamburger-header {
    width: auto
}

.navbar-brand img {
    transition: .3s;
    max-height: 100%
}

.navbar.navbar-inner {
    min-height: inherit
}

.navbar-brand.scroll-show.showed,
.section-slide .container-inner {
    display: table-cell !important
}

.archive.woocommerce .page-title,
.brand .logo-retina,
.navbar-brand .logo-retina,
.png-over .img-box:before,
.scroll-hide.hidden,
.scroll-show,
div.ppt {
    display: none !important
}

@media only screen and (min-device-pixel-ratio:2) {

    .brand .logo-retina,
    .navbar-brand .logo-retina {
        display: block !important
    }

    .brand .logo-default,
    .navbar-brand .logo-default {
        display: none !important
    }
}

.scroll-show.showed,
.social-group i {
    display: block !important
}

.navbar-default .navbar-nav>li>a .caret {
    margin-left: 5px
}

.navbar-inner .navbar-toggle {
    max-width: 100%;
    padding: 5px 10px;
    color: #696969;
    cursor: pointer;
    text-align: left
}

.navbar-right ul ul ul.dropdown-menu {
    left: 100%
}

.wide-area .container {
    width: 100% !important
}

[data-anima=fadeLeft].img-box i,
[data-anima=fadeRight].img-box i,
header .custom-area {
    padding: 0 15px
}

header .btn-default,
header .btn-default:focus,
header .input-group input,
header .input-group input:focus {
    border-color: #eaeaea
}

.navbar-right img {
    max-height: 41px;
    margin: 5px auto
}

.input-group button {
    color: #444;
    font-weight: 400;
    font-size: 13px
}

header .social-group a i.fa {
    padding: 5px 8px;
    margin-top: 3px;
    width: 30px;
    height: 30px;
    line-height: 22px;
    text-align: center;
    color: #505050
}

.dropdown-menu .fa-ul .divider {
    margin: 10px 0 10px -27px;
    opacity: 1 !important;
    background-color: rgba(138, 138, 138, .15) !important
}

header>.navbar {
    margin-bottom: 0;
    border: none;
    /* border-bottom: 1px solid #e4e4e4; */
    transform: translate3d(0, 0, 0)
}

.nav.inner>li>a {
    color: #0a6938;
    cursor: pointer
}

.nav.inner,
.navbar-inner .navbar-toggle {
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 3px;
    margin: 5px 0;
    float: none
}

.navbar-inner .navbar-toggle:hover {
    background-color: #eee
}

.navbar-inner .navbar-toggle span {
    font-size: 13px;
    margin: 0 15px;
    line-height: 28px
}

.navbar-inner .navbar-toggle i {
    font-size: 14px;
    margin-top: 3px
}

.grid-box.no-margins>.grid-item,
.icon-box-top-bottom .icon-box-cell label,
.icon-box-top-bottom .icon-box-cell p,
.lan-menu li a span,
.list-blog ul,
.list-blog>ul,
.maso-box.no-margins .maso-item,
.navbar-inner .navbar-collapse,
.navbar-mini .input-group-btn,
.no-margins .maso-item,
.no-margins>.grid-item,
.section-two-blocks.blocks-multi .row>[class*=col-],
.section-two-blocks>.row>.col-md-5,
.section-two-blocks>.row>.col-md-6,
.section-two-blocks>.row>.col-md-7,
.section-two-blocks>.row>div:last-child .content>div,
.side-menu.ms-simple,
.vertical-row>div,
[data-anima].img-box.i-center i,
div .hc_space_cnt {
    padding: 0
}

.menu-right .subline-bar ul,
.minisocial-group,
.nav.nav-right>li,
.navbar-header .hamburger-button,
.navbar-inner .navbar-toggle i:last-child,
.order-last,
.section-two-blocks.blocks-right>.row>.col-md-5,
.section-two-blocks.blocks-right>.row>.col-md-5 .content,
.section-two-blocks.blocks-right>.row>.col-md-6,
.section-two-blocks.blocks-right>.row>.col-md-6 .content,
.section-two-blocks.blocks-right>.row>.col-md-7,
.section-two-blocks.blocks-right>.row>.col-md-7 .content,
.timeline>li.timeline-inverted>.timeline-panel {
    float: right
}

.load-more-grid i,
.load-more-maso i,
.navbar-inner li>a>i.fa,
.social-group a:last-child,
.tab-box .nav-tabs.nav-justified a {
    margin-right: 0
}

.nav.inner.ms-rounded>li.active a,
.nav.inner:not(.ms-rounded)>li.active,
.nav.inner>li>a:hover {
    background-color: #fdfdfd
}

.nav.inner.ms-rounded,
.nav.ms-minimal,
.nav.ms-minimal li:hover,
.navbar-default .navbar-nav.ms-minimal>.open>a,
.navbar-default .navbar-nav.ms-minimal>.open>a:hover,
.navbar-default.ms-minimal .navbar-nav>.open>a:focus {
    background: 0 0 !important;
    border: none
}

.nav.inner.ms-rounded {
    margin: -5px 0
}

.nav.inner.ms-rounded li a {
    line-height: 10px;
    padding: 10px 15px;
    border: 1px solid #9c9c9c;
    border-radius: 35px;
    margin-right: 10px;
    cursor: pointer;
    font-size: 12px;
    letter-spacing: .5px;
    color: #585858;
    font-weight: 600
}

.nav.inner.ms-rounded.over>li {
    padding-bottom: 15px
}

.nav.inner .dropdown-menu li a,
.nav.inner.ms-rounded .dropdown-menu li {
    border: none;
    border-radius: 0;
    margin-right: 0
}

.nav.inner.ms-rounded .dropdown-menu li a {
    padding: 3px 20px;
    line-height: 1.42857143
}

.nav.inner.ms-rounded .dropdown-menu {
    border-radius: 10px;
    padding-top: 8px;
    padding-bottom: 8px
}

.bg-menu {
    background-position: bottom right
}

.navbar-brand.center {
    text-align: center;
    width: 100%;
    width: calc(100% - 30px)
}

.nav-center .scroll-show.showed,
.navbar-main.navbar-middle li.scroll-show.showed {
    display: inline-block !important
}

.navbar-main.navbar-middle ul.nav {
    text-align: center;
    float: none
}

.navbar-main.navbar-middle ul.nav>li,
.overlaybox-side.overlaybox-center .overlaybox-inner {
    float: none;
    display: inline-block
}

.navbar-middle .navbar-brand.center {
    height: auto;
    margin: 15px 0;
    display: block
}

.navbar-middle .navbar-right {
    position: absolute;
    right: 0;
    top: 0
}

header.menu-top-logo:not(.scroll-css) .navbar-main.navbar-middle ul.navbar-nav {
    margin-left: 0 !important
}

.full-width-menu {
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    background-color: #fff
}

.full-width-menu .nav {
    border: none;
    border-radius: 0;
    margin: 0;
    float: none
}

.full-width-menu .dropdown-menu li a i.caret,
.full-width-menu .nav.inner .dropdown-menu>li>a,
.full-width-menu .nav.inner .dropdown-menu>li>a:hover,
.full-width-menu .nav.inner>li>a i.caret {
    color: #696969 !important
}

div.full-width-menu .inner .dropdown-submenu:hover>a:after,
div.full-width-menu .inner .dropdown-submenu>a:after {
    border-left-color: #696969 !important
}

.full-width-menu .dropdown-submenu:hover>a:after {
    border-left-color: inherit !important
}

/* .fixed-top {
    height: 52px
} */

.bg-transparent li.active,
.navbar-nav li:hover,
.panel-item>span:hover,
.sidebar-nav .panel-item>span:hover,
.sidebar-nav ul a:hover,
.subline-bar li:hover {
    color: #171717;
    background: rgba(199, 199, 199, .08);
    border-radius: 2px
}

.bg-transparent li.active,
.bg-transparent li:hover {
    background: rgba(199, 199, 199, .05)
}

.subline-bar li:hover {
    background: rgba(222, 221, 221, .5);
    border-radius: 0
}

#comments .prev.page-numbers,
.navbar-brand {
    margin-right: 15px
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: 0;
    box-shadow: 5px 4px 7px rgba(0, 0, 0, .1);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

header .dropdown-submenu>.dropdown-menu {
    top: -1px
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #ccc;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    margin-top: 5px;
    margin-right: -5px
}

.dropdown-submenu:hover>a:after {
    border-left-color: #7e7e7e
}

.dropdown-submenu.pull-left {
    float: none
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px
}

.search-box input[type=text] {
    width: 100% !important;
    max-width: 1140px;
    margin: auto;
    border-color: #eaeaea;
    background-color: #fff;
    display: block
}

.search-box input[type=submit] {
    position: absolute;
    right: 0;
    top: 50%;
    width: auto
}

.search-box {
    position: absolute;
    z-index: 95;
    background-color: #f8f8f8;
    display: none;
    margin: 42px 0 0;
    padding: 10px;
    border: 1px solid #ececec;
    left: 0;
    right: 0;
    text-align: center;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .2)
}

.widget #searchsubmit {
    padding: 0 9px;
    color: #fff;
    font-weight: 700;
    background-color: #656565 !important;
    border: none;
    border-radius: 2px
}

.widget #searchform input[type=text] {
    background: #fbfbfb;
    border: 1px solid #e8e8e8
}

.navbar-social {
    margin: 7px 0 0
}

.social-group i {
    font-size: 17px;
    float: left;
    color: #525252;
    cursor: pointer;
    font-weight: 400 !important
}

.social-button i.circle,
.social-group i.circle {
    color: #585858;
    background: 0 0;
    border: 1px solid #828282;
    margin-right: 2.5px;
    margin-left: 2.5px
}

.social-group-button {
    display: inline-block;
    position: relative
}

.social-group-button .social-group i {
    opacity: 0;
    width: 25px;
    height: 25px;
    font-size: 12px;
    padding: 8px 0;
    line-height: 9px !important;
    transition: none
}

.text-center .social-group-button .social-group {
    margin-left: 20px;
    margin-right: 20px
}

.social-group-button .social-group {
    display: none;
    position: absolute;
    margin-left: 57px;
    z-index: 25;
    top: 50%;
    margin-top: -13px;
    width: 250px;
    text-align: left
}

.social-group-button.bottom-icons .social-group {
    margin: 30px -125px;
    left: 50%;
    text-align: center
}

.social-group-button .social-button {
    cursor: pointer;
    position: relative
}

.social-group-button.social-line .social-group {
    width: 47px;
    left: 50%;
    margin-left: -23.5px;
    margin-top: 35px;
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .42);
    border-radius: 20px;
    padding: 12px 7px 6px 8px;
    display: none
}

.social-group-button.social-line .social-group a {
    display: block;
    height: 30px
}

.social-line .social-group i.circle {
    border-color: #828282 !important;
    color: #585858 !important
}

.social-line .social-group i.circle:hover {
    border-color: #fff !important;
    color: #fff !important
}

.footer-base hr,
.social-group a:first-child,
.tab-box.left.pills .nav-pills>li+li,
.tab-box.right.pills .nav-pills>li+li {
    margin-left: 0
}

.social-group a i {
    padding: 10px 12px;
    width: 52px;
    text-align: center;
    font-weight: 400 !important
}

.minisocial-group i:hover,
.social-group i:hover {
    background: rgba(31, 31, 31, .05)
}

.social-group .fa:hover {
    color: #fff;
    background-color: #505050;
    border-radius: 2px
}

.social-group .circle.fa:hover {
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0)
}

.social-group .fa-facebook {
    padding: 10px 14px
}

.social-group .fa-twitter {
    padding: 10px 11px
}

.social-colors [class*=facebook],
.social-group [class*=facebook]:hover {
    background-color: #3b5998
}

.social-colors [class*=twitter],
.social-group [class*=twitter]:hover {
    background-color: #3b8aca
}

.social-colors [class*=google],
.social-group [class*=google]:hover {
    background-color: #d7473d
}

.social-colors [class*=linkedin],
.social-group [class*=linkedin]:hover {
    background-color: #0077b5
}

.social-colors [class*=youtube],
.social-group [class*=youtube]:hover {
    background-color: #cc181e
}

.social-colors [class*=instagram],
.social-group [class*=instagram]:hover {
    background-color: #d82158
}

.social-colors i:hover {
    opacity: .8
}

.btn-default.btn-primary i,
.btn-primary:hover i,
.footer-right h5,
.header-base .breadcrumb li,
.header-base .breadcrumb.b a,
.header-bootstrap .breadcrumb>.active,
.revicon li a:hover,
.single-blog-item:hover .content .blog-btn,
.single-blog-item:hover .content h3 a,
.social-colors i,
.white .circle-button i,
.white.circle-button i,
header .title-base h1,
header div.title-base p {
    color: #fff
}

.subline-bar {
    background-color: #f9f9f9;
    position: absolute;
    width: 100%;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .21);
    z-index: 995
}

header.menu-transparent.scroll-css .subline-bar {
    background-color: #f9f9f9 !important
}

header.menu-transparent {
    height: 0 !important
}

.subline-bar ul {
    margin: 0;
    padding: 0;
    display: none
}

.subline-bar ul li {
    float: left;
    padding: 5px 15px;
    cursor: pointer
}

.subline-bar a {
    color: #676767;
    font-size: 13px;
    text-decoration: none !important
}

header.fixed-top .subline-bar {
    position: fixed;
    margin-top: 85px
}

header.fixed-top.scroll-css .subline-bar {
    margin-top: 50px
}

.navbar-big {
    background-color: #fdfdfd;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 0
}

.navbar-big .navbar-nav>.active>a,
.navbar-big .navbar-nav>li>a:hover {
    color: #555;
    background-color: #f7f7f7
}

.nav.inner,
.navbar-main {
    background-color: #fff;
    margin-bottom: 0;
    border: none
}

.navbar-mini {
    background-color: #f8f8f8;
    color: #7b7b7b;
    font-size: 12px;
    border-bottom: 1px solid #e4e4e4
}

.latest-post-list .col-md-8,
.navbar-mini .navbar-left span:first-child,
.side-menu .social-icons-simple li:first-child,
div:not(.hc_column_cnt)>table:not(.table) tr:first-child>th,
ul.list-texts {
    padding-left: 0
}

.navbar-mini span {
    padding: 0 7px
}

.navbar-mini span i,
.pagination .first a i,
.pagination .prev a i,
.pagination i[class*=left] {
    margin-right: 7px
}

.navbar-mini hr {
    width: 1px;
    background-color: #bebebe;
    margin: 0 0 -2px;
    display: inline-block;
    height: 12px;
    padding: 0
}

.minisocial-group i {
    font-size: 15px;
    line-height: 33px !important;
    padding-top: 1px;
    display: block !important;
    float: left;
    color: #b7b7b7;
    cursor: pointer;
    border-right: 1px solid #dbdbdb;
    width: 35px;
    text-align: center
}

i.first {
    border-left: 1px solid #dbdbdb
}

.navbar-mini .navbar-left {
    padding-top: 10px
}

.navbar-mini .form-control {
    border-radius: 0;
    box-shadow: none;
    border-style: none;
    background: #f8f8f8
}

.form-control {
    height: 41px !important;
    padding: 7px 10px !important;
    border: 1px solid #3fa50ef7 !important;
    background: #fff !important;
}

.navbar-mini .form-control.focus {
    background: rgba(152, 152, 152, .11) !important
}

.navbar-mini .navbar-form {
    float: right;
    padding: 0 15px 0 0;
    margin: 0
}

.input-group-addon i {
    color: #555
}

.navbar-mini .navbar-form .btn-default {
    border-style: none;
    background: #f7f7f7;
    border-radius: 0;
    border-left: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
    color: #999
}

.nav-center,
.nav-center ul {
    float: none;
    text-align: center
}

.nav-center {
    width: 100%;
    max-width: 100%
}

.nav.nav-center>li {
    float: none;
    display: inline-block;
    margin: 0 -1px
}

.nav-center .dropdown-menu li {
    display: block;
    text-align: left
}

.navbar-nav.subheader-bootstrap .sub {
    font-size: 11px;
    display: block;
    color: #848484;
    white-space: nowrap;
    overflow: hidden;
    font-weight: 400
}

.header-animation.white .breadcrumb a,
.header-base.white .breadcrumb a,
.header-slider.white .breadcrumb a,
.header-title.white .breadcrumb a,
.header-video.white .breadcrumb a,
.menu-transparent .navbar-nav.subheader-bootstrap .sub {
    color: #e4e4e4
}

.menu-transparent.scroll-css .navbar-nav.subheader-bootstrap .sub {
    color: #848484
}

.bs-menu.menu-left .sidebar-nav,
.footer-left,
.i-background.i-top-right,
.navbar-nav.subheader-bootstrap li {
    text-align: left
}

.accordion-list .list-group-item>.panel>.inner,
.icon-menu .navbar-collapse ul.nav>a,
.lan-menu ul li a,
.subtitle-header .navbar-main .navbar-form,
.subtitle-header .navbar-main .navbar-social {
    padding: 10px 15px
}

.subtitle-header .search-box {
    margin: 52px 0 0
}

.list-a li {
    padding: 5px 0;
    margin: 0;
    cursor: pointer;
    background: 0 0 !important;
    white-space: nowrap
}

.list-a li:hover {
    color: #000
}

.list-a li i {
    margin-right: 10px;
    font-size: 15px;
    display: inline-block;
    padding-bottom: 0
}

.mega-menu .col,
.side-menu .panel .col {
    display: table-cell;
    vertical-align: top;
    min-width: 230px;
    padding: 0 25px
}

.side-menu .panel .col {
    padding: 86px 25px 0 0
}

.side-menu .col .fa-li {
    line-height: 33px
}

.side-menu-center {
    top: 50%;
    transform: translateY(-50%);
    position: relative
}

.mega-menu {
    min-width: 250px;
    padding: 25px 5px
}

.mega-menu a {
    color: #636363;
    padding-left: 5px;
    display: block;
    white-space: nowrap
}

.mega-menu .fa-ul .fa-li,
li.panel-item .fa-li {
    color: #694e94
}

.mega-menu.bg-menu {
    min-width: 400px
}

.mega-menu .nav-tabs li {
    white-space: nowrap;
    margin-bottom: 0 !important;
    border-radius: 0
}

.mega-menu h5 {
    margin-top: 5px;
    min-height: 15px
}

.flexslider .slides,
.ganimation-glass,
.header-video .overlaybox,
.mega-menu.dropdown-menu,
.scroll-box,
.section-two-blocks,
footer .content {
    overflow: hidden
}

.mega-menu-fullwidth .mega-dropdown,
.mega-menu-fullwidth>li,
.mega-menu-fullwidth>li.dropdown.mega-dropdown {
    position: static !important
}

.mega-menu-fullwidth>li.dropdown {
    position: relative !important
}

div.mega-menu-fullwidth .mega-dropdown .mega-menu {
    width: 100%;
    width: calc(100% - 30px);
    margin: 0 15px
}

.wide-area.navbar.mega-menu-fullwidth .mega-dropdown .mega-menu {
    width: calc(100% - 30px)
}

.navbar-big-logo .navbar-brand {
    position: relative;
    top: -36px;
    padding: 0;
    margin-left: 0 !important;
    margin-right: 0
}

.navbar-big-logo.navbar-fixed-top .container.scroll-css .navbar-brand {
    top: 0 !important
}

header .scroll-css .search-box {
    background-color: #fff !important
}

.navbar-big-logo .navbar-mini .container {
    padding-left: 197px !important;
    min-height: 35px
}

.navbar-big-logo .navbar-brand img {
    max-height: inherit
}

.navbar-big-logo .navbar-header {
    max-height: 30px
}

.navbar-main.middle-box-menu {
    padding-bottom: 41px
}

.box-menu-inner .icon-box i,
.hamburger-button i {
    color: #636363
}

.box-menu-inner {
    position: absolute !important;
    left: 50%;
    margin-left: -585px;
    z-index: 95
}

.box-menu-inner>.row {
    background-color: #fbfbfb;
    margin: 0;
    height: 80px;
    padding: 15px 0;
    border: 1px solid #e8e8e8
}

header.scroll-css .middle-box-menu {
    padding-bottom: 0 !important
}

.icon-menu .navbar-collapse ul.nav>li>a i {
    margin-right: 10px;
    font-size: 40px;
    height: 60px;
    width: 60px;
    line-height: 60px;
    vertical-align: middle;
    color: #5d5d5d
}

.icon-menu:not(.icon-menu-top) ul.nav>li>a i {
    width: auto;
    margin-right: 10px
}

.icon-menu .navbar-collapse ul.nav i.onlycover {
    background-size: contain;
    background-repeat: no-repeat
}

.icon-menu:not(.icon-menu-top) .navbar-collapse ul.nav i.onlycover {
    width: 60px !important;
    display: inline-block
}

header .icon-top.nav>li>a i {
    display: block;
    text-align: center;
    font-size: 34px !important;
    padding-bottom: 5px;
    margin: 0 auto !important;
    height: 36px;
    width: 40px !important;
    line-height: 40px
}

.bg-transparent .icon-menu li i {
    color: #f9f9f9 !important
}

@media (min-width:769px) {
    header.fixed-top.scroll-css .icon-menu .navbar-collapse ul.nav>li>a>i {
        font-size: 25px !important;
        height: 25px;
        line-height: 25px;
        transition: .3s
    }

    header.fixed-top.scroll-css .icon-menu:not(.icon-menu-top) .navbar-collapse ul.nav i.onlycover {
        width: 25px !important
    }
}

.icon-menu .navbar-brand {
    height: 90px
}

.icon-menu-top .navbar-brand {
    height: 110px
}

.icon-menu.icon-menu-top .nav.navbar-right {
    margin-top: 30px
}

.header-base .breadcrumb,
.icon-menu .navbar-main .nav.navbar-right {
    margin-top: 20px
}

.scroll-css .icon-menu.icon-menu .nav.navbar-right {
    margin-top: 2px
}

.navbar-main .circle-button,
.scroll-css .icon-menu.icon-menu-top .nav.navbar-right {
    margin-top: 12px
}

header.scroll-css .icon-menu .navbar-brand {
    height: 55px;
    padding: 5px 15px;
    transition: .3s
}

.album-box.col-md-2 .album-img,
header.scroll-css .icon-menu-top .navbar-brand,
header.scroll-css .icon-top .icon-menu .navbar-brand {
    height: 75px
}

.lan-menu a img {
    margin: -2px 5px 0 0
}

.lan-menu li a {
    font-size: 11px;
    text-transform: uppercase;
    color: #5f5f5f
}

.lan-menu ul.dropdown-menu {
    min-width: 80px;
    width: 100%
}

.navbar-mini .lan-menu {
    float: right;
    height: 34px;
    width: auto
}

.navbar-mini .lan-menu li {
    height: 34px
}

.navbar-mini .lan-menu li a {
    padding: 8px 15px
}

.hamburger-button {
    color: #636363;
    font-size: 30px;
    padding: 4px 15px;
    display: inline-block
}

.hamburger-button.active {
    color: #6d6d6d;
    text-shadow: 0 -1px 0 #080808
}

.hamburger-header .hamburger-button.active {
    margin-left: 250px
}

.hamburger-menu {
    visibility: hidden;
    opacity: 0
}

.hamburger-button>span {
    font-size: 13px;
    transform: translateY(-7px);
    display: inline-block
}

footer {
    background-color: #f5f5f5;
    position: relative;
    z-index: 3;
    margin-top: 0 !important
}

.footer-bg {
    height: 330px;
    padding: 15px 0;
    background-position: center top
}

.footer-bg .footer-center {
    border: none;
    margin-top: 0
}

footer .container {
    /* padding: 15px 50px */
}

.footer-bg .copy-row .copy-text {
    letter-spacing: 1px
}

.footer-1,
.text-justify {
    text-align: justify
}

footer .social-group i {
    color: #4c4c4c
}

.footer-list a {
    display: block;
    border-bottom: 1px solid rgba(117, 117, 117, .1);
    color: #464646;
    padding-bottom: 5px;
    margin-bottom: 5px
}

.copy-row hr {
    margin: 10px 15px 15px
}

.copy-row .copy-text {
    font-size: 12px;
    line-height: 20px
}

.copy-row .nav {
    float: right;
    display: block;
    width: inherit;
    margin: 0 -15px 0 0
}

footer .social-group a {
    margin: 0;
    display: inline-block
}

footer .social-group {
    float: none;
    margin-bottom: 15px
}

.ag-timeline_item:nth-child(2n),
.footer-right,
.i-background.i-top-left {
    text-align: right
}

footer.footer-center .content {
    border-top: 1px solid #e2e2e2;
    background-color: #fff
}

.footer-center .footer-main {
    margin: 20px;
    font-size: 13px
}

.footer-center .copy-row {
    margin-top: 15px;
    color: #757575;
    padding: 10px
}

.footer-minimal .copy-row {
    padding: 10px
}

.footer-center .footer-title {
    color: #4c4c4c;
    margin-bottom: 20px;
    font-weight: 600
}

.footer-parallax {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -121;
    height: 270px;
    padding-top: 20px;
    opacity: 0;
    background-image: url(../images/dashboard/Footer.webp);
    background-position: center
}

.footer-parallax .container {
    padding-top: 30px
}

.mt-7{margin-top: 6rem;}

.footer-parallax-container {
    min-height: 500px;
    position: relative;
    /*z-index: 1;
    box-shadow: 0 0 30px -5px rgba(58, 58, 58, .72);*/
    margin-bottom: 270px
}

.overlay-content .footer-parallax {
    position: static
}

.footer-parallax .copy-text {
    margin-top: 45px;
    float: none
}

.nav.ms-minimal li a {
    border-bottom: 2px solid rgba(248, 248, 248, 0);
    letter-spacing: .5px;
    color: #585858 !important;
    font-weight: 600
}

.nav.ms-minimal .dropdown ul li>a {
    border-right: 1px solid transparent
}

.nav.ms-minimal .dropdown-menu>li>a:hover {
    background-color: #fdfdfd !important
}

.nav.ms-minimal>li.active>a {
    background: 0 0 !important;
    border-bottom-color: #337ab7
}

.nav.ms-minimal>li:hover>a {
    background: 0 0;
    border-bottom-color: #337ab7
}

.ms-minimal ul li>a,
.ms-minimal ul li>span,
.ms-minimal ul ul li>a {
    border-right: 2px solid rgba(248, 248, 248, 0);
    border-radius: 0
}

.bs-menu li,
.bs-menu ul ul,
.ms-minimal li.active>a,
.overlay-content .header-title:after,
.overlay-content .section-empty:not(.section-bg-color),
.overlay-content .section-slide,
.overlay-content.header-video,
.side-menu-fixed .panel ul,
.sidebar-nav .panel ul li.active {
    background: 0 0 !important
}

.ms-minimal li:hover>a,
.ms-minimal li:hover>span {
    border-right-color: #337ab7;
    border-radius: 0 !important
}

.nav.ms-minimal>li .dropdown-menu {
    border-radius: 0;
    background-color: #fff;
    border: 1px solid rgba(255, 255, 255, 0)
}

.side-menu-container,
.side-menu-container #fullpage-main,
.side-menu-container .footer-parallax,
.side-menu-container .fullpage-varrow .arrow,
.sm {
    padding-left: 250px
}

.side-menu .arrow {
    float: right;
    line-height: 1.42857;
    font-weight: 400
}

.side-menu .glyphicon.arrow:before {
    content: "\e079"
}

.side-menu .active>a>.glyphicon.arrow:before {
    content: "\e114"
}

.side-menu .scroll-content,
.side-menu-fixed .scroll-content {
    height: 100%;
    padding-bottom: 5px;
    padding-right: 0
}

.side-menu-fixed .top-area,
.widget .tagbox {
    padding: 15px 0
}

.side-menu-header.bg-transparent .side-menu li a {
    border-top: 1px solid rgba(231, 231, 231, .38);
    color: #fff
}

.side-menu-header.bg-transparent .side-menu ul,
[class*=col-md-].boxed {
    background-color: #444
}

.side-menu .fa.arrow:before {
    content: "\f105"
}

.side-menu .active>a>.fa.arrow:before {
    content: "\f107"
}

.side-menu .ion.arrow:before {
    content: "\f3d2"
}

.side-menu .active>a>.ion.arrow:before {
    content: "\f3d0"
}

.side-menu .plus-minus,
.side-menu .plus-times {
    float: right;
    line-height: 20px;
    font-weight: 400
}

.side-menu .fa.plus-minus:before,
.side-menu .fa.plus-times:before {
    content: "\f067"
}

.side-menu .active>a>.fa.plus-times {
    transform: rotate(45deg)
}

.side-menu .active>a>.fa.plus-minus:before {
    content: "\f068"
}

.side-menu ul {
    background-color: #fbfbfb
}

.boxed-inverse,
.btn,
.fixed-area.boxed-inverse,
.side-menu ul ul,
.tab-box.gray .panel.active,
[class*=col-md-].boxed-inverse {
    background-color: #f5f5f5
}

.side-menu .collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: height, visibility;
    transition-property: height, visibility
}

.mi-menu .sidebar-nav {
    border: 1px solid #e0e0e0;
    height: 100%
}

.sidebar-nav li ul li a,
.sidebar-nav li.panel-item ul li a,
header.side-menu-lateral .sidebar-nav li ul li a {
    padding-right: 20px !important
}

.menu-left .sidebar-nav li ul li a {
    padding-right: 0 !important;
    padding-left: 30px !important
}

ul.side-menu {
    display: block;
    padding: 1px 0
}

ul.side-menu li:first-child {
    margin-top: -1px
}

.sidebar-nav .panel-item>span,
.sidebar-nav ul a,
.sidebar-nav ul li {
    display: block;
    cursor: pointer
}

.bs-menu li.menu-subtitle a {
    color: #585858 !important;
    cursor: default;
    font-weight: 700 !important
}

.mi-menu ul li>a,
.sidebar-nav .panel-item>span {
    padding: 10px 20px;
    color: #616161
}

.side-menu-fixed .mi-menu nav {
    border: none;
    background: 0 0;
    height: auto
}

.side-menu li.divider {
    height: 1px;
    margin: 5px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.mi-menu .sidebar-nav ul ul a {
    padding: 10px 30px;
    border-radius: 0
}

.mi-menu .sidebar-nav li.panel-item ul li a,
header.side-menu-lateral .mi-menu .sidebar-nav ul ul a {
    padding: 10px 20px
}

.sidebar-nav ul ul a:active,
.sidebar-nav ul ul a:hover {
    background-color: rgba(0, 0, 0, .03)
}

.sidebar-nav-item {
    padding-left: 5px
}

.side-menu ul a {
    border-color: #dadada;
    font-weight: 400
}

.side-menu ul ul a {
    border-color: #e4e4e4
}

.side-menu-fixed {
    width: 250px;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99995;
    background-color: #fff;
    border-right: 1px solid #e7e7e7;
    box-shadow: 1px 0 2px rgba(0, 0, 0, .05)
}

.side-menu-fixed .brand {
    text-align: center;
    display: block;
    padding: 25px 5px
}

.side-menu-fixed .bottom-area {
    position: absolute;
    bottom: 20px;
    padding: 20px 0;
    width: 100%;
    text-align: center
}

.side-menu-fixed .social-group {
    margin: 15px;
    display: block
}

.side-menu-fixed .bottom-area p {
    margin: 5px;
    color: #7b7b7b;
    font-size: 12px
}

.side-menu-fixed .panel {
    min-width: 250px;
    height: 100% !important;
    position: fixed;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    left: 250px;
    background-color: #fbfbfb;
    border-left: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
    box-shadow: 5px 2px 10px rgba(0, 0, 0, .06);
    padding: 25px;
    z-index: 90
}

.panel-item .panel .fa-ul {
    display: block;
    position: static;
    padding-left: 27px
}

.panel-item .panel .fa-ul li a {
    padding: 6px 2px
}

.side-menu-fixed .panel>ul.collapse {
    display: block;
    margin-left: -25px;
    margin-right: -25px
}

#cancel-comment-reply-link:hover,
.comment-list .reply:hover a,
.flex-control-thumbs img:hover,
.flex-pauseplay a:hover,
.flexslider.carousel.nav-thumb li:hover,
.flexslider:hover .flex-direction-nav .flex-next:hover,
.flexslider:hover .flex-direction-nav .flex-prev:hover,
.grid-image .overlay-container:hover .overlay,
.maso-custom .maso-item>*,
.maso-mask .maso-item>a,
.middle-text-container:hover .middle,
[data-menu-anima] .panel-item .panel ul {
    opacity: 1
}

.side-menu .active {
    background-color: #fbfbfb;
    font-weight: 600
}

.side-menu ul .active {
    background-color: rgba(243, 243, 243, .8)
}

.countdown .countdown-values,
.icon-list.text-bold .list-item label,
.side-menu ul .active>a {
    font-weight: 600
}

.bs-menu .menu-subtitle {
    font-weight: 700 !important;
    margin-top: 15px
}

.bs-menu ul ul li>a {
    padding-right: 39px !important;
    font-size: 12px !important
}

.bs-menu .sidebar-nav {
    background: 0 0;
    text-align: right
}

.bs-menu li.active>a,
.bs-menu li:hover>a {
    background: 0 0;
    border-right-color: #337ab7 !important;
    color: #337ab7;
    border-radius: 0
}

.bs-menu.menu-left li.active>a,
.bs-menu.menu-left li:hover>a {
    border-left: 1px solid #337ab7 !important;
    border-right: none !important;
    font-weight: 400
}

.bs-menu li a {
    background: 0 0 !important;
    border-right: 1px solid transparent !important
}

.bs-menu.menu-left li a {
    border-right: none !important;
    border-left: 1px solid transparent !important
}

#comments .next.page-numbers,
.album-title .btn,
.bs-menu li a>.fa {
    margin-left: 15px
}

.bs-menu ul a {
    padding: 3px 16px;
    color: #6f6f6f
}

.flex-direction-nav li a,
.scroll-spy-menu li.active>ul,
[data-spy=scroll] .side-menu li.active>ul {
    height: auto !important
}

.bs-menu .slimScrollBar {
    width: 2px !important;
    background: rgba(0, 0, 0, .2) !important;
    margin-right: -1px
}

.slimScrollBar-menu .slimScrollBar {
    opacity: 0 !important
}

.side-menu.ms-simple li:hover,
.tagbox span:hover {
    opacity: .7
}

.side-menu.ms-simple li a {
    border: none;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 600;
    text-transform: uppercase;
    background: 0 0 !important
}

.inside-menu .navbar {
    border: 1px solid #e7e7e7
}

.inside-menu .sidebar {
    border-left: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
    border-radius: 4px
}

.inside-menu.scroll-css .col-md-12 {
    width: 1170px
}

.side-menu i {
    width: 25px;
    color: #616161
}

.col-md-3 .inside-menu.scroll-css {
    width: 262.5px
}

.bg-overlay {
    background-repeat: repeat
}

.bg-overlay.video {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 3;
    background-color: rgba(0, 0, 0, .25)
}

.bg-overlay.dotted {
    background-image: url(images/overlay/dotted.webp)
}

.bg-overlay.line-45 {
    background-image: url(images/overlay/line-45.webp)
}

.bg-overlay.carbonio {
    background-image: url(images/overlay/carbonio.webp)
}

.bg-overlay.tile {
    background-image: url(images/overlay/tile.webp)
}

.bg-overlay.points {
    background-image: url(images/overlay/points.webp)
}

.bg-overlay.transparent-dark {
    background-color: rgba(0, 0, 0, .51)
}

.bg-overlay.transparent-light {
    background-color: rgba(255, 255, 255, .7)
}

.bg-overlay.squares {
    background-image: url(images/overlay/squares.webp)
}

.bg-overlay.tv {
    background-image: url(images/overlay/tv.gif);
    opacity: .1
}

.about-img,
.bg-gradient-container,
.overlay-container,
.section-bg-video,
.section-map {
    position: relative;
    overflow: hidden
}

.background-page>.bg-overlay,
.bg-gradient-container .bg-gradient,
.overlay-container .bg-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    transform: translate3d(0, 0, 0)
}

.header-animation .container,
.overlay-content {
    position: relative;
    z-index: 9
}

.background-page {
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: 0;
    position: fixed;
    overflow: hidden;
    background-position: center center
}

.background-page .flexslider {
    background-color: rgba(0, 0, 0, 0) !important;
    height: 100%;
    margin: 0;
    z-index: 0
}

.background-page .flexslider .slides,
.background-page .flexslider .slides>li,
.full-screen-size .layer-parallax,
.full-screen-title .layer-parallax,
.full-screen-title .videobox {
    height: 100% !important
}

.background-page iframe {
    border-style: none
}

.navbar-default form,
iframe {
    border: none
}

.background-page video {
    width: 100%;
    bottom: 0;
    top: 0
}

.header-bootstrap {
    background-color: #6f5499;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .17) 0, rgba(0, 0, 0, .08) 100%);
    z-index: 9
}

.header-bootstrap .title,
.title .title-content .breadcrumb,
.title .title-content h1 {
    margin-top: 0;
    text-transform: inherit
}

.header-bootstrap i {
    color: #fff;
    font-size: 60px
}

.header-bootstrap div>span {
    color: #fff;
    text-transform: uppercase;
    font-size: 13px
}

.header-bootstrap .breadcrumb a,
.header-bootstrap h1 span {
    color: #e4e4e4;
    margin-left: 10px;
    font-weight: 400;
    text-transform: inherit
}

.header-bootstrap .breadcrumb {
    float: right;
    margin: 21px 0 0
}

.header-bootstrap h1 {
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    font-size: 24px;
    margin: 7px 0 0
}

.header-animation:not(.section-bg-animation) .title-base {
    margin-top: 100px
}

.header-animation .anima-layer {
    position: absolute;
    top: auto;
    left: 0;
    width: 100%;
    min-width: 900px;
    min-height: 612px;
    overflow: hidden;
    z-index: 3
}

.pos-top,
[data-parallax].header-animation .anima-layer {
    top: 0
}

.header-animation .clouds-1 {
    background: url(images/assets/clouds_1.webp) 100px 30px repeat-x rgba(0, 0, 0, 0)
}

.header-animation .clouds-2 {
    background: url(images/assets/clouds_2.webp) 200px 220px repeat-x rgba(0, 0, 0, 0)
}

.header-animation .fog-1 {
    background: url(images/assets/fog_1.webp) 200px 30px repeat-x rgba(0, 0, 0, 0)
}

.header-animation .fog-2 {
    background: url(images/assets/fog_1.webp) 200px 160px repeat-x rgba(0, 0, 0, 0)
}

.header-animation .fog-3 {
    background: url(images/assets/fog_2.webp) repeat-x rgba(0, 0, 0, 0)
}

.header-animation .overlay {
    position: absolute;
    left: 50%;
    z-index: 5
}

.header-animation .overlay.bottom,
.img-box.i-bottom i,
.pos-bottom {
    bottom: 0
}

.header-animation.header-parallax .layer-parallax {
    background-size: cover;
    background-position: center center
}

.header-base {
    height: 150px;
    padding-top: 20px;
    margin-top: 0;
    background-color: #6f6f6f;
    border-bottom: 1px solid #e6e6e6
}

.header-base:not(.bg-cover) {
    background-color: #353535;
    color: #fff
}

.header-base h1,
.header-base.header-bar h1 {
    margin-top: 20px !important
}

.header-base .bar {
    height: 35px
}

.header-base.header-bar {
    padding-top: 0
}

.header-base.header-bar h2,
div.header-base.header-bar .breadcrumb.b a {
    color: #828282
}

.header-base hr {
    width: 100%;
    position: relative
}

header.menu-transparent.bg-transparent .navbar {
    border: none;
    background: rgba(0, 0, 0, .1) !important
}

header.bg-transparent .fa,
header.bg-transparent .navbar-mini .navbar-form .btn-default,
header.bg-transparent .social-group a i.fa,
header.bg-transparent button,
header.bg-transparent input {
    background: rgba(0, 0, 0, 0) !important;
    border-color: rgba(158, 158, 158, .39) !important;
    color: #e4e4e4
}

header.bg-transparent>.navbar {
    background-color: rgba(0, 0, 0, .41) !important;
    border-radius: 0
}

.bg-transparent,
.bg-transparent .navbar-nav .active>a,
.bg-transparent .navbar-nav a,
.menu-transparent.bg-transparent .navbar-nav>li>a:hover,
i.circle.cover,
i.circle.onlycover {
    background-color: rgba(0, 0, 0, 0) !important
}

.menu-transparent:not(.scroll-css) li.dropdown:hover {
    background: rgba(0, 0, 0, .4) !important;
    border-radius: 0
}

header.bg-transparent .navbar-default .navbar-nav>li>a {
    color: #e4e4e4;
    transform: translateY(0);
    transition: transform .3s
}

header.bg-transparent .dropdown-menu .divider {
    background-color: #505050
}

header.bg-title {
    height: 450px
}

.header-title:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -120;
    left: 0;
    height: 100%
}

.header-animation,
.header-title {
    text-align: center;
    height: 350px;
    background-size: cover;
    overflow: hidden;
    position: relative
}

@keyframes ken-burn-in {
    0% {
        transform: scale(1.2)
    }

    100% {
        transform: scale(1)
    }
}

.parallax-mirror.ken-burn img {
    animation: 13s ken-burn-in;
    transform-origin: bottom left;
    transform: scale(1.2)
}

.parallax-mirror.ken-burn-center img {
    animation: 5s ken-burn-in;
    transform: scale(1.2)
}

.parallax-mirror.ken-burn-out img {
    transform-origin: bottom left;
    transform: scale(1.1) !important;
    transition: transform 10s
}

@media (max-width:1650px) {
    .parallax-side-cnt .parallax-slider {
        width: auto !important;
        height: auto !important;
        left: 50% !important;
        transform: translate3d(0, 0, 0) translateX(-50%) !important
    }
}

.header-animation {
    position: relative;
    height: 500px
}

.header-animation .breadcrumb.b,
.header-slider .breadcrumb.b,
.header-title .breadcrumb.b,
.header-video .breadcrumb.b {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 0
}

.fa-ul>li a,
.header-animation .breadcrumb.b a,
.header-slider .breadcrumb.b a,
.header-title .breadcrumb.b a,
.header-video .breadcrumb.b a,
.pagination>li>a {
    color: #585858
}

.header-title.full-screen-title {
    position: relative;
    padding-top: 0
}

header.bg-title .active>a {
    background-color: #ff005d
}

header.bg-title h1 {
    font-size: 30px;
    font-weight: 100;
    text-transform: uppercase
}

header.bg-title h2 {
    font-size: 15px;
    font-weight: 100;
    margin-top: 5px
}

header.bg-title .breadcrumb.b {
    text-align: center;
    margin-top: 200px
}

.header-slider .overlaybox,
.header-video .overlaybox,
.section-bg-video .overlaybox,
.section-slider .overlaybox {
    position: absolute;
    z-index: 95;
    width: 100%;
    top: 0;
    text-align: center
}

.header-video .layer-parallax {
    height: 600px
}

.header-slider .flex-control-nav {
    bottom: 10px;
    z-index: 95
}

.header-slider,
.header-video {
    overflow: hidden;
    position: relative
}

.header-slider .flex-control-paging li a {
    background: rgba(171, 171, 171, .5)
}

.header-slider .flex-control-paging li a.flex-active {
    background: rgba(181, 181, 181, .9)
}

.header-video {
    height: 350px;
    overflow: hidden
}

.videobox {
    position: absolute;
    height: 100%;
    overflow: hidden;
    width: 100%;
    z-index: 1
}

.videobox .mobile-poster {
    display: none;
    height: 180px;
    background-size: cover;
    background-repeat: no-repeat
}

.ag-timeline-card_img,
.header-parallax img,
.post-video iframe,
.search-results .advs-box,
.section-two-blocks .blocks-video video,
.sidebar-content>.row>div>.container,
.swiper-slide img,
.swiper-slide video,
.videobox video {
    width: 100%
}

.videobox iframe {
    width: 200%;
    margin-left: -50%;
    margin-top: -15%;
    height: 200%;
    position: absolute;
    left: 0
}

::-webkit-media-controls-panel,
::-webkit-media-controls-start-playback-button {
    display: none !important;
    -webkit-appearance: none
}

.header-parallax {
    z-index: 2;
    height: 350px
}

.layer-parallax {
    left: 0;
    top: 0;
    overflow: hidden;
    margin: 0;
    padding: 0;
    height: 500px;
    width: 100%;
    z-index: -1;
    position: fixed !important
}

.full-screen-title .overlaybox {
    top: 50% !important;
    position: absolute;
    width: 100%;
    z-index: 9
}

.full-screen-title.header-parallax {
    padding-top: 0;
    z-index: 0
}

.list-full-screen {
    position: absolute;
    height: 100%;
    overflow: hidden;
    bottom: 5px;
    margin: 0;
    width: 100%
}

.list-full-screen .slides li a {
    position: relative;
    height: 100%;
    display: block
}

.list-full-screen .slides li {
    width: 200px
}

.bg-box {
    border-bottom: 1px solid #e7e7e7;
    background-color: #f8f8f8;
    border-radius: 3px;
    padding: 20px
}

.porfolio-bar a {
    color: #3d3d3d
}

.porfolio-bar a i {
    padding: 5px;
    font-size: 33px
}

.list-nav .pagination,
.porfolio-bar div .icon-box {
    margin: 0 auto
}

.grid-image .padding-column,
.portfolio-details.fixed-area.active {
    padding: 25px 15px
}

.post-image,
.post-video iframe {
    height: 400px;
    margin: 30px 0
}

.comment-list img {
    margin-top: 5px;
    margin-left: 15px;
    padding: 0;
    border-radius: 50%;
    width: 32px;
    height: 32px
}

i.circle,
i.square {
    padding: 20px;
    color: #fff;
    background-color: #585858;
    text-align: center
}

.comment-list .name {
    font-weight: 800;
    margin-top: 2px
}

.comment-list .name span {
    font-weight: 300;
    padding-left: 10px;
    color: #a5a5a5;
    font-size: 12px
}

.comment-list .msg {
    font-size: 13px;
    color: #7b7b7b
}

.comment-list .item {
    padding-top: 15px
}

.comment-list .item.sub {
    padding-left: 72px;
    padding-bottom: 10px
}

.comment-list .sub.first .line {
    height: 50px;
    margin-top: -19px
}

.comment-respond {
    padding-bottom: 80px
}

.comment-list .reply a {
    opacity: .5
}

#cancel-comment-reply-link {
    margin-left: 15px;
    opacity: .5
}

.countdown .countdown-text,
.fa-ul li>b {
    margin-right: 5px
}

.countdown {
    margin: 0 -10px
}

.box-steps .step-item {
    padding: 0 50px
}

.box-steps .step-item:after {
    content: '\f061';
    font-family: FontAwesome;
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -12.5px;
    font-size: 25px;
    opacity: .5
}

.box-steps .step-item>h3,
.text-light {
    font-weight: 300
}

.box-steps .step-number {
    position: absolute;
    left: 15px;
    font-size: 40px;
    line-height: 40px;
    opacity: .3
}

[data-height].collapse-box .panel:after {
    content: '';
    position: absolute;
    height: 60px;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%)
}

.vertical-row.row,
.vertical-row>.row {
    display: flex !important;
    align-items: center
}

.middle-content,
.middle-content>.row,
.middle-content>.row>div {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.row.vertical-row {
    margin-left: -15px;
    margin-right: -15px
}

.proporzional-row:not(.hc_column_cnt),
.proporzional-row>.row,
.widget .searchform>div {
    display: flex
}

.proporzional-row>.row>*,
.proporzional-row>:not(.row) {
    flex: 1 1 auto
}

/* .grid-item>.row>div,
.proporzional-row .flexslider,
.proporzional-row .flexslider .slides,
.proporzional-row .flexslider div,
.proporzional-row .google-map,
.proporzional-row .hc_content_box_cnt,
.proporzional-row .hc_google_map_cnt,
.proporzional-row .hc_image_slider_cnt,
.proporzional-row .img-box,
.proporzional-row>.row>div>.row,
.proporzional-row>.row>div>.row>.hc_image_box_cnt,
.proporzional-row>.row>div>.row>div>.adv-img,
.proporzional-row>.row>div>.row>div>.advs-box,
.proporzional-row>div>.advs-box,
[class*=row-] .flexslider,
[class*=row-] .flexslider .slides,
[class*=row-] .flexslider div,
[class*=row-] .row,
[class*=row-] li .img-box,
[class*=row-].grid-item>div {
    height: 100%;
    display: block;
}

[class*=row-]:not(.one-row-list) .col-md-12 {
    max-height: 100%;
    overflow: hidden
} */

.grid-item .base-box,
.grid-item .box,
.grid-item .img-box:not([class*=row-]),
.maso-item .img-box:not([class*=row-]),
.section-slider>.flexslider .flex-viewport,
.section-slider>.flexslider .slides,
.section-slider>.flexslider .slides li,
.single-blog-item:hover .content::before,
[class*=row-].flexslider *,
[class*=row-]:not(.one-row-list)>.row>[class*=col-md-],
[class*=row-]:not(.one-row-list)>.row>div>.img-box {
    height: 100%
}

@media (min-width:993px) {
    .side-menu-lateral .side-menu li:hover>ul {
        display: block !important;
        height: auto !important;
        z-index: 1000;
        visibility: visible;
        box-shadow: 4px 2px 5px rgba(0, 0, 0, .07);
        border: 1px solid #dedede
    }

    .side-menu-lateral .side-menu li {
        position: relative;
        font-weight: 400
    }

    .side-menu-lateral .side-menu>li:not(.panel-item) ul {
        position: absolute;
        left: 100%;
        top: 0;
        min-width: 200px;
        display: none;
        border: 1px solid #f1f1f1;
        height: initial !important
    }

    .side-menu-lateral .side-menu>li:not(.panel-item):hover>ul,
    .side-menu-lateral .side-menu>li:not(.panel-item)>ul>li:hover>ul,
    .side-menu-lateral li:hover>ul {
        display: block
    }

    .side-menu-lateral .panel>ul {
        position: static
    }

    .side-menu-lateral .panel-item .panel ul ul {
        background: 0 0;
        border: none !important;
        box-shadow: none !important
    }

    .side-menu-lateral .mi-menu nav,
    .side-menu-lateral .slimScrollDiv {
        overflow: visible !important
    }

    .navbar-header .hamburger-button,
    .side-menu-header .navbar-header .navbar-brand {
        display: none
    }

    [class*=boxed].col-md-2 {
        width: calc(16.66666667% - 30px)
    }

    [class*=boxed].col-md-3 {
        width: calc(25% - 30px)
    }

    [class*=boxed].col-md-4 {
        width: calc(33.33333333% - 30px)
    }

    [class*=boxed].col-md-5 {
        width: calc(41.66666667% - 30px)
    }

    [class*=boxed].col-md-6 {
        width: calc(50% - 30px)
    }

    [class*=boxed].col-md-7 {
        width: calc(58.33333333% - 30px)
    }

    [class*=boxed].col-md-8 {
        width: calc(66.66666667% - 30px)
    }

    [class*=boxed].col-md-9 {
        width: calc(75% - 30px)
    }

    [class*=boxed].col-md-10 {
        width: calc(83.33333333% - 30px)
    }

    [class*=boxed].col-md-11 {
        width: calc(91.66666667% - 30px)
    }

    [class*=boxed].col-md-12 {
        width: calc(100% - 30px)
    }
}

.base-box.boxed,
.base-box.boxed-inverse,
.boxed-inverse,
.grid-box>.grid-item.boxed-inverse,
.row.vertical-row>div.boxed,
.row.vertical-row>div.boxed-inverse,
[class*=col-md-].boxed,
[class*=col-md-].boxed-inverse {
    border-style: none !important;
    padding: 25px
}

[class*=col-md-].boxed,
[class*=col-md-].boxed-inverse {
    margin: 0 15px
}

.grid-box.no-margins.row,
.grid-item>.boxed,
.grid-item>.boxed-inverse {
    margin: 0;
    width: 100%
}

.fixed-area.boxed-inverse,
.img-box.thumbnail .caption,
.section-bg-color [class*=col-md-].boxed-inverse,
.section-custom,
.social-icons-simple li a:hover {
    background-color: #fff
}

.grid-item.boxed-inverse {
    margin-top: 15px;
    height: calc(100% - 109px)
}

.list-items .list-item {
    padding: 10px 0;
    border-bottom: 1px dashed #e6e6e6;
    transition: padding .3s
}

.list-items .list-item:hover {
    padding-left: 5px;
    background-color: rgba(115, 115, 115, .02)
}

.list-items .list-item h3 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0
}

.list-items .list-item p {
    line-height: 25px;
    color: #797979;
    font-size: 13px;
    margin: 0
}

.list-items .list-item span {
    text-align: right;
    display: block;
    font-size: 20px;
    white-space: nowrap;
    font-weight: 600;
    color: #696969
}

ul.list-texts li {
    list-style-type: none;
    padding: 3px 0
}

ul.list-texts li b {
    padding-right: 5px
}

.fa-ul>li,
ul.no-icons li {
    line-height: 145%
}

.fa-ul .fa-li {
    line-height: 180%;
    text-align: left
}

.fa-ul i.circle,
.fa-ul i.square,
.maso-list .navbar-inner {
    margin-bottom: 5px
}

.fa-ul.text-right {
    margin-left: 0;
    margin-right: 2.14285714em
}

.fa-ul.text-right .fa-li {
    left: inherit;
    right: -2.14285714em;
    padding-left: 0;
    text-align: right
}

.fa-ul.text-center>li {
    display: inline-block;
    margin: 0 20%
}

.ul-squares {
    list-style-type: square !important
}

.ul-decimal {
    list-style-type: decimal !important
}

.ul-decimal.no-margins,
.ul-dots.no-margins,
.ul-squares.no-margins {
    margin-left: 18px !important;
    padding-left: 0
}

i.square {
    border-radius: 2px
}

.icon-background,
.icon-background>div {
    position: relative;
    z-index: 1;
    overflow: hidden
}

.icon-background .i-background {
    left: 0;
    top: 0;
    right: 0;
    position: absolute;
    z-index: -1;
    width: 100% !important;
    color: rgba(191, 191, 191, .15) !important;
    text-align: center;
    box-sizing: border-box
}

.i-background.i-bottom-right {
    bottom: 0;
    top: inherit;
    text-align: right
}

.i-background.i-bottom-left {
    bottom: 0;
    top: inherit;
    text-align: left
}

.i-background.i-bottom {
    bottom: 50px;
    top: inherit
}

i.cover,
i.onlycover {
    background-size: cover;
    background-color: transparent !important;
    border: none
	}

i.onlycover:before {
    visibility: hidden
}

.icon-list.vertical-icon-list .list-item {
    display: block;
    margin-bottom: 10px
}

.icon-list .list-item label {
    padding: 0 10px;
    cursor: text
}

.icon-list .list-item {
    display: inline-block;
    margin-right: 10px;
    border-radius: 3px
}

.icon-list.text-right .list-item {
    margin-left: 10px;
    margin-right: 0
}

.icon-list.text-center .list-item {
    margin-left: 10px
}

.icon-box-top-bottom label,
.icon-list .list-item i,
.icon-list .list-item label {
    display: table-cell;
    vertical-align: middle;
    font-weight: 400;
    line-height: normal
}

.icon-box-top-bottom,
.icon-list.icon-list-top-bottom .list-item {
    text-align: center;
    margin-right: 0
}

.icon-box.icon-box-top-bottom .icon-box-cell>i {
    float: none;
    margin: 7px 0;
    display: inline-block;
    opacity: .9
}

.icon-list.icon-list-top-bottom .list-item i {
    display: inline-block;
    margin: 5px 0
}

.icon-list.text-right {
    margin-left: -10px
}

.icon-list.text-left {
    margin-right: -10px
}

.text-xs.circle,
.text-xs.square {
    width: 27px;
    height: 27px;
    padding: 0;
    line-height: 27px
}

.text-s.circle,
.text-s.square {
    width: 43px;
    height: 43px;
    padding: 0;
    line-height: 43px
}

.text-m.circle,
.text-m.square {
    width: 58px;
    height: 58px;
    padding: 0;
    line-height: 58px
}

.text-l.circle,
.text-l.square {
    width: 66px;
    height: 66px;
    padding: 0;
    line-height: 66px
}

.text-xl.circle,
.text-xl.square {
    width: 92px;
    height: 92px;
    padding: 0;
    line-height: 92px;
    font-size: 35px !important
}

i.text-xl.circle,
i.text-xl.square {
    line-height: 92px !important
}

.icon-box {
    display: table
}

.icon-box label,
.icon-box-cell,
.progress-circle .inner-circle i.bg:before {
    display: table-cell;
    vertical-align: middle
}

.text-center .icon-box {
    margin: 10px auto
}

.text-left .icon-box {
    margin: 1px 0 10px
}

.icon-box label {
    font-weight: 400;
    padding-left: 15px;
    position: relative
}

.icon-box.icon-box-right label {
    padding-left: 0;
    padding-right: 15px
}

.icon-box-top-bottom label {
    display: block;
    padding: 0
}

.icon-box-cell label,
.wp-caption img[class*=wp-image-] {
    display: block;
    margin: 0
}

.icon-box-cell p {
    padding: 5px 0 0 15px;
    margin: 0
}

.icon-box-right .icon-box-cell label,
.icon-box-right .icon-box-cell p {
    padding-left: 0;
    padding-right: 15px;
    text-align: right
}

.icon-box-top-bottom .icon-box-cell {
    display: block;
    text-align: center
}

.btn i,
.btn-default i,
.btn-text i {
    color: #585858;
    margin-right: 10px
}

.btn-group-icons i,
[data-social] i {
    margin: 0 3px
}

.social-group {
    margin: 0 -3px
}

.dropdown.btn-group .active>a {
    color: #262626;
    background-color: #f5f5f5
}

.btn.ico i {
    margin-right: 10px
}

.btn-text {
    border-bottom: 1px dotted rgba(0, 0, 0, .3);
    display: inline-table
}

.btn-text:hover {
    color: #7d7d7d
}

.anima-button {
    position: relative;
    overflow: hidden;
    display: inline-block;
    transition: padding-left .3s
}

.circle-button {
    padding: 5px 15px;
    border-radius: 20px;
    border: 1px solid #9c9c9c;
    display: inline-block
}

.anima-button i {
    position: absolute;
    top: 50%;
    height: 20px;
    line-height: 20px;
    margin-top: -10px;
    margin-left: -50%;
    font-size: 100%
}

.anima-button.btn-xs i {
    margin-top: -9px
}

.anima-button:hover {
    padding-left: 25px;
    transition: padding-left .3s
}

.anima-button.circle-button:hover {
    padding-left: 33px
}

.anima-button.btn-lg.circle-button:hover,
.anima-button.btn-lg:hover {
    padding-left: 43px
}

.anima-button.btn:hover i,
.anima-button.circle-button:hover i {
    margin-left: -20px
}

.anima-button:hover i {
    margin-left: -25px;
    transition: .3s
}

.anima-button.btn-lg.circle-button:hover i,
.anima-button.btn-lg:hover i {
    margin-left: -30px
}

.circle-button.btn-primary:hover {
    background-color: #337ab7;
    color: #fff;
    border-color: #337ab7
}

.circle-button.btn-primary {
    color: #fff !important;
    border: none
}

.caption.caption-out,
.img-box .caption {
    text-align: center;
    font-size: 11px;
    line-height: 14px;
    letter-spacing: .2px;
    font-weight: 700;
    color: #676767
}

.btn-primary.circle-button:hover {
    background-color: #3070a7 !important
}

.btn-border,
.white .btn-border {
    border-width: 1px;
    border-style: solid;
    background: rgba(255, 255, 255, 0) !important
}

.img-box {
    display: block;
    overflow: hidden;
    max-width: 100%;
    outline: 0 !important;
    position: relative;
    text-align: left
}

.img-box.adv-img:hover,
.social-icons-simple li.animated-wrap a:hover {
    background-color: transparent
}

.img-box:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 0;
    transition: opacity 0s .3s;
    -webkit-transition-delay: .3s;
    opacity: 0
}

.img-box.circle:before {
    border-radius: 50%;
    opacity: 0;
    transform: scale(.995)
}

.img-box.circle.thumbnail:before,
.img-box.thumbnail:before {
    margin: 4px
}

.img-box:hover:before {
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    opacity: 1;
    transition: none;
    -webkit-transform: translateZ(0)
}

.png-over .img-box img {
    opacity: .8 !important;
    margin: auto;
    height: auto !important
}

.gallery,
.png-over li img {
    width: auto !important
}

.img-box img,
.title-icon h2 {
    z-index: 2
}

.img-box:hover img {
    opacity: .8 !important;
    transition: opacity .3s
}

.img-box.adv-circle:hover img {
    opacity: .6 !important
}

.img-box.caption-out>span {
    height: 80%
}

.img-box.caption-out>span.caption {
    height: 20%
}

.img-box .caption>i,
.img-box span>i,
.img-box>i {
    position: absolute !important;
    margin: 15px;
    font-size: 20px;
    color: #fff;
    text-shadow: 0 2px 2px rgba(0, 0, 0, .5);
    z-index: 11;
    transform: translate3d(0, 0, 0)
}

.img-box.i-bottom-right i,
.img-box.i-bottom-right.inner>span>i {
    bottom: 0;
    right: 0
}

.img-box.i-top-right>i {
    right: 15px
}

.img-box.i-center i {
    left: 0;
    margin: -28px 0 0 50%;
    top: 50%;
    line-height: 50px
}

.img-box.i-center i::before {
    margin-left: -10.5px
}

.grayscale img {
    filter: url("data:image/svg+xml;utf8,<;svg xmlns=\'http://www.w3.org/2000/svg\'>;<;filter id=\'grayscale\'>;<;feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/>;<;/filter>;<;/svg>;#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%)
}

.grayscale:hover img {
    filter: url("data:image/svg+xml;utf8,<;svg xmlns=\'http://www.w3.org/2000/svg\'>;<;filter id=\'grayscale\'>;<;feColorMatrix type=\'matrix\' values=\'1 0 0 0 0,0 1 0 0 0,0 0 1 0 0,0 0 0 1 0\'/>;<;/filter>;<;/svg>;#grayscale");
    -webkit-filter: grayscale(0%)
}

.img-box .caption {
    padding: 7px 7px 0;
    background-color: #fff;
    z-index: 9;
    position: relative
}

.img-box.inner.circle .caption {
    padding: 0 20%;
    background: 0 0;
    bottom: 25px;
    height: 45px;
    white-space: normal;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .34)
}

.img-box.inner .caption {
    position: absolute;
    z-index: 9;
    margin-top: -47px;
    width: 100%;
    left: 0;
    height: 47px;
    line-height: 14px;
    overflow: hidden;
    background: url("images/assets/bg-gradient.png") top center repeat-x;
    background-color: transparent !important;
    color: #fff;
    text-shadow: 0 0 3px rgba(0, 0, 0, .5);
    transform: translate3d(0, 0, 0)
}

.circle,
.circle img {
    border-radius: 50%;
    position: relative;
    backface-visibility: hidden;
    transform: scale(1)
}

.pagination>li.disabled>a:hover,
.pagination>li>a {
    border: 1px solid #9c9c9c
}

.caption.caption-out {
    display: block;
    margin-top: 10px
}

.thumb-xs .img-box,
.thumb-xs figure {
    height: 79px
}

.thumb-s .img-box,
.thumb-s figure {
    height: 127px
}

.thumb-m .img-box,
.thumb-m figure {
    height: 168px
}

.thumb-l .img-box,
.thumb-l figure {
    height: 357px
}

.thumb-l figure,
.thumb-xl .img-box {
    height: 500px
}

.flexslider li>a>img,
.flexslider li>img,
.gallery .img-box,
.gallery .img-box img,
.slides>li>a.img-box {
    width: 100%;
    display: block
}

.gallery .gallery-item,
.gallery>a {
    display: block;
    float: left;
    overflow: hidden
}

.gallery.margins .gallery-item,
.gallery.margins>a {
    padding: 5px;
    overflow: hidden
}

.gallery>a span,
.img-box-adv>span,
.img-box>span {
    display: block;
    overflow: hidden;
    height: 100%
}

.grid-box .img-box-adv>span,
.grid-box .img-box:not(.thumbnail)>span,
.grid-item .adv-img-down-text .img-box,
.grid-item .advs-box .img-box,
.grid-item p,
.hr-f-bottom,
.hr-f-bottom-dark,
.hr-f-top,
.hr-f-top-dark,
.post-template-default .content>img,
.section-two-blocks .row>[class*=col-],
.textwidget a>img,
[class*=row-] .flexslider.advanced-slider .container-inner div {
    height: auto
}

.grid-box.row {
    margin: -5px;
    width: 100%;
    width: calc(100% + 10px)
}

.grid-box>.grid-item {
    padding: 5px
}

.grid-box .pagination-sm {
    margin: 15px 10px
}

.grid-list .list-nav,
.maso-list .list-nav {
    text-align: center;
    margin-top: 20px
}

.menu-outer ul.nav {
    position: absolute;
    top: -85px;
    text-align: right
}

.pagination .next i,
.pagination i[class*=right],
.pagination-sm .last i {
    margin-left: 7px
}

.pagination>li.disabled>a {
    border: 1px solid #9c9c9c;
    color: #969696
}

.pagination>li>a:focus,
.pagination>li>a:hover {
    border-color: #9c9c9c;
    color: #585858
}

.album-title {
    padding: 5px 0;
    display: none;
    font-weight: 600;
    font-size: 17px;
    text-transform: uppercase
}

.album-title .btn .fa {
    margin: 0 10px 0 0
}

.album-box.col-md-6 .album-img {
    height: 200px
}

.album-box {
    padding: 15px
}

.album-item .maso-list .navbar-inner,
.section-map .overlaybox-top .overlaybox-inner {
    margin-top: 25px
}

.maso-box>.maso-item {
    padding: 5px;
    visibility: hidden;
    max-width: 100%;
    height: auto
}

.maso-item>*,
.slider-heading,
.slider-para,
.slider-text .btn,
[data-anima-out] .anima {
    opacity: 0
}

.maso-item .img-box {
    position: relative;
    width: 100%
}

.maso-box.bottom-endline {
    overflow: hidden;
    visibility: hidden
}

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

.maso-layout .maso-item:nth-child(3n+0) .img-box {
    height: 550px;
    max-height: 550px
}

.maso-layout .maso-item:nth-child(2n+0) .img-box {
    height: 350px;
    max-height: 350px
}

.maso-layout .maso-item:nth-child(4n+0) .img-box {
    height: 250px;
    max-height: 250px
}

.maso-layout .maso-item:first-child .img-box {
    height: 450px;
    max-height: 450px
}

.nav.inner.ms-rounded .maso-order {
    padding: 5px 15px;
    margin-right: 0;
    border-radius: 35px;
    color: #585858;
    line-height: 20px
}

.maso-order i {
    margin-right: 2px
}

.maso-order:hover {
    background-color: #eee;
    cursor: pointer
}

.maso-list .list-nav {
    margin-bottom: 10px
}

.fixed-area {
    z-index: 27
}

.slimScrollDiv .scroll-box {
    padding-right: 20px
}

.scroll-content {
    padding-right: 25px
}

.scroll-content>.col-md-12,
.tab-box .panel>.col-md-12 {
    margin-left: -15px;
    margin-right: -15px;
    width: calc(100% + 30px)
}

.scroll-content.gradient-bottom:after {
    content: "";
    position: absolute;
    right: 10px;
    left: 0;
    bottom: 0;
    background: linear-gradient(to top, rgba(37, 37, 37, .73) 0, rgba(0, 0, 0, 0) 100%);
    height: 18px;
    margin-bottom: 0;
    border-top: none
}

.scroll-content.gradient-light:after {
    background: linear-gradient(to top, rgba(255, 255, 255, .59) 0, rgba(0, 0, 0, 0) 100%)
}

.breadcrumb.b {
    background-color: rgba(0, 0, 0, 0);
    padding: 0;
    text-align: right
}
.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    background-color: #d7f3c4;
    border-radius: 4px;
    font-family: "Libre Baskerville", serif;
    /* font-size: 15px; */
    line-height: 25px;
    font-weight: 300;
}
.breadcrumb li:nth-child(2) a {
    color: #737373; /* Replace with your desired color */
  }
.breadcrumb>.active {
    color: #0a6938 !important;
    opacity: .7;
}
.widget>div:first-child>p:first-child {
    margin-top: 0;
    padding-top: 0
}

.tagbox a,
.tagbox span,
.tagcloud a {
    padding: 5px 15px;
    background-color: #484848;
    color: #fff !important;
    margin: 0 8px 8px 0;
    white-space: nowrap;
    float: left;
    border-radius: 3px;
    cursor: pointer
}

.header-animation.white .title-base hr,
.header-slider.white .title-base hr,
.header-title.white .title-base hr,
.header-video.white .title-base hr,
.title-base hr {
    background-color: #694d94
}

.widget input[type=search] {
    border: 1px solid #a9a9a9
}

.block-quote,
div>p.block-quote:last-child {
    margin: 25px 0
}

.quote-author {
    display: block;
    margin: 15px 0 0;
    font-size: 14px;
    text-align: right
}

.block-quote.quote-1,
.block-quote.quote-2 {
    font-size: 20px;
    font-weight: 300;
    padding-left: 80px;
    position: relative;
    text-align: left;
    line-height: 28px
}

.block-quote.quote-2 {
    padding-right: 80px
}

.block-quote.quote-1:before,
.block-quote.quote-2:before {
    content: "\f10e";
    font: 54px/1 FontAwesome;
    position: absolute;
    left: 2px;
    color: #ececec;
    right: 0;
    display: inline-block;
    text-align: left
}

.block-quote.quote-2:before {
    content: "\f10d"
}

.block-quote.quote-2:after {
    content: "\f10e";
    font: 54px/1 FontAwesome;
    position: absolute;
    right: 13px;
    color: #ececec;
    margin-top: -67px
}

.title-base {
    text-align: center;
    position: relative
}

.title-base.title-small {
    margin: 0 0 35px
}

.title-base.title-small p {
    font-size: 13px;
    margin-top: 15px
}

.title-base.title-small h2 {
    margin: 0 0 15px !important
}

.title-base.title-small hr {
    margin-bottom: 0;
    padding-bottom: 0
}

.title-base.text-right .scroll-top {
    right: auto;
    left: 0
}

.title-base hr {
    width: 50px;
    height: 3px;
    border: none;
    margin-top: 0
}

.text-bold {
    font-weight: 700
}

.text-black {
    font-weight: 900 !important
}

.title-base h1,
.title-base.title-small h2,
.title-icon h1,
.title-icon h2 {
    font-size: 25px;
    font-weight: 600;
    margin-top: 40px;
    text-transform: uppercase
}

.title-base p,
div.title-icon p {
    font-size: 15px;
    margin-top: 20px;
    color: #0a6938 !important
}

.title-base.text-left hr {
    margin: 0 auto 20px 0;
    left: 0
}

.title-base.text-right hr {
    margin: 0 0 20px auto;
    right: 0
}

.title-base .scroll-top,
.title-modern .scroll-top {
    background-color: #3e3e3e;
    color: #fff;
    width: 22px;
    height: 19px;
    border-radius: 3px;
    text-align: center;
    font-size: 18px;
    position: absolute;
    right: 0;
    top: 45px;
    cursor: pointer
}

.title-base .scroll-top:hover,
.title-modern .scroll-top:hover {
    background-color: #585858
}

.title-modern,
div:not(.hc_column_cnt)>table:not(.grid-table),
dl dd {
    margin-bottom: 15px
}

.title-modern .scroll-top {
    top: 30px
}

.title-modern h1,
.title-modern h2,
.title-modern h3 {
    padding: 5px 0 10px;
    margin: -1px;
    display: inline-block;
    border-bottom: 1px solid #337ab7;
    white-space: nowrap
}

.title-modern p {
    margin: 5px 0;
    font-size: 13px;
    line-height: 1.42857143
}

.title-modern hr {
    margin: 0 0 15px;
    border-top: 1px solid #c1c1c1
}

.title-modern.st-icon hr {
    margin-right: 45px
}

.title-modern-2 hr {
    max-width: 700px;
    margin: 0 auto 13px !important
}

.title-icon p {
    font-weight: 300;
    display: block;
    margin: 1% 0;
    font-size: 14px;
    padding: 0;
    z-index: 2
}

.title-icon i {
    font-size: 35px;
    width: 100%;
    background-image: url(images/assets/dotted-line.webp);
    color: #bdbdbd;
    margin-bottom: 5px
}

.title-icon-bg {
    padding-top: 25px;
    padding-bottom: 30px
}

.title-icon.title-icon-bg h2 i {
    margin-top: -80px;
    font-size: 170px
}

.title-icon.title-icon-bg i {
    background: 0 0;
    left: 0;
    margin-top: -142px;
    position: absolute;
    z-index: 0;
    font-size: 200px;
    width: 100%;
    color: rgba(150, 150, 150, .18) !important;
    padding-right: 0
}

.dropcap {
    font-size: 50px;
    left: 0;
    line-height: 1;
    margin: 0 20px 10px 0;
    float: left;
    font-style: normal
}

hr.space {
    border: none !important;
    clear: both;
    height: 70px;
    margin: 0
}

hr.space.l {
    height: 50px
}

hr.space.xs {
    height: 10px
}

hr.space.s {
    height: 20px
}

hr.space.m {
    height: 30px
}

span.space {
    width: 10px;
    display: inline-block
}

hr.text-left {
    margin-left: 0 !important;
    margin-right: auto !important
}

hr.text-right {
    margin-right: 0 !important;
    margin-left: auto !important
}

hr.a {
    border-bottom: 1px solid #e0e0e0;
    width: 100%;
    height: 1px;
    max-width: 600px
}

hr.b {
    border-top: 1px dotted #d4d4d4
}

hr.c {
    border-top: 1px dashed #c7c7c7
}

hr.d,
hr.d-dark {
    border: none;
    height: 3px
}

hr.e {
    max-width: 50px;
    width: 50px;
    border-top: 3px solid #5d5d5d
}

.text-center>hr.e {
    margin: 15px auto
}

.hr-f-top,
hr.f-top {
    background: linear-gradient(to top, rgba(204, 204, 204, .15) 0, rgba(0, 0, 0, 0) 100%);
    height: 18px;
    margin-bottom: 0;
    border-bottom: 1px solid #e4e4e4;
    border-top: none
}

.hr-f-top-dark,
hr.f-top.f-dark {
    background: linear-gradient(to top, rgba(51, 51, 51, .43) 0, rgba(0, 0, 0, 0) 100%)
}

.hr-f-bottom,
hr.f {
    height: 18px;
    margin-top: 0;
    border-top: 1px solid #e4e4e4;
    background: linear-gradient(to bottom, rgba(204, 204, 204, .15) 0, rgba(0, 0, 0, 0) 100%)
}

hr.g,
hr.h,
hr.i {
    height: 18px;
    border: none
}

.hr-f-bottom-dark,
hr.f.f-dark {
    background: linear-gradient(to bottom, rgba(51, 51, 51, .43) 0, rgba(0, 0, 0, 0) 100%)
}

hr.g {
    background: url(images/overlay/dotted.webp)
}

hr.h {
    background: url(images/overlay/line-45.webp)
}

hr.i {
    background: url(images/overlay/carbonio.webp)
}

hr.mini {
    max-width: 200px
}

hr.micro {
    max-width: 80px
}

.white hr.h {
    background: url(images/overlay/line-45-white.webp)
}

.white hr.g {
    background: url(images/overlay/dotted-white.webp)
}

.white hr.i {
    background: url(images/overlay/carbonio-white.webp)
}

body .row-1 {
    height: 25px !important
}

body .row-2 {
    height: 50px !important
}

body .row-3 {
    height: 75px !important
}

body .row-4 {
    height: 100px !important
}

body .row-5 {
    height: 125px !important
}

body .row-6 {
    height: 150px !important
}

body .row-7 {
    height: 175px !important
}

body .row-8 {
    height: 200px !important
}

body .row-9 {
    height: 225px !important
}

body .row-10 {
    height: 250px !important
}

body .row-11 {
    height: 275px !important
}

body .row-12 {
    height: 300px !important
}

body .row-13 {
    height: 325px !important
}

body .row-14 {
    height: 350px !important
}

body .row-15 {
    height: 375px !important
}

body .row-16 {
    height: 400px !important
}

body .row-17 {
    height: 425px !important
}

body .row-18 {
    height: 450px !important
}

body .row-19 {
    height: 475px !important
}

body .row-20 {
    height: 500px !important
}

body .row-21 {
    height: 750px !important
}

body .row-22 {
    height: 1000px !important
}

body .row-23 {
    height: 1250px !important
}

.footer-parallax-container.bg-color,
.section-empty {
    background-color: #fff;
    position: relative;
    z-index: 3;
    overflow: hidden
}

.section-bg-color {
    overflow: hidden;
    z-index: 3
}

.section-bg-image {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden
}

.section-bg-video .videobox {
    height: 130%
}

.section-bg-video .bg-overlay {
    position: absolute;
    z-index: 2
}

.section-bg-animation {
    text-align: left;
    padding: 0;
    overflow: hidden;
    height: 100%
}

.section-bg-animation .anima-layer {
    bottom: -55px
}

.section-bg-animation.box-middle-container .container,
.section-bg-image.box-middle-container .container,
.section-bg-video.box-middle-container .container,
.section-empty.box-middle-container .container,
.section-slider.box-middle-container .container {
    padding-top: 80px;
    padding-bottom: 80px
}

.section-bg-animation .container,
html.iex .img-box img {
    margin-top: 0 !important
}

.section-bg-color,
.section-two-blocks>.row>div:last-child {
    background-color: #f7f7f7
}

.section-two-blocks>.row>div:first-child>div {
    padding-right: 0;
    padding-left: 0
}

.section-two-blocks .content {
    padding: 25px;
    width: 570px
}

.section-two-blocks>.row>.col-md-5 .content {
    width: 410px
}

.section-two-blocks>.row>.col-md-5 .content,
.section-two-blocks>.row>.col-md-6:last-child .content {
    padding-right: 0;
    padding-left: 50px
}

.section-two-blocks.blocks-right>.row>.col-md-5 .content,
.section-two-blocks.blocks-right>.row>.col-md-6:last-child .content {
    padding-left: 0;
    padding-right: 50px
}

.section-two-blocks>.row>.col-md-7 .content {
    width: 665px
}

.section-two-blocks .row>div>a.img-box {
    height: 100%;
    width: 100%
}

.section-two-blocks .row>div>a.img-box img {
    max-width: 100%;
    width: 100%;
    margin-left: 0 !important
}

/* .check_list {
    background-color: #fff;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    flex-direction: column;
} */
.fries_box {
    display: flex;
    gap: 20px;
}
.fries_box img {
    width: 220px;
    height: 220px;
    object-fit: cover;
}
.fries_list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding-bottom: 100px;
}
.check_list{
    background-color: #fff;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    flex-direction: column;
    li{
        width: 100%;
        display: flex;
        align-items: center;
        gap: 20px;
    }
}

.fries_list{
    display: flex;
    flex-wrap: wrap;
gap: 20px;
padding-bottom: 100px;

    >div{
        width: 100%;
        gap: 20px;
        background-color: #1b2e17;
        padding: 30px;
        /* padding-left: 30px; */
        display: flex;
        align-items: center;
        img{
            width: 200px;
            height: auto;
        }
        h1{
            color:#fff;
            font-size: 26px;
        }
        p{
            color: #fff;
        }
    }
}

@media (max-width:767px) {
    .fries_list>div{
    flex-direction: column;
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
}
    
}
@media (min-width:994px) {

    .no-padding-bottom,
    .no-padding-bottom .content {
        padding-bottom: 0 !important
    }

    .section-two-blocks .row>div>a.img-box img {
        right: 0;
        position: absolute
    }

    .section-two-blocks.blocks-right .row>div>a.img-box img {
        right: auto;
        left: 0
    }
}

.section-two-blocks>.row,
.section-two-blocks>.row>.col-md-5,
.section-two-blocks>.row>.col-md-6,
.section-two-blocks>.row>.col-md-7 {
    position: relative;
    height: 100%;
    overflow: hidden
}

@media (min-width:768px) {
    .section-two-blocks>.row {
        display: flex
    }

    .section-two-blocks.blocks-right>.row {
        flex-direction: row-reverse
    }

    .section-two-blocks.full-width-section .content {
        width: 100%;
        padding-right: 40px !important
    }

    .section-two-blocks.full-width-section.blocks-right .content {
        padding-left: 40px !important;
        padding-right: 25px !important
    }
}

.section-two-blocks.blocks-right .vertical-row {
    flex-direction: row-reverse
}

.section-two-blocks .row {
    min-width: 100%
}

.section-two-blocks .blocks-video iframe {
    position: relative;
    height: 130%;
    width: 130%;
    left: -12%;
    top: -12%
}

.section-two-blocks .blocks-video [data-video-youtube] {
    position: relative;
    height: 100%
}

.section-two-blocks>.row>.col-md-6>.google-map {
    height: 100%;
    min-height: 300px
}

.block-text {
    text-align: center;
    padding: 25px !important
}

.block-inner {
    border: 2px solid #5a5a5a;
    padding: 25px;
    height: 100%
}

.section-map .google-map {
    position: relative;
    height: 100%;
    width: 100%;
    margin: 0
}

.section-map .overlaybox {
    position: absolute;
    z-index: 95;
    width: 100%;
    top: 0
}

.flexslider.nav-inner,
.flexslider.no-navs,
.header-slider .flexslider,
.section-map .overlaybox-inner>:last-child,
footer h5 {
    margin-bottom: 0 !important
}

.section-map .overlaybox.overlaybox-top {
    margin-bottom: 150px
}

.section-map .overlaybox-bottom .overlaybox-inner {
    margin-bottom: 25px
}

.section-map .overlaybox.overlaybox-bottom {
    bottom: 0;
    top: auto;
    margin-top: 150px
}

.overlaybox-side,
.overlaybox-side .content,
.overlaybox-side .row {
    height: 1px;
    padding: 0 !important
}

.overlaybox-side.overlaybox-right .overlaybox-inner {
    margin-left: 0;
    float: right
}

.overlaybox-side .overlaybox-inner {
    padding: 25px;
    background-color: #fff;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .08);
    border-radius: 3px;
    margin: 0 25px;
    width: calc(50% - 25px)
}

.border-table.white td {
    border: 1px solid #fff
}

.white .advs-box .icon,
.white .advs-box h2,
.white .advs-box h3,
.white .countdown span,
.white .fa-ul>li a,
.white .h1,
.white .h2,
.white .h3,
.white .icon-box-cell label:not(.counter),
.white .icon-list .list-item i,
.white .title-icon h2,
.white h1,
.white h2,
.white h3,
.white h4,
.white h5,
.white h6,
.white i {
    color: #fafafa
}

.white .title-base hr {
    background-color: #fafafa
}

.white .slimScrollBar {
    background-color: rgba(250, 250, 250, .51) !important
}

.white,
.white .advs-box h4,
.white .breadcrumb>.active,
.white .dropdown-menu>li>a,
.white .navbar-nav>.active>a,
.white .navbar-nav>.active>a:focus,
.white .navbar-nav>.active>a:hover,
.white .navbar-nav>.open>a,
.white .navbar-nav>.open>a:focus,
.white .navbar-nav>.open>a:hover,
.white .navbar-nav>li>a,
.white .navbar-nav>li>a:focus,
.white .navbar-nav>li>a:hover,
.white .niche-box-testimonails h5,
.white .title-base h1,
.white .title-base h2,
.white .title-base h3,
.white p,
.white ul li,
.white ul.list-texts li b {
    color: #fafafa !important
}

.white .dropdown-menu {
    background-color: #3d3d3d
}

.pagination.white>.disabled>a,
.pagination.white>.disabled>a:hover,
.pagination>.disabled>span,
.white .btn,
.white.btn,
ul.pagination.white>li>a {
    background: 0 0;
    color: #fff;
    border-color: #fff
}

.white .dropdown-menu>li>a:focus,
.white .dropdown-menu>li>a:hover,
.white a {
    color: #e2e2e2
}

.white .navbar .navbar-mini {
    color: #b8b8b8;
    background-color: #444;
    border-bottom-color: #3d3d3d
}

.white .navbar .navbar-main {
    background-color: #444;
    border-bottom: 1px solid #353535
}

.white header div.scroll-css,
header.white div.scroll-css {
    background-color: #444 !important
}

.white .navbar-mini .navbar-form .btn-default {
    background: #3e3e3e;
    border-left: 1px solid #3e3e3e
}

.white .navbar-mini .form-control {
    background: #444
}

.white .minisocial-group i {
    color: #b7b7b7;
    border-right: 1px solid #3d3d3d
}

.white i.first {
    border-left: 1px solid #3d3d3d
}

.white .navbar.inside {
    border: 1px solid #3d3d3d
}

.white .circle-button:hover,
.white.circle-button:hover,
ul.pagination.white>li>a:hover {
    background-color: rgba(0, 0, 0, .2)
}

.pagination.white>.active>a,
.pagination.white>.active>a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #404040
}

.sidebar-content .section-item .content.container {
    padding: 0;
    width: auto
}

.list-blog>ul>li {
    position: relative;
    display: block;
    padding: 10px 0;
    border-bottom: 1px solid #dcdcdc;
    transition: .3s
}

.list-blog .post-date {
    font-size: 11px;
    opacity: .5
}

.list-blog a {
    color: inherit
}

.list-blog h5 {
    margin-top: 10px;
    font-weight: 600
}

.list-group-item .col-md-3,
.list-group-item .col-md-4 {
    width: initial
}

.latest-post-list h5 {
    margin-top: 0;
    font-size: 13px;
    line-height: 17px
}

.latest-post-list .img-box img {
    height: 55px;
    width: 55px
}

.aligncenter {
    text-align: center;
    display: block;
    margin-right: auto;
    margin-left: auto
}

.aligncenter img {
    margin: 5px auto
}

.alignleft,
img.alignleft {
    display: inline;
    float: left
}

.alignright,
img.alignright {
    display: inline;
    float: right
}

.wp-caption-text {
    opacity: .8;
    margin-bottom: 10px !important
}

.wp-caption-text a {
    font-weight: 900
}

.wp-caption.aligncenter,
.wp-caption.alignleft,
.wp-caption.alignright {
    margin-bottom: 1.2632em
}

.blockquote.alignright,
.wp-caption.alignright,
img.alignright {
    margin: .4211em 0 1.6842em 1.6842em
}

.wp-caption {
    margin-bottom: 1.6em;
    max-width: 100%
}

.wp-caption.alignleft,
blockquote.alignleft,
img.alignleft {
    margin: .4211em 1.6842em 1.6842em 0
}

.default-wp-footer {
    border-top: 1px solid #dedede
}

.searchform input[type=text] {
    width: 100%;
    margin-right: 15px
}

#wp-calendar {
    table-layout: fixed;
    border-radius: 2px;
    background: #f3f3f3;
    padding: 5px;
    width: 100%;
    outline: 0 !important;
    border: 1px solid #dcdcdc
}

#wp-calendar caption {
    text-align: center;
    background: #f3f3f3;
    border: 1px solid #dcdcdc;
    border-bottom: none;
    font-weight: 600
}

#wp-calendar td,
#wp-calendar th {
    text-align: center;
    padding-top: 10px;
    border: none
}

#wp-calendar #prev {
    text-align: left;
    padding-left: 12px;
    font-weight: 600;
    padding-bottom: 10px
}

#wp-calendar #next {
    text-align: right;
    padding-right: 12px;
    font-weight: 600;
    padding-bottom: 10px
}

.widget .list-group {
    clear: both;
    margin-bottom: 15px
}

.widget .tagcloud {
    margin: -5px
}

.widget .tagcloud a {
    float: none;
    display: inline-block;
    margin: 4px
}

.list-blog ul ul.children {
    padding-left: 10px;
    position: relative;
    margin-bottom: 5px
}

.list-blog ul ul.children:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    left: 0;
    top: 5px;
    background-color: #efefef
}

.list-blog>ul>li.cat-item {
    border: none;
    padding: 3px 0
}

.post-password-form {
    background: #f5f5f5;
    padding: 30px;
    border-radius: 2px;
    border: 1px solid #dedede;
    text-align: center;
    margin-bottom: 30px
}

.default-box.sticky-post {
    box-shadow: 0 0 5px rgba(0, 0, 0, .22);
    padding: 30px;
    background: #fdfdfd
}

div:not(.hc_column_cnt)>table:not(.grid-table) td,
div:not(.hc_column_cnt)>table:not(.grid-table) th {
    padding: 5px 15px
}

.list-blog input,
.list-blog select {
    background: #f7f7f7;
    border: 1px solid #cecece;
    border-radius: 3px;
    padding: 5px
}

.list-blog input[type=submit] {
    border-radius: 2px;
    border: 1px solid #cecece;
    background: #f7f7f7;
    padding: 5px
}

.woocommerce .product span.onsale {
    width: 50px;
    height: 50px;
    line-height: 50px
}

button.navbar-toggle {
    padding: 3px !important;
    border: none
}

.navbar-toggle>i {
    font-size: 25px;
    margin: 2px 5px 0;
    line-height: 23px;
    color: #4c4c4c
}

.side-menu li.active>ul {
    display: none;
    height: auto !important
}

.navbar-toggle>span {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #585858;
    margin: 5px 5px 0;
    float: right
}

@media (max-width:1500px) {
    .side-menu-container .container {
        width: 950px
    }
}

@media (min-width:993px) and (max-width:1199px) {
    .section-two-blocks div.content {
        width: 460px
    }

    div.box-menu-inner {
        margin-left: -485px
    }
}

@media (max-width:992px) {
    [class*=col-md] {
        padding-top: 5px;
        padding-bottom: 5px
    }

    .scroll-top-mobile {
        visibility: visible
    }

    .col-sm-12,
    .media-video {
        width: 100% !important
    }

    .full-screen-title,
    .height-full-sm,
    .section-bg-animation,
    .swiper-container {
        height: 100% !important
    }

    .middle-content>.row,
    .middle-content>.row>div {
        flex-direction: row
    }

    .section-item.no-paddings .col-md-12,
    .section-two-blocks>div>[class*=col-md] {
        padding-top: 0;
        padding-bottom: 0
    }

    .header-animation,
    .header-title,
    .header-video,
    .navbar-left .social-group,
    .section-bg-image,
    .section-empty,
    .section-item,
    .section-map .overlaybox-inner,
    .side-menu-container .container {
        width: 100%
    }

    .section-two-blocks div.content {
        width: 88%;
        width: calc(100% - 50px)
    }

    .text-xxl {
        font-size: 45px !important;
        line-height: 50px
    }

    .text-xl {
        font-size: 35px !important
    }

    .no-paddings>.content>div {
        margin-left: -15px;
        margin-right: -15px
    }

    .navbar-form,
    .tag-row.icon-row span,
    a.img-box,
    div.navbar-nav {
        margin: 0
    }

    .background-page {
        height: 120%;
        height: calc(100% + 100px);
        top: auto;
        bottom: auto
    }

    .mega-tabs .nav-tabs li {
        float: none
    }

    .scroll-content.scroll-mobile-disabled {
        padding-right: 0 !important
    }

    .footer-left,
    .footer-right,
    .full-width-menu .inner ul a,
    .icon-menu .icon-top>li>a,
    .lan-menu ul li a,
    .list-items .list-item span,
    .navbar-social,
    .social-group,
    .title-base.text-right,
    footer,
    footer .fa-ul>li {
        text-align: center
    }

    .grid-item,
    .maso-item {
        overflow: visible !important
    }

    .grid-list,
    .maso-list,
    .section-map,
    body [class*=row-],
    footer,
    iframe.video-box {
        height: auto !important
    }

    [class*=row-].google-map {
        min-height: 300px
    }

    .section-map .google-map,
    iframe.video-box {
        min-height: 250px
    }

    .call-action-box .row {
        display: block;
        width: 100%;
        text-align: center;
        margin: 0 !important
    }

    .col-md-3,
    .col-md-6,
    .col-md-9,
    footer .col-md-4 .col-md-6 {
        width: 50%;
        float: left
    }

    .col-md-2,
    .col-md-4 {
        width: 33%;
        float: left
    }

    .col-md-8 {
        width: 66%;
        float: left
    }

    .col-md-4 [class*=col-md],
    footer .content>div>.row>[class*=col-md] {
        width: 100%;
        float: none
    }

    .col-md-12>div>.grid-box.row,
    .col-md-12>div>.maso-box.row,
    [class*=boxed].col-md-12 {
        width: auto !important
    }

    [class*=col-md-].boxed-inverse.col-sm-6,
    [class*=col-md-].boxed.col-sm-6 {
        width: 50%;
        width: calc(50% - 30px)
    }

    .col-sm-6 {
        width: 50%
    }

    .btn-search,
    .dropdown .dropdown-menu,
    .dropdown-submenu .dropdown-toggle:after,
    .header-animation .breadcrumb.b,
    .header-slider .breadcrumb.b,
    .header-title .breadcrumb.b,
    .header-video .breadcrumb.b,
    .nav li:hover>.mega-menu,
    .nav li:hover>ul,
    .navbar-mini .minisocial-group,
    .navbar-mini .navbar-left,
    .navbar-right .hamburger-button,
    .pagination>li.first,
    .pagination>li.last,
    .side-menu li .panel:hover,
    .side-menu li:hover .panel,
    .side-menu-fixed .brand,
    .side-menu-header .navbar-right,
    .title-base hr,
    .videobox [data-video-youtube],
    .videobox iframe {
        display: none
    }

    header .custom-area {
        text-align: center;
        width: 100%
    }

    .overlaybox-side,
    .overlaybox-side .content,
    .overlaybox-side .row,
    .section-map {
        height: auto
    }

    .navbar-middle .navbar-right,
    .section-map .overlaybox,
    .subline-bar {
        position: static
    }

    .overlaybox-side .overlaybox-inner {
        margin: 0 !important;
        box-shadow: none;
        border: none
    }

    .section-bg-video .videobox {
        position: absolute
    }

    .section-two-blocks .blocks-video iframe {
        height: 100%;
        width: 100%;
        left: 0;
        top: 0
    }

    .navbar-mini .container,
    .navbar-mini .navbar-right,
    .section-two-blocks>.row>div:first-child>div {
        padding: 0
    }

    .blog-img {
        width: 100%;
        height: 220px !important
    }

    .navbar-header {
        background-color: #fff
    }

    .panel-item .panel ul ul,
    .search-box {
        background: 0 0
    }

    .bg-transparent .navbar-header {
        background-color: rgba(61, 61, 61, 0)
    }

    .bg-transparent .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #fff
    }

    .dropdown-submenu .dropdown-menu a {
        padding-left: 40px
    }

    .navbar-main.middle-box-menu {
        padding-bottom: 0 !important
    }

    .icon-menu .navbar-brand img,
    header .navbar-nav {
        margin-top: 0
    }

    .one-page-menu .hamburger-button.active {
        right: 0;
        position: fixed;
        background: #fff;
        box-shadow: 0 2px 1px rgba(0, 0, 0, .2)
    }

    .button-cnt.visible-xs>.btn,
    .hidden-sm,
    .navbar-main.navbar-middle ul.nav>li.logo-item,
    .visible-xs,
    div.box-menu-inner {
        display: none !important
    }

    .dropdown.open .dropdown-menu {
        display: block;
        margin: 0 !important
    }

    .side-menu li {
        overflow: hidden
    }

    .fa-ul>li {
        overflow: visible;
        text-align: left
    }

    .fa-ul.text-right>li {
        text-align: right
    }

    .mega-menu.bg-menu {
        min-width: 5px
    }

    .dropdown-submenu ul,
    .nav li.open>.mega-menu,
    .navbar-main.navbar-middle .navbar-header,
    .search-box-menu,
    .section-two-blocks .row>div>a.img-box,
    .shop-menu-cnt:hover .shop-menu,
    .side-menu li .panel.open,
    .side-menu li.open .panel,
    .side-menu-header .navbar-header,
    .side-menu-header>.navbar {
        display: block
    }

    .navbar-fixed-bottom,
    .navbar-fixed-top {
        position: static !important;
        margin-top: 0 !important
    }

    .navbar-left,
    .search-box {
        margin: 0;
        padding: 0;
        border: none
    }

    .navbar-fixed-bottom .navbar-collapse,
    .navbar-fixed-top .navbar-collapse {
        max-height: inherit;
        box-shadow: 0 3px 5px rgba(0, 0, 0, .13)
    }

    .search-box {
        display: block;
        position: relative;
        width: 100% !important;
        box-shadow: none
    }

    .social-group a {
        display: inline-block
    }

    .navbar-left {
        width: 100%;
        float: none;
        text-align: center
    }

    .lan-menu,
    .subline-bar ul,
    .vertical-row>.row {
        margin: 0 -15px
    }

    .lan-menu {
        text-align: center;
        padding: 0 !important;
        display: block
    }

    .bg-menu {
        background: 0 0 !important
    }

    .navbar-big-logo .navbar-mini .container {
        padding-left: 0 !important
    }

    .navbar-big-logo .navbar-header {
        text-align: center;
        max-height: 100%;
        padding-bottom: 15px
    }

    .navbar-big-logo .navbar-header button {
        float: none;
        width: 100%;
        margin: 10px
    }

    .navbar-big-logo .navbar-brand {
        position: static;
        display: block;
        float: left;
        max-width: 100%;
        width: 100%;
        height: inherit;
        text-align: center
    }

    .navbar-big-logo .navbar-brand img {
        margin: 0 auto
    }

    footer hr,
    hr.e {
        margin-left: auto !important
    }

    .subline-bar ul li {
        width: 33.33%;
        margin: 5px 0
    }

    header.fixed-top .subline-bar {
        position: static;
        margin-top: 0 !important
    }

    .navbar-main.navbar-middle ul.nav>li {
        text-align: left;
        display: block
    }

    .navbar-main.navbar-middle ul.nav {
        margin: 7.5px -15px !important
    }

    .navbar-main.navbar-middle .navbar-right ul.lan-menu.nav {
        margin-left: 0 !important;
        padding-left: 0 !important
    }

    .icon-box-cell,
    .navbar-middle .navbar-right .lan-menu ul li a,
    .vertical-row>div.col-md-8 {
        text-align: left
    }

    header.menu-top-logo:not(.scroll-css) .navbar-main.navbar-middle ul.navbar-nav {
        margin-left: -15px !important
    }

    .box-menu-inner {
        position: static !important;
        margin: 10px 0 0
    }

    .footer-right p i,
    .navbar-brand {
        margin-right: 5px
    }

    .box-menu-inner>.row,
    .footer-bg {
        height: inherit
    }

    .box-menu-inner .icon-box-cell i {
        width: 50px;
        font-size: 25px !important
    }

    .box-menu-inner [class*=col-] {
        margin-bottom: 15px
    }

    .box-menu-inner [class*=col-]:last-child {
        margin-bottom: 0
    }

    .icon-menu .navbar-toggle {
        margin-top: 29px
    }

    .icon-menu-top .navbar-toggle {
        margin-top: 37px
    }

    header .navbar-right>* {
        float: none;
        padding: 0 !important
    }

    header .navbar-right .navbar-social,
    header .navbar-right .social-group {
        width: 100%;
        margin: 0;
        text-align: center
    }

    .navbar-brand,
    .side-menu-fixed .panel ul,
    .videobox video {
        margin-top: 0 !important
    }

    header.menu-transparent {
        position: absolute;
        right: 0;
        left: 0;
        top: 0
    }

    .nav.inner.ms-rounded.over>li {
        padding-bottom: 0
    }

    footer .container {
        padding: 35px 0 15px
    }

    .menu-outer ul.nav {
        position: relative;
        top: 0;
        text-align: left
    }

    .shop-menu-cnt .shop-menu {
        position: static;
        width: auto;
        display: none
    }

    .navbar-mini .nav {
        text-align: center;
        margin: 0;
        padding: 5px 0
    }

    .navbar-mini .navbar-form {
        padding: 0;
        float: none
    }

    .minisocial-group {
        float: none;
        width: 100%;
        text-align: center;
        border-top: 1px solid #e4e4e4
    }

    .minisocial-group i {
        float: none;
        display: inline-block !important
    }

    .navbar-mini .lan-menu li a {
        padding: 7px 15px
    }

    .nav.ms-minimal>li.active>a,
    .nav.ms-minimal>li:hover>a {
        border-bottom: none
    }

    .side-menu-fixed {
        visibility: hidden;
        opacity: 0
    }

    .footer-parallax,
    .scroll-hide {
        opacity: 1 !important
    }

    .side-menu-fixed .panel>ul.collapse {
        margin-left: 0;
        margin-right: 0
    }

    .side-menu-fixed .panel {
        position: static;
        box-shadow: none;
        padding: 0
    }

    .side-menu-header.over .mi-menu nav,
    .side-menu-header.over .slimScrollDiv {
        overflow: hidden !important
    }

    .side-menu-container,
    .side-menu-container #fullpage-main {
        padding-left: 0
    }

    .navbar-brand {
        max-width: 80%;
        height: auto !important;
        padding-left: 15px;
        position: absolute;
        top: 0;
        left: 38%
    }

    .navbar-toggle {
        max-width: 20%
    }

    .navbar-mini .lan-menu.navbar-nav .open .dropdown-menu {
        background-color: #fdfdfd;
        position: absolute;
        margin-top: -5px;
        box-shadow: 0 2px 2px rgba(0, 0, 0, .21)
    }

    .dropdown-menu {
        padding-bottom: 5px
    }

    .mega-menu {
        padding-top: 0;
        padding-left: 10px
    }

    .mega-menu .col,
    .side-menu .panel .col {
        padding: 0 10px;
        display: block;
        min-width: 100%
    }

    .side-menu .mega-item .panel {
        padding: 0 8px
    }

    .nav.inner>li {
        display: block;
        float: none
    }

    .navbar-inner .navbar-collapse li {
        text-align: left;
        margin: 0
    }

    .full-width-menu .nav {
        margin-left: -15px;
        margin-right: -15px;
        width: inherit;
        max-width: inherit
    }

    .full-width-menu .inner ul {
        position: relative !important
    }

    .nav.inner.ms-rounded .maso-order,
    .nav.inner.ms-rounded li a {
        margin: 5px 0
    }

    .nav.ms-minimal li a {
        padding: 10px 15px
    }

    .videobox video {
        background-color: #000
    }

    .title-base .scroll-top,
    .title-modern .scroll-top {
        position: static;
        margin-top: 15px
    }

    .header-video,
    .videobox {
        height: 350px;
        position: relative;
        overflow: hidden
    }

    .header-video .overlaybox {
        margin-top: 15px
    }

    .videobox .mobile-poster {
        display: block;
        height: 100%
    }

    .title-base h1 {
        font-size: 20px;
        margin-top: 25px
    }

    .title-base p,
    .title-icon p {
        font-size: 13px
    }

    .header-base {
        height: auto;
        padding-bottom: 35px
    }

    .header-base .breadcrumb,
    .header-bootstrap .breadcrumb {
        text-align: center;
        float: none
    }

    .header-bootstrap .vertical-row,
    .list-items .list-item .row {
        display: flex
    }

    .advs-box-side>.row,
    .button-cnt.visible-sm>.btn,
    .hidden-xs,
    .proporzional-row,
    .proporzional-row>.row,
    .scroll-hide,
    .vertical-row,
    .visible-sm {
        display: block !important
    }

    .header-bootstrap .vertical-row>div,
    .text-left-sm {
        text-align: left !important
    }

    .title-modern h1,
    .title-modern h2,
    .title-modern h3 {
        white-space: normal
    }

    .title-modern-2 h1,
    .title-modern-2 h2,
    .title-modern-2 h3 {
        padding-right: 0
    }

    .header-animation .container,
    .header-slider .container,
    .header-title .container,
    .header-video .container {
        margin-top: 0 !important;
        opacity: 1 !important
    }

    .header-animation,
    .header-slider,
    .header-title,
    .header-video {
        height: 150px !important
    }

    .porfolio-bar .col-md-2 {
        width: 40%;
        float: left
    }

    .porfolio-bar .col-md-8 {
        width: 20%;
        float: left
    }

    .vertical-row.row,
    .vertical-row>.row {
        width: auto;
        display: block !important
    }

    .fixed-area {
        position: relative !important;
        left: 0 !important;
        top: 0 !important
    }

    .footer-parallax-container,
    .vertical-row.row {
        margin-bottom: 0 !important
    }

    .collapse-box.text-center-xs>.text-left,
    .text-center-sm,
    .text-center-sm th,
    .vertical-row .button-cnt {
        text-align: center !important
    }

    .row.vertical-row>div,
    .vertical-row>div {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .proporzional-row .google-map {
        height: 350px
    }

    .tag-row.icon-row span:after {
        position: relative;
        top: -3px
    }

    .list-items .list-item .col-md-9 {
        width: 80%;
        min-width: 80%
    }

    hr.space {
        height: 35px
    }

    hr.space.xs {
        height: 8px
    }

    hr.space.s {
        height: 10px
    }

    hr.space.m {
        height: 0
    }

    hr.e {
        float: none !important;
        margin-right: auto
    }

    .latest-post-list .col-md-8 {
        padding-left: 15px
    }

    .icon-list.text-right,
    .text-center .icon-box {
        margin-left: 0
    }

    .album-title .btn {
        margin: 10px 0
    }

    .pagination {
        margin-left: 1px
    }

    .pagination>li.prev a {
        border-bottom-left-radius: 2px;
        border-top-left-radius: 2px
    }

    .pagination>li.next a {
        border-bottom-right-radius: 2px;
        border-top-right-radius: 2px
    }

    .list-items .list-item .col-md-10 {
        width: 70%;
        float: left
    }

    .list-items .list-item .col-md-2 {
        width: 30%;
        float: left
    }

    table.table,
    table.table tbody,
    table.table td,
    table.table th,
    table.table thead,
    table.table tr {
        display: block;
        width: 100%;
        border-bottom-width: 1px !important
    }

    .border-table td,
    table.table {
        border: none
    }

    table.table thead th:first-child {
        border-top: 1px solid #ddd !important
    }

    table.table thead th:last-child {
        border-bottom: 2px solid #ddd !important
    }

    table.bootgrid-table {
        border: 1px solid #ddd
    }

    .actionBar>div {
        margin-bottom: 5px !important
    }

    table.bootgrid-table tr>td,
    table.bootgrid-table tr>th {
        border-top: 0 !important
    }

    .footer-right p {
        display: flex !important;
        justify-content: start !important;
        align-items: center !important
    }

    footer hr {
        margin-right: auto !important
    }

    footer .fa-ul>li i {
        margin-left: -25px;
        left: inherit
    }

    .footer-parallax {
        position: static;
        padding: 0 !important
    }

    .section-map .overlaybox.overlaybox-top {
        margin-top: 0 !important;
        margin-bottom: 0
    }

    [class*=boxed].col-sm-12 {
        width: calc(100% - 30px) !important
    }

    [class*=col-md-].boxed,
    [class*=col-md-].boxed-inverse {
        max-width: 100%;
        width: auto;
        margin: 5px 15px
    }

    .col-md-4.boxed,
    .col-md-4.boxed-inverse {
        width: calc(33.3333% - 30px)
    }

    .col-md-6.boxed,
    .col-md-6.boxed-inverse {
        width: calc(50% - 30px)
    }

    div:not(.hc_column_cnt)>table th {
        padding: 8px
    }

    .text-right-sm {
        text-align: right !important
    }

    .text-center-sm .icon-box {
        margin: 10px auto
    }

    .potato-img-responsive {
        position: absolute;
        top: 3%;
        right: 0
    }

    hr.space.l {
        height: 15px
    }

    .order-reverse {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: column-reverse;
        flex-flow: column-reverse
    }

    .order-nowrap-reverse {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: nowrap;
        flex-flow: nowrap
    }
}

@media (max-width:767px) {

    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-4 [class*=col-md],
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .grid-table tbody,
    .grid-table td,
    .grid-table tr,
    footer [class*=col-md] {
        width: 100%;
        float: none
    }

    .grid-table {
        display: block
    }

    .grid-table td {
        width: 25%;
        float: left
    }

    .hidden-xs {
        display: none !important
    }

    .visible-xs {
        display: block !important
    }

    .col-xs-12 {
        width: 100% !important
    }

    .section-two-blocks {
        height: auto !important;
        overflow: hidden
    }

    .section-two-blocks .row {
        width: auto
    }

    .section-two-blocks .row>[class*=col-] {
        padding: 0 15px
    }

    .section-two-blocks .col-md-5 .content,
    .section-two-blocks .content {
        padding: 15px !important;
        width: auto !important;
        margin-bottom: 15px
    }

    .text-center-xs,
    .text-center-xs th,
    .title-base.text-left {
        text-align: center !important
    }

    .row.vertical-row>div,
    .vertical-row>div {
        text-align: center
    }

    .text-left-xs {
        text-align: left !important
    }

    .pull-none-xs {
        float: none !important
    }

    .no-bg-xs {
        background: 0 0 !important
    }

    .height-full-xs,
    .swiper-container {
        height: 100% !important
    }

    .process-step-circle,
    .process-step-circle3,
    .video-content .video-btn {
        width: 60px !important;
        height: 60px !important
    }

    .icon-list .list-item,
    .icon-list.text-right .list-item {
        margin: 0 0 10px;
        padding-left: 0;
        display: block
    }

    .block-quote,
    div>p.block-quote:last-child {
        margin: 0
    }

    .process-step:before {
        display: none
    }

    .btn1,
    .btn2,
    .btn3 {
        margin-top: 1rem
    }

    .revicon {
        right: 11px !important
    }

    .social-icons-simple li a {
        font-size: 14px !important;
        height: 30px !important;
        width: 30px !important
    }

    .padding-left-footer {
        padding-left: 0 !important
    }

    .video-content h3 {
        font-size: 13px !important
    }

    .process-step-circle,
    .process-step-circle3 {
        font-size: 20px !important
    }

    .video-content .video-btn i {
        font-size: 30px !important;
        top: -13px !important
    }

    .quote-author {
        font-size: 10px
    }

    .text-m {
        font-size: 14px !important
    }

    .small-circle-img img {
        width: 70px !important;
        height: 70px !important
    }
}

html {
    scroll-behavior: smooth
}

.swiper-container {
    width: 100%;
    height: 100vh;
    overflow: hidden
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative
}

.swiper-pagination-bullet {
    width: 40px !important;
    height: 40px !important;
    text-align: center !important;
    line-height: 40px !important;
    font-size: 16px !important;
    color: #fff !important;
    opacity: 1 !important;
    background: rgba(0, 0, 0, .4) !important
}

.swiper-pagination-bullet-active {
    color: #202020 !important;
    background: #fff !important
}

.slider-text {
    position: absolute;
    color: #fff
}

.swiper-slide-active .slider-heading {
    font-size: 36px;
    font-weight: 400;
    opacity: 0;
    animation: 1s .8s forwards fadeUp;
    line-height: 1.5;
    color: #fff
}

.swiper-slide-active .slider-heading span {
    font-size: 60px;
    font-weight: 700
}

.swiper-slide-active .slider-para {
    font-size: 16px;
    line-height: 1.5;
    opacity: 0;
    animation: 1s 1.3s forwards fadeUp;
    color: #fff
}

.swiper-slide-active .btn {
    animation: 1s 1.6s forwards fadeUp
}

@keyframes fadeUp {
    0% {
        transform: translateY(4rem)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.btn.btn-white {
    background: #fff !important;
    border-color: #fff;
    color: #202020 !important
}

.slider .swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    width: auto;
    top: 50%;
    transform: translateY(-50%);
    bottom: auto
}

.slider .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    display: table;
    margin: 10px 20px
}

.social-icons-simple {
    margin-bottom: 0;
    margin-left: -10px
}

.social-icons-simple li {
    display: inline-block;
    padding-left: 8px
}

.social-icons-simple li a {
    display: block;
    font-size: 16px;
    height: 40px;
    line-height: 42px;
    border: 1px solid transparent;
    text-align: center;
    width: 40px;
    border-radius: 50%;
    position: relative;
    z-index: 1;
    overflow: hidden;
    -webkit-transition: background-color .5s;
    -o-transition: background-color .5s;
    transition: background-color .5s;
    color: #fff
}

.social-icons-simple li a svg {
    width: 14px;
    height: 14px;
    fill: #fff;
    stroke: #fff
}

.social-icons-simple li a:hover i,
.social-icons-simple li a:hover svg {
    color: #592b1c;
    fill: #592b1c;
    stroke: #592b1c
}

.get-started-btn {
    margin: 30px 0 0
}

.d-table {
    display: table !important
}

.revicon {
    top: 56%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 34px;
    z-index: 11;
    position: absolute
}

.revicon li a {
    color: #fff !important
}

.btn.btn-rounded {
    border-radius: 50px !important
}

.logo-item a img {
    width: 115px
}

.video-area {
    text-align: center;
    background-image: url("../images/dashboard/potato.webp");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    background-attachment: fixed;
    z-index: 1
}

.video-area::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6
}

.video-content h3 {
    font-size: 40px;
    margin-bottom: 30px;
    color: #fff;
    margin-top: -5px;
    text-transform: inherit;
    font-weight: 800
}

.video-content .video-btn {
    display: inline-block;
    width: 90px;
    height: 90px;
    line-height: 100px;
    background-color: #fff;
    border-radius: 50%;
    color: #f35320;
    position: relative;
    z-index: 1
}

.video-content .video-btn::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 1px solid #fff;
    -webkit-animation: 2s linear infinite ripple;
    animation: 2s linear infinite ripple
}

.video-content .video-btn i {
    font-size: 45px;
    position: relative;
    top: 5px
}

.video-content .video-btn::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 1px solid #fff;
    -webkit-animation: 2s linear 1s infinite ripple;
    animation: 2s linear 1s infinite ripple
}

.ptb-100 {
    padding-top: 100px;
    padding-bottom: 100px
}

.video-content .video-btn:hover {
    background-color: #f35320;
    color: #fff
}

@-webkit-keyframes ripple {
    0% {
        transform: scale(1)
    }

    75% {
        transform: scale(1.75);
        opacity: 1
    }

    100% {
        transform: scale(2);
        opacity: 0
    }
}

@keyframes ripple {
    0% {
        transform: scale(1)
    }

    75% {
        transform: scale(1.75);
        opacity: 1
    }

    100% {
        transform: scale(2);
        opacity: 0
    }
}

.div-shadow img {
    box-shadow: rgba(0, 0, 0, .16) 0 3px 6px, rgba(0, 0, 0, .23) 0 3px 6px
}

.div-shadow h2,
.div-shadow p {
    margin: 10px 0
}

.process-step,
.process-step3 {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    padding: 0 1.5rem;
    margin-bottom: 2.5rem
}

.process-step-circle,
.process-step-circle3 {
    border: 2px solid #d4d4d4;
    font-size: 2.2em;
    border-radius: 50%;
    width: 110px;
    height: 110px;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center
}

.div-shadow:hover .process-step-circle,
.div-shadow:hover .process-step-circle3,
.single-blog-item:hover .image .date span {
    background-color: #0a6938;
    color: #fff
}

.process-step:before {
    /* content: '';
    height: 2px;
    background-color: #ededed;
    position: absolute;
    width: 15%;
    top: 10%; */
    /* left: 75% */

    content: '';
    position: absolute;
    top: 50%;
    left: 75%;
    width: 50%; /* adjust this to control line length */
    height: 2px;
    background-color: #ededed;
    transform: translateY(-50%); 
}

.process-step:last-child::before {
    display: none;
    visibility: hidden
}

footer hr {
    margin-top: 5px;
    margin-bottom: 5px
}

.grid-image .overlay-container .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .2s ease-in-out;
    background-color: #b5d9a5
}

.grid-image .overlay-container img:hover {
    transform: scale(1.1)
}

.grid-image .overlay-container .overlay .album-name {
    color: #fff;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 100
}

.grid-image .overlay-container .overlay .sub-text {
    color: #fff;
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 100
}

.grid-image .overlay-container .img-box:before {
    background-color: #b5d9a5;
    z-index: 3
}

.grid-image .overlay-container .overlay .album-padding {
    padding-bottom: 55px
}

@media (max-width:768px) {
    .swiper-pagination-bullet {
        width: 20px !important;
        height: 10px !important;
        text-align: center !important;
        line-height: 18px !important;
        font-size: 12px !important;
        color: #fff !important;
        opacity: 1 !important;
        background: rgba(0, 0, 0, .4) !important
    }
}

.ag-timeline_item {
    margin: 0 0 50px;
    position: relative
}

.ag-timeline {
    display: inline-block;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    position: relative
}

.ag-timeline_line {
    width: 8px;
    background-color: #393935;
    position: absolute;
    top: 2px;
    left: 50%;
    bottom: 0;
    overflow: hidden;
    transform: translateX(-50%)
}

.ag-timeline-card_item,
.sitemap a {
    position: relative;
    display: inline-block
}

.ag-timeline_line-progress {
    width: 100%;
    height: 20%;
    background-color: #289c19
}

.ag-timeline-card_box {
    padding: 0 0 20px 50%
}

.ag-timeline_item:nth-child(2n) .ag-timeline-card_box {
    padding: 0 50% 20px 0
}

.ag-timeline-card_point-box {
    display: inline-block;
    margin: 0 14px 0 -28px
}

.ag-timeline_item:nth-child(2n) .ag-timeline-card_point-box {
    margin: 0 -28px 0 14px
}

.ag-timeline-card_point {
    height: 50px;
    line-height: 50px;
    width: 50px;
    border: 3px solid #289c19;
    background-color: #1d1d1b;
    text-align: center;
    font-family: "ESL Legend", sans-serif;
    font-size: 22px;
    color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.js-ag-active .ag-timeline-card_point {
    color: #fff;
    background-color: #0d4200
}

.ag-timeline-card_meta {
    margin: 10px 0 0;
    font-family: "ESL Legend", sans-serif;
    font-weight: 700;
    font-size: 28px;
    color: #289c19
}

.playfair-font,
.playfair-font1 {
    font-family: 'Playfair Display', serif;
    font-weight: 600
}

.ag-timeline-card_item {
    width: 25%;
    margin: -77px 170px 0;
    opacity: 0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, .5);
    -o-box-shadow: 0 0 0 0 rgba(0, 0, 0, .5);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .5);
    transition: transform .5s, opacity .5s
}

.ag-timeline_item:nth-child(odd) .ag-timeline-card_item {
    transform: translateX(-200%)
}

.ag-timeline_item:nth-child(2n) .ag-timeline-card_item {
    transform: translateX(200%)
}

.js-ag-active.ag-timeline_item:nth-child(2n) .ag-timeline-card_item,
.js-ag-active.ag-timeline_item:nth-child(odd) .ag-timeline-card_item {
    opacity: 1;
    transform: translateX(0)
}

.ag-timeline_item:nth-child(odd) .ag-timeline-card_arrow {
    margin-left: calc(-18px / 2);
    margin-right: calc(-18px / 2)
}

.ag-timeline_item:nth-child(2n) .ag-timeline-card_arrow {
    margin-left: -10px;
    right: auto;
    left: 0
}

@media only screen and (max-width:979px) {
    .ag-timeline_line {
        left: 30px
    }

    .ag-timeline_item:nth-child(2n) {
        text-align: left
    }

    .ag-timeline-card_box,
    .ag-timeline_item:nth-child(2n) .ag-timeline-card_box {
        padding: 0 0 20px
    }

    .ag-timeline-card_meta-box {
        display: none
    }

    .ag-timeline-card_point-box,
    .ag-timeline_item:nth-child(2n) .ag-timeline-card_point-box {
        margin: 0 0 0 8px
    }

    .ag-timeline-card_point {
        height: 40px;
        line-height: 40px;
        width: 40px
    }

    .ag-timeline-card_item {
        width: auto;
        margin: -65px 0 0 75px
    }

    .ag-timeline_item:nth-child(2n) .ag-timeline-card_item,
    .ag-timeline_item:nth-child(odd) .ag-timeline-card_item {
        transform: translateX(200%)
    }

    .ag-timeline_item:nth-child(odd) .ag-timeline-card_arrow {
        right: auto;
        left: 0
    }

    .ag-timeline-card_arrow {
        margin-top: 12px
    }

    .hidden-lg {
        display: block !important
    }
}

.second,
.third {
    padding-top: 20px
}

@media only screen and (max-width:767px) {
    .container {
        width: 96%
    }

    .ag-timeline-card_img {
        height: auto;
        width: auto
    }

    .image-center-align {
        display: block !important
    }

    .about-img .year-shape img {
        height: 140px !important;
        width: 140px !important
    }

    .small-img {
        width: 100px;
        height: 100px
    }

    .blog-img,
    .image-responsive img {
        width: 100%
    }

    .padding-none .col-padding,
    .padding-none .row .col-lg-3 {
        padding: 0 !important
    }

    .padding-bottom-col .col-lg-3 {
        padding: 15px
    }

    .grid-table td,
    .padding-right .row .col-lg-3,
    .padding-right .row .col-lg-9 {
        padding: 0
    }

    .blog-img {
        height: 100%
    }

    .panel-box .panel .col-md-9 {
        margin-left: 40px
    }

    .air-dried-responsive {
        position: absolute;
        top: 36%;
        right: 0
    }

    .order-nowrap-reverse {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: column-reverse;
        flex-flow: column-reverse
    }

    .granules-responsive {
        height: 63px
    }

    .flour-responsive {
        height: 150px
    }

    .middle-text-container .middle .text {
        font-size: 7px !important;
        padding: 0 !important
    }

    .grid-image .overlay-container .overlay .album-name {
        top: 34%;
        font-size: 15px !important
    }

    .medium-circle-img img {
        width: 155px !important;
        height: 155px !important
    }

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

    .plants-img-padding-bottom {
        padding-bottom: 30px !important
    }

    .blog-box {
        min-height: 80px !important
    }

    .block-quote.quote-1,
    .block-quote.quote-2 {
        line-height: 18px
    }

    hr.d-dark {
        margin-top: 0
    }

    .hide-section-bg-image {
        background-image: none !important
    }
}

.first>li>a,
.second a {
    font-weight: 500;
    height: 50px
}

@media only screen and (max-width:639px) {
    .sectitle {
        font-size: 60px
    }
}

@media (min-width:768px) and (max-width:979px) {
    .container {
        width: 750px
    }
}

@media (min-width:980px) and (max-width:1161px) {
    .container {
        width: 960px
    }
}

.about-img .year-shape {
    position: absolute;
    top: 0;
    left: 0;
    width: 102%;
    height: 96%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: 50s linear infinite rotation;
    animation: 50s linear infinite rotation
}

.about-img .year-shape img {
    width: 210px;
    height: 210px
}

@-webkit-keyframes rotation {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(359deg)
    }
}

@keyframes rotation {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(359deg)
    }
}

.green p {
    color: #013201 !important
}

.image-center-align,
.vission-img {
    display: flex;
    justify-content: center;
    align-items: center
}

.para-news-credit {
    display: flex;
    justify-content: end
}

.zoom-img {
    transition: transform .2s
}

.zoom-img:hover {
    transform: scale(1.2)
}

.middle-text-container .zoom-img {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s;
    backface-visibility: hidden
}

.middle-text-container .middle {
    transition: .5s;
    opacity: 0;
    position: absolute;
    top: 34%;
    left: 60%;
    transform: translate(-50%, -50%);
    text-align: center
}

.middle-text-container:hover .zoom-img {
    opacity: .3
}

.middle-text-container .middle .text {
    background-color: #0a6938;
    color: #fff;
    font-size: 14px;
    padding: 5px 15px;
    border: 1px solid #0a6938;
    border-radius: 30px
}

.vission-img .visionImg2 {
    height: 15rem
}

.vission-img .visionImg1 {
    height: 20rem
}

.playfair-font {
    font-size: 18px
}

.playfair-font1 {
    font-size: 24px
}

.protest-revolution-regular {
    font-family: "Protest Revolution", sans-serif;
    font-weight: 400;
    font-style: normal
}

.close-modal,
.custom-modal,
.second,
.sitemap a,
.third {
    font-family: Montserrat, sans-serif;
}

.blog-img {
    width: 360px;
    height: 222px
}

nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.sitemap {
    width: auto;
    margin: 50px auto
}

.sitemap a {
    text-transform: uppercase;
    margin: 0 5px;
    border-radius: 4px;
    text-align: center;
    padding: 0;
    border-bottom-width: 3px;
    text-decoration: none;
    box-shadow: rgba(0, 0, 0, .16) 0 10px 36px 0, rgba(0, 0, 0, .06) 0 0 0 1px
}

.first>li>a {
    background: #d1aa0f;
    color: #fff;
    width: 100px;
    line-height: 53px;
    display: block;
    margin: auto
}

.first>li>a:after {
    content: "";
    position: absolute;
    left: 50%;
    width: 1px;
    height: 10px;
    background: #9e9f9e;
    top: 100%
}

.second>li {
    display: inline-block;
    vertical-align: top
}

.second a {
    background: #284623;
    font-size: 13px;
    width: 17rem;
    color: #fff;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center
}

.second a:before {
    content: "";
    position: absolute;
    border: 1px solid #9e9f9e;
    border-left: none;
    border-bottom: none;
    height: 9px;
    top: -10px;
    left: -76px;
    width: 18.5rem
}

.second a:hover {
    background: #326140
}

.third {
    margin-left: 16px
}

.third a {
    background: #71b32fe0;
    width: 100%;
    height: 40px;
    line-height: 40px;
    margin-bottom: 15px;
    z-index: 5;
    font-size: 11px
}

.third a:before {
    border: 1px solid #9e9f9e;
    border-right: none;
    border-top: none;
    height: 55px;
    top: -35px;
    left: -8px;
    width: 7px
}

.third a:hover {
    background: #6c8820
}

@media (max-width:767px) {
    .sitemap {
        justify-content: space-between
    }

    .second>li {
        display: inline-block;
        vertical-align: bottom;
        padding-bottom: 3rem
    }

    .second a:before {
        content: "";
        position: absolute;
        border: 1px solid #9e9f9e;
        border-left: none;
        border-bottom: none;
        height: 13px;
        top: -12px;
        left: -414px;
        width: 50rem
    }
}

.alert {
    position: fixed;
    top: 50%;
    left: 50%;
    color: #0a6938;
    z-index: 9999
}

.custom-modal {
    transform: translate(-50%, -50%);
    background: #fff;
    min-height: 15rem;
    min-width: 24vw;
    display: flex;
    justify-content: center;
    padding: 50px;
    font-weight: 600;
    flex-direction: column;
    border-radius: 11px !important;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .5)
}

.close-modal {
    border-radius: 7px;
    height: 20%;
    text-align: justify;
    color: #fff;
    background-color: #ff0000d1;
    position: absolute;
    right: 3%;
    top: 6%;
    border: none
}

.All-loader,
.loader {
    position: absolute;
    color: #072a0d
}

.small-circle-img img {
    width: 106px;
    height: 106px
}

.medium-circle-img img {
    width: 250px;
    height: 250px
}

.padding-left-footer {
    padding-left: 15px
}

.All-loader {
    background-color: rgba(255, 255, 255, .3);
    bottom: 0;
    display: block;
    left: 0;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 5
}

.loader {
    font-size: 40px;
    top: 40%;
    left: 45%
}

.loader .fa {
    line-height: 1
}

.blog-box {
    padding: 20px !important;
    min-height: 130px
}

.blog-read-more-btn {
    padding: 0 20px 20px
}

.footer-text-end p {
    text-align: end !important
}

.media-video {
    width: 408px;
    height: 250px
}

.single-blog-item {
    margin-bottom: 30px
}

.single-blog-item .image {
    position: relative;
    overflow: hidden;
    border-radius: 5px 5px 0 0
}

.single-blog-item .image .date {
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: .5s;
    transition: .5s
}

.single-blog-item .image .date span {
    display: inline-block;
    padding: 10px 25px;
    background-color: #fff;
    color: #0a6938;
    font-weight: 400;
    -webkit-transition: .5s;
    transition: .5s;
    border-radius: 0 5px 0 0
}

.single-blog-item .image img {
    -webkit-transition: .5s;
    transition: .5s;
    border-radius: 5px 5px 0 0
}

.single-blog-item .content {
    background-color: #fff;
    -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    padding: 30px 20px;
    position: relative;
    z-index: 1;
    height: 22rem;
    -webkit-transition: .5s;
    transition: .5s;
    border-radius: 0 0 5px 5px
}

.single-blog-item .content h3 {
    font-size: 22px;
    margin-bottom: 15px;
    -webkit-transition: .5s;
    transition: .5s;
    line-height: 1.2;
    height: 14rem;
    text-transform: initial
}

.single-blog-item .content h3 a {
    color: #111;
    font-weight: 500
}

.single-blog-item .content .blog-btn {
    font-size: 18px;
    font-weight: 500;
    color: #0a6938;
    -webkit-transition: .5s;
    transition: .5s
}

.single-blog-item .content::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    background: #0a6938;
    z-index: -1;
    -webkit-transition: .5s;
    transition: .5s;
    border-radius: 0 0 5px 5px
}

.single-blog-item:hover .image img {
    -webkit-transform: rotate(2deg) scale(1.2);
    transform: rotate(2deg) scale(1.2)
}

.ganimation-explode:after,
.ganimation-pulse:after {
    z-index: -1;
    border-radius: 3px;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    box-sizing: content-box
}

.ganimation-explode:after,
.ganimation-glass::before,
.ganimation-pulse:after {
    position: absolute;
    width: 100%;
    height: 100%;
    content: ''
}

.img-box img {
    transition: .3s, margin-top 1ms, width 1ms, max-width 1ms, margin-left 1ms !important;
    outline: transparent solid 1px;
    animation: .3s all !important;
    position: relative
}

@keyframes rotate-90 {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(90deg)
    }
}

.rotate-90 {
    animation: .5s rotate-90;
    transform: rotate(90deg);
    opacity: 1 !important
}

@keyframes rotate-20 {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(20deg)
    }
}

.rotate-20 {
    animation: .5s rotate-20;
    transform: rotate(20deg) !important;
    opacity: 1 !important
}

@keyframes scale-up {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(1.2)
    }
}

.img-scale-up:hover img,
.scale-up {
    animation: .5s scale-up;
    transform: scale(1.2) !important;
    opacity: 1
}

@keyframes scale-up-2x {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(2)
    }
}

.img-scale-up-2x:hover img,
.scale-up-2x {
    animation: .5s scale-up-2x;
    transform: scale(2);
    opacity: 1 !important
}

@keyframes scale-rotate {
    0% {
        transform: scale(1) rotate(0)
    }

    100% {
        transform: scale(1.2) rotate(4deg)
    }
}

.img-scale-rotate:hover img,
.scale-rotate {
    transform: scale(1.2) rotate(4deg);
    animation: .5s scale-rotate;
    opacity: 1
}

@keyframes spinAround {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.circular-rotation {
    animation: 2s linear infinite spinAround
}

@keyframes fadein {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.fade-in {
    animation: .5s fadein
}

@keyframes fadeleft {
    0% {
        opacity: 0;
        transform: translateX(-100px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.fade-left {
    animation: .5s fadeleft
}

@keyframes faderight {
    0% {
        opacity: 0;
        transform: translateX(100px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.fade-right {
    animation: .5s faderight
}

@keyframes fadetop {
    0% {
        opacity: 0;
        transform: translateY(-100px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.fade-top {
    animation: .5s fadetop
}

@keyframes fadebottom {
    0% {
        opacity: 0;
        transform: translateY(100px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.fade-bottom {
    animation: .5s fadebottom
}

@keyframes show-scale {
    0% {
        opacity: 0;
        transform: scale(0)
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

.show-scale {
    animation: .5s show-scale
}

@keyframes fromRightToLeft {

    0%,
    100% {
        opacity: 1;
        transform: translate(0)
    }

    25% {
        opacity: 0;
        transform: translate(+100%)
    }

    50% {
        transform: translate(-100%)
    }
}

.slide-right-left {
    animation: .5s forwards fromRightToLeft
}

@keyframes fromTopToBottom {

    0%,
    100% {
        opacity: 1;
        transform: translate(0, 0)
    }

    25% {
        opacity: 0;
        transform: translate(0, +100%)
    }

    50% {
        transform: translate(0, -100%)
    }
}

.slide-top-bottom {
    animation: .5s forwards fromTopToBottom
}

@keyframes pulse {
    25% {
        opacity: .8;
        transform: scale(1.1)
    }

    75% {
        opacity: 1;
        transform: scale(.9)
    }
}

.img-pulse-fast:hover img,
.img-pulse:hover img,
.pulse,
.pulse-fast {
    animation-name: pulse;
    animation-timing-function: linear;
    opacity: 1 !important
}

.img-pulse:hover img,
.pulse {
    animation-duration: 1s;
    animation-iteration-count: 2
}

.img-pulse-fast:hover img,
.pulse-fast {
    animation-duration: .5s;
    animation-iteration-count: 1
}

@keyframes pulse-horizontal {
    16.65% {
        transform: translateX(8px)
    }

    33.3% {
        opacity: 1;
        transform: translateX(-6px)
    }

    49.95% {
        transform: translateX(4px)
    }

    66.6% {
        transform: translateX(-2px)
    }

    83.25% {
        transform: translateX(1px)
    }

    100% {
        transform: translateX(0)
    }
}

.img-pulse-horizontal:hover img,
.pulse-horizontal {
    animation-name: pulse-horizontal;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
    opacity: 1 !important
}

@keyframes pulse-vertical {
    16.65% {
        transform: translateY(8px)
    }

    33.3% {
        opacity: 1;
        transform: translateY(-6px)
    }

    49.95% {
        transform: translateY(4px)
    }

    66.6% {
        transform: translateY(-2px)
    }

    83.25% {
        transform: translateY(1px)
    }

    100% {
        transform: translateY(0)
    }
}

.img-pulse-vertical:hover img,
.pulse-vertical {
    animation-name: pulse-vertical;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
    opacity: 1 !important
}

@keyframes ganimation-pulse {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    100% {
        transform: scale(2);
        opacity: 0
    }
}

.ganimation-pulse:after {
    bottom: 0;
    right: 0;
    background: rgba(90, 90, 90, .4);
    animation-name: ganimation-pulse;
    animation-duration: .3s
}

.circle.ganimation-explode,
.circle.ganimation-pulse {
    overflow: visible
}

.circle.ganimation-explode:after,
.circle.ganimation-pulse:after {
    border-radius: 50%;
    overflow: visible
}

@keyframes sonarEffect {
    0% {
        opacity: .3
    }

    40% {
        opacity: .5;
        box-shadow: 0 0 20px 20px rgba(197, 197, 197, .2)
    }

    100% {
        box-shadow: 0 0 20px 20px rgba(197, 197, 197, .2);
        transform: scale(1.5);
        opacity: 0
    }
}

.ganimation-explode {
    transition: transform .1s ease-out, background .2s;
    -webkit-transform: scale(.93);
    -moz-transform: scale(.93);
    -ms-transform: scale(.93);
    transform: scale(.93)
}

.ganimation-explode:after {
    padding: 0;
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
    -webkit-animation: .3s ease-out 75ms sonarEffect;
    -moz-animation: .3s ease-out 75ms sonarEffect;
    animation: .3s ease-out 75ms sonarEffect;
    background-color: rgba(197, 197, 197, .2)
}

@keyframes glass {
    0% {
        transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
        opacity: 1
    }

    100% {
        transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
        opacity: 1
    }
}

.ganimation-glass::before {
    top: 0;
    left: 0;
    background: rgba(155, 155, 155, .31);
    animation-name: glass;
    animation-duration: .4s;
    opacity: 0;
    z-index: 1
}

.accordion-list .panel,
.collapse-box .panel {
    padding: 0;
    display: none;
    overflow: hidden;
    margin: 5px 0;
    position: relative
}

.accordion-list .list-group-item {
    padding: 0;
    border: none;
    border-top: 1px solid #dadada;
    border-radius: 0;
    margin-bottom: 0;
    text-align: left
}

.accordion-list .list-group-item:last-child {
    border-bottom: 1px solid #dadada
}

.accordion-list .list-group-item>a {
    padding: 10px 15px;
    display: block
}

.accordion-list .list-group-item>a i {
    margin-right: 15px;
    color: #337ab7
}

.accordion-list .list-group-item>a.active:hover {
    border: 1px solid #929292;
    margin: -1px -1px 0;
    font-weight: 600
}

.accordion-list .list-group-item>a:hover {
    color: #555;
    background-color: #fbfbfb
}

.progress-circle .inner-circle {
    width: 100%;
    text-align: center;
    height: 150px;
    margin-top: -75px;
    position: absolute;
    left: 0;
    top: 50%;
    display: none
}

.progress-circle {
    position: relative;
    text-align: center
}

.progress-circle .inner-circle .counter-circle {
    font-size: 15px;
    z-index: 9;
    position: relative
}

.progress-circle .inner-circle .inner-center {
    display: table-cell;
    vertical-align: middle;
    padding: 0 22%
}

.progress-circle .inner-circle i.bg {
    vertical-align: middle;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    margin: 0;
    display: table
}

.progress-circle .inner-circle div.circle {
    width: 100px;
    display: inline-block;
    height: 100px;
    text-align: center;
    padding-top: 39px
}

.progress-circle .inner-circle .main {
    font-size: 13px
}

.countdown .countdown-label {
    font-weight: 400;
    padding: 0 10px
}

.countdown>div {
    display: inline-block;
    text-align: center
}

.timeline {
    padding: 20px 0;
    position: relative
}

.timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 1px;
    background-color: #cecece;
    left: 50%;
    margin-left: -1.5px
}

.timeline>li {
    margin-bottom: 20px;
    position: relative
}

.timeline>li:after,
.timeline>li:before {
    content: " ";
    display: table
}

.timeline>li:after {
    clear: both
}

.timeline>li>.timeline-panel {
    width: 50%;
    float: left;
    border: 1px solid #d2d2d2;
    background: #fff;
    border-radius: 2px;
    padding: 20px;
    text-align: left;
    position: relative
}

.timeline>li.timeline-inverted+li:not(.timeline-inverted),
.timeline>li:not(.timeline-inverted)+li.timeline-inverted {
    margin-top: -10px
}

.timeline>li:not(.timeline-inverted) {
    padding-right: 90px
}

.timeline>li.timeline-inverted {
    padding-left: 90px
}

.timeline>li>.timeline-panel:before {
    position: absolute;
    top: 26px;
    right: -14px;
    display: inline-block;
    border-top: 15px solid transparent;
    border-left: 15px solid #bdbdbd;
    border-right: 0 solid #bdbdbd;
    border-bottom: 15px solid transparent;
    content: " "
}

.timeline>li>.timeline-panel:after {
    position: absolute;
    top: 27px;
    right: -13px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-left: 14px solid #fff;
    border-right: 0 solid #fff;
    border-bottom: 14px solid transparent;
    content: " "
}

.timeline>li>.timeline-badge {
    width: 20px;
    height: 20px;
    line-height: 50px;
    position: absolute;
    top: 32px;
    left: 50%;
    margin-left: -11px;
    background-color: #d2d2d2;
    z-index: 9;
    border-radius: 50%;
    border: 5px solid #fff
}

.timeline>li>.timeline-label h4 {
    margin: 0;
    font-size: 25px
}

.timeline>li>.timeline-label p {
    margin: 0;
    opacity: .8
}

.timeline>li>.timeline-label {
    height: 65px;
    position: absolute;
    top: 32px;
    left: 50%;
    margin: -25px 0 0 25px;
    padding: 10px 15px;
    text-align: left;
    z-index: 9;
    border-radius: 4px;
    transition: .3s linear
}

.timeline>li.timeline-inverted>.timeline-label {
    top: 32px;
    left: 50%;
    margin-left: -325px;
    white-space: nowrap;
    text-align: right;
    width: 300px
}

.timeline>li.timeline-inverted>.timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -14px;
    right: auto
}

.timeline>li.timeline-inverted>.timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -13px;
    right: auto
}

.timeline-body>p,
.timeline-body>ul {
    margin-bottom: 0;
    text-align: left
}

.carousel.nav-thumb,
.timeline-body>p+p {
    margin-top: 5px
}

.timeline>li:hover>.timeline-label {
    transform: translateX(10px)
}

.timeline>li.timeline-inverted:hover>.timeline-label {
    transform: translateX(-10px)
}

.timeline>li:hover>.timeline-badge {
    border: 3px solid #fff;
    transition: .3s
}

.timeline small {
    margin-bottom: 10px;
    display: block
}

.flex-direction-nav a,
.flex-pauseplay a {
    display: block;
    z-index: 10;
    cursor: pointer;
    overflow: hidden
}

.advs-box .name-box,
.advs-box .row,
.advs-box h3,
.advs-box h4,
.advs-box p,
.flexslider .slides>li,
.flexslider li .caption-bg,
.flexslider li .circle .caption {
    transform: translate3d(0, 0, 0)
}

.flex-control-nav,
.flex-direction-nav,
.slides,
.slides>li {
    margin: 0;
    padding: 0;
    list-style: none
}

.flex-pauseplay span {
    text-transform: capitalize
}

.flexslider {
    padding: 0;
    margin: 0 0 23px;
    margin-bottom: 33px !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.flexslider .slides>li {
    display: none;
    -webkit-backface-visibility: hidden;
    height: 100%;
    overflow: hidden
}

.flexslider .slides:after {
    content: "\0020";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

* html .flexslider .slides {
    height: 1%
}

.flexslider .slides img {
    height: auto;
    max-width: none
}

.flex-viewport {
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    max-height: 100%
}

.loading .flex-viewport {
    max-height: 300px
}

.flex-direction-nav a {
    text-decoration: none;
    margin: -29px 10px 0;
    position: absolute;
    top: 50%;
    text-align: center;
    opacity: 0;
    color: #505050;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    width: 60px;
    height: 57px
}

.flex-direction-nav a:before {
    font-family: FontAwesome;
    font-size: 55px;
    line-height: 55px;
    display: inline-block;
    content: '\2190';
    color: #333;
    text-shadow: 0 0 2px #fff
}

.flexslider.white .flex-direction-nav li a:before {
    color: #fff;
    text-shadow: 0 0 2px #000
}

.flex-direction-nav a.flex-next:before {
    content: '\2192'
}

.flex-direction-nav .flex-prev {
    left: -50px
}

.flex-direction-nav .flex-next {
    right: -50px
}

.flexslider:hover .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 0
}

.flexslider.outer-navs:hover .flex-direction-nav .flex-prev {
    left: 40px
}

.flexslider:hover .flex-direction-nav .flex-next {
    opacity: 1;
    right: 0
}

.flexslider.outer-navs:hover .flex-direction-nav .flex-next {
    right: 40px
}

.flex-direction-nav .flex-disabled {
    opacity: 0 !important;
    cursor: default
}

.flex-pauseplay a {
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: .8;
    color: #000
}

.flex-pauseplay a:before {
    font-family: flexslider-icon;
    font-size: 20px;
    display: inline-block;
    content: '\f004'
}

.flex-pauseplay a .flex-play:before {
    content: '\f003'
}

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -40px;
    text-align: center;
    z-index: 9;
    height: auto !important
}

.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    height: auto !important
}

.flex-control-paging li a {
    width: 11px;
    height: 11px !important;
    display: block;
    background: rgba(181, 181, 181, .9);
    cursor: pointer;
    opacity: .9;
    text-indent: -9999px;
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
    -moz-border-radius: 20px;
    border-radius: 20px
}

.flex-control-paging li a:hover {
    background: rgba(134, 134, 134, .7)
}

.flex-control-paging li a.flex-active {
    background: #dcdcdc;
    cursor: default;
    opacity: 1
}

.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden
}

.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0;
    overflow: hidden
}

.flex-control-thumbs img {
    width: 100%;
    height: auto;
    display: block;
    opacity: .6;
    cursor: pointer;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
    transition: 1s
}

.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default
}

.flexslider.carousel.nav-thumb .slides li {
    cursor: pointer;
    overflow: hidden;
    opacity: .6;
    transition: .3s
}

.flexslider.carousel.nav-thumb li.flex-active-slide {
    cursor: default;
    opacity: 1
}

.flexslider .advs-box-top-icon i {
    transform: scale(1) !important;
    animation: none !important
}

.flex-control-thumbs li:hover img,
.flexslider.carousel.nav-thumb li:hover img {
    transition: .3s
}

.flex-control-thumbs li img,
.flexslider.carousel.nav-thumb li img {
    transition: .3s;
    transform: translate3d(0, 0, 0)
}

.flexslider.carousel.nav-thumb .slides li .thumb {
    padding: 7px;
    text-align: center;
    border-top: 1px solid #a5a5a5;
    border-bottom: 1px solid #a5a5a5
}

.flexslider.carousel.nav-thumb .slides li .thumb h3 {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    margin: 1px
}

.flexslider.carousel.nav-thumb .slides li .thumb p {
    font-size: 12px;
    margin: 0;
    color: #777
}

.flexslider.visible-dir-nav a.flex-next {
    right: 10px;
    opacity: 1
}

.flexslider.visible-dir-nav a.flex-prev {
    left: 10px;
    opacity: 1
}

.flexslider .img-box.circle img {
    width: 100% !important;
    max-width: 100% !important
}

.flexslider.center {
    margin-left: auto !important;
    margin-right: auto !important
}

.flexslider.outer-navs a.flex-next {
    transform: translateX(100px);
    width: 50px;
    background: 0 0;
    box-shadow: none
}

.flexslider.outer-navs a.flex-prev {
    transform: translateX(-100px);
    width: 50px;
    background: 0 0;
    box-shadow: none
}

.header-slider .flexslider .slides {
    height: 350px;
    overflow: hidden;
    margin: 0
}

.flexslider li .advs-box.boxed,
.flexslider li .img-box.thumbnail {
    margin-right: 1px
}

.header-video.header-parallax .overlaybox .flexslider {
    top: 67px
}

.full-screen-title.header-parallax .flex-control-nav {
    position: fixed
}

.header-parallax:not(.full-screen-title) .flex-control-nav {
    bottom: auto;
    top: 325px
}

.header-slider .layer-parallax {
    height: 490px;
    top: auto
}

.header-slider .flex-viewport,
.header-slider .flexslider,
.header-slider .slides,
.header-slider .slides li {
    position: relative;
    height: 100%;
    padding: 0;
    margin: 0
}

.section-slider>.flexslider {
    position: absolute;
    height: 100%;
    top: 0;
    width: 100%;
    right: 0;
    bottom: 0;
    padding: 0;
    margin: 0;
    left: 0
}

.section-slider .overlaybox {
    position: relative;
    z-index: 9;
    width: 100%;
    margin-bottom: 70px
}

.flexslider .slides .bg-cover,
.full-screen-title .flexslider,
.full-screen-title .flexslider .flex-viewport,
.full-screen-title .flexslider .slides,
.full-screen-title .flexslider .slides li {
    padding: 0;
    height: 100% !important
}

.flexslider .slides .bg-cover,
.header-title .flexslider {
    padding: 0;
    height: 100%
}

.header-slider .bg-overlay {
    position: absolute;
    z-index: 9
}

.section-bg-video,
.section-map,
.section-slider,
.section-two-blocks {
    overflow: hidden;
    position: relative;
    z-index: 0
}

.section-slider>.flexslider .flex-control-nav {
    bottom: 10px;
    z-index: 11
}

@media (min-width:992px) {
    .section-slider>.flexslider .flexslider:not(.advanced-slider) .flex-direction-nav a {
        bottom: 0;
        top: auto
    }

    .section-slider>.flexslider .flexslider:not(.advanced-slider) .flex-direction-nav .flex-prev {
        left: auto !important;
        right: 40px !important
    }

    .section-slider>.flexslider .flexslider:not(.advanced-slider) .flex-direction-nav .flex-next {
        right: 0 !important
    }
}

.advanced-slider .section-slide,
.section-slider>.advanced-slider {
    position: static;
    margin-bottom: 0 !important
}

.section-slide .container-inner,
.section-slide .container-middle {
    vertical-align: middle;
    position: relative;
    transform: translate3d(0, 0, 0)
}

.advanced-slider .section-slide .container {
    padding-top: 0;
    padding-bottom: 0
}

.section-slide {
    top: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    animation: .3s all;
    overflow: hidden
}

.section-slide .container {
    padding: 15px;
    height: 100%;
    transform: translate3d(0, 0, 0);
    max-width: 100%;
    z-index: 9
}

.section-slide .container-middle {
    display: table !important;
    width: 100%;
    height: 100%
}

.section-slide .block-right {
    position: absolute;
    right: 0
}

.section-slide .bg-cover {
    position: absolute;
    width: 100%
}

.pos-slider {
    height: auto !important;
    width: auto !important;
    position: absolute
}

.pos-center {
    left: 50%
}

.pos-middle {
    top: 50%
}

.section-two-blocks .flex-viewport,
.section-two-blocks .flexslider,
.section-two-blocks .flexslider .slides,
.section-two-blocks .flexslider .slides li a {
    height: 100%;
    margin: 0
}

.section-two-blocks:not(.blocks-right) .flex-direction-nav a.flex-prev {
    margin-left: 23px
}

.section-two-blocks.blocks-right .flex-direction-nav a.flex-next {
    margin-right: 23px;
    margin-left: 0
}

.social-feed-fb .slides img,
.social-feed-tw .slides img {
    width: auto !important;
    display: block
}

.png-over .slides>li>img {
    margin: auto;
    max-width: 100%
}

@media (max-width:992px) {

    .nav-justified-v li>a,
    .nav-pills {
        height: auto !important
    }

    .mega-tabs .tab-box .nav-tabs>li>a {
        padding-left: 15px
    }

    .nav-tabs>li {
        float: none;
        border: 1px solid #ddd
    }

    header .nav-tabs>li {
        border: none
    }

    header .mega-tabs .nav-tabs {
        background: 0 0
    }

    header .mega-tabs .tab-box .nav-tabs>li>a {
        padding: 15px;
        text-align: left
    }

    .nav.nav-center>li {
        display: block;
        margin: 0;
        border-bottom: none
    }

    .nav-tabs>li.active {
        border: none;
        top: 0 !important;
        border-radius: 0 !important
    }

    .nav-tabs>li.active a,
    .tab-box.inverse .nav-tabs li.active>a {
        border-radius: 0 !important;
        border-bottom: 0;
        border-top-color: #ddd !important
    }

    .nav-tabs>li.active>a {
        background-color: #f5f5f5 !important
    }

    .nav-tabs li.active:last-child a {
        border: 1px solid #ddd
    }

    header .nav-tabs li.active:last-child a {
        border: none !important
    }

    .tab-box.left .nav-tabs>li.active>a,
    .tab-box.left .nav-tabs>li.active>a:focus,
    .tab-box.left .nav-tabs>li.active>a:hover,
    .tab-box.right .nav-tabs>li.active>a,
    .tab-box.right .nav-tabs>li.active>a:focus,
    .tab-box.right .nav-tabs>li.active>a:hover {
        border: none;
        border-bottom: none !important
    }

    .tab-box.left .nav-tabs>li,
    .tab-box.right .nav-tabs>li {
        border: none;
        margin: 0;
        border-bottom: 1px solid #ddd
    }

    .tab-box.left .nav-tabs,
    .tab-box.right .nav-tabs {
        border: 1px solid #ddd;
        border-bottom: none;
        height: auto !important
    }

    .tab-box.left:not(.pills) .panel-box .panel,
    .tab-box.right:not(.pills) .panel-box .panel {
        border: 1px solid #ddd;
        border-left-style: solid;
        border-radius: 2px
    }

    .tab-box.inverse .nav-tabs li:first-child,
    .tab-box.right .nav-tabs {
        border-top: none !important
    }

    .tab-box .nav-tabs.nav-center li:last-child a,
    .tab-box.left .nav-tabs>li:last-child {
        border-bottom: none !important
    }

    .tab-box.left .panel-box .panel {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .tab-box.right .panel-box .panel {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .nav-tabs.nav-justified>li>a {
        margin-bottom: 0
    }

    .tab-box .nav-tabs.nav-center li.active {
        margin-right: 0;
        bottom: 0
    }

    .nav-justified-v li>a {
        line-height: inherit !important
    }

    .tab-box.left.pills .panel,
    .tab-box.right.pills .panel {
        padding: 15px
    }

    .nav-pills>li>a {
        padding: 8px
    }

    .timeline>li>.timeline-panel {
        width: 100%;
        background: #fff
    }

    .timeline>li>.timeline-label {
        position: relative;
        height: 100%;
        margin: 45px 0;
        padding: 0;
        left: 0
    }

    .timeline>li.timeline-inverted>.timeline-label {
        top: 32px;
        left: auto;
        right: 0;
        margin-left: 0;
        width: auto
    }

    .flex-control-nav,
    .flexslider.nav-inner .flex-control-nav {
        padding-right: 5px;
        padding-left: 5px;
        bottom: -15px
    }

    .section-slide .container-inner,
    .section-slide .container-middle {
        max-width: 100%;
        table-layout: fixed;
        padding-top: 10px;
        text-align: center
    }

    .flex-direction-nav,
    .niche-box-blog .flex-control-nav,
    .niche-box-blog .flex-direction-nav,
    .niche-box-post .flex-control-nav,
    .niche-box-post .flex-direction-nav {
        display: none
    }

    .header-slider .layer-parallax {
        position: static !important;
        margin-top: 0 !important
    }

    .full-screen-title.header-parallax .flex-control-nav,
    .header-slider .flex-control-nav {
        bottom: 10px
    }

    .flexslider .slides>li {
        height: auto;
        padding-right: 15px
    }

    .nav-middle-mobile.flexslider a.flex-next,
    .nav-middle-mobile.flexslider a.flex-prev {
        top: 50% !important
    }

    .nav-middle-mobile.flexslider {
        margin-bottom: 0 !important
    }

    .flexslider .slides .advs-box-side-img img,
    .flexslider .slides>li>.img-box>span>img,
    .header-slider .flexslider .slides li img,
    .section-slider .flexslider .slides img {
        height: auto
    }

    .flexslider.carousel.nav-thumb .slides li {
        min-height: 100px
    }

    .flexslider.carousel.nav-thumb .slides li .thumb {
        height: 100px;
        padding: 37px 7px
    }

    .flexslider.carousel .slides li .thumb {
        height: 150px
    }

    .flexslider .slides img,
    .header-slider .flexslider .slides li,
    .header-slider.full-screen-title .slides,
    .header-slider.header-parallax .slides,
    .section-slider>.flexslider .slides li {
        height: 100%
    }

    .section-slider .overlaybox {
        top: 10px
    }

    .header-slider .flexslider .slides,
    .header-slider .flexslider .slides li {
        height: 100%;
        min-height: 200px
    }

    .header-slider,
    .header-slider .flexslider,
    .header-slider .layer-parallax .flexslider,
    .layer-parallax,
    .layer-parallax .flexslider .slides {
        height: 350px
    }

    .full-screen-title.header-parallax .flexslider,
    .header-slider.full-screen-title .flexslider {
        height: 100% !important
    }

    .header-parallax {
        height: 300px
    }

    .flex-control-nav.nav-inner {
        bottom: 13px
    }

    .section-slide .vertical-row>.row {
        min-width: 100%;
        width: auto
    }
}

@media (min-width:769px) and (max-width:1200px) {
    .flexslider.outer-navs a.flex-prev {
        transform: translateX(-50px);
        width: 30px
    }

    .flexslider.outer-navs a.flex-next {
        transform: translateX(50px);
        width: 30px
    }

    .flex-direction-nav a:before {
        font-size: 35px
    }
}

.plants-img-padding-bottom {
    padding-bottom: 40px
}
.modal .close {
    position: absolute;
    right: -10px;
    top: -10px;
    z-index: 1051;
    border-radius: 50%;
    border: 2px solid #3498db;
    background-color: #fff;
    color: #3498db;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.4s ease, color 0.4s ease;
  }
  .modal .close:hover {
    background-color: #3498db; /* Changes background color on hover */
    color: #fff; /* Changes text color on hover */
}
/* Flexbox centering for modal */
.modal-centered {
  display: flex;
  align-items: center;  /* Vertically center the modal */
  justify-content: center;  /* Horizontally center the modal */
  min-height: 100vh;  /* Full height of the viewport */
}

.modal-dialog {
  margin: 0 auto; 
  max-width: 500px; 
  width: 100%; 
}

@media (max-width: 768px) {
  .modal-dialog {
    width: 90%;  /* Make modal width responsive for smaller screens */
  }
}


.floating-download-btn {
  position: fixed;
  right: 20px; /* Distance from the left side */
  top: 90%; /* Center vertically */
  transform: translateY(-50%) rotate(90deg); /* Vertical center and rotate by 90 degrees */
  transform-origin: right center; /* Ensure it rotates around the left edge */
  background-color: #0a6938; /* Button color */
  color: #fff;
  padding: 12px 20px;
  text-decoration: none;
  font-size: 16px;
  border-radius: 5px;
  z-index: 1000; /* Keep on top of other elements */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Optional shadow */
  transition: background-color 0.3s ease;
}

.floating-download-btn:hover {
  background-color: #0a6938; /* Darker blue on hover */
}

.floating-download-btn i {
  margin-right: 8px; /* Space between icon and text */
}

@media (max-width: 768px) {
  .floating-download-btn {
    right: 10px; /* Adjust for mobile */
    padding: 10px 15px; /* Smaller padding */
    font-size: 14px;
  }
}

.btn-enq-close {
    position: absolute;
    top: -8px;
    right: -22px;
    transform: translateX(-50%);
    background-color: #0a6938;
    opacity: 1;
    color: #fff !important;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    line-height: 1;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    border: 1px solid #fff;
    cursor: pointer;
    z-index: 1100;
    overflow: visible; /* Ensures visibility */
}

/*.btn-close:hover {
    
    color: #fff;
}*/
  .cc {
  border-radius: 50% !important;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px !important;
  line-height: 1;
  padding: 0;
  border: 2px solid #FFFFFF !important;
  color: #FFFFFF !important;
  background-color: #0a6938f0 !important; 
  border: none;
  color: #333; 
  transition: background-color 0.3s, color 0.3s !important; 
}

.cc:hover {
  background-color: #34ad54; 
  color: #fff; 
}	
.form-b{
    background-color: #fff;
	border:1px solid #3fa50ef7 !important;
    border-radius: 0;
    padding: 16px 10px;
    box-shadow: none;
}
.form-b:focus{
    border-color: #34ad54;
    box-shadow: none;
    outline: none;
}
/* Optional body scroll prevention */
    body.noscroll {
      overflow: hidden;
    }
	.bg-grey {
    background-color: #f6fff2;
	width:70%;
    margin: 0 auto;
}

.btn{
	padding: 3px 20px !important; 
}
.error{
	color:red;
	font-size:8px;
	font-weight: 500 !important;
}
.form-group {
    margin-bottom: 18px !important;
}
.modal-centered {
        display: flex !important;
        align-items: center;
        justify-content: center;
        min-height: 100vh; /* Full screen height */
    }
	
/* Media Query for Mobile Devices (576px and below) */
@media only screen and (min-device-width : 320px) and (max-device-width : 576px) {

   .bg-grey {
	width:100% !important;
	padding: 10px;
   }
   .modal-dialog {
    max-width: 90% !important;
    }
	.h4, h4 {
		font-size: 30px !important;
		font-weight:700 !important;
	}
	
}
@media (min-width: 993px) {
    .navbar-nav>li>a {
        padding: 15px;
    }
}
/* .container::before{
    content: " ";
    display: table;
} */
header>.navbar{justify-content: center;}

.nav-tabs .nav-link {
    border: unset !important;
    border-bottom: 1px solid #ccc !important;
    border-top-left-radius: unset !important;
    border-top-right-radius: unset !important;
}
.nav-tabs .nav-item .nav-link{
    color: #484848 !important;
}

.collapse:not(.show){display: block;}

@media (min-width: 1400px) {
    .container {
        max-width: 1170px;
    }
}