/* ====================================================================
   File: style_pretty_commented.css
   Generated: 2025-10-01 08:54:19
   Notes: Human-readable with semantic section comments for quick scanning.
   Tip: Search for '====' to jump between sections.
   ==================================================================== */

/* ==================== TYPOGRAPHY & FONTS ==================== */
/* Google Fonts / External Imports */
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900,400italic');
/* ==================== RESET & BASE ==================== */
.videoWrapper {
    position:relative;
    padding-bottom:56.25%;
    padding-top:25px;
    height:0;
    margin-bottom:2em
}

/* ==================== IMAGERY & MEDIA ==================== */
.videoWrapper iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}

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

/* ==================== LAYOUT / GRID ==================== */
.block-infos .bd-day, .bs-menu li.active>a, .bs-menu li:hover>a, .mi-menu ul li>a:before, .sidebar-nav .panel-item>span:before, 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
}

.google-map {
    background:rgba(0, 0, 0, .1)
}

/* ==================== HEADER & TOP BAR ==================== */
.header-title:after, .header-video, .section-slide {
    background-color:#1d1d1d;
    background-size:10px
}

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

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

/* ==================== TABLES ==================== */
.table .table {
    background-color:rgba(0, 0, 0, 0)
}

/* ==================== BUTTONS & CTAs ==================== */
.hc-post-preview-button {
    display:none
}

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

.grid-table td {
    padding:25px
}

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

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

.border-table tr:last-child td {
    border-bottom:none
}

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

.border-table tr td:last-child {
    border-right:none
}

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

.wysiwyg-editor p {
    margin:0
}

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

.tag-row a {
    color:#9c9c9c
}

.tag-row span:last-child {
    border-right:0;
    margin-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
}

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

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

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

.tag-row.icon-row {
    position:relative
}

.tag-row.icon-row span {
    border-right:none
}

.tag-row.icon-row span:after {
    position:absolute;
    content:"\f111";
    font:normal normal normal 5px/1 FontAwesome;
    color:#d2d2d2;
    display:inline-block;
    margin-left:15px;
    line-height:17px;
    top:50%;
    margin-top:-9px
}

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

.tag-row.icon-row span:last-child:after {
    display:none
}

img {
    max-width:100%
}

.img2 {
    max-width:100%;
    border:1px solid #000
}

/* ==================== FORMS ==================== */
.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
}

.text-color {
    color:#337ab7
}

.opacity-show {
    opacity:1!important
}

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

div.content {
    padding-left:15px;
    padding-right:15px
}

div.content>:first-child {
    margin-top:0
}

p a {
    cursor:pointer;
    outline:0;
    text-decoration:underline;
    font-weight:700
}

a {
    cursor:pointer;
    outline:0
}

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

.text-s {
    font-size:14px!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
}

.text-bold {
    font-weight:900
}

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

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

.box-middle-container {
    padding-top:0!important;
    padding-bottom:0!important
}

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

header .icon-box-cell label {
    color:#fff
}

/* ==================== NAVIGATION / MENUS ==================== */
.nav li:hover>.mega-menu, .nav li:hover>ul, .side-menu li .panel:hover, .side-menu li:hover .panel {
    display:block
}

header .btn .fa {
    color:#e4e4e4
}

header .anima-button.circle-button, header .btn, header .btn-default {
    background-color:#fafafa;
    color:#797979!important
}

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

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

.advs-box-top-icon .icon {
    color:#444!important
}

.advs-box.boxed, .mega-tabs .nav-tabs {
    border:none;
    background:#444!important
}

.mega-tabs .nav-tabs>li.active>a, .mega-tabs .nav>li>a:hover {
    background:#2f2f2f!important;
    color:#fff!important
}

.call-action-box {
    border:none!important;
    background-color:#2f2f2f!important
}

header .navbar-right>* {
    float:left
}

.niche-box-post.boxed h2, .niche-box-post.boxed-inverse h2 {
    font-size:18px
}

header .navbar-right>:not(li) {
    padding-right:15px;
    padding-left:15px
}

header .navbar-right>.lan-menu {
    padding-right:0
}

header .caret {
    opacity:.5
}

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

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

.navbar-brand.scroll-show.showed {
    display:table-cell!important
}

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

.navbar-inner .navbar-toggle {
    max-width:100%
}

.navbar-right ul.dropdown-menu {
    left:0;
    right:auto
}

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

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

header .custom-area {
    padding:0 15px
}

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

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

.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:3px 0 0 0;
    width:30px;
    height:30px;
    line-height:22px;
    text-align:center;
    color:#505050
}

.dropdown-menu .fa-ul .divider {
    margin:10px 0 10px -27px
}

header>.navbar {
    margin-bottom:0;
    border:none;
    border-bottom:1px solid #e4e4e4
}

.nav.inner>li {
    float:left
}

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

.nav.inner>li>a:focus {
    background:0 0
}

.nav.inner li:hover {
    background:0 0
}

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

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

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

.navbar-inner .navbar-collapse {
    padding:0
}

.navbar-header .hamburger-button, .navbar-inner .navbar-toggle i:last-child {
    float:right
}

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

.nav.inner.ms-rounded {
    background:0 0!important;
    border:none;
    margin:-5px 0
}

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

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

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

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

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

.bg-menu {
    background-repeat:no-repeat;
    background-position:bottom right
}

.navbar-brand.center {
    text-align:center;
    width:100%;
    display:block
}

.navbar-brand.center>img {
    display:inline-block
}

/* ==================== UTILITIES / HELPERS ==================== */
.scroll-hide.hidden, .scroll-show {
    display:none!important
}

.scroll-show.showed {
    display:block!important
}

.nav-center .scroll-show.showed {
    display:inline-block!important
}

.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 .navbar-header {
    display:none
}

.navbar-main.navbar-middle ul.nav>li {
    float:none;
    display:inline-block
}

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

.navbar-middle .navbar-collapse {
    position:relative
}

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

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

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

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

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

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

.fixed-top {
    height:52px
}

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

.bg-transparent li.active, .bg-transparent li:hover {
    background:rgba(199, 199, 199, .05);
    background:linear-gradient(to bottom, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, 0) 100%)!important
}

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

.navbar-brand {
    margin-right:15px
}

.dropdown-submenu {
    position:relative
}

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

.dropdown-submenu:hover>.dropdown-menu {
    display:block
}

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

.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-menu {
    display:inline-block
}

.search-box input {
    width:100%!important;
    max-width:1140px;
    margin:auto;
    border-color:#656565;
    background-color:#676767;
    color:#fff;
    display:block
}

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

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

.navbar-social .social-group a {
    margin:0
}

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

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

.social-group a {
    display:inline-block
}

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

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

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

.social-group-button .social-group {
    display:none;
    position:absolute;
    margin-left:45px;
    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 {
    display:block;
    width:47px;
    left:50%;
    margin-left:-23.5px;
    margin-top:35px;
    background-color:#fff;
    box-shadow:0 2px 5px rgba(0, 0, 0, .42);
    border-radius:20px;
    padding:12px 7px 6px 8px;
    display:none
}

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

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

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

.social-group a:first-child {
    margin-left:0
}

.social-group a:last-child {
    margin-right:0
}

.social-group a i {
    padding:10px 12px;
    font-weight:400!important
}

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

.social-group .fa:hover {
    color:#fff;
    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-group [class*=facebook]:hover {
    background-color:#3b5998
}

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

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

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

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

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

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

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

header.menu-transparent:not(.scroll-css) .navbar-brand img {
    max-height:none
}

.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:#c3c3c3;
    font-size:13px;
    font-weight:600;
    text-decoration:none!important
}

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

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

.menu-right .subline-bar ul {
    float:right
}

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

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

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

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

.navbar-mini .navbar-left span:first-child {
    padding-left:0
}

.navbar-mini span {
    padding:0 7px;
    font-weight:500;
    font-size:11px
}

.navbar-mini span i {
    margin-right:7px
}

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

.minisocial-group {
    float:right
}

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

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

.navbar-mini .input-group-btn {
    padding: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.nav-right>li {
    float:right
}

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

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

.menu-transparent .navbar-nav.subheader-bootstrap .sub {
    color:#e4e4e4
}

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

.navbar-nav.subheader-bootstrap li {
    text-align:left
}

.subtitle-header .navbar-main .navbar-form, .subtitle-header .navbar-main .navbar-social {
    padding:10px 15px
}

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

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

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

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

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

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

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

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

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

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

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

.mega-menu.bg-menu {
    min-width:400px;
    padding-right:200px
}

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

.mega-menu h5 {
    min-height:15px
}

.menu-transparent .mega-menu h5 {
    color:#ccc
}

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

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

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

.mega-menu-fullwidth, .navbar.mega-menu-fullwidth .container {
    position:relative
}

.navbar.mega-menu-fullwidth .mega-dropdown {
    position:static
}

.mega-menu-fullwidth.navbar .mega-dropdown .mega-menu {
    width:100%;
    margin:0 15px
}

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

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

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

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

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

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

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

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

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

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

.box-menu-inner .icon-box {
    margin:0
}

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

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

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

.icon-menu .navbar-collapse ul.nav>a {
    padding:10px 15px
}

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

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

.icon-menu .icon-top>li>a {
    text-align:center
}

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

/* ==================== RESPONSIVE BREAKPOINTS (@media) ==================== */
@media (min-width:769px) {
    header.fixed-top.scroll-css .icon-menu .navbar-collapse ul.nav i {
        font-size:25px;
        height:25px;
        line-height:25px;
        transition:all .3s
    }

}

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

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

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

.icon-menu .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 {
    margin-top:12px
}

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

header.scroll-css .icon-menu-top .navbar-brand {
    height:75px
}

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;
    color:#5f5f5f
}

.lan-menu li a span {
    padding:0
}

.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;
    background:#272727
}

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

