@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&display=swap);
.cookiealert.show,
.maso-custom .maso-box > .maso-item,
.maso-mask .maso-item,
.scroll-top-mobile.show {
  visibility: visible;
}
.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;
}
.list-a li,
.list-blog ul li,
.list-blog > ul > li,
.list-me3 li,
.pie,
.sidebar-nav ul,
.sol-box-inner,
.timeline {
  list-style: none;
}
.font-roboto {
  font-family: Roboto, Arial;
}
.adv-circle .caption p,
.adv-img p,
.advs-box p,
.caption-bottom p,
.list-blog p,
body {
  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(../images/assets/loader.gif);
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
  z-index: 999999999999;
}
.scroll-top-mobile {
  position: fixed;
  background: #fff;
  width: 50px;
  height: 50px;
  z-index: 999999;
  right: 10px;
  text-align: center;
  bottom: 10px;
  cursor: pointer;
  padding: 15px 0;
  visibility: hidden;
}
.google-map {
  background: rgba(0, 0, 0, 0.1);
}
.header-title:after,
.header-video,
.section-slide {
  background-color: #1d1d1d;
  background-size: 10px;
}
.col-auto-b3 {
    display: inline-block;
    border-top:#ccc solid 1px;
    margin-top:10px;
    vertical-align: top;
    background: #fff;
    border: 1px solid #ddd;
    margin: 5px;
    padding: 5px 10px;
    text-align: center;
  }
.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;
}
.bs-callout.bs-callout-danger {
  border-left-color: #ce4844;
  padding: 5px 15px;
}
.bs-callout-danger h5 {
  color: #ce4844;
}
.tag-row a,
.tag-row span {
  color: #9c9c9c;
}
.table .table {
  background-color: rgba(0, 0, 0, 0);
}
.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,
[href="#"].img-box:not(.adv-circle):hover img,
[href=""].img-box:not(.adv-circle):hover img {
  opacity: 1 !important;
}
#google-btn,
.closebtnhide,
.default-box .btn:after,
.demo-sm-btn-holder,
.hc-post-preview-button,
.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,
.testimonial-img-box:after,
.testimonial-img-circle:after,
.testimonial-img-circle:before,
.wysiwyg-editor ol > br,
.wysiwyg-editor ul > br,
[href="#"].img-box:not(.adv-circle):before,
[href=""].img-box:not(.adv-circle):before,
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;
  text-align: center;
}
.grid-table td {
  padding: 25px;
}
.album-item > div,
.container .container,
.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 {
  border-top: 0;
}
.border-table tr:last-child td,
.list-group .list-group-item:last-child,
.list-items .list-item:last-child,
.smlist .list-me li,
.smlist .list-me li:last-child {
  border-bottom: 0;
}
.border-table tr td:first-child {
  border-left: 0;
}
.border-table tr td:last-child,
.tag-row.icon-row span {
  border-right: 0;
}
.no-paddings,
.no-paddings .content,
.p-0 {
  padding: 0 !important;
}
.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;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
  border-right: 1px solid #ccc;
  padding-right: 16px;
}
.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;
  color: #919191;
}
.mega-menu h5,
.navbar-default .navbar-nav > li > a,
a {
  color: #444;
}
.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;
}
.dropdown-submenu,
.grid-list,
.img-box.i-center,
.img-box.inner,
.img-box.inner span,
.input-icon,
.maso-list,
.mega-menu-fullwidth,
.navbar-middle .navbar-collapse,
.navbar.mega-menu-fullwidth .container,
.progress-bar-holder,
.tag-row.icon-row,
header .navbar-main > .container {
  position: relative;
}
.tag-row.icon-row span:after {
  position: relative;
  content: "/";
  color: rgba(210, 210, 210, 0.5);
  right: -16px;
}
.tag-row.icon-row-square span:after {
  content: "\f04d";
}
.overflow-visble,
span.caption-box {
  overflow: visible !important;
}
.ganimation-glass,
.header-video .overlaybox,
.mega-menu.dropdown-menu,
.scroll-box,
.section-two-blocks,
.side-menu .collapsing,
.side-menu li.divider,
.this-1,
.this-2,
footer .content {
  overflow: hidden;
}
#okr-features ul.features-list,
.boxed-layout.side-menu-container .container,
.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 {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.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;
}
.row.vertical-row > div,
div.content {
  padding-left: 15px;
  padding-right: 15px;
}
.dots .col-xs-2,
.pr-0 {
  padding-right: 0 !important;
}
.mega-menu .col > h5:first-child,
.portfolio-details h3,
.tab-box .panel > .row > div > :first-child,
.tab-box .panel > :first-child,
[class*="section-"] > :first-child,
[class*="section-"] > div > .row:first-child > div > :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-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;
  text-align: center;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  padding: 25px;
  background-color: rgba(0, 0, 0, 0.42);
}
.box-middle-container,
.no-paddings-y,
.no-paddings-y .content,
.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: 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-x {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.no-padding-bottom,
.no-padding-bottom .content,
header.scroll-css .middle-box-menu {
  padding-bottom: 0 !important;
}
.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, 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;
}
#google-body,
.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,
.overlay-box,
.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 {
  display: block;
}
header .btn-default:hover,
header .circle-button:hover {
  border-color: #d2d2d2;
  background-color: #e6e6e6;
}
.menu-right .subline-bar ul,
.minisocial-group,
.nav.nav-right > li,
.navbar-header .hamburger-button,
.navbar-inner .navbar-toggle i:last-child,
.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,
.t-both,
.t-btn-holder,
.timeline > li.timeline-inverted > .timeline-panel,
header .navbar-right > * {
  float: right;
}
header .navbar-right > :not(li) {
  padding-right: 5px;
  padding-left: 5px;
}
.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: 0.3s;
  max-height: 100%;
}
.navbar.navbar-inner {
  min-height: inherit;
}
.navbar-brand.scroll-show.showed {
  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;
}
.ApiHolder {
  background: url(../images/api-bg.jpg) 0 0 / cover no-repeat;
  position: relative;
  color: #fff;
}
.ApiHolder h3 {
  color: #ffde00;
}
.ApiHolderOverlay {
  background: #006725;
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0.85;
}
.dots {
  display: table;
  border-right: 1px dashed #fff;
  min-height: 180px;
  text-align: left;
  margin: 25px 0 20px;
}
.dots:last-of-type {
  border-right: 0 dotted #fff;
}
.dots h4,
.text-white,
.top-banner .anima-button i {
  color: #fff !important;
}
.ApiHolderSml {
  background-color: rgba(0, 79, 28, 0.9);
  padding: 15px 0;
  margin-top:20px
}
.ApiHolderSmlfooter {
    background-color:transparent;
    border-top:#ccc solid 1px;
    border-bottom:#ccc solid 1px;
    padding: 15px 0;
  }
  .ApiHolderSmlfooter .container {
    padding: 0px;
    margin: 0;
    width: 100%;
}
.ApiHolderSml .col-md-10,
.latest-post-list .col-md-8,
.navbar-main .t-both .anima-button:hover,
.navbar-mini .navbar-left span:first-child,
div:not(.hc_column_cnt) > table:not(.table) tr:first-child > th,
ul.list-texts {
  padding-left: 0;
}
.ApiHolderImg {
  position: absolute;
  top: -40px;
}
.SmlLogoHolder {
  display: inline-block;
  text-align: center;
  margin-right: 7px;
  font-size: 13px;
}
#comments .prev.page-numbers,
.navbar-brand {
  margin-right: 15px;
}
.SmlLogo {
  display: block;
  background-color: #fff;
  padding: 4px;
}
.SmlLogo img {
  height: 40px;
}
.SecurityHolder {
  border: 0 !important;
  font-size: 16px !important;
}
.SecurityIcon {
  padding-top: 10px;
  padding-bottom: 8px;
}
.tab-bg {
  background-size: 100%;
  background-image: url(../images/tab1.jpg);
  background-repeat: no-repeat;
  background-position: top;
}
.ebook-holder {
  text-align: center;
  padding: 41px 0;
}
.ebook-holder img {
  width: 258px;
}
.newsletterholder-bg {
    background: rgb(245,245,245);
    background: linear-gradient(0deg, rgba(245,245,245,1) 50%, rgba(255,255,255,1) 50%);
}
.newsletterholder {
    left: 0;
    right: 0;
    position: relative;
    background-color: #3b43bc;
    border-radius: 12px;
    padding: 20px 20px 0;
    background: #3b43bc url(../images/bg-newsletter.png) 0 bottom no-repeat;
}
.newsletter-iframe {
    margin: -24px 0 0px auto;
    min-height: 290px;
    max-height: 390px;
    display: block;
}
@media (max-width: 992px) {
    .newsletter-iframe {
        margin: 0px;
    }
    .newsletterholder {
        background: #3b43bc;
    }
}

    .chatdiv,
    .closebtn {
        position: fixed;
        line-height: 1.31em;
        cursor: pointer;
    }

    .newsletterholder .paperplane {
        background: url(../images/bg-newsletter.png) 160px 30px no-repeat;
        min-height: 260px;
    }

    .newsletterbg::after,
    .newsletterbg::before {
        content: ".";
        position: absolute;
        background: #3b43bc;
    }

    .newsletterbg {
        float: right;
        margin-top: -45px;
        background-color: #3b43bc;
        padding: 20px 25px 0;
        width: 350px;
    }

        .newsletterbg::after {
            width: 318px;
            margin: -14px -10px;
            right: 40px;
            opacity: 0.7;
            z-index: 2;
        }

        .newsletterbg::before {
            width: 294px;
            bottom: 0;
            margin: -14px 2px;
            opacity: 0.3;
            z-index: 3;
        }

    .chatdiv {
        box-shadow: -3px 2px 20px -7px rgba(0, 0, 0, 0.43);
        -webkit-box-shadow: -3px 2px 20px -7px rgba(0, 0, 0, 0.43);
        -moz-box-shadow: -3px 2px 20px -7px rgba(0, 0, 0, 0.43);
        z-index: 999;
        opacity: 0;
        width: 260px;
        bottom: 86px;
        border-radius: 12px;
        font-size: 14px;
        right: 20px;
        background: #fff;
        border: 1px solid #ccc;
        padding: 12px;
    }

    .closebtn {
        z-index: 9999;
        bottom: 157px;
        border-radius: 100%;
        font-size: 13px;
        right: 278px;
        padding: 0;
        width: 30px;
        height: 30px;
    }

        .closebtn:after {
            content: "\f057";
            color: #000;
            font-weight: 700;
            font-size: 25px;
            font-family: Fontawesome;
            box-shadow: -3px 2px 20px -7px rgba(0, 0, 0, 0.43);
            -webkit-box-shadow: -3px 2px 20px -7px rgba(0, 0, 0, 0.43);
            -moz-box-shadow: -3px 2px 20px -7px rgba(0, 0, 0, 0.43);
            border-radius: 100%;
            background: #fff;
            display: block;
            width: 18px;
            height: 18px;
        }

    .chatdiv .row {
        margin: 0 0 4px;
    }

        .chatdiv .row .col-xs-6 {
            padding: 0 0 4px;
        }

    #cancel-comment-reply-link:hover,
    .chatdivshow,
    .comment-list .reply:hover a,
    .maso-custom .maso-item > *,
    .maso-mask .maso-item > a,
    [data-menu-anima] .panel-item .panel ul {
        opacity: 1;
    }

    @keyframes bounce {
        from {
            transform: translate3d(0, 0, 0);
        }

        to {
            transform: translate3d(0, 10px, 0);
        }
    }

    @-webkit-keyframes bounce {
        from {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }

        to {
            -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 10px, 0);
        }
    }


    /*home banner*/
    .home-bg {
        position: relative !important;
        background-color: #f4eef9;
        padding-top: 135px;
        padding-bottom: 40px;
    }

        .home-bg h1 {            
            font-size: 30px;
            font-weight: bolder;
            font-family: 'Livvic-Bold' !important;
        }

        .home-bg h2 {
            font-size: 23px;
            padding-top: 5px;
            font-family: 'Livvic-Regular' !important;
        }

           

            .home-bg h2 span {
                padding-top: 10px;
                color: #f04815;
                font-family: 'Livvic-Bold' !important;
                display: block;
            }



    .capsule-banner {
        border-radius: 50%/20%;
        padding: 30px 0px 205px 0px;
        text-align: center;
        position: relative;
        font-weight: bold;
        overflow: hidden;
        font-size: 18px;
        height: 100%;
    }

        .capsule-banner span {
            padding: 9px 15px;
            text-align: center;
            display: block;
            z-index: 1;
            position: relative;
        }

            .capsule-banner span.sml {
                font-size: 16px;
                line-height: 1.1em;
            }

        .capsule-banner img {
            position: absolute;
            width: 140% !important;
            max-width: 140% !important;
            margin-left: -20%;
            bottom: 0;
            left: 0;
            margin-bottom: -11%;
        }

    .capsule-bannerbggrey {
        background-color: #e2e2e2;
        color: #564038;
    }


    .capsule-bannerbgpurple {
        background-color: #bcafdb;
        color: #2e136b;
        margin-top: -40px;
    }



    .capsule-bannerbgcream {
        background-color: #e9be96;
        color: #823f05;
    }