.lan-menu ul li a {
    padding:10px 15px
}

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

.hamburger-button i {
    color:#efefef;
    margin-top:10px
}

.hamburger-button:hover {
    color:#337ab7
}

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

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

.form-ajax .error-box, .form-ajax .success-box {
    display:none
}

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

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

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

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

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

.nav.ms-minimal li.active:hover, .nav.ms-minimal>li:hover {
    background:0 0
}

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

.ms-minimal li.active>a {
    background:0 0!important
}

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

.ms-minimal li:hover {
    background:0 0
}

.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 {
    padding-left:250px
}

.side-menu-container .fullpage-varrow .arrow {
    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 {
    padding:15px 0
}

.side-menu-header.navbar-fixed-top .navbar-header {
    display:block
}

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

.side-menu-header.bg-transparent .side-menu ul {
    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-times:before {
    content:"\f067"
}

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

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

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

.side-menu .collapse {
    display:none
}

.side-menu .collapse.in, .side-menu li.active>ul {
    display:block
}

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

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

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

.mi-menu .sidebar-nav {
    border:1px solid #efefef;
    background:#fff
}

.sidebar-nav li ul li a {
    padding-right:20px!important
}

.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;
    list-style:none
}

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

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

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

ul.side-menu li:last-child {
    border-bottom:none
}

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

.sidebar-nav .panel-item ul ul {
    background:0 0
}

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

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

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

.mi-menu .sidebar-nav ul li:first-child>a {
    border-top:none
}

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

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

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

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

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

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

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

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

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

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

.side-menu-fixed .social-group a {
    display:inline-block
}

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

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

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

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

.side-menu-fixed .panel ul, .sidebar-nav .panel ul li.active {
    background:0 0!important
}

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

navbar-fixed-top .side-menu-fixed .brand {
    display:none
}

[data-menu-anima] .panel-item .panel ul {
    opacity:1
}

.side-menu-header>.navbar {
    display:none
}

.side-menu-header>.navbar.navbar-fixed-top {
    display:block
}

.sm {
    padding-left:250px
}

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

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

.side-menu ul .active>a {
    font-weight:600
}

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

.bs-menu li, .bs-menu ul ul {
    background:0 0!important
}

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

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

.bs-menu.menu-left .sidebar-nav {
    text-align:left
}

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

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

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

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

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

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

.sidebar-nav.scroll-content, .sidebar.scroll-content {
    padding-right:0
}

@media (min-width:769px) {
    .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 #232323
    }

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

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

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

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

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

}

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

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

.side-menu.ms-simple {
    padding:0
}

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

.inside-menu.center {
    text-align:center
}

.inside-menu.center .navbar {
    display:inline-block
}

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

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

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

footer h4, footer h5, footer h6 {
    margin-top:0
}

footer .container {
    padding:35px 15px 15px 15px
}

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

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

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

.footer-1 {
    text-align:justify
}

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

.footer-base .content {
    padding-top:15px
}

footer li i {
    color:#9c9c9c!important
}

.footer-base hr, .footer-parallax hr {
    margin-left:0;
    opacity:.2
}

.copy-row .col-md-12 {
    text-align:center
}

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

.copy-row hr {
    margin:10px 15px 15px 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-minimal .container {
    text-align:center
}

.footer-minimal, .footer-minimal .btn-group.social-group i, .footer-minimal p.footer-title {
    color:#1d1e1f!important
}

.footer-minimal .tag-row span {
    letter-spacing:4px;
    font-size:11px
}

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

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

.footer-left {
    text-align:left
}

.footer-right {
    text-align:right
}

.footer-center {
    text-align:center
}

footer .content {
    margin-top:100px;
    overflow:hidden
}

footer.footer-parallax .content {
    margin-top:0
}

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
}

.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:321px;
    padding-top:20px
}

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

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

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

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

.bg-overlay {
    background-repeat:repeat;
    width:100%;
    height:100%
}

.bg-overlay.video {
    position:absolute;
    top:0;
    bottom:0;
    z-index:1;
    background-color:rgba(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, .51)
}

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

.bg-gradient-container, .overlay-container {
    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)
}

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

.background-page video {
    width:100%
}

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

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

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

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

.header-bootstrap .container {
    padding-top:25px;
    padding-bottom:25px
}

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

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

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

.header-bootstrap .breadcrumb>.active {
    color:#fff
}

.header-animation .title-base {
    margin-top:100px
}

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

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

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

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

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

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

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

.header-animation .overlay.bottom {
    bottom:0
}

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

.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:#f1f1f1;
    border-bottom:1px solid #e6e6e6
}

.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 {
    color:#828282
}

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

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

.header-base .breadcrumb {
    margin-top:20px
}

header.menu-transparent.bg-transparent .navbar {
    border:none
}

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 div, header.bg-transparent input {
    background-color:rgba(0, 0, 0, 0)!important;
    border-color:rgba(158, 158, 158, .39)!important;
    color:#e4e4e4
}

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

header.menu-transparent>.navbar {
    background:linear-gradient(to bottom, rgba(0, 0, 0, .7) 0, rgba(0, 0, 0, 0) 100%)!important;
    border-radius:0
}

header.menu-transparent.scroll-css>.navbar {
    background:#fff!important
}

.bg-transparent, .bg-transparent .navbar-nav a {
    background-color:rgba(0, 0, 0, 0)!important
}

.bg-transparent .navbar-nav .active>a, .menu-transparent.bg-transparent .navbar-nav>li>a:hover {
    background-color:rgba(0, 0, 0, 0)!important;
    transform:translateY(2px)
}

.bg-transparent li.dropdown ul li:hover, .menu-transparent:not(.scroll-css) li.dropdown:hover {
    background:#272727!important;
    border-radius:0
}

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

header.bg-transparent a.focus, header.bg-transparent a:hover, header.bg-transparent li.active a {
    color:#dadada!important
}

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

header.bg-transparent .dropdown-menu {
    background-color:#272727!important;
    border:none
}

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-position:center -210px;
    background-size:cover;
    overflow:hidden;
    position:relative
}

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

    100% {
        transform:scale(1)
    }

}

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

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

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

.header-animation {
    position:relative;
    height:550px;
    height: 344px !important;
}

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

.header-animation .breadcrumb.b a, .header-base .breadcrumb.b a, .header-slider .breadcrumb.b a, .header-title .breadcrumb.b a, .header-video .breadcrumb.b a {
    color:#585858
}

.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 {
    color:#e4e4e4
}

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

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

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

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

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

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

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

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

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

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

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

.header-video {
    height:175px;
    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;
    background-position:center center
}

.videobox video {
    width:100%
}

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

.header-video .overlaybox {
    overflow:hidden
}

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

.header-parallax img {
    width:100%
}

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

.full-screen-title.header-parallax {
    padding-top: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 a img {
    width:auto
}

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

.single-portfolio .col-md-4.portfolio-details {
    margin-top:13px
}

.single-portfolio .col-md-12 {
    margin-top:25px
}

.portfolio-details.fixed-area.active {
    padding:25px 15px
}

.portfolio-details h3 {
    margin-top:0
}

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

.post-video iframe {
    width:100%
}

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

.comment-list .name {
    font-weight:600;
    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
}

[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%)
}

[data-height].collapse-box .panel.no-gradient:after {
    background:0 0
}

.vertical-row, .vertical-row>.row {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    margin:0;
    width:calc(100% + 30px)
}

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

.vertical-row>div {
    padding:0
}

.row.vertical-row>div {
    padding-left:15px;
    padding-right:15px
}

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

.list-items .list-item:last-child {
    border-bottom:none
}

.list-items .list-item:hover {
    background-color:rgba(115, 115, 115, .02)
}

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

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

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

ul.list-texts {
    padding-left:0
}

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

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

.fa-ul>li {
    line-height:200%
}

.fa-ul>li a {
    color:#585858
}

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

.fa-ul i.circle, .fa-ul i.square {
    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%
}

i.circle {
    padding:20px;
    background-color:#fff;
    color:#272727;
    text-align:center;
    border:1px solid #484848
}

i.circle.cover, i.circle.onlycover {
    background-color:#fff!important;
    color:#fff
}

i.square {
    padding:20px;
    color:#272727;
    background-color:#fff!important;
    border-radius:2px;
    text-align:center;
    border:1px solid #484848
}

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

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

.i-background.i-top-right {
    text-align:left
}

.i-background.i-top-left {
    text-align:right
}

.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!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    background-color:transparent!important;
    border:none;
    color:#fff
}

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
}

.icon-box.icon-box-top-bottom {
    display:block
}

.icon-box.icon-box-top-bottom .icon-box-cell>i {
    float:none;
    margin:7px 0 7px 0
}

.icon-list.icon-list-top-bottom label {
    display:block
}

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

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

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

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

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

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

.icon-box {
    display:table;
    margin:10px 0
}

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

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

.icon-box label {
    font-weight:400;
    display:table-cell;
    vertical-align:middle;
    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 {
    display:block;
    margin:0;
    color:#4c4c4c
}

.icon-box-cell {
    display:table-cell;
    vertical-align:middle
}

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

.icon-box-cell i {
    color:#4c4c4c
}

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

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

.icon-box-top-bottom .icon-box-cell label {
    padding:0
}

.icon-box-top-bottom .icon-box-cell p {
    padding:5px 0 0 0
}

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

[data-social] i {
    margin:0 3px
}

.btn-default.btn-primary i {
    color:#fff
}

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

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

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

.anima-button {
    position:relative;
    overflow:hidden;
    display:inline-block;
    transition:padding-left .3s;
    line-height:initial;
    color:#fff
}

.circle-button {
    padding:5px 15px
}

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

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

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

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

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

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

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

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

.btn-primary:hover i {
    color:#fff
}

.button-cnt {
    display:inline-block
}

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

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

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

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

.navbar-main .circle-button {
    margin-top:12px
}

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

.img-box.thumbnail .caption {
    background-color:#fff
}

.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 0s;
    -webkit-transition-delay:.3s;
    transition-delay:.3s;
    opacity:0
}

.img-box:hover:before {
    right:0;
    top:0;
    left:0;
    bottom:0
}

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

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

.img-box:hover:before {
    opacity:1;
    transition:none
}

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

.img-box img {
    z-index:2;
    position:relative
}

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

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

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

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

.img-box.circle img {
    margin:0!important
}

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

.img-box.i-bottom i {
    bottom:0
}

.img-box.i-bottom-right i {
    bottom:0;
    right:0
}

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

.img-box.i-top-right.inner>span>i {
    right:0
}

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

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

.img-box.i-center {
    position:relative
}

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

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

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

[data-anima].img-box.i-center i {
    padding:0
}

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

.img-box .caption {
    font-size:11px;
    line-height:14px;
    letter-spacing:.2px;
    font-weight:700;
    text-align:center;
    padding:7px 7px 0 7px;
    color:#676767;
    background-color:#fff;
    z-index:9;
    position:relative
}

.img-box.inner, .img-box.inner span {
    position:relative
}

.img-box.anima-scale-rotate, .img-box.anima-scale-up, .img-box.anima-scale-up-2x, .img-box.show-scale {
    opacity:1!important
}

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

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

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

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

.caption.caption-out {
    display:block;
    text-align:center;
    font-size:11px;
    line-height:14px;
    letter-spacing:.2px;
    font-weight:700;
    margin-top:10px;
    color:#676767
}

.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 {
    width:auto!important
}

.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.row {
    margin-left:-5px;
    margin-right:-5px
}

.grid-box.no-margins.row {
    margin:0
}

.grid-box.no-margins>.grid-item {
    padding:0
}

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

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

.grid-item .base-box, .grid-item .box, .grid-item .img-box {
    height:100%
}

.pagination .next i, .pagination-sm .last i {
    margin-left:7px
}

.hide-first-last .first, .hide-first-last .last {
    display:none
}

.hide-first-last .prev a {
    border-bottom-left-radius:20px;
    border-top-left-radius:20px
}

.hide-first-last .next a {
    border-bottom-right-radius:20px;
    border-top-right-radius:20px
}

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

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

.pagination .first a i, .pagination .prev a i {
    margin-right:7px
}

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

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

.album-title {
    padding:5px 0;
    box-shadow:0 4px 2px -2px #dcdcdc;
    display:none;
    font-weight:600;
    font-size:17px;
    text-transform:uppercase
}

.album-title .btn {
    margin-left:15px
}

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

.album-box.col-md-2 .album-img {
    height:75px
}

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

.grid-list, .maso-list {
    position:relative
}

.grid-list .grid-box, .maso-list .maso-box {
    overflow:hidden
}

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

.maso-item>* {
    opacity:0
}

.maso-mask .maso-item>a {
    opacity:1
}

.maso-mask .maso-item {
    visibility:visible
}

.maso-box.no-margins .maso-item {
    padding:0
}

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

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

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

.maso-box.no-margins.row {
    margin:0
}

.maso-box .clear {
    float:left
}

.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:nth-child(1) .img-box {
    height:450px;
    max-height:450px
}

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

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

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

.row-1 {
    height:25px
}

.row-2 {
    height:50px
}

.row-3 {
    height:75px
}

.row-4 {
    height:100px
}

.row-5 {
    height:125px
}

.row-6 {
    height:150px
}

.row-7 {
    height:175px
}

.row-8 {
    height:200px
}

.row-9 {
    height:225px
}

.row-10 {
    height:250px
}

.row-11 {
    height:275px
}

.row-12 {
    height:300px
}

.row-13 {
    height:325px
}

.row-14 {
    height:350px
}

.row-15 {
    height:375px
}

.row-16 {
    height:400px
}

.row-17 {
    height:425px
}

.row-18 {
    height:450px
}

.row-19 {
    height:475px
}

.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 {
    position:relative;
    overflow:hidden
}

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

.scroll-box {
    overflow:hidden
}

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

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

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

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

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

.widget .tagbox {
    padding:15px 0
}

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

.tagbox span:hover {
    opacity:.7
}

.block-quote {
    margin:25px 0
}

.quote-author {
    font-style:italic;
    display:block;
    margin:15px 0 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
}

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

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

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

.block-quote.quote-2:after {
    content:"\f10e";
    font:normal normal normal 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 0
}

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

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

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

.title-base hr {
    width:50px;
    height:3px;
    background-color:#694d94;
    border:none;
    margin-top:0
}

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

.text-black {
    font-weight:900
}

.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;
    letter-spacing:4px!important
}

.title-base p, .title-icon p {
    font-size:15px;
    margin-top:20px;
    color:#6b6b6b
}

.title-base.text-left {
    text-align:left
}

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

.title-base.text-right {
    text-align:right
}

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

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

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

.title-modern {
    position:relative;
    margin-bottom:15px
}

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

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

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

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

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

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

.title-icon {
    text-align:center
}

.title-icon h2 {
    z-index:2;
    position:relative
}

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

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

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

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

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

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

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

hr.space.xs {
    height:10px
}

hr.space.s {
    height:20px
}

hr.space.m {
    height:40px
}

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

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 {
    background-position:center center;
    background:url(images/assets/gradient-line.png) no-repeat center;
    background-size:contain;
    border:none;
    height:3px
}

hr.d-dark {
    background-position:center center;
    background:url(images/assets/gradient-line-dark.png) no-repeat center;
    background-size:contain;
    border:none;
    height:3px
}

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

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

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

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

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

hr.g {
    background:url(images/overlay/dotted.png) repeat;
    height:18px;
    border:none
}

hr.h {
    background:url(images/overlay/line-45.png) repeat;
    height:18px;
    border:none
}

hr.i {
    background:url(images/overlay/carbonio.png) repeat;
    height:18px;
    border:none
}

hr.mini {
    max-width:200px
}

hr.micro {
    max-width:80px
}

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

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

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

.section-empty {
    background-color:#fff;
    position:relative;
    z-index:3;
    overflow:hidden
}

.overlay-content .header-title:after, .overlay-content .section-empty, .overlay-content .section-slide, .overlay-content.header-video {
    background:0 0!important
}

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

.section-bg-video {
    overflow:hidden;
    position:relative;
    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;
    top:auto
}

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

[class*=section-]>:first-child, [class*=section-]>div>.row:first-child>div>:first-child, [class*=section-]>div>:first-child {
    margin-top:0
}

[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, .section-slider .container {
    opacity:1!important
}

.section-bg-animation .container {
    margin-top:0!important
}

.section-bg-color {
    background-color:#f3f3f3
}

.section-bg-color .title-base hr, .section-bg-color .title-base.title-small hr {
    background-color:#e0e0e0!important
}

.section-two-blocks {
    overflow:hidden
}

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

.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:25px
}

.section-two-blocks .section-bg {
    background-color:#fff
}

.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>.col-md-5, .section-two-blocks>.row>.col-md-6, .section-two-blocks>.row>.col-md-7 {
    padding:0
}

.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 {
    float:right
}

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

.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 .blocks-video video {
    width:100%
}

.section-two-blocks .row>[class*=col-] {
    height:100%
}

.section-two-blocks.blocks-multi .row>[class*=col-] {
    padding:0
}

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

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

.section-two-blocks .flex-viewport, .section-two-blocks .flexslider, .section-two-blocks .flexslider .slides, .section-two-blocks .flexslider .slides li a {
    height:100%;
    margin:0
}

.section-two-blocks .flex-direction-nav a {
    text-align:center
}

.section-map {
    position:relative;
    overflow:hidden
}

.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.overlaybox-top {
    margin-bottom:150px
}

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

.overlaybox-side, .overlaybox-side .content, .overlaybox-side .row {
    height:1px;
    padding:0;
    text-align:justify
}

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

.overlaybox-side.overlaybox-center .overlaybox-inner {
    float:none;
    display:inline-block
}

.overlaybox-side.overlaybox-center, .overlaybox-side.overlaybox-center .row {
    text-align:center
}

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

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

.white .advs-box .icon, .white .advs-box h2, .white .advs-box h3, .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, .51)!important
}

.white, .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:#fff!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 .circle-button i, .white.circle-button i {
    color:#fff
}

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

.pagination.white>.disabled>a, .pagination.white>.disabled>a:hover, .pagination>.disabled>span, ul.pagination.white>li>a {
    background:0 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, .2)
}

.pagination.white>.active>a, .pagination.white>.active>a:hover {
    background-color:#fff;
    border-color:#fff;
    color:#404040
}

button.navbar-toggle {
    padding:3px!important;
    border:none;
    margin-top:14px
}