.home-rating {
    max-width: 219px;
    background: #ffffff;
    border-radius: 35px;
    padding: 3px 20px;
    border: 4px solid #faf4ff;
    box-shadow: 0 25px 45px rgb(0 0 0 / 15%);
}
@media (max-width: 768px) {
    .sm-margin-auto {
        margin-left: auto;
        margin-right: auto;
    }
}
@media (min-width: 1536px) {
    .home-bg h1 {
        font-size: 35px;
    }

}
 

    @media (max-height: 1100px) and (min-width: 1000px) {

        .home-bg {
            padding-top: 205px;
            padding-bottom: 110px;
        }



        .capsule-banner {
            padding: 50px 0px 230px 0px;
        }
    }




    @media (max-height: 1000px) and (min-width: 1000px) {

        .home-bg {
            padding-top: 185px;
            padding-bottom: 90px;
        }
    }

    @media (max-height: 960px) and (min-width: 1000px) {


        .home-bg {
            padding-top: 165px;
            padding-bottom: 70px;
        }
    }

    @media (max-height: 930px) and (min-width: 1000px) {

        .home-bg {
            padding-top: 160px;
            padding-bottom: 65px;
        }
    }

    @media (max-height: 900px) and (min-width: 1000px) {

        .home-bg {
            padding-top: 155px;
            padding-bottom: 60px;
        }
    }

    @media (max-height: 860px) and (min-width: 1000px) {

        .home-bg {
            padding-top: 135px;
            padding-bottom: 40px;
        }
    }

    @media (max-height: 820px) and (min-width: 1000px) {

        .home-bg {
            padding-top: 125px;
            padding-bottom: 30px;
        }
    }

    @media (max-height: 800px) and (min-width: 1000px) {

        .home-bg {
            padding-top: 125px;
            padding-bottom: 30px;
        }

        .capsule-banner {
            padding: 20px 0px 190px 0px;
        }
    }

    @media (max-height: 770px) and (min-width: 1000px) {

        .home-bg {
            padding-top: 115px;
            padding-bottom: 20px;
        }

        .capsule-banner {
            padding: 20px 0px 190px 0px;
        }
    }

    @media (max-height: 730px) and (min-width: 1000px) {

        .hideonsmall {
            display: none;
        }

        .margingonsmall {
            margin-bottom: 10px !important;
        }

        .capsule-banner {
            padding: 20px 0px 190px 0px;
        }
    }


    @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;
        }
    }

    .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, 0.15) !important;
    }

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

    .maso-box .clear,
    .nav.inner > li {
        float: left;
    }

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

    .nav.inner,
    .navbar-inner .navbar-toggle {
        border: 1px solid rgba(0, 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;
    }

    .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: 0;
    }

    .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: 0.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: 0;
            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-repeat: no-repeat;
        background-position: bottom right;
    }

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

        .button-cnt,
        .inside-menu.center .navbar,
        .navbar-brand.center > img,
        .search-box-menu,
        .side-menu-fixed .social-group a,
        .social-group a,
        .t-lang-holder,
        i.onlycover {
            display: inline-block;
        }

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

    .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, 0.15);
        background-color: #fff;
    }

        .full-width-menu .nav {
            border: 0;
            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: 132px !important;
    }

    .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, 0.08);
        border-radius: 2px;
    }

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

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

    .navbar-brand {
        padding: 0;
    }

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: 0;
        box-shadow: 5px 4px 7px rgba(0, 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, 0.2);
    }

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

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

    .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;
            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, 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;
        text-align: center;
        font-weight: 400 !important;
    }

    .minisocial-group i:hover,
    .social-group i:hover {
        background: rgba(31, 31, 31, 0.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: #464646;
    }

    .social-colors i:hover {
        opacity: 0.8;
    }

    .btn-default.btn-primary i,
    .btn-primary:hover i,
    .color-white,
    .header-base .breadcrumb li,
    .header-base .breadcrumb.b a,
    .header-bootstrap .breadcrumb > .active,
    .header-social a:hover,
    .newsbannernew h4 a,
    .newsbannernew h4 a:hover span,
    .reviewbox .reviewboxtxt,
    .s-box .text 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, 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;
            list-style: none;
            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: 0;
    }

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

        .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;
    }

        .navbar-mini .form-control.focus {
            background: rgba(152, 152, 152, 0.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,
    .title-base.text-left {
        text-align: left;
    }

    .block-quote.text-center,
    .center100,
    .copy-row .col-md-12,
    .cover-holder,
    .demo-popup .contact-btn-holder,
    .first-circle,
    .footer-center,
    .icon-menu .icon-top > li > a,
    .inside-menu.center,
    .newsbannernew,
    .overlaybox-side.overlaybox-center,
    .overlaybox-side.overlaybox-center .row,
    .png-over li a,
    .this-holder,
    .title-icon {
        text-align: center;
    }

    .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 {
        padding: 0;
        margin: 0;
    }

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

            .color-black,
            .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 15px;
    }

    .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;
        }

    .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% - 210px);
        margin: 0 150px;
    }

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

    .mega-menu .fa-ul.no-icons {
        margin-left: 1px;
    }

    .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;
    }

    .viewmorevidbtn span:hover,
    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;
    }

    .cover-holder,
    .overlay-content .footer-parallax {
        position: static;
    }

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

    .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;
    }

    .slim-text2 {
        font-size: 18px;
        line-height: 1.5em;
        font-weight: 300;
    }

    .center100 {
        width: 100%;
    }

    .sol-box-holder {
        background: #047235;
        border-radius: 5px;
        display: flex;
    }

    .sol-box {
        width: 21%;
        float: left;
        display: flex;
        align-items: center;
    }

        .sol-box:nth-of-type(2) {
            width: 15%;
        }

    .sol-box-inner {
        padding: 10px 10px 10px 30px;
        background: url(../images/bullets-white.png) 10px 14px no-repeat;
        color: #fff;
        font-weight: 500;
    }

    .first-circle,
    .this-1,
    .this-2 {
        background-size: 100%;
        background-position: center;
        background-repeat: no-repeat;
    }

    .this-holder {
        max-width: 1024px;
        margin: 0 auto;
        font-weight: 500;
        font-size: 14px;
    }

    .thishd,
    .thishd2 {
        float: left;
        width: 41%;
    }

    .this-1 {
        background-image: url(../images/this-1.png);
        height: 80px;
    }

    .this-2 {
        background-image: url(../images/this-2.png);
        height: 80px;
    }

    .this-2nd,
    .this-first {
        width: 33%;
        height: 100%;
        display: flex;
        float: left;
    }

    .this-first {
        align-items: center;
        line-height: 1.1;
    }

    .this-2nd {
        align-items: center;
        line-height: 1.2;
        color: #fff;
    }

    .first-circle {
        background-image: url(../images/this-circle.png);
        font-size: 30px;
        width: 65px;
        height: 69px;
        float: left;
        line-height: 2.2em;
        margin-top: 5px;
        margin-left: 3px;
        font-weight: 300;
    }

    .this-arrow {
        float: left;
        width: 18%;
    }

    .cover-holder {
        margin-bottom: 20px;
    }

    .cookiealert,
    .newsbannernew {
        position: fixed;
        z-index: 999;
        left: 0;
    }

    .cookiealert {
        bottom: 0;
        width: 100%;
        margin: 0 !important;
        opacity: 0;
        visibility: hidden;
        border-radius: 0;
        transform: translateY(100%);
        transition: 0.5s ease-out;
        color: #ecf0f1;
        background: rgba(0, 0, 0, 0.95);
    }

        .cookiealert.show {
            opacity: 1;
            transform: translateY(0);
            transition-delay: 1s;
        }

        .cookiealert a {
            text-decoration: underline;
            color: #9c9c9c !important;
        }

            .cookiealert a:hover {
                text-decoration: underline;
                color: #80ffb9 !important;
            }

        .cookiealert .acceptcookies {
            margin-left: 10px;
            font-weight: 400 !important;
            letter-spacing: 0.9px;
            cursor: pointer;
            vertical-align: baseline;
            color: #fff;
            border-color: #fff;
        }

    .event-webinar .maso-item {
        margin: 0 auto 35px !important;
        float: none;
        display: inline-block;
        vertical-align: top;
    }

    .newsbannernewbody {
        padding-top: 90px;
        transition: 0.3s;
    }

    .newsbannernew {
        transition: 0.3s;
        display: none;
        top: 0;
        right: 0;
        background-color: #35056c;
        /*background-image: linear-gradient( 225deg, #06988d 0, #784ba0 50%, #013bc3 100% );*/
    }

        .newsbannernew h4 {
            font-size: 21px;
            font-weight: 200;
            color: #fff;
            line-height: 2.3em;
            font-family: Livvic-Regular, sans-serif !important;
            padding: 2px;
            margin: 0;
            display: inline-block;
        }

    .detail,
    .vertical_hd span {
        font-family: Roboto, sans-serif;
    }

    .newsbannernew .circle-button {
        vertical-align: middle;
        margin-top: -7px;
        border-color: #fff;
        color: #fff;
        margin-left: 10px;
        font-size: 13px;
    }

    .newsbannernew p {
        padding: 0 5%;
        color: #fff;
        line-height: 1.2em;
        margin-top: -15px;
    }

        .newsbannernew p strong {
            font-family: Livvic-SemiBold !important;
        }

    .newsbannernew:hover .newsbannerarrow {
        display: none;
        opacity: 0;
    }

    .newsbannernew h4 span:after {
        content: "";
        position: absolute;
        width: 40px;
        height: 40px;
    }

    .newsbannernewbody .mega-menu-fullwidth {
        margin-top: 52px !important;
        transition: 0.3s;
    }

    @media (min-width: 769px) {
        .overlay-box {
            display: flex;
        }

        .cover-holder {
            width: 100%;
            text-align: center;
            position: absolute;
            z-index: 15;
            left: 0;
            bottom: 0;
            margin-bottom: 0;
        }

        header .fixed-top.scroll-css .icon-menu .navbar-collapse ul.nav i {
            font-size: 25px !important;
            height: 25px;
            line-height: 25px;
            transition: 0.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;
    }

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

    header.scroll-css .icon-menu .navbar-brand {
        height: 55px;
        padding: 5px 15px;
        transition: 0.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-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: 1;
    }

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

    .mtb-n70 {
        margin-top: -60px;
        margin-bottom: -60px;
        position: absolute;
    }
    .mtb-n70 .bg-secondary-subtle {
        border-radius: 6px;
        margin-bottom: 5px;
    }
    
    .footer-bg .footer-center {
            border: 0;
            margin-top: 0;
        }

    footer .container {
        padding: 35px 0;
    }

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

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

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

    .footer-list a {
        display: block;
        border-bottom: 1px solid rgba(117, 117, 117, 0.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 5px;
        display: inline-block;
    }

    .tab-box.left .nav-tabs > li,
    .tab-box.right .nav-tabs > li,
    footer .social-group {
        float: none;
        margin-bottom: 0;
    }

    .footer-right,
    .i-background.i-top-left,
    .title-base.text-right {
        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;
    }

    .as-padding,
    .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;
    }

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

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

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

    .footer-main .col-sm-2 {
        margin-right: 23px;
    }

    .nav.ms-minimal li a {
        border-bottom: 2px solid rgba(248, 248, 248, 0);
        letter-spacing: 0.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;
        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, 0.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 {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        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;
        -webkit-transition-timing-function: ease;
        transition-timing-function: ease;
        -webkit-transition-duration: 0.35s;
        transition-duration: 0.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;
    }

    .sidebar-nav ul {
        padding: 0;
        margin: 0;
    }

    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: 0;
        background: 0;
        height: auto;
    }

    .side-menu li.divider {
        height: 1px;
        margin: 5px 0;
        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, 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, 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, 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;
    }

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

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

        .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;
        text-align: right;
    }

    .bs-menu li.active > a,
    .bs-menu li:hover > a {
        background: 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;
    }

    .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, 0.2) !important;
        margin-right: -1px;
    }

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

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

    .side-menu.ms-simple li a {
        border: 0;
        font-size: 16px;
        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;
        width: 100%;
        height: 100%;
    }

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

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

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

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

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

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

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

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

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

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

    .bg-gradient-container,
    .mouse-parallax,
    .overlay-container,
    .relativeme,
    .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-size: cover;
        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,
    button.navbar-toggle,
    iframe {
        border: 0;
    }

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

    .header-bootstrap {
        background-color: #6f5499;
        background-image: linear-gradient( to bottom, rgba(0, 0, 0, 0.17) 0, rgba(0, 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;
        }

        .album-title,
        .header-bootstrap h1,
        .list-items .list-item h3,
        .vertical_hd span,
        header.bg-title h1 {
            text-transform: uppercase;
        }

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

        .header-bootstrap h1 {
            font-weight: 400;
            color: #fff;
            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;
    }

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

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

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

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

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

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

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

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

            .header-animation .overlay.bottom,
            .img-box.i-bottom i {
                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: 0;
        background: rgba(0, 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-position: 0 0;
        background-color: rgba(0, 0, 0, 0) !important;
        color: #e4e4e4;
        background-image: none !important;
        background-repeat: repeat !important;
        background-attachment: scroll !important;
    }

    header.bg-transparent > .navbar {
        background-color: rgba(0, 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, 0.4) !important;
        border-radius: 0;
    }

    header.bg-transparent .navbar-default .navbar-nav > li > a {
        color: #e4e4e4;
        transform: translateY(0);
        transition: transform 0.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: 10s 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;
    }

    .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 {
                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;
    }

    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, 0.5);
        }

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

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

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

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

        .as-vertical .as-panels,
        .demo-popup .contact-btn-holder .circle-button-orange,
        .header-parallax img,
        .navbar-brand img,
        .post-video iframe,
        .search-results .advs-box,
        .section-two-blocks .blocks-video video,
        .sidebar-content > .row > div > .container,
        .videobox video {
            width: 100%;
        }

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

    ::--webkit-media-controls-play-button,
    ::-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;
        }

    .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;
    }

    .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: 0.5;
    }

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

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

    .countdown {
        margin: 0 -10px;
    }

    [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 !important;
        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;
    }

    .as-horizontal .as-panels,
    .carousel,
    .carousel-inner,
    .carousel-inner .item,
    .grid-item .base-box,
    .grid-item .box,
    .grid-item .img-box:not([class*="row-"]),
    .h100,
    .maso-item .img-box:not([class*="row-"]),
    [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, 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;
            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%;
    }

    .btn-home:hover,
    .fixed-area.boxed-inverse,
    .img-box.thumbnail .caption,
    .section-bg-color [class*="col-md-"].boxed-inverse,
    .section-custom {
        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 0.3s;
    }

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

        .list-items .list-item h3 {
            font-size: 16px;
            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: 200%;
    }

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

    i.circle,
    i.square {
        text-align: center;
    }

    .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, 0.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: 0;
    }

        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;
    }

    .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: 50px;
        height: 50px;
        padding: 0;
        line-height: 50px;
        font-size: 30px !important;
    }

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

    .icon-box {
        display: table;
    }

        .icon-box label,
        .icon-box-cell,
        .icon-box-cell-no-height {
            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-sml {
        height: 80px !important;
    }

    .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,
    .marquee li {
        margin-right: 10px;
    }

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

    .anima-button,
    .circle-button,
    .img-box {
        display: inline-block;
    }

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

    .anima-button {
        position: relative;
        overflow: hidden;
        transition: padding-left 0.3s;
        box-shadow: inset 0 10px 16px -10px rgba(255, 255, 255, 0.24), 0 8px 8px rgba(0, 31, 31, 0.1), 0 4px 4px rgba(0, 31, 31, 0.1), 0 2px 2px rgba(0, 31, 31, 0.1), 0 0 1px rgba(0, 31, 31, 0.36), inset 0 -2px 1px rgba(0, 31, 31, 0.36), inset 0 2px 1px rgba(205, 250, 206, 0.16);
    }

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

    .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 {
        transition: padding-left 0.3s;
        padding-left: 45px;
        transform: scale(1.02);
        box-shadow: none;
    }

    .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: 0.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: 0;
    }

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

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

    .btn-border,
    .white .btn-border {
        background-position: 0 0;
        border-width: 1px;
        border-style: solid;
        background-color: rgba(255, 255, 255, 0) !important;
        background-image: none !important;
        background-repeat: repeat !important;
        background-attachment: scroll !important;
    }

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

        .img-box.adv-img:hover {
            background-color: transparent;
        }

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

        .img-box.circle:before {
            border-radius: 50%;
            opacity: 0;
            transform: scale(0.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: 0.8 !important;
        margin: auto;
    }

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

    .img-box img {
        z-index: 2;
        -webkit-transform: translateZ(0);
    }

    .img-box:hover img {
        opacity: 0.8 !important;
        transition: opacity 0.3s;
    }

    .img-box.adv-circle:hover img {
        opacity: 0.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, 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-top-right.inner > span > i,
    .input-icon-right > i {
        right: 0;
    }

    .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,<;svgxmlns='http://www.w3.org/2000/svg'>;<;filterid='grayscale'>;<;feColorMatrixtype='matrix'values='0.33330.33330.3333000.33330.33330.3333000.33330.33330.33330000010'/>;<;/filter>;<;/svg>;#grayscale");
        filter: gray;
        -webkit-filter: grayscale(100%);
    }

    .grayscale:hover img {
        filter: url("data:image/svg+xml;utf8,<;svgxmlns='http://www.w3.org/2000/svg'>;<;filterid='grayscale'>;<;feColorMatrixtype='matrix'values='10000,01000,00100,00010'/>;<;/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;
        bottom: 25px;
        height: 45px;
        white-space: normal;
        text-shadow: 0 1px 2px rgba(0, 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, 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;
    }

    .gallery .img-box,
    .gallery .img-box img {
        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 {
        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;
    }

    .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 > a {
        color: #585858;
    }

    .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;
    }

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

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

    .album-box {
        padding: 15px;
    }

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

    .list-nav .pagination {
        margin: 0 auto;
    }

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

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

    .carousel-fade .carousel-inner .active.left,
    .carousel-fade .carousel-inner .active.right,
    .carousel-fade .carousel-inner.item,
    .maso-item > *,
    [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 {
        text-align: center;
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .fixed-area {
        z-index: 27;
    }

    .google-map {
        height: 350px;
    }

    .parallax-layer {
        position: absolute;
        left: 0;
    }

    .container.bg {
        position: absolute;
        left: 50%;
        z-index: 1;
        height: 100%;
    }

    .mouse-parallax .fullbg {
        position: absolute;
        left: 50%;
        margin-left: -585px;
        z-index: 1;
        height: 100%;
        width: 100%;
    }

    .mouse-parallax .fullsize {
        height: 250px;
        width: 100%;
    }

    .mouse-parallax .bottom {
        bottom: 0;
        top: auto !important;
    }

    .mouse-parallax .top {
        bottom: auto !important;
        top: 0;
    }

    .mouse-parallax .right {
        right: 0;
        left: auto !important;
    }

    .mouse-parallax .center {
        margin-left: 570px;
    }

    .mouse-parallax .fullwidth {
        width: 105%;
        max-width: 105%;
    }

    .mouse-parallax .overlaybox {
        z-index: 15;
        position: relative;
    }

    .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, 0.73) 0, rgba(0, 0, 0, 0) 100% );
            height: 18px;
            margin-bottom: 0;
            border-top: 0;
        }

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

    .breadcrumb.b {
        background-color: rgba(0, 0, 0, 0);
        padding: 0;
        text-align: right;
    }

    .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;
    }

    .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: 0;
            margin-top: 0;
        }

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

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

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

    .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: #6b6b6b;
    }

    .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;
    }

    .dropcap,
    .title-icon h2,
    .title-icon p,
    .title-modern {
        position: relative;
    }

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

    .title-modern {
        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 h2 {
        z-index: 2;
    }

    .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.png);
        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;
        left: 0;
        margin-top: -142px;
        position: absolute;
        z-index: 0;
        font-size: 200px;
        width: 100%;
        color: rgba(150, 150, 150, 0.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;
        }

        .progress-bar-holder .progress,
        .progress-bar-holder .progress-bar,
        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: 0;
        height: 3px;
    }

    hr.d {
        background: url(../images/assets/gradient-line.png) center/contain no-repeat;
    }

    hr.d-dark {
        background: url(../images/assets/gradient-line-dark.png) center/contain no-repeat;
    }

    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, 0.15) 0, rgba(0, 0, 0, 0) 100% );
        height: 18px;
        margin-bottom: 0;
        border-bottom: 1px solid #e4e4e4;
        border-top: 0;
    }

        .hr-f-top-dark,
        hr.f-top.f-dark {
            background: linear-gradient( to top, rgba(51, 51, 51, 0.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, 0.15) 0, rgba(0, 0, 0, 0) 100% );
    }

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

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

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

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

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

    hr.mini {
        max-width: 200px;
    }

    hr.micro {
        max-width: 80px;
    }

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

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

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

    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-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;
        }

    .home-main-res-box .solution-box .solution-box-info p,
    .mb-0,
    .section-two-blocks .content > :last-child,
    .tab-box .panel > .row > div > :last-child,
    .tab-box .panel > :last-child,
    .timeline-body > ul,
    [class*="section-"] > :last-child,
    [class*="section-"] > div > .row:last-child > div > :last-child,
    [class*="section-"] > div > :last-child {
        margin-bottom: 0;
    }

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

    .bg-gray,
    .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;
        text-align: justify;
    }

    .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%;
        }

    .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;
    }

    .section-map .overlaybox-inner > :last-child {
        margin-bottom: 0 !important;
    }

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

    .mb-25,
    .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, 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 .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, 0.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;
        }

            .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 .btn,
        .white.btn {
            color: #fff;
            border-color: #fff;
            background: 0;
        }

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

        .white .circle-button:hover,
        .white.circle-button:hover,
        ul.pagination.white > li > a:hover {
            background-color: rgba(0, 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: 0.3s;
    }

    .list-blog .post-date {
        font-size: 11px;
        opacity: 0.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: 0.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: 0.4211em 0 1.6842em 1.6842em;
    }

    .wp-caption {
        margin-bottom: 1.6em;
        max-width: 100%;
    }

        .wp-caption.alignleft,
        blockquote.alignleft,
        img.alignleft {
            margin: 0.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: 0;
            font-weight: 600;
        }

        #wp-calendar td,
        #wp-calendar th {
            text-align: center;
            padding-top: 10px;
            border: 0;
        }

        #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: 0;
        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, 0.22);
        padding: 30px;
        background: #fdfdfd;
    }

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

        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;
    }

    .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;
        }
    }

    .as-mask,
    .as-no-js,
    .as-panel {
        overflow: hidden;
    }

    .grayme {
        filter: grayscale(100%);
    }

    .scroll-css .navbar-brand img {
        -webkit-transition: 1s;
        -khtml-transition: 1s;
        -moz-transition: 1s;
        -ms-transition: 1s;
        -o-transition: 1s;
        transition: 1s;
        width: 50%;
    }

    .line {
        position: absolute;
        top: 0;
        right: 0;
    }

    .top-button {
        background: #fff;
        color: #fff;
        display: inline-block;
        padding: 3px 10px;
        margin: 0 10px 0 0;
        float: right;
        font-size: 13px;
        font-weight: 500;
        border: 1px solid #ccc;
        line-height: 1.2em;
    }

    .mdivider {
        height: 1px;
        background: #ccc;
        width: 100%;
        display: block;
    }

    .accordion-slider {
        position: relative;
        margin-left: auto;
        margin-right: auto;
    }

    .as-mask,
    .as-panel,
    .as-panels {
        position: absolute;
    }

    .accordion-slider * {
        -webkit-tap-highlight-color: transparent;
    }

    .as-mask {
        width: 100%;
        height: 100%;
    }

    .as-overlap .as-panel,
    .circle.ganimation-explode,
    .circle.ganimation-pulse {
        overflow: visible;
    }

    .as-horizontal .as-background,
    .as-horizontal .as-background-opened,
    .as-horizontal .as-panel {
        height: 100%;
        width: auto;
    }

    .as-vertical .as-background,
    .as-vertical .as-background-opened,
    .as-vertical .as-panel {
        width: 100%;
        height: auto;
    }

    .ganimation-explode:after,
    .ganimation-glass::before,
    .ganimation-pulse:after {
        position: absolute;
        width: 100%;
        height: 100%;
        content: "";
    }

    .as-shadow {
        -webkit-box-shadow: -5px 0 40px 1px #000;
        -mox-box-shadow: -5px 0 40px 1px #000;
        box-shadow: -5px 0 40px 1px #000;
    }

    .accordion-slider img.as-layer,
    .as-background,
    .as-background-opened {
        border: 0;
    }

    .as-background-opened {
        position: absolute;
        left: 0;
        top: 0;
        visibility: hidden;
    }

    .as-layer {
        position: absolute;
        margin: 0;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -webkit-font-smoothing: subpixel-antialiased;
    }

    .as-black {
        color: #fff;
        background: rgba(0, 0, 0, 0.7);
    }

    .as-white {
        color: #000;
        background: rgba(255, 255, 255, 0.7);
    }

    .as-rounded,
    .rounded-15 {
        border-radius: 10px;
    }

    .as-pagination-buttons {
        position: absolute;
        top: 100%;
        width: 100%;
        text-align: center;
        padding-top: 10px;
    }

    .as-pagination-button {
        width: 10px;
        height: 10px;
        border: 2px solid #000;
        border-radius: 50%;
        margin: 4px;
        display: inline-block;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        cursor: pointer;
    }

    .as-pagination-buttons .as-selected {
        background-color: #000;
    }

    .as-has-buttons {
        margin-bottom: 32px;
    }

    @media only screen and (min-width: 768px) and (max-width: 1024px) {
        .as-pagination-button {
            width: 14px;
            height: 14px;
        }

        .as-has-buttons {
            margin-bottom: 36px;
        }
    }

    @media only screen and (min-width: 568px) and (max-width: 768px) {
        .as-pagination-button {
            width: 16px;
            height: 16px;
        }

        .as-has-buttons {
            margin-bottom: 38px;
        }
    }

    @media only screen and (min-width: 320px) and (max-width: 568px) {
        .as-pagination-button {
            width: 18px;
            height: 18px;
        }

        .as-has-buttons {
            margin-bottom: 40px;
        }
    }

    .as-selectable {
        cursor: default;
    }

    .as-grab {
        cursor: url(images/openhand.cur), move;
    }

    .as-grabbing {
        cursor: url(images/closedhand.cur), move;
    }

    .as-no-js {
        max-width: 100%;
    }

    .accordion-slider p.as-layer {
        font-size: 14px;
        line-height: 1.4;
    }

    .accordion-slider h1.as-layer {
        font-size: 32px;
        line-height: 1.4;
    }

    .accordion-slider h2.as-layer {
        font-size: 24px;
        line-height: 1.4;
    }

    .accordion-slider h3.as-layer {
        font-size: 19px;
        line-height: 1.4;
    }

    .accordion-slider h4.as-layer {
        font-size: 16px;
        line-height: 1.4;
    }

    .accordion-slider h5.as-layer {
        font-size: 13px;
        line-height: 1.4;
    }

    .accordion-slider h6.as-layer {
        font-size: 11px;
        line-height: 1.4;
    }

    .noticboard,
    .noticboard-blue .inner h2 {
        font-size: 28px;
        font-weight: 500;
        line-height: 1.37em;
    }

    .accordion-slider .as-background,
    .accordion-slider .as-background-opened {
        max-width: none !important;
        max-height: none !important;
        border: 0 !important;
        border-radius: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        -webkit-box-shadow: none !important;
        -mox-box-shadow: none !important;
        box-shadow: none !important;
        transition: none;
        -moz-transition: none;
        -webkit-transition: none;
        -o-transition: none;
    }

    .ganimation-explode:after,
    .ganimation-pulse:after {
        z-index: -1;
        border-radius: 3px;
        left: 0;
        top: 0;
        opacity: 0;
    }

    .accordion-slider a {
        position: static;
        transition: none !important;
        -moz-transition: none !important;
        -webkit-transition: none !important;
        -o-transition: none !important;
    }

    .accordion-slider canvas,
    .accordion-slider embed,
    .accordion-slider iframe,
    .accordion-slider object,
    .accordion-slider video {
        max-width: none;
        max-height: none;
    }

    .img-box img {
        transition: 0.3s, margin-top 1ms, width 1ms, max-width 1ms, margin-left 1ms !important;
        outline: transparent solid 1px;
        animation: 0.3s all !important;
        position: relative;
    }

    @keyframes rotate-90 {
        0 {
            transform: rotate(0);
        }

        100% {
            transform: rotate(90deg);
        }
    }

    .rotate-90 {
        animation: 0.5s rotate-90;
        transform: rotate(90deg);
        opacity: 1 !important;
    }

    @keyframes rotate-20 {
        0 {
            transform: rotate(0);
        }

        100% {
            transform: rotate(20deg);
        }
    }

    .rotate-20 {
        animation: 0.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: 0.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: 0.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: 0.5s scale-rotate;
        opacity: 1;
    }

    .circular-rotation,
    .fade-bottom,
    .fade-in,
    .fade-left,
    .fade-right,
    .fade-top,
    .show-scale,
    .slide-right-left,
    .slide-top-bottom {
        opacity: 1 !important;
    }

    @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: 0.5s fadein;
    }

    @keyframes fadeleft {
        0 {
            opacity: 0;
            transform: translateX(-100px);
        }

        100% {
            opacity: 1;
            transform: translateX(0);
        }
    }

    .fade-left {
        animation: 0.5s fadeleft;
    }

    @keyframes faderight {
        0 {
            opacity: 0;
            transform: translateX(100px);
        }

        100% {
            opacity: 1;
            transform: translateX(0);
        }
    }

    .fade-right {
        animation: 0.5s faderight;
    }

    @keyframes fadetop {
        0 {
            opacity: 0;
            transform: translateY(-100px);
        }

        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .fade-top {
        animation: 0.5s fadetop;
    }

    @keyframes fadebottom {
        0 {
            opacity: 0;
            transform: translateY(100px);
        }

        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .fade-bottom {
        animation: 0.5s fadebottom;
    }

    @keyframes show-scale {
        0 {
            opacity: 0;
            transform: scale(0);
        }

        100% {
            opacity: 1;
            transform: scale(1);
        }
    }

    .show-scale {
        animation: 0.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: 0.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: 0.5s forwards fromTopToBottom;
    }

    @keyframes pulse {
        25% {
            opacity: 0.8;
            transform: scale(1.1);
        }

        75% {
            opacity: 1;
            transform: scale(0.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: 0.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;
    }

    .ganimation-explode:after,
    .ganimation-pulse:after {
        pointer-events: none;
        box-sizing: content-box;
    }

    @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, 0.4);
        animation-name: ganimation-pulse;
        animation-duration: 0.3s;
    }

    .circle.ganimation-explode:after,
    .circle.ganimation-pulse:after {
        border-radius: 50%;
        overflow: visible;
    }

    @keyframes sonarEffect {
        0 {
            opacity: 0.3;
        }

        40% {
            opacity: 0.5;
            box-shadow: 0 0 20px 20px rgba(197, 197, 197, 0.2);
        }

        100% {
            box-shadow: 0 0 20px 20px rgba(197, 197, 197, 0.2);
            transform: scale(1.5);
            opacity: 0;
        }
    }

    .ganimation-explode {
        transition: transform 0.1s ease-out, background 0.2s;
        -webkit-transform: scale(0.93);
        -moz-transform: scale(0.93);
        -ms-transform: scale(0.93);
        transform: scale(0.93);
    }

        .ganimation-explode:after {
            padding: 0;
            -webkit-transform: scale(0.9);
            -moz-transform: scale(0.9);
            -ms-transform: scale(0.9);
            transform: scale(0.9);
            -webkit-animation: 0.3s ease-out 75ms sonarEffect;
            -moz-animation: 0.3s ease-out 75ms sonarEffect;
            animation: 0.3s ease-out 75ms sonarEffect;
            background-color: rgba(197, 197, 197, 0.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, 0.31);
        animation-name: glass;
        animation-duration: 0.4s;
        opacity: 0;
        z-index: 1;
    }

    .top-banner:after,
    .top-banner:before {
        height: 60px;
        content: "";
        position: absolute;
    }

    .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: 0;
        border-top: 1px solid #dadada;
        border-radius: 0;
        margin-bottom: 0;
        text-align: left;
    }

    .btn-top,
    .nav.nav-pills,
    .top-banner,
    .vertical_hd span {
        text-align: center;
    }

    .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,
        .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;
        }

    .tab-box > .panel,
    .tab-box > .panel-box > .panel {
        padding: 15px;
        border: 1px solid #ddd;
        border-top-style: none;
        display: none;
        border-radius: 0 0 4px 4px;
    }

    .tab-box.inverse .panel {
        border-top-style: solid;
        border-bottom-style: none;
        border-radius: 4px 4px 0 0;
    }

    .tab-box.inverse .nav-tabs a {
        border-bottom-color: rgba(255, 255, 255, 0);
        border-radius: 0;
    }

    .tab-box.left .nav-tabs > li > a:hover,
    .tab-box.right .nav-tabs > li > a:hover {
        border-bottom: 1px solid #fdfdfd;
    }

    .tab-box.right .nav-tabs > li.active > a {
        margin-left: 0;
        border-bottom: none !important;
    }

    .tab-box.inverse .nav-tabs li.active a {
        border-bottom-color: #ddd;
        border-top: 1px solid #fff;
        border-radius: 0 0 2px 2px;
        top: 0;
        margin-right: 0;
    }

    .tab-box.inverse .nav-tabs li.active {
        background-color: #fff;
        border-top: 1px solid #fff;
    }

    .tab-box .nav-tabs li.active {
        background-color: #fff;
        z-index: 1;
    }

    .tab-box .nav-tabs.nav-center li.active {
        margin-right: -2px;
        bottom: -1px;
    }

    .tab-box.inverse .nav-tabs {
        border-bottom: 0;
        border-top: 1px solid #ddd;
    }

    .tab-box.pills > .panel,
    .tab-box.pills > .panel-box .panel {
        padding: 25px 0 0;
        border: 0;
    }

    .tab-box.left .nav-tabs,
    .tab-box.right .nav-tabs {
        border-bottom: 0;
        padding: 0;
    }

    .tab-box.left .nav-tabs {
        border-right: 1px solid #ddd;
    }

    .tab-box.right .nav-tabs {
        border-left: 1px solid #ddd;
    }

    .tab-box.left .nav-tabs > li {
        margin-right: -1px;
    }

    .tab-box.right .nav-tabs > li {
        margin-left: -1px;
    }

    .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 {
        border-bottom-color: #ddd;
        border-right-color: transparent;
    }

    .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-bottom: 1px solid #ddd;
        border-left-color: transparent;
    }

    .tab-box.left .nav-tabs > li > a {
        border-radius: 2px 0 0 2px;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .tab-box.right .nav-tabs > li > a {
        border-radius: 0 2px 2px 0;
    }

    .mega-tabs .dropdown-menu,
    .tab-box.left .panel-box,
    .tab-box.right .panel-box {
        padding: 0;
        overflow: hidden;
    }

    .tab-box.left:not(.pills) .panel-box {
        border-left: 1px solid #ddd;
        margin-left: -1px;
    }

    .tab-box.right:not(.pills) .panel-box {
        border-right: 1px solid #ddd;
        margin-right: -1px;
    }

    .tab-box.left .panel-box .panel {
        border: 1px solid #ddd;
        border-left-style: none;
        border-radius: 0 4px 4px 0;
    }

    .tab-box.right .panel-box .panel {
        border: 1px solid #ddd;
        border-right-style: none;
        border-radius: 4px 0 0 4px;
    }

    .tab-box.left .nav-pills li,
    .tab-box.right .nav-pills li {
        float: none;
        margin-bottom: 2px;
        display: block;
    }

    .nav.nav-pills {
        padding-right: 0;
    }

    .noticboard .inner,
    .noticboard-blue .inner {
        padding: 35px 40px 25px;
        text-shadow: 1px 1px 1px #000;
    }

    .tab-box.left.pills .panel,
    .tab-box.right.pills .panel {
        padding: 0 15px;
        border: 0;
    }

    .mega-tabs .nav-tabs {
        border: 0;
        background: #fbfbfb;
    }

    .mega-tabs .tab-box .nav-tabs > li > a {
        border: 0;
        padding: 15px 30px;
        border-top: none !important;
        border-radius: 0;
    }

    .mega-tabs .tab-box .panel.active {
        border: 0;
        margin: 0 -10px 10px;
    }

    @media (max-width: 992px) {
        .mtb-n70 {
            margin: 0px;
        position: relative;
    }
    .mtb-n70 .col-sm-6{
        width: 45% !important;
        display: inline-block;
    }
    .mtb-n70 .bg-secondary-subtle {
        background-color: #e2e3e5;
    }
    
        .btn-search,
        .dropdown .dropdown-menu,
        .dropdown-submenu .dropdown-toggle:after,
        .header-animation .breadcrumb.b,
        .header-height-fixer,
        .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;
        }

        [class*="col-md"] {
            padding-top: 5px;
            padding-bottom: 5px;
        }

        .scroll-top-mobile {
            visibility: visible;
        }
        .ApiHolderSml .col-md-2 {
            width: 30%;
            display: inline-block;
        }
        .ApiHolderSml .col-md-2 .ApiHolderImg{
            position: relative;
            top: 0px;
            width: 110px;
        }
        .middle-content,
        .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,
        .no-paddings > .content {
            padding: 0 7.5px !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;
        }

        .mega-tabs .nav-tabs li {
            float: none;
        }

        .mega-menu .col,
        .side-menu .panel .col {
            min-width: 100%;
        }

        .scroll-content.scroll-mobile-disabled {
            padding-right: 0 !important;
        }

        .ApiHolderSml,
        .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,
        .nav-justified-v li > a,
        .nav-pills,
        .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-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%;
        }

        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: 0;
            }

        .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;
        }

        .navbar-header {
            background-color: #fff;
        }

        .panel-item .panel ul ul,
        .search-box,
        header .mega-tabs .nav-tabs {
            background: 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, 0.2);
        }

        .hidden-sm,
        .navbar-main.navbar-middle ul.nav > li.logo-item,
        .navbar-middle .scroll-hide,
        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,
        .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: 0;
        }

        .navbar-fixed-bottom .navbar-collapse,
        .navbar-fixed-top .navbar-collapse {
            max-height: inherit;
            box-shadow: 0 3px 5px rgba(0, 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,
        .menu-transparent.scroll-css .navbar-collapse {
            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;
        }

            .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,
                .nav-tabs.nav-justified > li > a {
                    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;
        }



        .menu-outer ul.nav {
            position: relative;
            top: 0;
            text-align: left;
        }

        .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: 0;
        }

        .side-menu-fixed {
            visibility: hidden;
            opacity: 0;
        }

            .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 {
            margin-right: 5px;
            max-width: 80%;
            height: auto !important;
            padding-left: 15px;
        }

        .navbar-toggle {
            max-width: 20%;
        }

        .menu-transparent .navbar-collapse {
            background: #000;
            border-top: 0;
        }

        .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, 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;
            }

        .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;
        }

            .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;
        }

        .height-full-sm,
        .section-bg-animation {
            height: 100% !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;
        }

        .advs-box-side > .row,
        .button-cnt.visible-sm > .btn,
        .proporzional-row,
        .proporzional-row > .row,
        .vertical-row,
        .visible-sm {
            display: block !important;
        }

            .footer-parallax-container,
            .vertical-row.row {
                margin-bottom: 0 !important;
            }

            .collapse-box.text-center-xs > .text-left,
            .text-center-sm,
            .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;
            }

        .scroll-hide {
            display: block !important;
            opacity: 1 !important;
        }

        .tag-row.icon-row span:after {
            position: relative;
            top: -3px;
        }

        .list-items .list-item .col-md-9 {
            width: 90%;
        }

        hr.space {
            height: 35px;
        }

            hr.space.xs {
                height: 8px;
            }

            hr.space.s {
                height: 10px;
            }

            hr.space.m {
                height: 20px;
            }

        hr.e {
            float: none !important;
            margin-right: auto;
        }

        .latest-post-list .col-md-8,
        .mega-tabs .tab-box .nav-tabs > li > a {
            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;
        }

        header .nav-tabs > li,
        table.table {
            border: 0;
        }

            table.table thead th:first-child {
                border-top: 1px solid #ddd !important;
            }

            table.table thead th:last-child {
                border-bottom: 2px solid #ddd !important;
            }

        .nav-tabs li.active:last-child a,
        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 hr {
            margin-right: auto !important;
        }

        footer .fa-ul > li i {
            margin-left: -25px;
            left: inherit;
        }

        .footer-parallax {
            position: static;
            opacity: 1 !important;
            padding: 0 !important;
        }

        .section-map .overlaybox.overlaybox-top {
            margin-top: 0 !important;
            margin-bottom: 0;
        }

        .col-sm-12 {
            width: 100% !important;
        }

        [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;
        }

        .nav-pills > li > a,
        div:not(.hc_column_cnt) > table th {
            padding: 8px;
        }

        .text-right-sm {
            text-align: right !important;
        }

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

        .nav-tabs > li {
            float: none;
            border: 1px solid #ddd;
        }

        header .mega-tabs .tab-box .nav-tabs > li > a {
            padding: 15px;
            text-align: left;
        }

        .nav.nav-center > li {
            display: block;
            margin: 0;
            border-bottom: 0;
        }

        .nav-tabs > li.active {
            border: 0;
            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;
            }

        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: 0;
            border-bottom: none !important;
        }

        .tab-box.left .nav-tabs > li,
        .tab-box.right .nav-tabs > li {
            border: 0;
            margin: 0;
            border-bottom: 1px solid #ddd;
        }

        .tab-box.left .nav-tabs,
        .tab-box.right .nav-tabs {
            border: 1px solid #ddd;
            border-bottom: 0;
            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;
        }

        .tab-box .nav-tabs.nav-center li.active {
            margin-right: 0;
            bottom: 0;
        }

        .tab-box.inverse .nav-tabs.nav-center li:last-child a {
            border-bottom: 1px solid #ddd !important;
        }

        .nav-justified-v li > a {
            line-height: inherit !important;
        }

        .tab-box.left.pills .panel,
        .tab-box.right.pills .panel {
            padding: 15px;
        }
    }

    .noticboard {
        color: #fff;
        background: #047137;
        margin-right: -15px;
        min-height: 315px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

        .noticboard .inner {
            color: #fff;
        }

            .noticboard .inner .one {
                color: #fff;
                padding-bottom: 15px;
            }

    .noticboard-blue {
        color: #fff;
        background: #2005a2;
        font-size: 20px;
        min-height: 315px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .top-banner .circle-button-white,
    .top-banner .circle-button-white:hover {
        border: 1px solid #fff !important;
        color: #fff !important;
    }

    .list-me3 {
        margin: 0;
        padding: 0;
    }

        .list-me3 li {
            background: url(../images/bullets-white.png) left 10px no-repeat;
            padding: 5px 0 0 20px;
        }

    .up-me {
        margin-top: -80px;
    }

    .about-box {
        width: 11.28%;
        margin: 0.37%;
        display: inline-block;
    }

    .detail.sliden {
        margin-top: -5px;
    }

    .detail.fixed.slidem {
        margin: 48px 0 0 -39px;
    }

    .detail {
        color: #fff;
        font-size: 24px;
        line-height: 25px;
        position: absolute;
        bottom: 0;
        left: 80px;
        width: 70%;
        top: 30px;
        margin: 4% 0;
    }

        .detail.fixed {
            width: 51%;
        }

    .vertical_hd {
        position: absolute;
        left: 4px;
        width: 8px;
        top: 0;
        bottom: 0;
        margin: auto;
        height: auto;
        word-wrap: break-word;
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: center;
    }

    .gap {
        margin: 0;
        height: 14px;
        display: block;
    }

    .btn-top,
    .top-banner h4 {
        display: inline-block;
        color: #fff;
    }

    .vertical_hd span {
        float: left;
        font-size: 12px;
        width: 100%;
        color: #fff;
        font-weight: 700;
        line-height: 12px;
        word-break: break-all;
    }

    .YouVidLg {
        height: 640px;
    }

    .paddingtopcustom {
        padding-top: 80px !important;
    }

    .top-banner {
        background: url(/images/topbanner-bg.jpg) center top repeat-x #000;
        padding: 20px 0;
        position: fixed;
        top: 0;
        width: 100%;
    }

        .top-banner:before {
            width: 420px;
            top: 0;
            right: 0;
            background: url(/images/topbanner-right.jpg) center top repeat-x #000;
        }

        .top-banner:after {
            width: 220px;
            top: 0;
            left: 0;
            background: url(/images/topbanner-left.jpg) center top repeat-x #000;
        }

        .top-banner .circle-button-white:hover {
            background-color: transparent !important;
        }

        .top-banner h4 {
            position: relative;
            z-index: 1;
            vertical-align: top;
        }

            .top-banner h4 span {
                font-weight: 700;
                color: #00eb6a;
            }

    .btn-top {
        background: #e22525;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        text-decoration: none;
        padding: 3px 15px;
        font-size: 12px;
        font-weight: 600;
        border: 1px solid red;
    }

    .blue-container {
        background-color: #2105a3;
    }

    .green-container {
        background-color: #047235;
    }

    .col-container {
        display: table;
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 132px;
        z-index: 2;
        background: #150078;
        background: -moz-linear-gradient(left, #150078 0, #005627 67%);
        background: -webkit-linear-gradient(left, #150078 0, #005627 67%);
        background: linear-gradient(to right, #150078 0, #005627 67%);
    }

    .flexcol,
    .header-social a {
        display: inline-block;
        text-align: center;
    }

    .flexcol {
        padding: 1%;
        width: 23%;
        vertical-align: middle;
    }

        .flexcol p {
            color: #fff;
            text-align: center;
        }

        .flexcol h3 {
            margin-bottom: 3px;
            color: #fff;
            text-align: center;
        }

    .header-social {
        font-size: 14px;
        float: left;
    }

        .header-social a {
            font-size: 14px;
            width: 25px;
            height: 25px;
            line-height: 25px;
            border-radius: 50%;
            color: #444;
        }

            .header-social a.twitter svg {
                fill: #444;
                width: 12px;
            }

            .header-social a.twitter:hover svg {
                fill: #fff;
            }

            .header-social a.fb:hover {
                background: #3b5998;
            }

            .header-social a.twitter:hover {
                background: #000;
            }

            .header-social a.linkedin:hover {
                background: #0077b5;
            }

            .header-social a.utube:hover {
                background: #cc181e;
            }
            .header-social a.insta:hover {
                background: linear-gradient(45deg, #f58529, #dd2a7b, #8134af, #515bd4);
            }

    @media (max-width: 1400px) {
        .noticboard,
        .noticboard-blue {
            min-height: 350px;
        }
    }

    @media only screen and (max-width: 1200px) {
        .customcarouselpos {
            right: 38px !important;
        }

        .YouVidLg {
            height: 540px;
        }

        .vertical_hd span {
            font-size: 10px;
            line-height: 10px;
        }

        .vertical_hd {
            left: 5px;
        }

        .up-me {
            margin-top: 0;
        }
    }

    @media only screen and (max-width: 1100px) {
        .newsbannernew p {
            padding: 0 1%;
        }

        .newsbannernewbody .mega-menu-fullwidth {
            margin-top: 52px !important;
        }

        .detail {
            font-size: 25px !important;
            line-height: 30px !important;
            top: 20px !important;
        }

        .top-banner:before {
            display: none;
        }

        .top-banner h4 {
            font-size: 15px;
        }
    }

    @media only screen and (max-width: 992px) {
        .newsbannernewbody {
            padding-top: 0;
        }

        .newsbannernew p {
            padding: 0 3%;
        }

        .newsbannernewbody .mega-menu-fullwidth {
            margin-top: 52px !important;
        }

        .paddingtopcustom {
            padding-top: 0 !important;
        }

        .customcarouselpos {
            top: 45px !important;
            right: auto !important;
            left: auto !important;
            width: 317px;
            margin: 0 auto -320px;
            text-align: center;
            display: block;
            position: relative !important;
        }

        .vertical_hd {
            left: 8px;
            width: 5px;
        }

        .gap {
            height: 0;
        }

        .detail {
            font-size: 21px !important;
            line-height: 25px !important;
        }

        .up-me {
            margin-top: 0;
        }
    }

    @media only screen and (max-width: 940px) {
        .noticboard {
            font-size: 26px;
        }
    }

    @media only screen and (max-width: 768px) {
        .newsbannernew {
            padding-bottom: 0px !important;
        }

        .top-banner:after,
        .top-banner:before {
            display: none;
        }

        .top-banner {
            position: relative;
            background-color: #192e3f;
        }

            .top-banner h4 {
                font-size: 14px !important;
                padding-bottom: 10px;
                display: block;
            }

            .top-banner .circle-button {
                padding: 4px 35px 2px !important;
            }

        .this-holder {
            font-size: 12px !important;
            font-weight: 400 !important;
        }

        .this-1,
        .this-2 {
            height: 70px !important;
        }

        .first-circle {
            margin-top: 0 !important;
        }

        .YouVidLg {
            height: 410px;
        }

        .vertical_hd span {
            font-size: 13px;
            line-height: 13px;
        }

        .detail {
            left: 65px;
        }

        .noticboard {
            margin-right: 0;
        }

        .up-me {
            margin-top: 0;
        }

        .noticboard,
        .noticboard-blue {
            min-height: 390px;
        }
    }

    @media only screen and (max-width: 680px) {
        .newsbannernew p {
            font-size: 12px;
        }

        .newsbannernewbody .mega-menu-fullwidth {
            margin-top: 52px !important;
        }

        .vertical_hd span {
            font-size: 11px;
            line-height: 11px;
        }

        .noticboard {
            margin-right: 0;
        }

        .up-me {
            margin-top: 0;
        }

        .noticboard,
        .noticboard-blue {
            min-height: auto;
        }
    }

    @media only screen and (max-width: 580px) {
        .newsbannernewbody .mega-menu-fullwidth {
            margin-top: 81px !important;
        }

        .show-demo-toon {
            width: 320px !important;
            margin: 0 auto;
        }

        .customcarouselpos {
            margin-bottom: -262px;
            right: auto !important;
            left: auto !important;
            width: 266px;
        }

        .YouVidLg {
            height: 310px;
        }

        .vertical_hd {
            left: 0;
            width: 5px;
        }

        .noticboard {
            margin-right: 0;
        }

        .up-me {
            margin-top: 0;
        }

        .noticboard,
        .noticboard-blue {
            min-height: auto;
        }

            .noticboard-blue .inner h2 {
                font-size: 22px;
            }
    }

    @media only screen and (max-width: 480px) {
        .newsbannernew h4,
        .newsbannernew h4 span {
            font-size: 15px !important;
        }

        .newsbannernewbody .mega-menu-fullwidth {
            margin-top: 71px !important;
        }

        .newsbannernew h4 {
            line-height: 1.4em;
            margin-bottom: 13px;
        }

        .sm-hide {
            display: none;
        }

        .YouVidLg {
            height: 250px;
        }

        .detail {
            font-size: 18px !important;
            line-height: 18px !important;
            top: 0 !important;
            left: 50px !important;
            width: 50% !important;
        }

        .noticboard {
            margin-right: 0;
        }

        .up-me {
            margin-top: 0;
        }

        .noticboard,
        .noticboard-blue {
            min-height: auto;
        }

            .noticboard-blue .inner h2 {
                font-size: 22px;
            }
    }

    @media only screen and (max-width: 400px) {
        .sm-hide {
            display: none;
        }

        .detail {
            font-size: 12px !important;
            line-height: 18px !important;
            top: 0 !important;
        }

        .vertical_hd span {
            font-size: 7px;
            line-height: 7px;
            left: -10px;
            margin: 0 0 0 5px;
        }

        .noticboard {
            height: auto;
            margin-right: 0;
            font-size: 18px;
            line-height: 1.45em;
            text-align: center;
            margin-top: 5px;
        }

            .noticboard .inner {
                padding: 10px;
            }

        .detail.sliden {
            margin: 10px 0 0 -10px;
        }

        .detail.fixed.slidem {
            margin: 40px 0 0 -20px;
        }

        .up-me {
            margin-top: 0;
        }

        .noticboard,
        .noticboard-blue {
            min-height: auto;
        }

            .noticboard-blue .inner h2 {
                font-size: 22px;
            }
    }

    .faq-question-holder {
        padding: 20px 50px !important;
        margin-bottom: 30px;
    }

    .faq-question {
        background: url(../images/icons/icon-faq.png) left top no-repeat;
        min-height: 80px;
        padding-left: 80px;
        margin-left: -60px;
        padding-top: 10px;
    }

    .list-me li ol,
    .toggle-show {
        padding-left: 20px;
    }

    .tp25 {
        padding-top: 25px;
    }

    .faq-question a {
        font-size: 18px;
        font-weight: 500;
        vertical-align: middle;
        color: #333;
    }

    .toggle-show {
        display: none;
    }

    .custom-col-3,
    .custom-col-6 {
        padding-left: 15px;
        padding-right: 15px;
        display: inline-block;
        vertical-align: middle;
    }

    .link-me {
        text-decoration: underline;
        color: #2105a3;
    }

        .link-me:hover {
            text-decoration: none;
            color: #047235;
        }

    .link-hover:hover {
        color: #0e44dd !important;
    }

    .homebanner-bg {
        background: url(../images/home-banner.jpg) center bottom no-repeat !important;
    }

    .homebanner-info h1 {
        color: #047235;
        font-size: 32px;
        font-weight: 500;
        line-height: 1.3em;
        margin-bottom: 20px;
    }

    .smlist .penaltop1 {
        padding-top: 100px;
    }

    .smlist .penaltop2 {
        padding-top: 70px;
    }

    .custom-col-3 {
        width: 24%;
        flex: 0 0 25%;
    }

    .custom-col-6 {
        width: 49%;
        flex: 0 0 50%;
    }

    .filter-bg,
    .inner-pie {
        align-items: center;
        display: flex;
    }

    .icon-box-cell {
        height: 65px;
    }

    .customcarouselpos {
        position: absolute;
        top: 27px;
        right: 124px;
    }

    .carousel-fade .carousel-inner .item {
        opacity: 0;
        transition: opacity 0.25s ease-in-out;
        -moz-transition: opacity 0.25s ease-in-out;
        -webkit-transition: opacity 0.25s ease-in-out;
    }

    .carousel-fade .carousel-inner .active,
    .carousel-fade .carousel-inner .next.left,
    .carousel-fade .carousel-inner .prev.right {
        opacity: 1;
        transition: opacity 0.25s ease-in-out;
        -moz-transition: opacity 0.25s ease-in-out;
        -webkit-transition: opacity 0.25s ease-in-out;
    }

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

    .carousel-fade .carousel-control {
        z-index: 2;
    }

    .home-heading1 {
        font-size: 15px;
        font-weight: 600;
        margin-bottom: 25px;
    }

    .home-heading2 {
        font-size: 50px;
        line-height: 1.3;
        margin-bottom: 15px;
    }

    .home-heading3 {
        font-size: 28px;
        line-height: 1.4;
        margin-bottom: 20px;
        font-weight: 400;
    }

    .btn-home {
        background-color: rgba(255, 255, 255, 0.8);
        color: #000;
        padding: 10px 20px !important;
        font-size: 14px !important;
        font-weight: 500;
        float: none !important;
    }

    .btn-red,
    .btn-red:hover i {
        color: #fff !important;
        font-weight: 600 !important;
    }

    .btn-red {
        background-color: #dc0101 !important;
        border: #f10000 !important;
        font-size: 18px !important;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
        width: 100% !important;
        border-radius: 5px !important;
    }

    .inner-pie,
    .pie,
    .slice-contents {
        border-radius: 50%;
    }

    .btn-red:hover,
    button.btn-red:hover {
        background-color: #f10000 !important;
        color: #fff !important;
    }

    .alert-grey {
        background-color: #f5f5f5;
        border-color: #ededed;
    }

    .mega-holder {
        height: 100vh;
        overflow: hidden;
        margin-bottom: -132px;
        width: 100%;
        position: relative;
    }

    .module-of-month {
        z-index: 100;
        right: 0;
        position: absolute;
        top: 81px;
        width: 241px;
    }

    .color-yellow-dark {
        color: #936b00;
    }

    .color-purple-dark {
        color: #5601c3;
    }

    .banner-video {
        width: 114%;
        margin-left: -7%;
    }

    .video-holder {
        width: 100%;
        position: relative;
        overflow: hidden;
        height: 80vh;
        z-index: 2;
    }

    .filter-bg {
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
        color: #fff;
        z-index: 3;
        text-align: center;
        height: 100%;
        justify-content: center;
    }

    .slice2hover,
    .slice3hover {
        z-index: 2;
        transition: 0.3s;
        opacity: 1;
    }

    .hover-pie,
    .pie {
        position: relative;
        width: 500px;
        height: 500px;
    }

    .banner-item {
        max-width: 100%;
        text-align: center;
        margin-top: -4em;
    }

    .pie {
        margin: 1em auto;
        padding: 0;
        overflow: hidden;
        background: url(../images/globe.webp) 0 -2px / cover no-repeat;
    }

    .hover-pie {
        margin: 0 auto;
    }

    .slice2hover {
        background: url(../images/globe/successionplanning.webp) top left no-repeat;
        position: absolute;
        top: -20px;
        right: 79px;
        width: 165px;
        height: 173px;
    }

    .slice3hover {
        background: url(../images/globe/operational-bi-dashboards.webp) top left no-repeat;
        position: absolute;
        top: 15px;
        right: -10px;
        width: 208px;
        height: 185px;
    }

    .slice4hover {
        background: url(../images/globe/compensationplanning.webp) top left no-repeat;
        position: absolute;
        top: 108px;
        right: -27px;
        width: 198px;
        height: 185px;
        z-index: 2;
        transition: 0.3s;
        opacity: 1;
    }

    .slice10hover,
    .slice11hover,
    .slice12hover,
    .slice13hover,
    .slice14hover,
    .slice5hover,
    .slice6hover,
    .slice7hover,
    .slice8hover,
    .slice9hover {
        width: 188px;
        height: 185px;
        z-index: 2;
        opacity: 1;
        position: absolute;
        transition: 0.3s;
    }

    .slice5hover {
        background: url(../images/globe/workforce-planning.webp) top left no-repeat;
        top: 233px;
        right: -23px;
    }

    .slice6hover {
        background: url(../images/globe/engagement-survey.webp) top left no-repeat;
        top: 283px;
        right: 14px;
    }

    .slice7hover {
        background: url(../images/globe/ehtic-lifeline.webp) top left no-repeat;
        top: 326px;
        right: 60px;
    }

    .slice8hover {
        background: url(../images/globe/humancapital-bi-dashboards.webp) top left no-repeat;
        top: 335px;
        right: 162px;
    }

    .slice9hover {
        background: url(../images/globe/bullseye-survey.webp) top left no-repeat;
        top: 309px;
        right: 269px;
    }

    .slice10hover {
        background: url(../images/globe/bulllseye-okr.webp) top left no-repeat;
        top: 265px;
        right: 325px;
    }

    .slice11hover {
        background: url(../images/globe/training-management.webp) top left no-repeat;
        top: 170px;
        right: 333px;
    }

    .slice12hover {
        background: url(../images/globe/competency-management.webp) top left no-repeat;
        top: 66px;
        right: 317px;
    }

    .slice13hover {
        background: url(../images/globe/taltent-development-platform.webp) top left no-repeat;
        top: -8px;
        right: 271px;
    }

    .slice14hover {
        background: url(../images/globe/talentmatch.webp) top left no-repeat;
        top: -19px;
        right: 163px;
    }

    .slicehide {
        transition: 0.3s;
        opacity: 0;
    }

    .slice {
        overflow: hidden;
        position: absolute;
        top: 0;
        right: 0;
        width: 50%;
        height: 50%;
        transform-origin: 0 100%;
        box-sizing: border-box;
        cursor: pointer;
    }

    .slice-contents {
        position: absolute;
        left: -100%;
        width: 200%;
        height: 200%;
    }

    .slice:first-child {
        transform: rotate(-21deg) skewY(-63deg) scale(1.2);
        z-index: 13;
    }

        .slice:first-child .slice-contents,
        .slice:nth-child(10) .slice-contents,
        .slice:nth-child(11) .slice-contents,
        .slice:nth-child(12) .slice-contents,
        .slice:nth-child(13) .slice-contents,
        .slice:nth-child(3) .slice-contents,
        .slice:nth-child(4) .slice-contents,
        .slice:nth-child(5) .slice-contents,
        .slice:nth-child(6) .slice-contents,
        .slice:nth-child(7) .slice-contents,
        .slice:nth-child(8) .slice-contents,
        .slice:nth-child(9) .slice-contents {
            transform: skewY(-30deg);
        }

    .slice:nth-child(2) {
        transform: rotate(6deg) skewY(-63deg) scale(1.2);
        z-index: 2;
    }

        .slice:nth-child(2) .slice-contents {
            transform: skewY(-60deg);
        }

    .slice:nth-child(3) {
        transform: rotate(33deg) skewY(-63deg) scale(1.2);
        z-index: 3;
    }

    .slice:nth-child(4) {
        transform: rotate(61deg) skewY(-63deg) scale(1.2);
        z-index: 3;
    }

    .slice:nth-child(5) {
        transform: rotate(88deg) skewY(-62deg) scale(1.2);
        z-index: 4;
    }

    .slice:nth-child(6) {
        transform: rotate(117deg) skewY(-63deg) scale(1.2);
        z-index: 5;
    }

    .slice:nth-child(7) {
        transform: rotate(144deg) skewY(-62deg) scale(1.2);
        z-index: 6;
    }

    .slice:nth-child(8) {
        transform: rotate(171deg) skewY(-61deg) scale(1.2);
        z-index: 7;
    }

    .slice:nth-child(9) {
        transform: rotate(200deg) skewY(-62deg) scale(1.2);
        z-index: 8;
    }

    .slice:nth-child(10) {
        transform: rotate(228deg) skewY(-63deg) scale(1.2);
        z-index: 9;
    }

    .slice:nth-child(11) {
        transform: rotate(255deg) skewY(-61deg) scale(1.2);
        z-index: 10;
    }

    .slice:nth-child(12) {
        transform: rotate(284deg) skewY(-63deg) scale(1.2);
        z-index: 11;
    }

    .slice:nth-child(13) {
        transform: rotate(312deg) skewY(-63deg) scale(1.2);
        z-index: 12;
    }

    .pyramid-one .txt,
    .pyramid-two .txt {
        position: absolute;
        transform-origin: 0 0;
        text-align: center;
    }

    .inner-pie {
        overflow: hidden;
        position: absolute;
        width: 250px;
        height: 250px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border: 15px solid #fff;
        text-align: center;
        z-index: 13;
    }

        .inner-pie h3 {
            width: 96%;
            color: #fff;
            padding-top: 11px;
            text-shadow: -2px 0 17px #000;
            font-size: 24px;
            position: absolute;
        }

    .toptext {
        margin-top: -28px;
        margin-left: 44px;
    }

    .triangle-points,
    .triangle-points2 {
        margin-left: 547px;
        padding-left: 40px;
    }

    .pyramid-holder {
        position: absolute;
        left: 48px;
        width: 484px;
        color: #fff;
        font-size: 20px;
        line-height: 1;
        font-weight: 600;
        text-shadow: 1px 1px 1px #000;
    }

    .pyramid-five,
    .pyramid-four,
    .pyramid-one,
    .pyramid-three,
    .pyramid-two,
    .triangle-holder {
        position: relative;
    }

    .pyramid-one {
        height: 130px;
        background: url(../images/p1.webp) 0 0 / cover no-repeat;
        margin-bottom: -16px;
        z-index: 5;
        cursor: pointer;
    }

        .pyramid-one .txt {
            left: 197px;
            top: 75px;
            transform: rotate(-3deg);
        }

            .pyramid-one .txt span.pyramidfont {
                font-size: 14px;
            }

    .pyramid-two {
        height: 84px;
        background: url(../images/p2.webp) 0 0 / cover no-repeat;
        margin-bottom: -26px;
        z-index: 4;
    }

        .pyramid-two .txt {
            left: 187px;
            top: 43px;
            color: #fff;
            transform: rotate(-2.2deg);
        }

    .pyramid-four .txt,
    .pyramid-three .txt {
        transform-origin: 0 0;
        position: absolute;
        color: #fff;
    }

    .pyramid-three {
        height: 108px;
        background: url(../images/p3.webp) 0 0 / cover no-repeat;
        margin-bottom: -44px;
        z-index: 3;
    }

        .pyramid-three .txt {
            left: 161px;
            top: 63px;
            transform: rotate(-2.2deg);
        }

    .pyramid-four {
        height: 128px;
        background: url(../images/p4.webp) 0 0 / cover no-repeat;
        margin-bottom: -66px;
        z-index: 2;
    }

        .pyramid-four .txt {
            left: 173px;
            top: 82px;
            transform: rotate(-3deg);
        }

    .pyramid-five {
        height: 153px;
        background: url(../images/p5.webp) 0 0 / cover no-repeat;
        z-index: 1;
    }

        .pyramid-five .txt {
            position: absolute;
            left: 179px;
            top: 101px;
            color: #fff;
            transform-origin: 0 0;
            transform: rotate(-3deg);
        }

    .triangle-holder {
        height: 480px;
    }

    .triangle-points {
        padding-top: 2em;
        background: url(../images/bracket-blue.png) left 48px no-repeat;
    }

    .triangle-points2 {
        padding-top: 1.5em;
        background: url(../images/bracket-green.png) left 29px no-repeat;
    }

    .triangle-points-list {
        float: left;
        margin-right: 2%;
        width: 46%;
    }

    .clr,
    .timeline > li:after {
        clear: both;
    }

    .triangle-heading {
        padding-left: 545px;
    }

    .triangle-heading2 {
        padding: 0 0 0 223px;
        font-size: 14px;
        font-weight: 600;
        position: absolute;
        left: 0;
        bottom: 0;
    }

    .reviewbox {
        vertical-align: top;
        padding: 20px;
        color: #fff;
        margin: 0 auto;
        display: inline-block;
        margin-bottom: 0 !important;
        text-align: left;
    }

    .reviewbox2 {
        display: inline-block !important;
        margin: 20px 10px 0 !important;
        float: none !important;
        border: 0;
        border-radius: 5px;
        box-shadow: 0 25px 45px rgb(0 0 0 / 15%);
        background-color: #fff;
        position: relative;
        padding: 25px;
    }

    .reviewbox .circle-button-white {
        border: 1px solid #fff !important;
        padding: 10px 35px;
        color: #fff !important;
    }

        .reviewbox .circle-button-white:hover {
            border: 1px solid #fff !important;
            background-color: #fff !important;
            color: #000 !important;
        }

    .reviewbox .circle-button {
        margin-top: 10px;
        width: 100%;
    }

    .reviewbox .ratingstatus {
        padding: 0 15px 10px;
        line-height: 2.2em;
    }

    .reviewbox .reviewlogo {
        margin: -50px auto 0;
        display: block;
    }

    .reviewbox .reviewstart {
        margin: 10px auto;
        display: block;
        position: absolute;
        top: 18px;
        width: 100px;
    }

    .reviewboxblue {
        margin-left: 0 !important;
        background: -moz-linear-gradient(45deg, #022f50 0, #0566ab 100%);
        background: -webkit-gradient( linear, left bottom, right top, color-stop(0, #022f50), color-stop(100%, #0566ab) );
        background: -webkit-linear-gradient(45deg, #022f50 0, #0566ab 100%);
        background: -o-linear-gradient(45deg, #022f50 0, #0566ab 100%);
        background: -ms-linear-gradient(45deg, #022f50 0, #0566ab 100%);
        background: linear-gradient(45deg, #022f50 0, #0566ab 100%);
    }

    .revieworangeblue {
        background: -moz-linear-gradient(45deg, #914507 0, #eb791d 100%);
        background: -webkit-gradient( linear, left bottom, right top, color-stop(0, #914507), color-stop(100%, #eb791d) );
        background: -webkit-linear-gradient(45deg, #914507 0, #eb791d 100%);
        background: -o-linear-gradient(45deg, #914507 0, #eb791d 100%);
        background: -ms-linear-gradient(45deg, #914507 0, #eb791d 100%);
        background: linear-gradient(45deg, #914507 0, #eb791d 100%);
    }

    .reviewgrey {
        -webkit-box-shadow: inset 0 0 0 1px #f06a2b;
        -moz-box-shadow: inset 0 0 0 1px #f06a2b;
        box-shadow: inset 0 0 0 1px #f06a2b;
        border: 2px solid #eaeaea;
        padding: 15px !important;
        margin-left: -30px !important;
        width: 84%;
        background: -moz-linear-gradient(45deg, #fff 0, #eaeaea 100%);
        background: -webkit-gradient( linear, left bottom, right top, color-stop(0, #fff), color-stop(100%, #eaeaea) );
        background: -webkit-linear-gradient(45deg, #fff 0, #eaeaea 100%);
        background: -o-linear-gradient(45deg, #fff 0, #eaeaea 100%);
        background: -ms-linear-gradient(45deg, #fff 0, #eaeaea 100%);
        background: linear-gradient(45deg, #fff 0, #eaeaea 100%);
    }

        .reviewgrey .reviewboxtxt {
            color: #000;
            margin-top: -20px;
        }

    .reviewboxsml {
        padding: 10px 20px 10px 10px;
        color: #000;
        background: 0 0 !important;
    }

        .reviewboxsml .reviewlogo {
            margin: 0 0 0 -1px;
            margin-top: 0 !important;
            padding-bottom: 10px;
            width: 100px;
        }

        .reviewboxsml .ratingstatus {
            font-size: 12px;
            position: relative;
            padding-bottom: 0;
            line-height: 1.4em;
        }

        .reviewboxsml .star {
            transform: scale(0.4);
            position: absolute;
            right: -47px;
            top: -6px;
        }

        .reviewboxsml .reviewboxtxt {
            margin-top: 5px;
            color: #000;
            font-size: 14px;
        }

    .testimonial-img-box .circle1 {
        top: 126px;
        left: -23px;
        background: linear-gradient(to right, #4faa84, #5dbe96);
        width: 117px;
        height: 117px;
    }

    .testimonial-img-box .circle2 {
        top: 400px;
        right: -30px;
        padding: 5px;
        background: linear-gradient(to right, #9769a6, #8f5f9f);
        width: 125px;
        height: 125px;
    }

    .testimonial-img-box .circle3 {
        top: 515px;
        left: 105px;
        background: linear-gradient(to right, #cb779a, #b86789);
        padding: 5px;
        width: 105px;
        height: 105px;
    }

    .testimonial-img-box .circle4 {
        top: 4px;
        right: 54px;
        background: linear-gradient(to right, #50a3ab, #5cb4bd);
        padding: 4px;
        width: 117px;
        height: 117px;
    }

    .youtubeVideoLoader::after,
    .youtubeVideoLoader::before {
        content: "";
        top: 50%;
        left: 50%;
        position: absolute;
        display: block;
    }

    .circle1,
    .circle2,
    .circle3,
    .circle4 {
        color: #fff;
        line-height: 1.3em;
        font-size: 13px;
        position: absolute;
        border-radius: 50%;
        animation: 1s 0.5s infinite alternate heart-beat;
        z-index: 1;
        text-align: center;
        align-items: center;
    }

        .circle1 img,
        .circle2 img,
        .circle3 img,
        .circle4 img {
            display: block;
            margin: 10px auto 0 !important;
        }

    .youtubeVideoLoader {
        position: relative;
        cursor: pointer;
        background: center center/cover no-repeat #ccc;
        padding-bottom: 56.25%;
        height: 0;
        clear: both;
        margin-bottom: 30px;
        border: 1px solid #999;
    }

        .youtubeVideoLoader::before {
            background: rgba(255, 255, 255, 0.6);
            height: 80px;
            width: 80px;
            margin: -40px 0 0 -40px;
            border-radius: 100px;
            box-shadow: 0 0 20px 3px rgba(51, 51, 51, 0.8);
            transition: 0.1s;
            z-index: 1;
        }

        .youtubeVideoLoader:hover::before {
            background: rgba(238, 238, 238, 0.8);
            box-shadow: 0 0 10px 3px rgba(51, 51, 51, 0.8);
            width: 100px;
            height: 100px;
            margin: -50px 0 0 -50px;
        }

        .youtubeVideoLoader::after {
            line-height: 0;
            border-style: solid;
            border-width: 20px 0 20px 40px;
            margin: -20px 0 0 -15px;
            border-color: transparent transparent transparent #333;
            height: 0;
            width: 0;
            z-index: 2;
        }

    .viewmorevidbtn,
    .viewmorevidbtn:before {
        width: 100%;
        background: -moz-linear-gradient( left, rgba(234, 234, 234, 0) 1%, rgba(248, 248, 248, 0.9) 33%, rgba(255, 255, 255, 0.9) 49%, rgba(248, 248, 248, 0.9) 66%, rgba(234, 234, 234, 0) 100% );
        background: -webkit-linear-gradient( left, rgba(234, 234, 234, 0) 1%, rgba(248, 248, 248, 0.9) 33%, rgba(255, 255, 255, 0.9) 49%, rgba(248, 248, 248, 0.9) 66%, rgba(234, 234, 234, 0) 100% );
    }

    .viewmorevidbtn {
        padding: 0;
        min-height: 63px;
        text-align: center;
        overflow: hidden;
        position: relative;
        border: 1px solid #ccc;
        background: linear-gradient( to right, rgba(234, 234, 234, 0) 1%, rgba(248, 248, 248, 0.9) 33%, rgba(255, 255, 255, 0.9) 49%, rgba(248, 248, 248, 0.9) 66%, rgba(234, 234, 234, 0) 100% );
    }

        .viewmorevidbtn img {
            min-width: 1400px;
        }

        .viewmorevidbtn:before {
            content: "";
            z-index: 1;
            position: absolute;
            height: 100%;
            top: 1px;
            left: 1px;
            right: 1px;
            bottom: 1px;
            background: linear-gradient( to right, rgba(234, 234, 234, 0) 1%, rgba(248, 248, 248, 0.9) 33%, rgba(255, 255, 255, 0.9) 49%, rgba(248, 248, 248, 0.9) 66%, rgba(234, 234, 234, 0) 100% );
        }

    .testimonial-bg:after,
    .testimonial-bg:before {
        font-weight: 900;
        width: 65px;
        height: 65px;
        line-height: 75px;
        font-size: 50px;
        color: #66e1e3;
        position: absolute;
        text-align: center;
        font-family: Fontawesome;
    }

    .viewmorevidbtn:hover,
    .viewmorevidbtn:hover:before {
        background: -moz-linear-gradient( left, rgba(255, 255, 255, 0.2) 0, rgba(215, 231, 223, 0.2) 6%, rgba(33, 125, 78, 0.8) 33%, rgba(6, 109, 56, 0.81) 37%, rgba(13, 78, 88, 0.85) 47%, rgba(23, 37, 129, 0.8) 60%, rgba(26, 25, 142, 0.84) 64%, #7979bd 79%, rgba(229, 229, 242, 0.2) 96%, rgba(255, 255, 255, 0.2) 100% );
        background: -webkit-linear-gradient( left, rgba(255, 255, 255, 0.2) 0, rgba(215, 231, 223, 0.2) 6%, rgba(33, 125, 78, 0.8) 33%, rgba(6, 109, 56, 0.81) 37%, rgba(13, 78, 88, 0.85) 47%, rgba(23, 37, 129, 0.8) 60%, rgba(26, 25, 142, 0.84) 64%, #7979bd 79%, rgba(229, 229, 242, 0.2) 96%, rgba(255, 255, 255, 0.2) 100% );
    }

    .viewmorevidbtn span {
        -webkit-box-shadow: 1px 2px 22px 0 rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 1px 2px 22px 0 rgba(0, 0, 0, 0.75);
        box-shadow: 1px 2px 22px 0 rgba(0, 0, 0, 0.75);
        z-index: 2;
        position: absolute;
        width: 230px;
        text-align: center;
        margin: 0 auto;
        left: 0;
        right: 0;
        top: 25%;
        background-color: #fff !important;
    }

    .viewmorevidbtn:hover {
        cursor: pointer;
        border: 1px solid #ccc;
        background: linear-gradient( to right, rgba(255, 255, 255, 0.2) 0, rgba(215, 231, 223, 0.2) 6%, rgba(33, 125, 78, 0.8) 33%, rgba(6, 109, 56, 0.81) 37%, rgba(13, 78, 88, 0.85) 47%, rgba(23, 37, 129, 0.8) 60%, rgba(26, 25, 142, 0.84) 64%, #7979bd 79%, rgba(229, 229, 242, 0.2) 96%, rgba(255, 255, 255, 0.2) 100% );
    }

        .viewmorevidbtn:hover:before {
            background: linear-gradient( to right, rgba(255, 255, 255, 0.2) 0, rgba(215, 231, 223, 0.2) 6%, rgba(33, 125, 78, 0.8) 33%, rgba(6, 109, 56, 0.81) 37%, rgba(13, 78, 88, 0.85) 47%, rgba(23, 37, 129, 0.8) 60%, rgba(26, 25, 142, 0.84) 64%, #7979bd 79%, rgba(229, 229, 242, 0.2) 96%, rgba(255, 255, 255, 0.2) 100% );
        }

    .testimonial-bg {
        border: 10px solid #66e1e3;
        padding: 30px 0;
        text-align: center;
        position: relative;
        transition: 0.3s;
    }

    .circle-button-green,
    .circle-button-orange {
        padding: 10px 35px;
        transition: 0.6s;
        font-weight: 500 !important;
        text-transform: uppercase;
    }

    .testimonial-bg:before {
        content: "\f10d";
        background: #fff;
        top: -40px;
        left: -10px;
    }

    .testimonial-bg:after {
        content: "\f10e";
        background: #fff;
        bottom: -40px;
        right: -10px;
    }

    #quote-carousel {
        padding: 0;
        margin-top: 10px;
    }

        #quote-carousel .carousel-inner {
            padding-bottom: 10px;
        }

        #quote-carousel .carousel-control {
            background: 0;
            color: #cacaca;
            font-size: 2.3em;
            text-shadow: none;
            margin-top: 60px;
        }

        #quote-carousel h4 {
            margin: 30px 0 0;
            font-size: 16px;
        }

        #quote-carousel .description {
            padding-bottom: 25px;
            margin-bottom: 15px;
            padding-left: 5px;
            padding-right: 5px;
            position: relative;
            font-size: 16px;
        }

            #quote-carousel .description:before {
                content: "";
                width: 75%;
                border-top: 1px solid #ddd;
                margin: 0 auto;
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
            }

            #quote-carousel .description:after {
                content: "";
                width: 20px;
                height: 20px;
                background: #fff;
                position: absolute;
                bottom: -10px;
                left: 50%;
                border-bottom: 1px solid #ddd;
                border-right: 1px solid #ddd;
                transform: translateX(-50%) rotate(45deg);
            }

        #quote-carousel .item blockquote {
            border-left: 0;
            margin: 0;
            padding: 0;
        }

    .row-flex,
    .row.equal {
        display: flex;
        flex-wrap: wrap;
    }

    .ApiHolder2 {
        background: url(../images/sound.jpg) 0 0 / cover no-repeat;
        position: relative;
    }

    .ApiHolderOverlay2 {
        width: 100%;
        height: 100%;
        position: absolute;
        opacity: 0.85;
        background: #fff;
        background: -moz-linear-gradient(top, #fff 0, #effdff 33%, #a3d2d9 100%);
        background: -webkit-linear-gradient(top, #fff 0, #effdff 33%, #a3d2d9 100%);
        background: linear-gradient(to bottom, #fff 0, #effdff 33%, #a3d2d9 100%);
    }

    .circle-button-green {
        border-radius: 20px !important;
        border: 1px solid #fff !important;
        background: #047235 !important;
        color: #fff !important;
    }

    .circle-button-orange {
        border-radius: 20px !important;
        border: 1px solid #fff !important;
        background: #ff5c27 !important;
        color: #fff !important;
    }

    .lh {
        line-height: 1.2em !important;
    }

    .s-box {
        padding: 15px;
        background-color: #f2f2f2;
        border: 1px solid #ddd;
        border-radius: 5px;
    }

        .s-box .thumbnail {
            position: relative;
            overflow: hidden;
            padding: 0;
        }

        .s-box .caption {
            position: absolute;
            top: 0;
            right: 0;
            background: rgba(0, 0, 0, 0.75);
            width: 100%;
            height: 100%;
            padding: 2%;
            display: none;
            text-align: center;
            color: #fff !important;
            z-index: 4;
        }

        .s-box .text {
            display: flex;
            flex-direction: column;
            justify-content: center;
            width: 100%;
            height: 100%;
        }

            .s-box .text a:hover {
                color: #fff;
                text-decoration: underline;
            }

    .s-height {
        min-height: 127px;
    }

    .padding-10 {
        padding: 10px !important;
    }

    .h-height {
        min-height: 86px;
    }

    .progress-bar-value {
        position: absolute;
        right: 5px;
        top: 0;
        z-index: 1;
        font-weight: 600;
        font-size: 12px;
    }

    .fw500,
    .icon-heading-hold h3,
    .r-btn-holder-two a {
        font-weight: 500 !important;
    }

    .bg-green {
        background-color: #28a745 !important;
    }

    .bg-blue {
        background-color: #007bff !important;
    }

    .bg-red {
        background-color: #dc3545 !important;
    }

    .bg-yellow {
        background-color: #ffc107 !important;
    }

    .input-icon > i {
        position: absolute;
        display: block;
        transform: translate(0, -50%);
        top: 50%;
        pointer-events: none;
        width: 25px;
        text-align: center;
        font-style: normal;
    }

    .google-holder,
    .hwe-holder,
    .timeline,
    .timeline > li {
        position: relative;
    }

    .input-icon > input {
        padding-left: 21px;
        padding-right: 0;
    }

    .input-icon-right > input {
        padding-left: 0;
        padding-right: 25px;
        text-align: right;
    }

    .fs-18 {
        font-size: 18px !important;
    }

    .fs-20 {
        font-size: 20px !important;
    }

    .fs-22 {
        font-size: 22px !important;
    }

    #okr-features ul.features-list li,
    .fs-13-bold {
        font-size: 13px;
    }

    .fs-13-bold {
        font-weight: 500;
    }

    .boxed-inverse {
        border-radius: 5px;
    }

    .language-icon {
        width: 30px;
        height: 30px;
        display: inline-block;
        background: red;
    }

    .google-holder {
        display: inline-block;
        z-index: 9998;
    }

    .icon-heading-hold {
        display: flex;
        margin-bottom: 15px;
        font-weight: 500;
        color: #333;
        font-size: 22px;
    }

        .icon-heading-hold h3 {
            align-items: center;
            display: flex;
            width: 100%;
            margin: 0 !important;
        }

        .icon-heading-hold img {
            width: 48px;
            height: 48px;
            float: left;
            display: inline-block;
            margin-right: 10px;
            text-align: center;
            border: 3px solid #fff;
            -webkit-border-radius: 30px;
            -moz-border-radius: 30px;
            border-radius: 30px;
        }

    .section-bg-blue {
        background: -moz-linear-gradient( top, rgba(229, 241, 255, 0.65) 0, rgba(0, 0, 0, 0) 100% );
        background: -webkit-linear-gradient( top, rgba(229, 241, 255, 0.65) 0, rgba(0, 0, 0, 0) 100% );
        background: linear-gradient( to bottom, rgba(229, 241, 255, 0.65) 0, rgba(0, 0, 0, 0) 100% );
    }

    .padding-20 {
        padding: 20px !important;
    }

    .padding-30 {
        padding: 30px !important;
    }

    .bounce-me {
        -webkit-box-shadow: 6px 30px 35px rgba(0, 0, 0, 0.2);
        box-shadow: 6px 6px 13px rgba(0, 0, 0, 0.2);
        -webkit-animation: 3s ease-in-out infinite bounce;
        -o-animation: 3s ease-in-out infinite bounce;
        -ms-animation: bounce 3s infinite ease-in-out;
        -moz-animation: 3s ease-in-out infinite bounce;
        animation: 3s ease-in-out infinite bounce;
    }

    .magic-width-90 {
        width: 90%;
        margin: 0 auto;
    }

    .magic-width-85 {
        width: 85%;
        margin: 0 auto;
    }

    @-webkit-keyframes bounce {
        0, 100% {
            transform: translateY(-5px);
        }

        50% {
            transform: translateY(10px);
        }
    }

    @keyframes bounce {
        0, 100% {
            transform: translateY(-5px);
        }

        50% {
            transform: translateY(10px);
        }
    }

    .flex-item,
    .quote-holder {
        display: flex;
        align-items: center;
    }

    .thumbimg {
        border-radius: 50%;
        border: 1px solid #fff;
        box-shadow: 5px 0 5px #999;
        margin: 5px;
    }

    .quote-holder .text {
        margin-left: 20px;
    }

    .align-self-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    .d-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .list-me li ol li {
        list-style: decimal;
        border: 0;
        padding-left: 0;
        background: 0;
    }

    .demoformholder {
        padding: 40px 20px 40px 60px;
    }

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

        .infographic-box img {
            width: 80%;
            margin: 0 auto;
        }

        .infographic-box h4 {
            color: #2105a3;
            margin-bottom: 5px;
        }

        .infographic-box .btn-text {
            color: #ff5722;
        }

    .bg-exit {
        background: -moz-linear-gradient( top, rgba(150, 196, 253, 0.65) 0, rgba(0, 0, 0, 0) 73% );
        background: -webkit-linear-gradient( top, rgba(150, 196, 253, 0.65) 0, rgba(0, 0, 0, 0) 73% );
        background: linear-gradient( to bottom, rgba(150, 196, 253, 0.65) 0, rgba(0, 0, 0, 0) 73% );
    }

    .timeline-holder {
        max-width: 880px;
        margin: 0 auto;
    }

    .timeline {
        padding: 20px 0;
    }

        .timeline:before {
            top: 0;
            bottom: 0;
            position: absolute;
            content: " ";
            width: 3px;
            background-color: #eee;
            left: 50%;
            margin-left: -1.5px;
        }

        .timeline > li {
            margin-bottom: 20px;
        }

            .timeline > li:after,
            .timeline > li:before {
                content: " ";
                display: table;
            }

            .timeline > li > .timeline-panel {
                width: 45%;
                float: left;
                border: 1px solid #d4d4d4;
                border-radius: 2px;
                padding: 20px;
                position: relative;
                -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
                box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
            }

                .timeline > li > .timeline-panel:after {
                    position: absolute;
                    top: 27px;
                    right: -14px;
                    display: inline-block;
                    border-top: 14px solid transparent;
                    border-left: 14px solid #f3f3f3;
                    border-right: 0 solid #f3f3f3;
                    border-bottom: 14px solid transparent;
                    content: " ";
                }

            .timeline > li > .timeline-badge {
                color: #fff;
                width: 50px;
                height: 50px;
                line-height: 50px;
                font-size: 1.4em;
                text-align: center;
                position: absolute;
                top: 16px;
                left: 50%;
                margin-left: -25px;
                background-color: #999;
                z-index: 100;
                border-radius: 50%;
            }

            .timeline > li.timeline-inverted > .timeline-panel:before {
                border-left-width: 0;
                border-right-width: 15px;
                left: -15px;
                right: auto;
            }

            .timeline > li.timeline-inverted > .timeline-panel:after {
                border-left-width: 0;
                border-right-width: 14px;
                left: -14px;
                right: auto;
            }

    .timeline-badge.primary {
        background-color: #2e6da4 !important;
    }

    .timeline-badge.success {
        background-color: #3f903f !important;
    }

    .timeline-badge.warning {
        background-color: #f0ad4e !important;
    }

    .timeline-badge.danger {
        background-color: #d9534f !important;
    }

    .timeline-badge.info {
        background-color: #5bc0de !important;
    }

    .timeline-heading h2 {
        color: #047235;
    }

    .timeline-title {
        margin-top: 0;
        color: inherit;
    }

    .timeline-body > p + p {
        margin-top: 5px;
    }

    @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,
        footer [class*="col-md"] {
            width: 100%;
            float: none;
        }

        .grid-table {
            display: block;
        }

            .grid-table tbody,
            .grid-table td,
            .grid-table tr {
                width: 100%;
                float: none;
                border: none !important;
            }

            .grid-table td {
                width: 50%;
                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,
        .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 {
            height: 100% !important;
        }

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

        .dots {
            border-right: 0 dashed #fff;
            min-height: 15px;
            text-align: center !important;
            margin: 10px 0 0;
        }

        ul.timeline:before {
            left: 40px;
        }

        ul.timeline > li > .timeline-panel {
            width: calc(100% - 90px);
            width: -moz-calc(100% - 90px);
            width: -webkit-calc(100% - 90px);
            float: right;
        }

        ul.timeline > li > .timeline-badge {
            left: 15px;
            margin-left: 0;
            top: 16px;
        }

        ul.timeline > li > .timeline-panel:before {
            border-left-width: 0;
            border-right-width: 15px;
            left: -15px;
            right: auto;
        }

        ul.timeline > li > .timeline-panel:after {
            border-left-width: 0;
            border-right-width: 14px;
            left: -14px;
            right: auto;
        }

        .d-flex {
            display: -webkit-box !important;
            display: -ms-flexbox !important;
            display: inherit !important;
        }
    }

    .mt-15 {
        margin-top: 15px;
    }

    .solution-box-color {
        border: 5px solid #fff;
        border-radius: 15px;
        padding: 10px 15px 0;
    }

        .solution-box-color img {
            max-height: 110px;
            text-align: center;
            display: block;
            margin: 0 auto;
        }

    .box-shadow-none {
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

    @media (max-width: 576px) {
        h1.welcome-heading {
            font-size: 28px;
        }
    }

    .more-btn-holder {
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .more-btn {
        border-bottom: 0;
        font-weight: 700;
        text-transform: uppercase;
        transition: 0.5s;
        position: relative;
        border: 0;
        padding: 0;
        margin-right: 25px;
        font-size: 12px;
        line-height: 22px;
    }

        .more-btn:hover:after {
            right: -10px;
        }

        .more-btn:after {
            content: "\f105";
            font-family: Fontawesome;
            speak: none;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            margin: -9px 0 0;
            text-decoration: none;
            position: absolute;
            font-size: 18px;
            right: -25px;
            z-index: 9;
            top: 50%;
            transition: right 0.5s;
        }

    .home-main-res-box .solution-box .solution-box-info {
        min-height: 163px;
        position: relative;
    }

    .ny-rating-holder {
        background: #f2f6ff;
        background: -moz-radial-gradient(circleat center bottom, #f2f6ff 0, #fff 35%);
        background: -webkit-radial-gradient( circleat center bottom, #f2f6ff 0, #fff 35% );
        background: radial-gradient(circle at center bottom, #f2f6ff 0, #fff 35%);
    }

        .ny-rating-holder table {
            width: 100%;
            border: 0;
        }

            .ny-rating-holder table td {
                padding: 0 5px !important;
                position: relative;
            }

        .ny-rating-holder .rating-box {
            display: inline-block;
            float: none;
            padding: 30px;
        }

        .ny-rating-holder .boarder-r {
            border-right: 1px solid #ccc;
        }

        .ny-rating-holder .star {
            transform: scale(0.6);
            position: absolute;
            right: -27px;
            top: -6px;
        }

    @media (max-width: 768px) {
        .bg-mob {
            background-color: #f4eef9;
        }

            .bg-mob .mb-35 {
                margin-bottom: 20px !Important;
            }

        .newsbannernew {
            padding-bottom: 0px;
        }

            .newsbannernew img {
                width: 120px;
                margin-top: 3px;
                display: inline-block !important;
            }

            .newsbannernew h4 {
                width: 66%;
                text-align: left;
                display: inline-block !important;
            }

        .newsbanner-align.newsbannernewbody .mega-menu-fullwidth {
            margin-top: 46px !important;
        }



        .home-bg h1 {
            padding-top: 10px;
        }

        .home-bg h2 {
            padding-top: 5px;
            font-size: 18px;
        }


        .home-bg {
            text-align: center;
            padding-top: 5px;
            padding-bottom: 10px;
        }

            .home-bg h2 span {
                margin-bottom: 25px;
            }

        .homebanner {
            margin-top: 15px
        }

            .homebanner .col-md-4 {
                width: 32% !important;
                display: inline-block;
                padding: 0 4px;
                vertical-align: top;
            }

        .capsule-banner {
            padding: 10px 0px 155px 0px;
            font-size: 14px;
            line-height: 1.1em;
        }

            .capsule-banner span.sml {
                font-size: 13px;
            }

        .capsule-bannerbgpurple {
            margin-top: -20px;
        }



        .ny-rating-holder .boarder-r {
            border-right: 0;
            border-bottom: 1px solid #ccc;
        }

        ny-rating-holder .rating-box.boarder-r .text-right {
            text-align: left !important;
        }
    }

    .r-btn-holder-two {
        position: relative;
        text-align: center;
        height: 1px;
        z-index: 4;
    }

        .r-btn-holder-two a {
            z-index: 4;
            border: 1px solid #fff !important;
            margin-top: -27px !important;
            margin-left: 3px;
            margin-right: 3px;
            color: #fff !important;
            padding-top: 11px !important;
            padding-bottom: 11px !important;
            line-height: 1em !important;
            box-shadow: 0 10px 10px #999;
            white-space: nowrap;
        }

    @media (max-width: 380px) {
        .r-btn-holder-two a {
            margin: 0 0 5px !important;
            display: block;
        }

        .r-btn-holder-two {
            height: auto;
            padding: 15px 15px 0;
        }
    }

    .phone-icon-call {
        text-decoration: none;
        font-size: 14px;
        border-radius: 25px;
        padding: 5px 15px 5px 0;
        margin: 0 5px;
        white-space: nowrap;
    }

        .phone-icon-call i {
            background: #fff;
            border-radius: 50%;
            width: 26px;
            height: 26px;
            text-align: center;
            line-height: 26px;
            margin-right: 5px;
            color: #169754;
        }

    .demo-popup {
        font-family: Livvic-Regular, sans-serif;
        font-size: 15px;
        line-height: 22px;
        color: #444;
        font-weight: 300;
    }

        .demo-popup .form-control {
            background-color: #fff;
            border: 1px solid #ccc;
            border-radius: 5px;
            margin: 0;
        }

        .demo-popup p {
            margin: 0 0 10px !important;
        }

        .demo-popup h2 {
            font-size: 36px;
            color: #292929;
            line-height: 45px;
            margin: 0 0 10px;
        }

        .demo-popup h4 {
            font-size: 20px;
            margin-bottom: 15px;
            line-height: 1.1;
            font-weight: 600;
        }

    .popup-box {
        border: 0;
        border-radius: 25px;
        box-shadow: 0 25px 45px rgb(0 0 0 / 15%);
        background-color: #fff;
        width: 100%;
        position: relative;
        margin-bottom: 0;
        padding: 2em;
    }

    .demo-popup .popup-box {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        box-shadow: none;
    }

    .demo-popup .modal-content {
        border-radius: 25px;
    }

    .demo-popup .modal-dialog .modal-body {
        padding: 0;
        border-radius: 25px;
    }

    .demo-popup .modal-header {
        height: 0;
        min-height: 0;
        border: 0;
        padding: 0;
    }

        .demo-popup .modal-header .close {
            width: 15px;
            height: 15px;
            line-height: 15px;
            right: 20px;
            z-index: 9;
            top: 15px !important;
            padding: 0;
            background: 0 0 !important;
        }

    .demo-popup .Demo-Holder {
        line-height: inherit;
        background: 0;
        padding: 20px;
        margin: 0;
        min-height: inherit;
    }

        .demo-popup .Demo-Holder .videoholder {
            height: 300px;
            border: 1px solid #ccc;
            margin: 10px 0 0;
        }

    .css-slider-holder {
        padding: 20px;
        width: 100%;
        border-bottom: 1px solid #e1e1e1;
        background: #fbfbfb;
        border-top: 1px solid #e1e1e1;
    }

    .marquee,
    ul.features-list {
        padding: 0;
        list-style: none;
    }

    .marquee-container {
        width: 100%;
        overflow: hidden;
    }

    .marquee {
        margin: 0;
        display: flex;
        animation: 1600s linear infinite marqueeAnimation;
    }

        .marquee img {
            width: 150px;
            height: 57px;
            margin-right: 10px;
            border-radius: 5px;
        }

    .marquee-home img {
        width: 160px !important;
        height: 72px !important;
        border: 1px solid #f5f5f5 !important;
    }

    @keyframes marqueeAnimation {
        0 {
            transform: translateX(0);
        }

        100% {
            transform: translateX(-100%);
        }
    }

    .grecaptcha-badge {
        bottom: initial;
        top: 50px;
    }

    .newsbannernew h4 a:hover {
        color: #fbb91b;
    }

    .newsbannernew h4 span {
        color: #fbb91b;
        font-size: 25px;
    }

    @media (max-width: 958px) {
        .newsbannernew h4 {
            line-height: 1;
        }
    }

    @media (max-width: 875px) {
        .newsbannernew h4 {
            font-size: 18px;
        }
    }

    @media (max-width: 782px) {
        .newsbanner-align.newsbannernewbody .mega-menu-fullwidth {
            margin-top: 80px !important;
        }
    }

    @media (max-width: 610px) {
        .newsbanner-align.newsbannernewbody .mega-menu-fullwidth {
            margin-top: 46px !important;
        }
    }

    @media (max-width: 660px) {
        .newsbannernew {
            padding-bottom: 5px;
        }
    }

    @media (max-width: 580px) {
        .newsbannernewbody .mega-menu-fullwidth {
            font-size: 15px !important;
            margin-top: 52px !important;
        }
    }

    @media (max-width: 480px) {
        .newsbannernew h4 {
            width: 62%;
            font-size: 13px !important;
            line-height: 1.4em;
            margin-bottom: 0;
        }
    }

    .features-list-holder {
        padding: 15px 0 0;
    }

        .features-list-holder h4 {
            font-size: 24px;
            margin-bottom: 5px;
        }

    ul.features-list {
        margin: 0;
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
        --icon-space: 1.2em;
        font-size: 16px;
        line-height: 1.6;
        max-width: 680px;
    }

        ul.features-list.single-line {
            columns: inherit;
            -webkit-columns: inherit;
            -moz-columns: inherit;
        }

        ul.features-list li {
            list-style: none;
            padding-left: var(--icon-space);
        }

            ul.features-list li:before {
                font-size: 14px;
                content: "\f006";
                font-family: FontAwesome;
                display: inline-block;
                margin-left: calc(var(--icon-space) * -1);
                width: var(--icon-space);
                color: #047235 !important;
            }

    @media (max-width: 580px) {
        ul.features-list {
            columns: inherit;
            -webkit-columns: inherit;
            -moz-columns: inherit;
        }
    }

    .shadow-light {
        box-shadow: 0 0px 3px rgb(0 0 0 / 15%) !important;
    }

    #okr-features {
        padding: 0 0 15px;
    }

        #okr-features .features-list-holder h4 {
            font-size: 20px;
            margin-bottom: 10px;
        }

        #okr-features .features-list-holder {
            background: #d7e4ff;
            border-radius: 10px;
            padding: 10px 10px 13px;
            border: 1px solid #eae9ff;
            background: linear-gradient(0, #e6e5ff 0, #e2f5ff 62%);
        }