.navbar-toggle>i {
    font-size:25px;
    margin:2px 5px 0 5px;
    line-height:23px;
    color:#4c4c4c
}

.navbar-toggle>span {
    display:inline-block;
    font-size:14px;
    font-weight:600;
    letter-spacing:1px;
    color:#585858;
    margin:5px 5px 0 5px;
    float:right
}

.navbar-default form {
    border:none
}

@media (max-width:1500px) {
    .side-menu-container .container {
        width:970px
    }

    .section-two-blocks div.content {
        width:475px
    }

}

@media (max-width:1200px) {
    .section-two-blocks div.content {
        width:460px
    }

}

@media (max-width:769px) {
    [class*=col-md] {
        padding-top:5px;
        padding-bottom:5px
    }

    .text-xxl {
        font-size:45px!important
    }

    .text-xl {
        font-size:35px!important
    }

    a.anima-button, a.btn, a.btn-default, a.circle-button {
        margin-top:5px;
        margin-bottom:5px
    }

    a.img-box {
        margin:0
    }

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

    .list-items .list-item span {
        text-align:center
    }

    .text-left, .text-right, .title-base.text-right {
        text-align:center
    }

    .grid-item, .maso-item {
        overflow:visible!important
    }

    .call-action-box .row {
        display:block;
        width:100%;
        text-align:center
    }

    header .custom-area {
        text-align:center;
        width:100%
    }

    .section-two-blocks {
        height:auto!important;
        overflow:hidden
    }

    .section-two-blocks .row {
        width:inherit
    }

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

    .section-two-blocks .content {
        text-align:left
    }

    [data-parallax] [class*=col-md] {
        min-height:180px;
        width:100%
    }

    .overlaybox-side, .overlaybox-side .content, .overlaybox-side .row, .section-map {
        height:auto
    }

    .section-map {
        height:auto!important
    }

    .section-map .overlaybox {
        position:static
    }

    .section-map .google-map {
        min-height:250px
    }

    .overlaybox-side .overlaybox-inner {
        margin:0!important;
        box-shadow:none;
        border:none
    }

    .section-bg-video .videobox {
        position:absolute
    }

    .section-two-blocks .blocks-video iframe {
        height:100%;
        width:100%;
        left:0;
        top:0
    }

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

    .navbar-mini .minisocial-group, .navbar-mini .navbar-left {
        display:none
    }

    header .navbar-nav {
        margin-top:0
    }

    header .navbar-main.navbar-middle ul.nav.nav-tabs {
        padding:0 15px!important
    }

    .one-page-menu .hamburger-button.active {
        right:0;
        position:fixed;
        background:#fff;
        box-shadow:0 2px 1px rgba(0, 0, 0, .2)
    }

    .dropdown .dropdown-menu {
        display:none
    }

    .dropdown.open .dropdown-menu {
        display:block;
        margin:0!important
    }

    .side-menu li {
        overflow:hidden
    }

    .fa-ul>li {
        overflow:visible
    }

    .nav li:hover>.mega-menu, .nav li:hover>ul, .side-menu li .panel:hover, .side-menu li:hover .panel {
        display:none
    }

    .nav li.open>.mega-menu, .side-menu li .panel.open, .side-menu li.open .panel {
        display:block
    }

    .navbar-fixed-bottom, .navbar-fixed-top {
        position:absolute!important;
        margin-top:0!important
    }

    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
        max-height:inherit;
        box-shadow:0 3px 5px rgba(0, 0, 0, .13)
    }

    .search-box {
        display:block;
        position:static;
        width:100%!important;
        margin:0;
        box-shadow:none;
        background:0 0;
        border:none;
        padding:0
    }

    .btn-search {
        display:none
    }

    .search-box-menu {
        display:block
    }

    .navbar-social, .social-group {
        text-align:center
    }

    .social-group a {
        display:inline-block
    }

    .navbar-left {
        width:100%;
        float:none;
        margin:0;
        padding:0;
        border:none;
        text-align:center
    }

    .lan-menu {
        text-align:center;
        margin:0 -15px;
        padding:0!important;
        display:block
    }

    .dropdown-submenu ul {
        display:block
    }

    .dropdown-submenu .dropdown-toggle:after {
        display:none
    }

    .bg-menu {
        background:0 0!important
    }

    .navbar-big-logo .navbar-mini .container {
        padding-left:0!important
    }

    .navbar-big-logo .navbar-header {
        text-align:center;
        max-height:100%;
        padding-bottom:15px
    }

    .navbar-big-logo .navbar-header button {
        float:none;
        width:100%;
        margin:10px
    }

    .navbar-big-logo .navbar-brand {
        position:static;
        display:block;
        float:left;
        max-width:100%;
        width:100%;
        height:inherit;
        text-align:center
    }

    .navbar-big-logo .navbar-brand img {
        margin:0 auto
    }

    .subline-bar {
        position:static
    }

    .subline-bar ul {
        margin:0 -15px
    }

    .subline-bar ul li {
        width:33.33%;
        margin:5px 0
    }

    header.fixed-top .subline-bar {
        position:static;
        margin-top:0
    }

    .navbar-main.navbar-middle .navbar-header {
        display:block
    }

    .navbar-main.navbar-middle ul.nav>li {
        text-align:left;
        display:block
    }

    .navbar-main.navbar-middle ul.nav>li.logo-item, .navbar-middle .scroll-hide {
        display:none!important
    }

    .navbar-main.navbar-middle ul.nav {
        margin:7.5px -15px!important
    }

    .navbar-middle .navbar-right {
        position:static;
        margin:0 -15px
    }

    .navbar-main.navbar-middle .navbar-right ul.lan-menu.nav {
        margin-left:0!important;
        padding-left:0!important
    }

    .navbar-middle .navbar-right .lan-menu ul li a {
        text-align:left
    }

    header:not(.scroll-css) .navbar-main.navbar-middle ul.nav {
        margin-left:-15px!important
    }

    .box-menu-inner {
        position:static!important;
        margin:10px 0 0 0
    }

    .box-menu-inner>.row {
        height:inherit
    }

    .box-menu-inner .icon-box-cell i {
        width:50px;
        font-size:25px!important
    }

    .box-menu-inner [class*=col-] {
        margin-bottom:15px
    }

    .box-menu-inner [class*=col-]:last-child {
        margin-bottom:0
    }

    .icon-menu .navbar-brand img {
        margin-top:0
    }

    .icon-menu .icon-top>li>a {
        text-align:center
    }

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

    header.menu-transparent {
        position:absolute;
        right:0;
        left:0
    }

    .navbar-mini .nav {
        text-align:center;
        margin:0;
        padding:5px 0
    }

    .navbar-mini .navbar-left {
        border-bottom:1px solid #2d2e2f;
        padding-bottom:7px
    }

    .navbar-mini .container {
        padding:0
    }

    .navbar-mini .navbar-right {
        padding: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
    }

    div.navbar-nav {
        margin:0
    }

    .nav.ms-minimal>li.active>a, .nav.ms-minimal>li:hover>a {
        border-bottom:none
    }

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

    .side-menu-fixed .brand {
        display:none
    }

    .navbar-form {
        margin: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-fixed .panel ul {
        margin-top:0!important
    }

    .panel-item .panel ul ul {
        background:0 0
    }

    .side-menu-header .navbar-header, .side-menu-header>.navbar {
        display:block
    }

    .navbar-right .hamburger-button {
        display:none
    }

    .side-menu-header.over .mi-menu nav, .side-menu-header.over .slimScrollDiv {
        overflow:hidden!important
    }

    .side-menu-container .container {
        width:100%
    }

    .side-menu-container, .side-menu-container #fullpage-main {
        padding-left:0
    }

    .navbar-brand {
        margin-top:0!important;
        margin-right:5px;
        max-width:80%;
        height:auto!important;
        padding-left:15px
    }

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

    .lan-menu ul li a {
        text-align:center
    }

    .menu-transparent .navbar-collapse {
        background:linear-gradient(to bottom, rgba(0, 0, 0, .7) 0, rgba(0, 0, 0, .9) 100%)!important
    }

    .menu-transparent.scroll-css .navbar-collapse {
        background:0 0!important
    }

    .navbar-mini .lan-menu.navbar-nav .open .dropdown-menu {
        position:absolute;
        margin-top:-5px;
        box-shadow:0 2px 2px rgba(0, 0, 0, .21)
    }

    .dropdown-menu {
        padding-bottom:5px
    }

    .navbar-left .social-group {
        width:100%
    }

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

    .full-width-menu .inner ul a {
        text-align:center
    }

    .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 {
        margin-top:0!important;
        background-color:#000
    }

    .title-base .scroll-top, .title-modern .scroll-top {
        position:static;
        margin-top:15px
    }

    .header-video, .videobox {
        height:175px;
        position:relative;
        overflow:hidden
    }

    .header-video .overlaybox {
        margin-top:15px
    }

    .videobox .mobile-poster {
        display:block;
        height:100%
    }

    .videobox [data-video-youtube], .videobox iframe {
        display:none
    }

    .title-base h1 {
        font-size:20px;
        margin-top:25px
    }

    .title-base p, .title-icon p {
        font-size:13px
    }

    .title-base hr {
        display:none
    }

    .header-base {
        height:auto
    }

    .header-base .breadcrumb, .header-bootstrap .breadcrumb {
        text-align:center;
        float:none
    }

    .header-bootstrap .vertical-row {
        display:flex
    }

    .header-bootstrap .vertical-row>div {
        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
    }

    .title-base.text-left {
        text-align:center
    }

    .porfolio-bar .col-md-2 {
        width:40%;
        float:left
    }

    .porfolio-bar .col-md-8 {
        width:20%;
        float:left
    }

    .fixed-area {
        position:relative!important;
        left:0!important;
        top:0!important
    }

    .vertical-row {
        display:block
    }

    .row.vertical-row>div, .vertical-row>div {
        padding-top:10px;
        padding-bottom:10px;
        text-align:center
    }

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

    .tag-row {
        text-align:center
    }

    .tag-row.icon-row span {
        margin:0
    }

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

    hr.space {
        height:35px
    }

    hr.space.xs {
        height:8px
    }

    hr.space.s {
        height:10px
    }

    hr.space.m {
        height:20px
    }

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

    .pagination {
        margin-left:1px
    }

    .pagination>li.first, .pagination>li.last {
        display:none
    }

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

    .icon-list .list-item {
        margin-bottom:10px
    }

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

    table.table {
        border:none
    }

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

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

    table.bootgrid-table {
        border:1px solid #ddd
    }

    .actionBar>div {
        margin-bottom:5px!important
    }

    table.bootgrid-table tr>td, table.bootgrid-table tr>th {
        border-top:0!important
    }

    .footer-left, .footer-right, footer {
        text-align:center
    }

    .footer-bg {
        height:inherit
    }

    footer {
        height:auto!important
    }

    .footer-parallax-container {
        margin-bottom:0
    }

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

    footer hr {
        margin-left:auto!important;
        margin-right:auto!important
    }

    .footer-parallax {
        position:static
    }

}

@media (min-width:769px) and (max-width:1500px) {
    .side-menu-container .container {
        width:950px
    }

}

html.iex .side-menu ul ul {
    display:block
}

html.iex .side-menu.over ul ul {
    display:none
}

html.iex .img-box img {
    margin-top:0!important
}

.adv-circle .caption p, .adv-img p, .advs-box p, .caption-bottom p, .list-blog p, .text-color, body {
    color:#757575;
    line-height:23px
}

.advs-box .block-data p.bd-day, .advs-box h2, .advs-box h3, .advs-box h4, .h1, .h2, .h3, .h4, .h5, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .list-items .list-item h3, .mega-menu h5, .timeline-title, .title-base h1, .title-base.title-small h2, .title-icon h1, .title-icon h2, .title-modern h1, .title-modern h2, .title-modern h3, footer h4, footer h5, footer h6, h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a {
    color:#545454
}

.adv-circle h2, .adv-img h2, .advs-box h4, .album-title, .block-infos .bd-day, .btn, .btn-default, .caption-bottom h2, .circle-button, .countdown .countdown-values, .counter[data-to], .h1, .h2, .h3, .h4, .h5, .header-animation h1, .header-animation h2, .header-animation h3, .header-base h1, .header-base h2, .header-base h3, .header-bootstrap h1, .header-slider h1, .header-slider h2, .header-slider h3, .header-title h1, .header-title h2, .header-title h3, .header-video h1, .header-video h2, .header-video h3, .icon-box label, .icon-box-cell label, .icon-list .list-item label, .list-items .list-item h3, .nav-tabs>li>a, .niche-box-blog .block-title h2, .pagination>li>a, .progress-circle .inner-circle .counter-circle, .progress-label, .timeline-title, .title-base h1, .title-base.title-small h2, .title-icon h1, .title-icon h2, footer .main-title, footer .social-group i, footer i, h1, h2, h3, h4, h5, inner-circle .sub, progress-bar {
    font-weight:600;
    letter-spacing:1px
}

.block-infos .bd-day, .list-blog h5, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .niche-box-blog .block-title h2, .niche-box-testimonails h5 {
    font-weight:600
}

footer .main-title, footer .social-group i, footer i {
    font-weight:900
}

.input-group .input-group-btn, .nav.inner, .nav.inner .dropdown-menu, .popover-title, .social-button i.circle {
    border:none!important
}

.advs-box-multiple div.circle, .advs-box-side-img hr, .advs-box-top-icon-img .icon, .advs-box.boxed, .bg-color, .block-infos .block-comment, .box-menu-inner>.row, .btn-default, .btn.circle-button, .call-action-box, .circle-button, .header-animation.white .title-base hr, .header-base, .header-bootstrap, .header-slider.white .title-base hr, .header-title hr, .header-title.white .title-base hr, .header-video.white .title-base hr, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .nav.inner, .nav.inner.ms-mini, .nav.inner.ms-rounded>li>a, .pagination>.disabled>a, .pagination>li>a, .pagination>li>span, .panel-default .panel-footer, .panel-default>.panel-heading, .popover-title, .popup-banner .panel-body, .popup-banner.full-width-bottom, .popup-banner.full-width-top, .progress-bar, .tagbox span, .title-base .scroll-top, .title-base hr, .title-modern .scroll-top, .white .btn, .white .title-base hr, .white.btn, i.square {
    background-color:#272727
}

.btn-default.active, .btn-default:hover, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.btn-default:active, .btn-primary.focus, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary:focus, .btn.circle-button:hover, .circle-button:hover, .minisocial-group.circle i:hover, .nav.inner.ms-rounded li.active a, .nav.inner:not(.ms-minimal) .dropdown-menu, .nav.inner:not(.ms-minimal)>li:hover>a, .nav.inner>li.active>a, .open>.dropdown-toggle.btn-default, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .pagination>.active>a, .pagination>.active>a:hover, .pagination>.disabled>a:hover, .pagination>li>a:focus, .pagination>li>a:hover {
    background-color:#353535;
    border-color:#353535
}

.advs-box-multiple div.circle, .btn-primary.focus, .btn-primary:focus, .slimScrollBar, .white .circle-button:hover, .white.circle-button:hover {
    background-color:#000!important
}

.accordion-list .list-group-item>a i, .accordion-list .list-group-item>a.active, .adv-circle.adv-circle-center i, .adv-img h2, .adv-img-classic-box h2, .adv-img-full-content i.main-icon, .advs-box .block-data p, .advs-box-side .icon, .advs-box-side-icon i, .advs-box-top-icon.boxed .icon, .advs-box.boxed .block-data p, .bs-menu li.active>a, .bs-menu li:hover>a, .btn-group.social-group i, .caption-bottom p, .footer-center .footer-title, .fullpage-arrow.arrow-circle .arrow i, .fullpage-varrow.varrow-circle .arrow i, .hamburger-button:hover, .img-box.adv-circle i, .inner-circle .main, .list-blog h5, .main-color, .mega-menu .fa-ul .fa-li, .mi-menu li .fa, .niche-box-testimonails h5, .pricing-table .pricing-price, .pricing-table h3, .side-menu i, .side-menu ul a i, .social-button i.circle, .social-group i.circle, .tag-row a i.circle, .tag-row i, .timeline>li>.timeline-label h4, .title-icon i, .title-icon-bg h2, div.adv-img .caption-bottom p, header .social-group a i, header .social-group a i.fa, i .list-items .list-item span, li.panel-item .fa-li, ul.list-texts li b {
    color:#4c4c4c
}

.adv-circle.adv-circle-center-2 .caption p, .bs-menu li.active>a, .bs-menu li:hover>a, .side-menu.ms-minimal li:hover>a, .side-menu.ms-minimal li:hover>span {
    border-right-color:#4c4c4c!important
}

.bs-callout, .bs-menu.menu-left li.active>a, .bs-menu.menu-left li:hover>a {
    border-left-color:#4c4c4c!important
}

.accordion-list .list-group-item:last-child, .nav.ms-minimal>li.active>a, .nav.ms-minimal>li:hover>a, .popover.bottom>.arrow:after, .title-modern h1, .title-modern h2, .title-modern h3 {
    border-bottom-color:#4c4c4c
}

.accordion-list .list-group-item, .accordion-list .list-group-item>a.active, .accordion-list .list-group-item>a.active:hover, .advs-box.boxed, .advs-box.boxed .advs-box-content, .block-infos .block-data, .box-menu-inner>.row, .bs-panel, .btn, .btn-default, .btn.circle-button, .call-action-box, .circle-button, .inner .dropdown-menu, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .nav.inner.ms-rounded li a, .niche-box-team .content-box hr, .pagination>.active>a, .pagination>.active>a:hover, .pagination>li.disabled>a, .pagination>li.disabled>a:hover, .pagination>li>a, .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span, .social-button i.circle, .social-group i.circle, .tag-row i.circle, .white .btn, .white.btn {
    border-color:#272727
}

.advs-box-side-icon i.circle, .advs-box.boxed .tag-row, .advs-box.boxed .tag-row span, .advs-box.boxed a, .advs-box.boxed h2, .advs-box.boxed h2 a, .advs-box.boxed h3, .advs-box.boxed h3 a, .advs-box.boxed h4, .advs-box.boxed h4 a, .advs-box.boxed i, .advs-box.boxed p, .album-box h2, .block-infos .block-comment i, .box-menu-inner>.row, .box-menu-inner>.row i, .boxed .social-group i.circle, .boxed .tag-row.icon-row span:after, .breadcrumb>.active, .breadcrumb>li+li:before, .btn i, .btn-default, .btn-default i, .btn-default.active, .btn-default:active, .btn-default:hover, .btn.circle-button i, .call-action-box, .call-action-box .anima-button.circle-button, .call-action-box i, .circle-button i, .circle-button:hover, .circle-button:hover>i, .dropdown-toggle i.caret, .header-base .breadcrumb.b a, .header-base .title-base h1, .header-base .title-base p, .header-bootstrap i, .img-box .caption>i, .img-box span>i, .img-box>i, .input-group button, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .nav.inner .dropdown-menu>li>a, .nav.inner .dropdown-menu>li>a:focus, .nav.inner .dropdown-menu>li>a:hover, .nav.inner.ms-rounded li a, .nav.inner.ms-rounded li a i, .nav.inner:not(.ms-minimal)>li>a, .open>.dropdown-toggle.btn-default, .pagination i, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>li.disabled>a, .pagination>li>a, .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span, .panel-default .panel-footer, .panel-default>.panel-heading, .popover-title, .popup-banner .panel-body, .popup-banner .popup-close, .popup-banner.full-width-bottom, .social-group i:hover, .tag-row i.circle, header .social-group a i:hover {
    color:#fff
}

.inner .dropdown-submenu:hover>a:after, .inner .dropdown-submenu>a:after {
    border-left-color:#fff!important
}

.advs-box.boxed hr {
    border-top-color:#fff
}

.boxed .social-group i.circle, .call-action-box .anima-button.circle-button {
    border-color:#5f5f5f
}

.call-action-box a.circle-button:hover {
    border-color:#404040;
    background-color:#404040!important
}

.advs-box-top-icon.boxed .icon {
    background-color:#fff
}

.full-width-menu .nav, .full-width-menu .nav.inner .dropdown-menu, .white .title-base hr {
    background-color:#020202
}

.full-width-menu .nav.inner>li.active>a, .full-width-menu .nav.inner>li:hover>a {
    background-color:#353535!important
}

.full-width-menu .dropdown-menu>li>a, .full-width-menu .nav.inner>li>a {
    color:#272727!important
}

.nav.inner .dropdown-menu>li>a:focus, .nav.inner .dropdown-menu>li>a:hover {
    background-color:rgba(0, 0, 0, .07)
}

.box-social-page {
    padding:15px 25px;
    color:#fff!important
}

.box-social-page i {
    color:#fff!important
}

.social-page.section-empty {
    overflow:visible
}

.social-page.section-empty .container:first-child .row {
    margin-top:-30px
}

.social-page .icon-box-cell label {
    color:#fff
}

.boxed.advs-box h4, .footer-center .footer-title, .full-width-menu .dropdown-menu li a i.caret, .full-width-menu .dropdown-menu>li>a, .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, .full-width-menu .nav.inner>li>a i.caret, .popup-banner.full-width-top, footer h4 {
    color:#dcdcdc!important
}

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

header li>a>i.caret {
    color:#8c8c8c
}

.box-menu-inner>.row {
    background-color:#353535;
    border-color:#272727
}

.adv-img h2, .navbar-toggle>span, .side-menu-fixed .mi-menu li .fa, .side-menu-fixed .mi-menu ul li>a, .side-menu-fixed .sidebar-nav .panel-item>span, .side-menu-fixed li a {
    color:#fff;
    font-weight:600
}

.subline-bar li:hover, div.call-action-box a, div.call-action-box a.btn {
    background:rgba(68, 68, 68, .5)
}

.img-box>i {
    color:#fff
}

.box-lightbox {
    padding:0;
    background-color:rgba(0, 0, 0, 0)
}

.advs-box h4 {
    font-weight:600
}

.white i.circle {
    border:1px solid #fff
}

.white .advs-box h4 {
    color:#fff!important
}

.adv-img-full-content i.main-icon {
    color:#d3d3d3
}

.adv-img-full-content .btn-group.social-group i {
    color:#fff
}

.btn-group a i {
    margin:0
}

.ms-minimal .dropdown-toggle i.caret {
    color:#4c4c4c
}

.full-width-menu .dropdown-menu {
    background-color:#353535!important
}

.full-width-menu, .nav.inner, .navbar-inner .navbar-toggle, .navbar-inner .navbar-toggle:hover, .navbar-main, .side-menu-fixed {
    background-color:#1d1e1f
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover, .side-menu-fixed .panel, .side-menu-fixed .side-menu .active, .side-menu-fixed .side-menu ul, footer.footer-center {
    background-color:#333
}

.side-menu-fixed, .side-menu-fixed .panel, .side-menu.over li.active>ul, .side-menu.over li:hover>ul, .side-menu.over li:hover>ul.collapse {
    border-color:#2d2e2f
}

header .custom-area {
    line-height:61px
}

.img-box.adv-circle i {
    color:#fff
}

.block-infos .block-data {
    background-color:#333;
    border:1px solid #333
}

header .nav.ms-minimal>li>a {
    color:#d3d3d3!important
}

.list-group-item.active {
    text-transform:uppercase
}

.navbar-brand {
    height:52px;
    padding: 11px 15px;
}

.adv-img-classic-box .caption-inner p.big-text {
    height:48px
}

.adv-img-classic-box .caption-inner {
    padding:16px 15px
}

.adv-img-classic-box .caption-inner p.sub-text {
    margin-bottom:15px
}

footer p {
    font-size:11px;
    letter-spacing:1px;
    padding:11px 0;
    margin-bottom:0
}

footer, footer .btn-group.social-group i {
    color:#fff
}

.navbar-default .navbar-nav li a, header .custom-area, header .navbar-mini i, header .social-group a i.fa {
    color:#d3d3d3
}

.mega-menu h5, .mega-menu i {
    color:#adadad!important
}

.bg-transparent li.dropdown ul li:hover, .mega-menu.dropdown-menu li:hover {
    background-color:#313131!important
}

header .navbar {
    background-color:#1d1e1f;
    border-color:#1d1e1f;
    border-radius:0
}

header .navbar-big {
    background-color:#2d2e2f
}

header .navbar-mini {
    background-color:#2d2e2f;
    color:#d3d3d3;
    border-bottom-color:#1d1e1f
}

.navbar-mini .navbar-form .btn-default, header .btn-default, header .input-group input, header .navbar-form .input-group>.form-control {
    background-color:#2d2e2f;
    color:#d3d3d3;
    border-color:#424242
}

.search-box {
    margin:48px 0 0 0
}

header .navbar-form {
    margin-top:13px;
    margin-bottom:13px
}

header .btn-default:hover, header .circle-button:hover {
    background-color:#38393b;
    border-color:#424242
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form, header .minisocial-group i {
    border-color:#1d1e1f
}

header .navbar-social {
    margin-top:11px
}

.dropdown-menu, .inner .navbar-nav li:hover, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>li>a:hover {
    color:#d3d3d3;
    background-color:#272727;
    border:none
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color:#e2e2e2;
    background-color:#2d2d2d
}

.dropdown-menu .divider {
    background-color:#484848
}

.creative-title-txt {
    text-transform:uppercase;
    letter-spacing:1px;
    font-weight:500
}

.white .btn:not(.circle-button) {
    background:rgba(0, 0, 0, .2);
    font-weight:400;
    color:#fff;
    border-color:#fff;
    transition:padding-left .3s, background-color .3s
}

.white .btn:not(.circle-button):hover {
    background:rgba(0, 0, 0, .5)
}

.text-m {
    font-weight:300
}

@media (min-width:769px) {
    .navbar-nav>li>a {
        padding-top:16px;
        padding-bottom:16px
    }

    .icon-menu .navbar-nav>li>a {
        padding-top:15px;
        padding-bottom:15px
    }

    .nav.inner>li>a {
        padding-top:10px;
        padding-bottom:10px
    }

    .dropdown-menu>li>a {
        padding:15px
    }

}

@media (min-width:769px) {
    .my-class-home .section-slider .flexslider .flex-direction-nav a {
        bottom:-8px;
        top:auto
    }

    .my-class-home .section-slider .flexslider .flex-direction-nav .flex-prev {
        left:auto!important;
        right:40px!important
    }

    .my-class-home .section-slider .flexslider .flex-direction-nav .flex-next {
        right:0!important
    }

}

.my-class-home .section-slide .container {
    position:relative;
    z-index:3;
    width:100%
}

.my-class-home .section-slide .container h1 {
    font-size:13px;
    letter-spacing:1.3px;
    color:#d3d3d3;
    margin:0;
    margin-bottom:15px
}

.my-class-home .section-slide:after {
    position:absolute;
    height:46px;
    right:0;
    left:0;
    bottom:0;
    z-index:0;
    content:'';
    background-color:#1d1e1f
}

.my-class-home .section .bottom-area a {
    background:#fff;
    border:none;
    color:#000
}

.my-class-home .section .bottom-area span {
    position:absolute!important;
    left:59px;
    bottom:25px;
    display:block
}

.my-class-home .section .bottom-area a i {
    color:#000
}

.my-class-home .flex-direction-nav a {
    opacity:1;
    display:block;
    right:0;
    bottom:0;
    top:auto;
    font-size:15px
}

.my-class-home .flex-direction-nav a:before {
    font-size:32px;
    line-height:64px
}

.my-class-home .flex-direction-nav .flex-next {
    right:0
}

.my-class-home .flex-direction-nav .flex-prev {
    left:0
}

.my-class-home .section .flexslider, footer {
    background-color:#1d1e1f
}

.my-class-home h1 {
    text-align:center;
    color:#fff;
    font-weight:600;
    letter-spacing:5px
}

.my-class-home h2 {
    text-align:center;
    color:#e4e4e4;
    font-size:16px;
    font-weight:400;
    text-transform:uppercase;
    letter-spacing:5px
}

.my-class-home .flex-control-nav {
    bottom:5px!important
}

. .dropdown-menu>li>a {
    text-transform:initial!important;
    font-weight:400!important;
    color:#989898
}

.container.content, .section-two-blocks .content {
    padding-top:80px;
    padding-bottom:80px
}

.niche-box-blog .tag-row, .niche-box-post .tag-row, .single-post-page .tag-row, .title-base p, .title-base.title-small p, .title-icon p {
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:0;
    letter-spacing:4px
}

.columns-list .niche-box-post .tag-row {
    display:none
}

.niche-box-blog .tag-row, .niche-box-post .tag-row, .single-post-page .tag-row {
    margin-bottom:0
}

.no-paddings {
    padding:0!important
}

.half-container {
    max-width:570px
}

.title-base.title-small h2 {
    letter-spacing:4px
}

.block-quote.quote-1, .block-quote.quote-2 {
    font-size:15px
}

footer .content-row, footer .navbar-social, footer .social-group {
    margin:0;
    padding:0
}

footer .container {
    padding:35px 15px
}

footer .main-title, footer .social-group i, footer i, footer span {
    color:#eaeaea;
    font-weight:400
}

.maso-list .nav.inner>li>a, .maso-list .nav.inner>li>a>i {
    color:#dcdcdc;
    font-weight:600;
    text-transform:uppercase;
    font-size:11px;
    letter-spacing:1px
}

footer .main-title {
    font-size:10px;
    letter-spacing:1px;
    padding:11px 0;
    margin-bottom:0
}

.maso-list .nav.inner {
    margin:0;
    border-radius:0
}

.maso-list .list-nav {
    position:absolute;
    z-index:2;
    left:50%;
    margin-left:-75px;
    margin-top:-50px
}

.maso-list .nav.inner.ms-minimal {
    margin-bottom:15px
}

.container .maso-list .list-nav, .content .maso-list .list-nav {
    margin-top:20px;
    position:static;
    left:auto;
    margin-right:auto;
    margin-left:auto
}

.gallery-album .album-main {
    padding:15px 30px
}

.album-item {
    padding-bottom:15px
}

.advs-box-multiple .img-box {
    max-height:100%
}

.advs-box.boxed h3 a {
    text-transform:uppercase;
    color:#f7f7f7!important
}

.grid-list.full-width, .maso-list.full-width {
    padding:5px 10px
}

.columns-list {
    margin:0
}

.title-base hr, .title-base.title-small hr {
    background-color:#f7f7f7!important
}

.header-animation i, .header-base i, .header-slider i, .header-title i, .header-video i {
    color:#f7f7f7!important
}

.navbar-default .navbar-nav>li>a, .navbar-mini {
    font-weight:600;
    font-size:13px;
    letter-spacing:1px;
    text-transform:uppercase
}

@media (max-width:769px) {
    .my-class-home .section {
        height:500px!important
    }

    .my-class-home .section .bottom-area span {
        position:static!important
    }

    .my-class-home h1 {
        font-size:25px!important;
        padding:0 15px
    }

    .my-class-home h2 {
        font-size:14px!important;
        padding:0 15px
    }

    .navbar-header {
        background-color:#1d1e1f
    }

    .my-class-home .flex-control-paging {
        display:none
    }

    .my-class-home .section-slide .pos-slider {
        text-align:center!important;
        width:100%!important;
        left:0
    }

    .my-class-home .section-slide .pos-slider h1 {
        font-size:10px
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a, .navbar-toggle>i {
        color:#d3d3d3
    }

    .gallery-album .album-main {
        padding:15px
    }

    .container.content, .section-two-blocks .content {
        padding-top:25px;
        padding-bottom:25px
    }

}

#bottom-static {
    z-index: 11;
    position: absolute;
    top: -9999px;
    left: 0;
    width: 100%;
    background: #f5f5f5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    padding: 0;
    position: fixed;
    top: auto;
    bottom: 0px;
    z-index: 999;
    align-items: center;
}

#bottom-static .img-w {
    width: auto;
    height: auto;
    display: block;
}

#bottom-static .img-w .img {
    position: relative;
    margin-top: -90px;
    display: block;
    float: left;
    max-width: 100%;
    max-height: 165px;
}

#bottom-static .text {
    padding:0 20px
}

#bottom-static .title {
    font-size:16px;
    line-height:1.625;
    font-weight:600;
    margin:0 0 5px 0;
    color:#545454
}

#bottom-static .description {
    font-size: 14px;
    line-height: 20px;
    font-weight:300;
    margin:0;
    color:#545454
}

#bottom-static .btn {
    letter-spacing:2px;
    padding:15px 43px 14px;
    border-radius:2px
}

#bottom-static .btn:hover {
    color:#fff;
    background:#000
}

footer.wide-area {
    margin-bottom: 75px;
}

/*----2024-06-20----*/
.fixed-icom {
    position: fixed;
    right: 0;
    top: 45%;
    z-index: 500;
}

.h-whatsapp {
    width: 56px;
    height: 56px;
    background: #2db742;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    box-shadow: 0 6px 8px 2px rgba(0,  0,  0,  .14);
    -webkit-box-shadow: 0 6px 8px 2px rgba(0,  0,  0,  .14);
    -moz-box-shadow: 0 6px 8px 2px rgba(0,  0,  0,  .14);
    padding: 13px;
    z-index: 99;
    margin: 10px;
    box-sizing: border-box;
}

.h-whatsapp.phone {
    background: #000;
}

.h-whatsapp img {
    filter: invert(1);
}

#bottom-static {
    display:none;
}

footer.wide-area {
    margin-bottom: 0;
}

/*----2024-06-20-end----*/
@media only screen and (max-width:992px) {
    #bottom-static .description {
        font-size: 12px;
        line-height: 18px;
    }

    #bottom-static .btn {
        padding:15px 20px 14px
    }

}

@media only screen and (max-width:479px) {
    #bottom-static .img-w {
        display:none
    }

    #bottom-static .text {
        padding:0 15px;
        width:100%
    }

    .btn-w {
        display: block;
        width: 100%;
        padding: 0 15px;
    }

    #bottom-static {
        flex-wrap: wrap;
    }

    #bottom-static .btn {
        padding:10px 20px 10px
    }

    #bottom-static .description {
        line-height:16px
    }

    #bottom-static .title {
        margin:5px 0;
        line-height: 18px;
    }

}

/* Reduce heading sizes for desktop */
@media (min-width: 769px) {
    h1 {
        font-size: 20px;
    }

    /* Reduced from 24px */
    h2 {
        font-size: 18px;
    }

    h3 {
        font-size: 16px;
    }

    h4 {
        font-size: 14px;
    }

    h5 {
        font-size: 13px;
    }

    h6 {
        font-size: 12px;
    }

}

/* Reduce heading sizes for mobile */
@media (max-width: 768px) {
    h1 {
        font-size: 18px;
    }

    /* Reduced further for mobile */
    h2 {
        font-size: 16px;
    }

    h3 {
        font-size: 14px;
    }

    h4 {
        font-size: 13px;
    }

    h5 {
        font-size: 12px;
    }

    h6 {
        font-size: 11px;
    }

}

.video-container {
    font-family: 'Segoe UI',  Tahoma,  Geneva,  Verdana,  sans-serif;
    line-height: 1.6;
    color: #333;
    background: linear-gradient(135deg,  #667eea 0%,  #764ba2 100%);
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.container2 {
    max-width: 800px;
    width: 90%;
    text-align: center;
    background: rgba(255,  255,  255,  0.95);
    backdrop-filter: blur(10px);
    border-radius: 20px;
    padding: 40px;
    box-shadow: 0 20px 40px rgba(0,  0,  0,  0.1);
    animation: fadeIn 1s ease;
    margin: 20px auto;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }

}

.logo-section {
    margin-bottom: 20px;
}

.company-logo {
    max-width: 100px;
    max-height: 100px;
    width: auto;
    height: auto;
    object-fit: contain;
}

.main-title {
    font-size: 2.0rem;
    margin-bottom: 30px;
    color: #333;
    font-weight: 300;
}

.video-section {
    margin-bottom: 30px;
    position: relative;
}

/* Video Loading Indicator */
.video-loading {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,  255,  255,  0.9);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 10;
    border-radius: 10px;
}

.video-loading.hidden {
    display: none;
}

.loading-spinner {
    width: 50px;
    height: 50px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #667eea;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin-bottom: 15px;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

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

}

.video-loading p {
    color: #666;
    font-size: 1rem;
    margin: 0;
}

#mainVideo {
    width: 100%;
    max-width: 600px;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0,  0,  0,  0.2);
}

/* Video buffering optimization */
#mainVideo::-webkit-media-controls {
    background-color: rgba(0,  0,  0,  0.1);
}

#mainVideo::-webkit-media-controls-panel {
    background-color: rgba(0,  0,  0,  0.1);
}

.continue-section {
    margin: 30px 0;
}

.continue-btn {
    background: linear-gradient(45deg,  #4CAF50,  #45a049);
    color: white;
    border: none;
    padding: 15px 30px;
    font-size: 1.1rem;
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px rgba(76,  175,  80,  0.3);
}

.continue-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(76,  175,  80,  0.4);
}

.continue-btn:active {
    transform: translateY(0);
}

.question-section {
    animation: slideIn 0.5s ease;
}

@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateX(-30px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }

}

.question-section h2 {
    font-size: 1.8rem;
    margin-bottom: 20px;
    color: #333;
}

.question-text {
    font-size: 1.2rem;
    margin-bottom: 30px;
    color: #555;
    font-weight: 500;
}

.answer-buttons {
    display: flex;
    gap: 20px;
    justify-content: center;
    margin-bottom: 30px;
}

.answer-btn {
    background: #f8f9fa;
    color: #333;
    border: 2px solid #e9ecef;
    padding: 15px 30px;
    font-size: 1.1rem;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
    min-width: 120px;
}

.answer-btn:hover {
    background: #e9ecef;
    border-color: #4CAF50;
    transform: translateY(-2px);
}

.answer-btn.correct {
    background: #4CAF50;
    color: white;
    border-color: #4CAF50;
}

.answer-btn.incorrect {
    background: #f44336;
    color: white;
    border-color: #f44336;
}

.result {
    margin-top: 30px;
    padding: 20px;
    border-radius: 10px;
    animation: fadeIn 0.5s ease;
}

.result p {
    font-size: 1.2rem;
    margin-bottom: 20px;
    font-weight: 500;
}

.result.correct {
    background: rgba(76,  175,  80,  0.1);
    border: 2px solid #4CAF50;
}

.result.incorrect {
    background: rgba(244,  67,  54,  0.1);
    border: 2px solid #f44336;
}

.restart-btn {
    background: #6c757d;
    color: white;
    border: none;
    padding: 12px 25px;
    font-size: 1rem;
    border-radius: 25px;
    cursor: pointer;
    margin: 0 auto;
    transition: all 0.3s ease;
}

.restart-btn:hover {
    background: #5a6268;
    transform: translateY(-1px);
}

/* Responsive design */
@media (max-width: 768px) {
    .container2 {
        padding: 20px;
    }

    .video-container {
        min-height: 47vh;
    }

    body {
        min-height: auto;
        /* Allow content to determine height */
        padding: 20px 0;
        /* Add padding for mobile */
    }

    .container {
        width: 95%;
        padding: 30px 20px;
        margin: 10px auto;
        /* Reduced margin for mobile */
    }

    .main-title {
        font-size: 2rem;
    }

    .question-section h2 {
        font-size: 1.5rem;
    }

    .question-text {
        font-size: 1.1rem;
    }

    .answer-buttons {
        flex-direction: column;
        align-items: center;
    }

    .answer-btn {
        width: 200px;
    }

}

/* Make any link with .as-h2 look like an H2 */
.as-h2 {
    display:block;
    font-size:1.75rem;
    /* ~28px on a 16px base */
    font-weight:700;
    line-height:1.2;
    margin:0.75em 0 0.5em;
    color:inherit;
    text-decoration:none;
}

.as-h2:hover,  .as-h2:focus {
    text-decoration:underline;
    /* optional */
}

@media (max-width: 480px) {
    body {
        padding: 10px 0;
        /* Reduced padding for smaller screens */
    }

    .container {
        padding: 20px 15px;
        margin: 5px auto;
        /* Minimal margin for small screens */
    }

    .main-title {
        font-size: 1.8rem;
    }

    .continue-btn,  .answer-btn {
        padding: 12px 25px;
        font-size: 1rem;
    }

}

.custom-border {
    border: 1px solid black;
    border-radius: 10px;
    padding: 10px;
    text-align: center;
    background-color: #ffffff;
}

.highlight {
    font-weight:600;
    color:#000000;
}

/* Base styling (desktop + mobile) */
#faqs details {
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 0.75rem 1rem;
  margin: 0.5rem 0;
}

#faqs summary {
  cursor: pointer;
  font-weight: 700;                  /* ensure bold questions */
  display: block;                    /* better tap target */
  outline: none;                     /* we’ll add a custom focus */
  list-style: none;                  /* avoid default markers */
  -webkit-tap-highlight-color: transparent;
  margin-bottom: 0.35rem;            /* space between Q and A */
}

/* Remove default marker bullets (Chrome/Firefox/Safari) */
#faqs summary::marker { content: ""; }
#faqs summary::-webkit-details-marker { display: none; }

/* Space for the answer body */
#faqs details > *:not(summary) {
  margin-top: 0.35rem;               /* gap between Q and A */
}

/* Focus/keyboard accessibility */
#faqs summary:focus-visible {
  box-shadow: 0 0 0 3px rgba(0, 120, 255, 0.25);
  border-radius: 6px;
}

/* Optional: add a simple open indicator */
#faqs summary::after {
  content: "＋";
  float: right;
  font-weight: 600;
  transition: transform 0.2s ease;
}
#faqs details[open] > summary::after {
  content: "－";
}

/* ---------- Mobile enhancements ---------- */
@media (max-width: 600px) {
  #faqs details {
    padding: 0.9rem 1rem;            /* larger tap comfort */
    margin: 0.6rem 0;
  }
  #faqs summary {
    font-size: 1rem;                 /* ~16px for readability */
    line-height: 1.3;
    margin-bottom: 0.5rem;           /* extra space before answer */
  }
  #faqs details > *:not(summary) {
    margin-top: 0.5rem;              /* clearer Q/A separation */
  }
  /* Extra gap between FAQ items on mobile */
  #faqs details + details {
    margin-top: 0.75rem;
  }
}


/* ====================================================================
   OVERRIDES & FIXES — appended on 2025-10-01 09:14:50
   Purpose: ensure .custom-border renders white and overlays don't blanket content.
   ==================================================================== */

/* === Scope header overlays so they don't cover the rest of the page === */
.header-video,
.videobox,
.overlay-container {
    position: relative; /* create a stacking context for header */
}

/* Keep overlays ABOVE the video but BELOW main content */
.header-video .bg-overlay { z-index: 1; }
.header-video .overlaybox { z-index: 2; }

/* If you use a fixed bottom area, keep it low in the stack */
.fixed-bottom-area { z-index: 3; }

/* The side menu should not blanket the page unless opened */
.side-menu-fixed { pointer-events: none; }
.side-menu-fixed.is-open { pointer-events: auto; }

/* === Ensure main content stacks above header overlays === */
.section-empty,
.container.content,
.main,
.content {
    position: relative;
    z-index: 5; /* above header overlays */
}

/* === Force visible white background for bordered cards === */
.custom-border {
    position: relative;
    z-index: 6;              /* above overlays */
    background: #ffffff !important;
    border: 1px solid #000;
    border-radius: 10px;
    padding: 10px;
    text-align: center;
    background-clip: padding-box;
    display: block;
}

/* Optional: prevent any generic overlay from blanketing the page */
.overlaybox {
    max-height: 100vh;
    overflow: hidden;
}
.overlay { pointer-events: none; }



/* ====================================================================
   OVERRIDES — Reduce hero height for specific home block (desktop + mobile)
   Target element (exact classes on the DIV):
   .my-class-home.section-bg-animation.header-animation.box-middle-container.full-screen-size.white
   Appended: 2025-10-01 10:14:06
   ==================================================================== */

/* Base: cut overall height and tidy spacing */
.my-class-home.section-bg-animation.header-animation.box-middle-container.full-screen-size.white {
  height: 45vh !important;           /* override inline 893px */
  min-height: 260px;
  background-size: cover;
  background-position: center;
  position: relative;
  overflow: hidden;
  padding-top: 16px;
  padding-bottom: 16px;
}

/* Ensure the content vertically centers without big offsets */
.my-class-home .container.content.overlay-content {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
}

.my-class-home .box-middle {
  margin-top: 0 !important;          /* neutralize inline 147.5px */
}

/* Animated/parallax layers should fit container and not force height */
.my-class-home .anima-layer {
  height: 100% !important;
  width: 100%;
  pointer-events: none;
}

/* Typography tightening for the hero */
.my-class-home h1,
.my-class-home h2 {
  margin: 0.2em 0 0.1em;
  line-height: 1.15;
}

.my-class-home h1 { font-size: clamp(26px, 3.8vw, 42px); letter-spacing: 3px; }
.my-class-home h2 { font-size: clamp(18px, 2.6vw, 28px); letter-spacing: 2px; }

/* Desktop fine-tuning */
@media (min-width: 769px) {
  .my-class-home.section-bg-animation.header-animation.box-middle-container.full-screen-size.white {
    height: 45vh !important;
    min-height: 280px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

/* Mobile: make it even more compact */
@media (max-width: 768px) {
  .my-class-home.section-bg-animation.header-animation.box-middle-container.full-screen-size.white {
    height: 34vh !important;
    min-height: 220px;
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .my-class-home h1 { font-size: clamp(22px, 6vw, 30px); }
  .my-class-home h2 { font-size: clamp(16px, 4.8vw, 22px); }
}
/*  CTA Buttons */

  .cta-pair {
    display: flex;
    gap: 0.8rem;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center; /* <-- centers horizontally */
    margin: 1.5rem auto;
    text-align: center;
  }

  .btn-cta {
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    padding: 0.85rem 1.15rem;
    border-radius: 999px;
    border: 1px solid #222;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.15s ease;
    cursor: pointer;
  }

  .btn-cta--solid {
    background: #111;
    color: #fff;
  }

  .btn-cta--solid:hover {
    background: #000;
    transform: translateY(-1px);
  }

  .btn-cta--light {
    background: #f5f5f5;
    color: #111;
  }

  .btn-cta--light:hover {
    background: #e9e9e9;
    transform: translateY(-1px);
  }

  .arrow {
    font-size: 1.05em;
  }