@import "../iconfonts/list-style/fontello.css";

/*------------------------------------------------------------------
[Table of contents]

1. Body
2. Headings / h1, h2, h3, h4, h5, h6
3. Primary & Secondary Colors 
4. Borders 
5. Top Bar
6. Main Navigation
7. Menu Page Bar
8. Footer
9. Widgets 
10. Banner 
11. Woocommerce
12. Portfolio Loader
13. Visual Composer Addon
14. Main Navigation Reveal
15. Page Preloader
16. Boxed Layout
17. Box Stretched Layout
18. Blog
19. Press / Report
20. 404 not found page
21. Buttons
22. Header
23. Social Buttons
24. Carousel
25. WooCommerce widgets
26. Portfolio
27. Visual Composer overrides
28. Tabs & Accordion
29. DT Counto
30. Contact Forms
31. Optin Forms
32. Post Grid
33. Horizontal WP Custom Menu
24. Essential Grid & Rev Slider overrides
25. Visual Composer - Flex Slider overrides
26. Career
27. Sequence Slider
28. Head Page
29. Featured post widget
30. Portfolio detail
31. Portfolio gallery
32. DT timeline
33. DT Section Heading
34. DT Iconbox
35. DT Profile
36. DT Pricing Table
37. DT Progress bars
38. DT Circle bar
39. DT Post grid
40. Video background
41. Visual Composer - Single image overrides


-----------------------------------------------------------------*/
/* --- Body --- */
body {
    font-family: "Source Sans Pro";
    font-size: 17px;
    color: #7b7a7a;
    font-weight: 500;
    line-height: 1.56em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*
@-webkit-keyframes androidbugfix {
  from {
    padding: 0;
  }

  to {
    padding: 0;
  }
}
*/
/* --- Links --- */
a {
    color: #61a4b4;
}

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

/* --- Headings --- */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Source Sans Pro";
    margin-top: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: #696969;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
h1 a:focus,
h2 a:focus,
h3 a:focus,
h4 a:focus,
h5 a:focus,
h6 a:focus {
    color: #61a4b4;
}

h1 {
    font-size: 33px;
}

h2 {
    color: #2f3787;
    font-size: 44px;
    font-weight: 500;
}

h3 {
    color: #009de0 !important;
    font-weight: 500;
    font-size: 34px;
    text-transform: uppercase;
}


h4 {
    font-size: 22px;
}

h5 {
    font-size: 1.3em;
    font-weight : 500;
    line-height: 1.5em;
    color: #7b7a7a !important;
}

h6 {
    font-size: 14px;
}

img {
    max-width: 100%;
    height: auto;
}
p, h5{
    text-align: justify;
}

/* --- Primary & Secondary Colors --- */
.primary_color_bg {
    background-color: #e9e9e9;
}

.primary_color_text {
    color: #e9e9e9;
}

.primary_color_border {
    border-color: #e9e9e9;
}

.primary_color_button {
    background-color: #e9e9e9;
    color: #ffffff;
    border: 0;
}

.primary_color_button:hover {
    background-color: #1b3f4f;
}

.secondary_color_bg {
    background-color: #61a4b4;
}

.secondary_color_text {
    color: #61a4b4;
}

.secondary_color_border {
    border-color: #61a4b4;
}

.secondary_color_button,
.btn-active {
    background-color: #61a4b4;
    color: #ffffff;
    border: 0;
}

.secondary_color_button:hover,
.btn-active:hover {
    background-color: #1b3f4f;
}

input.secondary_color_button {
    border: none;
    padding: 9px 31px;
    text-transform: uppercase;
    font-family: "Source Sans Pro";
}

.tertier_color_bg {
    background-color: #1b3f4f;
}

.tertier_color_bg_transparent {
    background-color: rgba(0, 0, 0, 0.6);
}

.bg_gray_3 {
    background-color: rgba(0, 0, 0, 0.05);
}

.gray_border_bottom {
    border-bottom: 1px solid rgba(68, 68, 68, 0.2);
}

/* --- Borders --- */
.border_white20 {
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.border_top_white20 {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.border_bottom_white20 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.border_left_white20 {
    border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.border_right_white20 {
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.border_black20 {
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.border_top_black20 {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
}

.border_bottom_black20 {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.border_left_black20 {
    border-left: 1px solid rgba(0, 0, 0, 0.2);
}

.border_right_black20 {
    border-right: 1px solid rgba(0, 0, 0, 0.2);
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.float-none {
    float: none;
}

.social-share-link {
    font-family: "Source Sans Pro";
    font-size: 12px;
    font-weight: 300;
}

.right-logo {
    float: right;
}

.nopadding {
    padding: 0 !important;
}

/* --- Top Bar --- */
#top-bar {
    position: relative;
    color: #222;
    font-family: "Source Sans Pro";
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    background-color: #ffffff;
    min-height: 96px;
}

#top-bar a {
    color: #222;
}

#top-bar a:hover {
    color: #61a4b4;
    background: none;
}

#top-bar i {
    background: #adadad;
    border-radius: 100%;
    width: 1.25em;
    height: 1.25em;
    display: block;
    position: relative;
    color: #ffffff;
}

#top-bar i:before,
#top-bar i:after {
    font-style: normal;
    margin: 0;
    padding: 0;
    font-size: 0.7em;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#top-bar .left-menu {
    float: left;
}

#top-bar .right-menu {
    float: right;
}

#top-bar .right-menu li:last-child a {
    padding-right: 0;
}

#top-bar .left-menu .nav > li > a,
#top-bar .right-menu .nav > li > a {
    padding: 12px 5px;
    line-height: 55px;
    font-size: 20px;
    position: relative;
    text-transform: uppercase;
    font-weight: 600;
    color: #2f3787;
    z-index: 999;
    line-height: 4;
}
#top-bar > .container {
    padding-left: 0;
    padding-right: 0;
    max-width: 1115px;
}

#top-bar .left-menu .nav > li > a > i,
#top-bar .right-menu .nav > li > a > i {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

#top-bar .left-menu .nav > li > a > i + span,
#top-bar .right-menu .nav > li > a > i + span {
    padding-left: 25px;
}

#top-bar .topbar-text {
    margin-top: 10px;
}

#top-bar .logo-desktop {
    display: none;
}

.menu-leftvc #top-bar {
    border-bottom: none;
}

#head-page::after {
    width: 100%;
    content: " ";
    height: 1px;
    position: relative;
    display: block;
    top: 1px;
}
/*#top-bar > .container {
    width: 1075px;
    padding-right: 0;
}*/
@media (min-width: 768px) {
    /*#top-bar .topbar-text {
        margin-top: 37px;
        text-transform: uppercase;
        font-weight: 700;
        color: #2f3787;
        font-size: 18px;
        margin-right: 0;
    }*/

    #top-bar .topbar-icon {
       /*margin-top: 11px;*/
    }
}

@media (max-width: 767px) {
    #top-bar .topbar-text {
        text-align: center;
    }

    #top-bar .topbar-icon {
        margin-left: auto;
        margin-right: auto;
        display: table;
    }
}

@media (max-width: 767px) {
    #top-bar .left-menu {
        clear: both;
        width: 100%;
    }

    #top-bar .left-menu ul.topbar-icon li {
        float: left;
    }

    #top-bar .left-menu ul.topbar-menu li {
        float: none;
    }

    #top-bar .left-menu ul.topbar-menu-nosub {
        position: relative;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        float: left;
    }

    #top-bar .right-menu {
        clear: both;
        width: 100%;
    }

    #top-bar .right-menu ul.topbar-icon li {
        float: left;
    }

    #top-bar .right-menu ul.topbar-menu li {
        float: none;
    }

    #top-bar .right-menu ul.topbar-menu-nosub {
        position: relative;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        float: left;
    }
}

/* --- Main Navigation --- */
@media (max-width: 991px) {
    .visible-sm-max {
        display: block !important;
        visibility: visible;
        height: auto;
    }

    table.visible-sm-max {
        display: table;
    }

    tr.visible-sm-max {
        display: table-row !important;
    }

    th.visible-sm-max,
    td.visible-sm-max {
        display: table-cell !important;
    }
}

@media (min-width: 1200px) {
    .hidden-sm-max {
        display: none !important;
        visibility: hidden;
        height: 0;
        min-height: 0;
    }
    #head-page:not(.is-sticky) .flex-item.col-sm-12.col-md-12.nopadding{
        width: 1115px;
    }

    .nav_bgcolor {
        /*display: none !important;*/
    }
    .top-head.is-sticky-menu {
      top: 0px;
  }
}

@media (max-width: 1199px) {
    #dt-menu {
        display: none !important;
    }
}

/*
@-webkit-keyframes androidbugfix {
  from {
    padding: 0;
  }

  to {
    padding: 0;
  }
} 
*/
#dt-menu ul.sub-nav li.megamenu-heading:hover > a,
#dt-menu-mobile ul.sub-nav li.megamenu-heading:hover > a {
    background: none;
    cursor: default;
}

#mobile-header {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    height: initial;
    color: inherit;
}

#mobile-header label {
    padding: 0 0.125em;
    font-family: "Source Sans Pro";
}

#dt-menu,
#dt-menu-mobile {
    margin: 0;
    padding: 0;
}

#dt-menu label,
#dt-menu-mobile label {
    padding: 0 0.25em;
    font: 3.125em/1.375em "Source Sans Pro";
}

#dt-menu .sub-nav label,
#dt-menu-mobile .sub-nav label {
    padding: 0 0.3125em;
    font: 2em/2em "Source Sans Pro";
    top: 0;
}

#mobile-header label:hover,
#dt-menu label:hover,
#dt-menu-mobile label:hover {
    /*color: #e9e9e9;*/
}

#main-nav-check,
#dt-menu .sub-nav-check,
#dt-menu-mobile .sub-nav-check {
    position: absolute;
    visibility: hidden;
}

.toggle {
    position: absolute;
    right: 0.15em;
    cursor: pointer;
}

.toggle.close-all {
    color: #fff !important;
}

.toggle.close-all:hover i:before {
    /*color: #e9e9e9;*/
}

#dt-menu,
#dt-menu .sub-nav,
#dt-menu-mobile,
#dt-menu-mobile .sub-nav {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 270px;
    /* Push Menu Width*/

    z-index: 9999;
    left: -270px;
    /* Hide Push menu to the left ( equals push menu width ) */

    background: transparent;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#dt-menu a,
#dt-menu .sub-nav:not(.megamenu-sub) a,
#dt-menu-mobile a,
#dt-menu-mobile .sub-nav:not(.megamenu-sub) a {
    font-family: "Source Sans Pro";
} 

#dt-menu a {
    max-height: 80px;
}

#dt-menu a:hover,
#dt-menu-mobile a:hover {
    color: #ffffff !important;
}

#dt-menu .sub-nav li,
#dt-menu-mobile .sub-nav li {
   /* -webkit-transition: all 50ms;
    -moz-transition: all 50ms;
    -o-transition: all 50ms;
    -ms-transition: all 50ms;
    transition: all 50ms;*/
}

#dt-menu .sub-nav li.current-menu-item:nth-child(2),
#dt-menu-mobile .sub-nav li.current-menu-item:nth-child(2) {
    border-top: 0;
}

#dt-menu .sub-nav li:hover,
#dt-menu-mobile .sub-nav li:hover {
    -webkit-transition: all 50ms;
    -moz-transition: all 50ms;
    -o-transition: all 50ms;
    -ms-transition: all 50ms;
    transition: all 50ms;
}

#dt-menu-mobile .sub-nav {
    transition: none !important;
    -webkit-transition :none !important;

} 
#dt-menu, #dt-menu-mobile {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: transform 150ms cubic-bezier(0.005, 0.975, 0.73, 1);
    -moz-transition: transform 150ms cubic-bezier(0.005, 0.975, 0.73, 1);
    -o-transition: transform 150ms cubic-bezier(0.005, 0.975, 0.73, 1);
    -ms-transition: transform 150ms cubic-bezier(0.005, 0.975, 0.73, 1);
    transition: transform 150ms cubic-bezier(0.005, 0.975, 0.73, 1);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

#dt-menu ul,
#dt-menu-mobile ul {
    line-height: 1.5em;
    text-decoration: none;
    padding: 0;
    list-style: none;
    margin-top: 55px;
}

#dt-menu > ul > li,
#dt-menu-mobile > ul > li {
    border: 0px solid #111111;
    font-weight: 500;
    font-size: 15px;
    z-index: 100;
}

@media screen and (max-width: 1321px){
	.is-sticky #dt-menu > ul > li,
	.is-sticky #dt-menu-mobile > ul > li {
    border: 0px solid #111111;
    font-weight: 500;
    font-size: 14px;
    z-index: 100;
}
}

#dt-menu li a,
#dt-menu li,
#dt-menu-mobile li a,
#dt-menu-mobile li {
    display: block;
    color: inherit;
    text-decoration: none;
    z-index: 100;
}

#dt-menu li a:hover,
#dt-menu-mobile li a:hover {
    color: #e9e9e9;
}

.is-sticky #dt-menu .actu {
    margin: 0;
    width: auto;

}

#dt-menu li ul.sub-nav a {
    text-transform: none;
    margin: 0;
}

.is-sticky #dt-menu li ul.sub-nav li {
    font-weight: 500;
    font-size: 16px;
    /*line-height: 3;*/
}

.is-sticky #dt-menu li ul.sub-nav {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0px;
}

.is-sticky .menu-leftvc #dt-menu .sub-nav > li {
    padding: 0;
    /*margin-top: 5px;
    margin-bottom: 5px;*/
}

/*#head-page:not(.is-sticky) ul.sub-nav {
    margin-top: -2px !important;
}*/

.top-head:not(.is-sticky) ul.sub-nav li {
    font-weight: 500;
    font-size: 16px;
    line-height: 3;
}

ul.sub-nav li {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    /*line-height: 3;*/
}

ul.sub-nav{
    margin-left: 1px
}

/***** CUSTOM MODIFICATIONS *********/

#dt-menu .sub-nav,
#dt-menu-mobile .sub-nav {
    margin-top: 0px;
}

#dt-menu .sub-heading,
#dt-menu-mobile .sub-heading {
    margin-top: 55px;
    padding-left: 16px;
    /*color : #e9e9e9;*/
    color: rgba(233, 233, 233, 0.63);
}

#dt-menu .sub-heading:before,
#dt-menu-mobile .sub-heading:before {
    content: "";
    display: block;
    height: 1px;
    width: auto;
    margin-left: -1.3125em;
}

#dt-menu .toggle-sub,
#dt-menu-mobile .toggle-sub {
    font-size: 30px;
    color: #fff;
    float: right;
    margin-top: -1.65em;
    margin-right: 0;
    width: 0.8em;
    height: 0.8em;
    cursor: pointer;
    text-align: center;
    border-radius: 50%;
    position: relative;
    -webkit-transition: background-color 0.25s ease;
    -moz-transition: background-color 0.25s ease;
    -o-transition: background-color 0.25s ease;
    -ms-transition: background-color 0.25s ease;
    transition: background-color 0.25s ease;
}

#dt-menu li:hover .toggle-sub:after,
#dt-menu-mobile li:hover .toggle-sub:after {
    color: #e9e9e9;
}

#dt-menu li:hover > .toggle-sub,
#dt-menu-mobile li:hover > .toggle-sub {
    -webkit-transition: background-color 0.25s ease;
    -moz-transition: background-color 0.25s ease;
    -o-transition: background-color 0.25s ease;
    -ms-transition: background-color 0.25s ease;
    transition: background-color 0.25s ease;
}

#dt-menu .sub-nav .toggle-sub,
#dt-menu-mobile .sub-nav .toggle-sub {
    line-height: 0.6em;
    margin-top: -1.25em;
}

.home #head-page #dt-menu > ul > li > a,
.home #head-page #dt-menu-mobile > ul > li > a {
    color: #ffffff;
}

.home #head-page #dt-menu > ul > li > a:hover,
.home #head-page #dt-menu-mobile > ul > li > a:hover {
    color: #e9e9e9;
}

.home #head-page.is-sticky #dt-menu > ul > li > a,
.home #head-page.is-sticky #dt-menu-mobile > ul > li > a {
    color: #ffffff;
}

#head-page #dt-menu > ul > li > a,
#head-page #dt-menu-mobile > ul > li > a {
    color: #ffffff !important;
}

#head-page #dt-menu > ul > li > a:hover,
#head-page #dt-menu-mobile > ul > li > a:hover {
    color: #e9e9e9;
}

#head-page.is-sticky #dt-menu > ul > li > a,
#head-page.is-sticky #dt-menu-mobile > ul > li > a {
    color: #ffffff;
}

#dt-menu [class*='col-'] p,
#dt-menu-mobile [class*='col-'] p {
    line-height: 1.5em;
}

#dt-menu,
#dt-menu .sub-nav,
#dt-menu-mobile,
#dt-menu-mobile .sub-nav {
    -webkit-transform: translate3d(0, 0, 0);
}

/* http://davidwalsh.name/translate3d */
/* #### - extra css for js enhancement - #### */
#dt-menu .close-all,
#dt-menu-mobile .close-all {
    display: none;
}

.js #dt-menu .close-all,
.js #dt-menu-mobile .close-all {
    display: inline;
}

.js #dt-menu .toggle,
.js #dt-menu-mobile .toggle {
    top: 7px;
    z-index: 9999;
}

.js #dt-menu .sub-nav .toggle,
.js #dt-menu-mobile .sub-nav .toggle {
    left: 14px;
    top: 18px;
    font-size: 12px;
    text-transform: uppercase;
}

.menu-leftvc #head-page.is-sticky {
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;

}

.home.menu-leftvc #head-page.is-sticky {
    background-color: #2f3787 !important;
}

/* #### - define ids of animated.container, menu and sub-menus here - #### */
#main-nav-check ~ .container,
#main-nav-check ~ #dt-menu,
#main-nav-check ~ #dt-menu-mobile,
#main-nav-check ~ .top-head,
#main-nav-check ~ #banner-section,
#main-nav-check:checked ~ #footer,
#dt-menu .sub-nav-check ~ #fof-sub,
#dt-menu .sub-nav-check ~ ul[id*='fof-sub-'],
#dt-menu-mobile .sub-nav-check ~ #fof-sub,
#dt-menu-mobile .sub-nav-check ~ ul[id*='fof-sub-'] {
/*  visibility: visible;*/

/*    -webkit-transition: all 200ms cubic-bezier(0.005, 0.975, 0.73, 1);
    -moz-transition: all 200ms cubic-bezier(0.005, 0.975, 0.73, 1);
    -o-transition: all 200ms cubic-bezier(0.005, 0.975, 0.73, 1);
    -ms-transition: all 200ms cubic-bezier(0.005, 0.975, 0.73, 1);
    transition: all 200ms cubic-bezier(0.005, 0.975, 0.73, 1);*/
}

#main-nav-check:checked ~ .top-head #dt-menu,
#dt-menu .sub-nav-check:checked ~ #fof-sub,
#dt-menu .sub-nav-check:checked ~ ul[id*='fof-sub-'],
#main-nav-check:checked ~ .top-head #dt-menu-mobile,
#dt-menu-mobile .sub-nav-check:checked ~ #fof-sub,
#dt-menu-mobile .sub-nav-check:checked ~ ul[id*='fof-sub-'] {
    -webkit-transform: translate(270px, 0);
    -moz-transform: translate(270px, 0);
    -ms-transform: translate(270px, 0);
    -o-transform: translate(270px, 0);
    transform: translate(270px, 0);
    -webkit-transition: transform 150ms cubic-bezier(0.005, 0.975, 0.73, 1);
    -moz-transition: transform 150ms cubic-bezier(0.005, 0.975, 0.73, 1);
    -o-transition: transform 150ms cubic-bezier(0.005, 0.975, 0.73, 1);
    -ms-transition: transform 150ms cubic-bezier(0.005, 0.975, 0.73, 1);
    transition: transform 150ms cubic-bezier(0.005, 0.975, 0.73, 1);
}

#main-nav-check:checked ~ .top-head {
    position: fixed;
    z-index: 9999;
}

#main-nav-check:checked:parent * {
    border: 1px solid blue;
}

.dt-megamenu .row {
    color: #fff;
    margin-left: 0;
    margin-right: 0;
}

#dt-menu .dt-megamenu-sub-nav,
#dt-menu-mobile .dt-megamenu-sub-nav {
    margin-top: 0;
}

#dt-menu .dt-megamenu-sub-nav > .sub-heading,
#dt-menu-mobile .dt-megamenu-sub-nav > .sub-heading {
    margin-top: 0;
}

.megamenu-heading {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
}

/* Menu Active */
#dt-menu > ul .sub-nav .current-menu-parent:hover > a,
#dt-menu-mobile > ul .sub-nav .current-menu-parent:hover > a {
    color: #fff;
}

#dt-menu > ul .sub-nav .current-menu-item > a,
#dt-menu-mobile > ul .sub-nav .current-menu-item > a {
    color: #009de0;
}

i.icon-menu {
    font-size: 20px;
}

#top-bar .logo-desktop,
.sidebar .logo-desktop,
footer .logo-desktop {
    display: none;
}

.menu_background_color {
    background-color: rgba(255, 255, 255, 0);
}

.home .menu_background_color {
    background-color: rgba(255, 255, 255, 0);
}

.megamenu-heading a span {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
    padding-bottom: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
    display: block;
    font-weight: 100;
}

.hide-me-first {
    display: none;
}

/* woocommerce mini cart */
.bag .sub-nav {
    padding: 15px !important;
}

.cart-popup {
    top: 100%;
    right: 0px;
    background-color: #141414;
    padding: 0px;
    background-clip: padding-box;
    max-width: 264px;
}

.cart-popup .widget_shopping_cart_content {
    float: left;
    width: 100%;
}

.cart-popup .widget_shopping_cart_content .cart_list {
    position: relative !important;
}

.cart-popup .widget_shopping_cart_content .cart_list li {
    margin-bottom: 20px;
}

.button_cart {
    padding: 5px 0 3px 0 !important;
}

.vertical_menu .cart-popup {
    position: relative;
    top: 0;
    max-width: 250px;
}

/* Hide Scrollbar in WEbkit Browsers */
#dt-menu::-webkit-scrollbar,
#dt-menu-mobile::-webkit-scrollbar {
    width: 0 !important;
}

/* STICKY ON SCROLL UP */
.stickyonscrollup {
    position: relative;
    padding-top: 5px;
    top: 0;
    left: 0;
    background: rgba(247, 247, 247, 0.95);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.stickyonscrollup.is-visible {
    /* if the user changes the scrolling direction, we show the header */

    padding-top: 5px;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background-color: rgba(247, 247, 247, 0.5);
}

.is-sticky #dt-menu .actu {
    background-image: none;
}

@media only screen and (min-width: 783px) {
    .adminbar-is-here .stickyonscrollup.is-visible {
        /* if the user changes the scrolling direction, we show the header */

        position: fixed !important;
        padding-top: 5px;
        -webkit-transform: translate3d(0, 32px, 0);
        -moz-transform: translate3d(0, 32px, 0);
        -ms-transform: translate3d(0, 32px, 0);
        -o-transform: translate3d(0, 32px, 0);
        transform: translate3d(0, 32px, 0);
        /*      background-color: rgba(247, 247, 247, 0.5);*/

    }
}

@media only screen and (min-width: 768px) {
    .stickyonscrollup {
        /*height: 80px;*/

        background: transparent;
        box-shadow: none;
    }
}

@media only screen and (min-width: 1170px) {
    .stickyonscrollup {
        -webkit-transition: background-color 0.3s;
        -moz-transition: background-color 0.3s;
        transition: background-color 0.3s;
        /* Force Hardware Acceleration in WebKit */

        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        overflow: visible;
    }

    .stickyonscrollup.is-fixed {
        /* when the user scrolls down, we hide the header right above the viewport */

        /*top: -80px;*/

        background-color: rgba(247, 247, 247, 0.96);
        -webkit-transition: -webkit-transform 0.3s;
        -moz-transition: -moz-transform 0.3s;
        transition: transform 0.3s;
    }

    .paspartu_inner .stickyonscrollup.is-fixed {
        padding-left: 1.85%;
        padding-right: 1.85%;
    }
}
.right-menu.index-low{
    display: none;
}

.megamenu-sub a {
    font-family: inherit !important;
    color: inherit !important;
}

#dt-menu .megamenu-content a {
    padding: 2px 5px;
}

#dt-menu .megamenu-content,
#dt-menu .megamenu-content a {
    font-family: "Source Sans Pro";
}

.megamenu-column {
    padding-top: 30px;
}

@media only screen and (max-width: 991px) {
    .megamenu-content [class*='vc_col-'] {
        width: 100%;
    }

    .megamenu-content .container {
        max-width: 100%;
    }

    .megamenu-content .vc_row {
        margin-left: 0;
        max-width: 100%;
    }
}

/* @media only screen and (max-width: 991px) */
@media (max-width: 480px) {
    .cart-popup {
        right: 0;
        margin: 20px 10px;
    }

    #head-page:not(.is-sticky) #mobile-header a {
        /*width: 45%;
        /*display: none !important;*/
    }

}

@media (max-width: 782px) {
    .no-sticky-menu .adminbar-is-here #dt-menu,
    .no-sticky-menu .adminbar-is-here #dt-menu-mobile {
        top: 46px;
    }
}

@media (min-width: 783px) and (max-width: 991px) {
    .adminbar-is-here #dt-menu,
    .adminbar-is-here #dt-menu-mobile {
        top: 32px;
    }
}

@media (max-width: 991px) {
    #dt-menu > ul .current-menu-item:hover > a,
    #dt-menu-mobile > ul .current-menu-item:hover > a {
        color: #fff;
    }

    #dt-menu > ul .current-menu-parent:hover > a,
    #dt-menu-mobile > ul .current-menu-parent:hover > a {
        color: #fff;
    }

    #dt-menu,
    #dt-menu-mobile {
        height: 2000px;
    }

    .menu-leftvc #head-page {
        height: 80px;
    }

    .menu-leftvc #logomenureveal {
        position: initial;
        left: 20px;
        top: 50%;
        -webkit-transform: translateY(-50.3%);
        -moz-transform: translateY(-50.3%);
        -ms-transform: translateY(-50.3%);
        -o-transform: translateY(-50.3%);
        transform: translateY(-12.3%) !important;
    }

    /*
    #dt-menu > ul > li > a, 
    #dt-menu-mobile > ul > li > a {
      color:#fff!important;
      font-weight: 400;
      &:hover { color:@primary-color!important; }
    }
  */
    #dt-menu a,
    #dt-menu-mobile a {
        color: #fff !important;
        font-weight: 400;
    }

    #dt-menu a:hover,
    #dt-menu-mobile a:hover {
        /*color: #e9e9e9 !important;*/
    }

    .dt-megamenu-sub-nav .sub-nav {
        height: auto;
    }

    .sub-nav .toggle {
        color: #fff;
    }

    #dt-menu,
    #dt-menu .sub-nav,
    #dt-menu-mobile,
    #dt-menu-mobile .sub-nav {
        background-color: #2f3787;
        margin-top: 67px;
    }

    #dt-menu .menu-item-type-search .search_btn,
    #dt-menu-mobile .menu-item-type-search .search_btn {
        display: none;
    }

    #dt-menu > .toggle,
    #dt-menu-mobile > .toggle {
        font-size: 30px;
    }

    #mobile-header > .toggle {
        top: 50%;
        -webkit-transform: translateY(-50.3%);
        -moz-transform: translateY(-50.3%);
        -ms-transform: translateY(-50.3%);
        -o-transform: translateY(-50.3%);
        transform: translateY(-50.3%);
    }

    #dt-menu ul,
    #dt-menu-mobile ul {
        line-height: 40px;
    }

    #dt-menu .sub-nav,
    #dt-menu-mobile .sub-nav {
        font-size: 14px;
    }

    #dt-menu > ul,
    #dt-menu-mobile > ul {
        /*border-bottom: 1px solid #111111;*/
    }

    #dt-menu > ul > li,
    #dt-menu-mobile > ul > li {
        /*border-top: 1px solid #111111;*/
    }

    #dt-menu > ul > li > a,
    #dt-menu-mobile > ul > li > a {
        font-size: 16px;
        line-height: 3.5em;
    }

    #dt-menu > ul > li > ul > li:nth-child(2),
    #dt-menu-mobile > ul > li > ul > li:nth-child(2) {
        /*border-top: 1px solid #111111 !important;*/
    }

    #dt-menu .sub-nav li,
    #dt-menu-mobile .sub-nav li {
        /*border-top: 1px solid #000;*/
    }

    .cart-popup {
        position: relative;
        top: 0;
        right: 0;
        max-width: 250px;
    }

    #dt-menu,
    #dt-menu-mobile {
        overflow: scroll;
        height: auto;
    }

    .sub-nav {
        height: 200%;
    }

    #head-page {
        background: rgba(255, 255, 255, 0.9);
    }

    #head-page.reveal.alt {
        background: rgba(255, 255, 255, 0.9);
    }

    #head-page.reveal {
        background: rgba(255, 255, 255, 0.9);
    }

    .home #head-page {
        background: rgba(255, 255, 255, 0.9);
    }

    .home #head-page.reveal.alt {
        background: rgba(255, 255, 255, 0.9);
    }

    .home #head-page.reveal {
        background: rgba(255, 255, 255, 0.9);
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    #dt-menu ul li a,
    #dt-menu-mobile ul li a {
        padding: 0 1em;
    }
}

@media (max-width: 1450px) {
    .vertical_menu_container .container {
        width: auto !important;
        margin-right: 5%;
        margin-left: 5%;
    }
}

@media (min-width: 992px) {
    .js #dt-menu .close-all,
    .js #dt-menu-mobile .close-all {
        display: none;
    }

    .dt-menu-leftbar #logomenu,
    .dt-menu-leftbar #logomenureveal {
        margin: 0 auto;
    }

    #dt-menu label,
    #dt-menu .sub-heading,
    #dt-menu-mobile label,
    #dt-menu-mobile .sub-heading {
        display: none;
    }

    #dt-menu .sub-nav,
    #dt-menu-mobile .sub-nav {
        visibility: hidden;
    }

    #dt-menu,
    #dt-menu-mobile {
        left: 0;
        bottom: auto;
        height: 0;
        width: 100%;
        position: relative;
        margin: 0 auto;
        max-width: 750px;
        clear: both;
        height: auto;
        overflow: visible;
        z-index: 5;
    }

    #dt-menu > ul,
    #dt-menu-mobile > ul {
        float: none;
        position: relative;
        z-index: 1;
        margin: 0;
        border-right: 0;
        width: 100%;
        z-index: 999;
        display: table;
    }

    #dt-menu.dt-menu-right > ul {
        text-align: left;
    }

    .head-page #dt-menu.dt-menu-right .menu-item-type-search,
    .head-page #dt-menu.dt-menu-right .bag {
        float: right;
    }

    #dt-menu.dt-menu-right .logo-desktop a {
        margin-right: 20px;
    }

    #dt-menu.dt-menu-left > ul {
        text-align: right;
    }

    .head-page #dt-menu.dt-menu-left .menu-item-type-search,
    .head-page #dt-menu.dt-menu-left .bag {
        float: left;
    }

    #dt-menu.dt-menu-left .logo-desktop a {
        margin-left: 20px;
    }

    #dt-menu.dt-menu-right > ul .logo-desktop {
        float: left;
    }

    #dt-menu.dt-menu-left > ul .logo-desktop {
        float: right;
    }

    #dt-menu.dt-menu-center > ul {
        text-align: center;
        position: relative;
        margin-top: 100px;
    }

    #dt-menu.dt-menu-center > ul .logo-desktop {
        float: none;
        position: absolute;
        top: -70px;
        /*Adjust Logo vertical Position here*/

        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }

    .hovered > a span {
        color: #e9e9e9;
    }

    .reveal.alt #dt-menu.dt-menu-center > ul {
        text-align: center;
        position: relative;
        margin-top: 100px;
    }

    .reveal.alt #dt-menu.dt-menu-center > ul .logo-desktop {
        float: none;
        position: absolute;
        top: -70px;
        /*Adjust Logo vertical Position here*/

        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }

    .reveal #dt-menu.dt-menu-center > ul .logo-desktop {
        float: left;
    }

    /*dt-menu-middle*/
    #dt-menu.dt-menu-middle > ul {
        text-align: center;
        position: relative;
    }

    .reveal.alt #dt-menu.dt-menu-middle > ul {
        text-align: center;
        position: relative;
    }

    .dt-menu-middle > ul > li {
        text-align: center !important;
        vertical-align: bottom;
        display: table-cell !important;
    }

    .dt-menu-middle > ul > .logo-desktop img {
        margin: 0 auto;
    }

    #dt-menu ul:after,
    #dt-menu-mobile ul:after {
        content: "";
        clear: both;
        display: block;
    }

    #dt-menu > ul > li,
    #dt-menu-mobile > ul > li {
        border-bottom: 0;
        line-height: 5em;
        /*control menu height*/

    }

    #dt-menu ul li,
    #dt-menu-mobile ul li {
        display: inline-block;
        position: relative;
        text-align: left;
    }

    #dt-menu ul li.logo-desktop a,
    #dt-menu-mobile ul li.logo-desktop a {
        padding: 0;
    }

    #dt-menu ul li a,
    #dt-menu-mobile ul li a {
        padding: 0 1.5em;
    }

    #dt-menu ul.sub-nav li.menu-item-has-children > a:after,
    #dt-menu-mobile ul.sub-nav li.menu-item-has-children > a:after {
        font-family: "Menu Icons";
        content: ">";
        position: absolute;
        right: 1.5em;
        -webkit-font-smoothing: subpixel-antialiased;
        top: 50%;
        margin-top: -1px;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
        display: block;
        font: 0.8em flaticon;
    }

    #dt-menu .fly-left ul.sub-nav li.menu-item-has-children > a:after,
    #dt-menu-mobile .fly-left ul.sub-nav li.menu-item-has-children > a:after {
        content: '\ea02';
    }

    #dt-menu ul li a.search_btn:after,
    #dt-menu-mobile ul li a.search_btn:after {
        content: "";
    }

    #dt-menu ul li a:only-child:after,
    #dt-menu-mobile ul li a:only-child:after {
        content: "";
    }

    #dt-menu ul.sub-nav li:hover > a,
    #dt-menu-mobile ul.sub-nav li:hover > a {
        color: #e9e9e9;
        -webkit-transition: color 0.25s ease;
        -moz-transition: color 0.25s ease;
        -o-transition: color 0.25s ease;
        -ms-transition: color 0.25s ease;
        transition: color 0.25s ease;
    }

    #dt-menu ul li:hover > a,
    #dt-menu a.search_btn:hover,
    #dt-menu-mobile ul li:hover > a,
    #dt-menu-mobile a.search_btn:hover {
        background: transparent;
        color: #e9e9e9;
        -webkit-transition: background-color 0.25s ease;
        -moz-transition: background-color 0.25s ease;
        -o-transition: background-color 0.25s ease;
        -ms-transition: background-color 0.25s ease;
        transition: background-color 0.25s ease;
    }

    #dt-menu ul ul,
    #dt-menu-mobile ul ul {
        position: absolute;
    }

    #dt-menu ul ul li,
    #dt-menu-mobile ul ul li {
        float: none;
        /*width: 18em;*/
        /*Subnav width*/

    }

    /*
    #dt-menu ul ul li  a,
    #dt-menu-mobile ul ul li  a 
  
    menyebabkan semua a di dalam megamenu ikut padding 10px 25px 10px 25px
  
  */
    #dt-menu ul ul li > a,
    #dt-menu-mobile ul ul li > a {
        padding: 10px 25px 10px 25px;
    }

    #dt-menu ul ul li a:after,
    #dt-menu-mobile ul ul li a:after {
        right: 1em;
        margin-top: -3px;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

    #dt-menu ul .sub-nav,
    #dt-menu-mobile ul .sub-nav {
        top: auto;
        bottom: auto;
        left: auto;
        width: auto;
        padding: 0;
        background-color: #fff;
        border: 1px solid rgba(0, 0, 0, 0.1);
    }

    #dt-menu.dt-menu-left > ul > li:nth-child(2) .sub-nav {
        left: 0;
    }

    #dt-menu li > ul.sub-nav,
    #dt-menu-mobile li > ul.sub-nav {
        /*-webkit-transition: opacity 50ms ease-out;
        -moz-transition: opacity 50ms ease-out;
        -o-transition: opacity 50ms ease-out;
        -ms-transition: opacity 50ms ease-out;
        transition: opacity 50ms ease-out;*/
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 0;
    }

    #dt-menu li:hover > ul.sub-nav,
    #dt-menu-mobile li:hover > ul.sub-nav {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1;
    }

    #dt-menu ul li:hover > ul,
    #dt-menu-mobile ul li:hover > ul {
        visibility: visible;
    }

    #dt-menu ul ul .sub-nav,
    #dt-menu-mobile ul ul .sub-nav {
        float: left;
        top: 0px;
        left: 100%;
        margin-left: 0px !important;
    }

    #dt-menu ul .fly-left > ul,
    #dt-menu-mobile ul .fly-left > ul {
        float: right;
        left: -90%;
        width: 273px !important;
    }

    #dt-menu ul .fly-left > ul ul,
    #dt-menu-mobile ul .fly-left > ul ul {
        left: -113%;
        width: 273px;
    }

    #dt-menu ul .fly-left a:after,
    #dt-menu-mobile ul .fly-left a:after {
        right: auto;
        left: 0.2em;
        margin-top: -1.55em;
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

    #dt-menu > ul > li.fly-left > a:after,
    #dt-menu-mobile > ul > li.fly-left > a:after {
        left: auto;
        right: 0.1em;
        margin-top: 0;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    #dt-menu .dt-megamenu,
    #dt-menu-mobile .dt-megamenu {
        position: static;
    }

    #dt-menu .dt-megamenu .full-dt-megamenu,
    #dt-menu-mobile .dt-megamenu .full-dt-megamenu {
        left: 0;
        width: 100%;
    }

    #dt-menu .dt-megamenu .full-dt-megamenu li,
    #dt-menu-mobile .dt-megamenu .full-dt-megamenu li {
        width: 100%;
    }

    #dt-menu .dt-megamenu-sub-nav,
    #dt-menu-mobile .dt-megamenu-sub-nav {
        margin-top: 0;
        width: 100%;
        position: relative;
    }

    #dt-menu .dt-megamenu-sub-nav ul,
    #dt-menu-mobile .dt-megamenu-sub-nav ul {
        left: auto;
        margin-left: -100%;
        width: 100%;
    }

    #dt-menu .dt-megamenu-sub-nav .sub-nav,
    #dt-menu-mobile .dt-megamenu-sub-nav .sub-nav {
        left: 100%;
    }

    #dt-menu .dt-megamenu-sub-nav .fly-left ul,
    #dt-menu-mobile .dt-megamenu-sub-nav .fly-left ul {
        left: auto;
        margin-left: -100%;
        width: 100%;
    }

    #dt-menu .dt-megamenu-width-set.sticky-right > ul,
    #dt-menu-mobile .dt-megamenu-width-set.sticky-right > ul {
        width: 80%;
        left: auto;
        right: 0;
    }

    #dt-menu .dt-megamenu-width-set.sticky-left > ul,
    #dt-menu-mobile .dt-megamenu-width-set.sticky-left > ul {
        width: 80%;
        left: 0;
        right: auto;
    }

    #dt-menu .dt-megamenu-width-set > ul > li,
    #dt-menu-mobile .dt-megamenu-width-set > ul > li {
        width: 100%;
    }

    .megamenu-sub > li {
        border: 0 !important;
    }

    #dt-menu .dt-megamenu .auto-dt-megamenu > li,
    #dt-menu-mobile .dt-megamenu .auto-dt-megamenu > li {
        width: auto;
    }

    #dt-menu .dt-megamenu-sub-nav li,
    #dt-menu-mobile .dt-megamenu-sub-nav li {
        width: 100%;
    }

    #dt-menu > ul > .fly-left > ul,
    #dt-menu-mobile > ul > .fly-left > ul {
        width: auto;
    }

    #dt-menu,
    #dt-menu-mobile {
        position: relative;
        margin: 0 auto;
        max-width: 970px;
    }

    #head-page.reveal .dt-menu-leftbar {
        height: auto;
    }

    #dt-menu.dt-menu-leftbar {
        position: absolute;
        left: 0;
        width: 20em;
        height: 100%;
    }

    .dt-menu-leftbar ~ .container-outer {
        margin-left: 22em;
        margin-right: 2em;
        width: auto;
    }

    #dt-menu.dt-menu-leftbar > ul > li {
        line-height: 2.75em;
    }

    #dt-menu.dt-menu-leftbar > ul > li {
        display: block;
    }

    #dt-menu.dt-menu-leftbar ul li a:after,
    #dt-menu.dt-menu-leftbar > ul > li.fly-left > a:after {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        right: 1em;
    }

    #dt-menu.dt-menu-leftbar ul .fly-left ul {
        margin-left: auto;
    }

    #dt-menu.dt-menu-leftbar .dt-megamenu {
        position: inherit;
    }

    #dt-menu.dt-menu-leftbar ul .sub-nav {
        width: inherit;
        left: 100%;
        top: 0;
    }

    #dt-menu.dt-menu-leftbar .dt-megamenu > ul.sub-nav {
        left: 100%;
        top: 0;
        width: 900px !important;
    }

    div#head-page .dt-menu-leftbar .popup_form {
        position: absolute;
        top: 40px;
        width: 210px;
        left: 20px;
        display: none;
    }

    .vertical_menu,
    .vertical_menu #head-page {
        height: 100%;
        width: 20em;
        position: fixed !important;
        top: 0;
        left: 0;
        z-index: 999;
    }

    .adminbar-is-here.vertical_menu {
        top: 32px;
    }

    .vertical_menu ~ .vertical_menu_container {
        margin-left: 20em;
        width: auto;
    }

    .vertical_menu #top-bar {
        overflow: hidden;
    }

    .bag .sub-nav {
        left: -220px !important;
    }

    .vertical_menu .bag .sub-nav {
        left: 280px !important;
    }
}

@media (min-width: 1200px) {
    #dt-menu {
        position: relative;
        max-width: 1170px;
        margin: 0 auto;
    }
    #head-page:not(.is-sticky) .container > .row {
    	margin: 0;
    }
}

/* --- Menu Pagebar --- */
/*
.dt_pagebar_menu {
  position: absolute;
  width: 100%;
  content: " ";
  height: 50px;
  min-height: 50px;
  background-color: #ff0000 !important;
}
*/
#dt_pagebar {
    position: absolute;
    width: 100%;
    z-index: -1000;
    margin-top: -1000px;
}

.dt_pagebar_menu {
    position: relative;
    width: 100%;
}

.dt_pagebar_menu .menu_background_color {
    position: relative;
    height: 100%;
    z-index: 0;
}

.dt_pagebar_menu .menu_background_color.transparent {
    background-color: transparent;
}

.dt_pagebar_wrapper {
    z-index: 10;
}

.dt_pagebar_wrapper .wpb_row {
    margin: 0;
}

#dt-menu.dt-menu-pagebar > ul {
    text-align: right;
}

#dt-menu.dt-menu-pagebar > ul .logo-desktop {
    float: left;
}

#dt-menu.dt-menu-pagebar > ul .logo-desktop a {
    position: absolute;
    width: 200px;
}

@media (max-width: 991px) {
    #dt-menu.dt-menu-pagebar > ul .logo-desktop {
        float: none;
    }

    #dt-menu.dt-menu-pagebar > ul {
        text-align: left;
    }

    .nopadding.stickyonscrollup {
        display: none !important;
    }
}

/*
.logo-desktop {width: 200px;}
.logo-desktop > a {position: absolute; background-color: #ff0000; }
*//* --- Main Menu Logo on Left with Navigation Icons --- */
.logo_bgcolor {
    background-color: #2a6a7a;
}

.nav_buttons_bgcolor {
    background-color: #1b3f4f;
}

.nav_bgcolor {
    background-color: #1b3f4f;
}

.menu-leftvc #head-page.is-sticky {
    -ms-box-shadow: 0px 6px 20px -4px rgba(0, 0, 0, 0.75);
    -o-box-shadow: 0px 6px 20px -4px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 0px 6px 20px -4px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 6px 20px -4px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 6px 20px -4px rgba(0, 0, 0, 0.75);
    background-color: #1b3f4f;
}

.menu-leftvc #head-page.is-sticky .nav_bgcolor {
    background-color: transparent;
}

.home.menu-leftvc #head-page.is-sticky {
    -ms-box-shadow: 0px 6px 20px -4px rgba(0, 0, 0, 0.75);
    -o-box-shadow: 0px 6px 20px -4px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 0px 6px 20px -4px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 6px 20px -4px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 6px 20px -4px rgba(0, 0, 0, 0.75);
    background-color: #1b3f4f;
}

.home.menu-leftvc #head-page.is-sticky .nav_bgcolor {
    background-color: transparent;
}

@media (min-width: 992px) {
    .menu-leftvc #head-page #dt-menu > ul > li > a:hover {
        color: #e9e9e9;
    }

    .menu-leftvc #head-page #dt-menu > ul > li.hovered > a {
        color: #e9e9e9;
    }

    .menu-leftvc #dt-menu .sub-nav {
        background-color: #ffffff;
    }

    .menu-leftvc #dt-menu .sub-nav a {
        color: #696969;
    }

    .menu-leftvc #dt-menu .sub-nav a:hover {
        color: #202020;
        background-color: #e9e9e9;
    }

    .menu-leftvc #dt-menu .sub-nav .dt-megamenu-sub-nav a:hover {
        background-color: transparent;
        color: #61a4b4 !important;
    }
}

@media (max-width: 991px) {
    .menu-leftvc #head-page.is-sticky {
        background-color: #1b3f4f;
    }

    .menu-leftvc #head-page.is-sticky .nav_bgcolor {
        background-color: transparent;
    }

    .menu-leftvc #dt-menu-mobile .sub-nav li a:hover {
        background-color: rgba(0, 0, 0, 0.07);
    }

    .home.menu-leftvc #head-page.is-sticky {
        background-color: #1b3f4f;
    }

    .home.menu-leftvc #head-page.is-sticky .nav_bgcolor {
        background-color: transparent;
    }

}

.navigation_button {
    /*  display: flex;
  display: -webkit-flex;
  -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: center;
    justify-content: center;  
*/

    display: table;
    width: 100%;
    border-bottom: solid 1px rgba(255, 255, 255, 0.1);
    padding: 0 1em;
    color: #ffffff;
}

.navigation_button .navigation_button_item {
    display: table-cell;
    width: auto;
    padding-top: 22px;
    padding-bottom: 22px;
    position: relative;
    vertical-align: middle;
}

.navigation_button .navigation_button_item i,
.navigation_button .navigation_button_item .text-box {
    float: left;
}

.navigation_button .navigation_button_item i {
    width: 3em;
    color: #e9e9e9;
}

.navigation_button .navigation_button_item i:after,
.navigation_button .navigation_button_item i:before {
    font-size: 2.25em;
    position: absolute;
    top: 50%;
    font-style: normal;
    -webkit-transform: translateY(-50.3%);
    -moz-transform: translateY(-50.3%);
    -ms-transform: translateY(-50.3%);
    -o-transform: translateY(-50.3%);
    transform: translateY(-50.3%);
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    -ms-transition: all 0s;
    transition: all 0s;
}

.navigation_button .navigation_button_item .text-box {
    margin-left: 3.5em;
}

.navigation_button .navigation_button_item .text-box .navigation-label {
    font-size: 14px;
}

.navigation_button .navigation_button_item .text-box .navigation-text {
    font-family: "Source Sans Pro";
    font-size: 16px;
    font-weight: 700;
}

.menu-leftvc #top-bar {
    /*z-index: 1;*/
    /* z-index: 0; ada dibawah content row */

    display: block;
    border-bottom: none;
}

.menu-leftvc #top-bar .container {
    display: none;
    height: 7em;
    overflow: hidden;
}

.menu-leftvc #head-page .stickyonscrollup {
    background-color: transparent;
}

.menu-leftvc #head-page .stickyonscrollup #dt-menu > ul {
    float: none;
    width: 100%;
}

.menu-leftvc #head-page:not(.is-sticky) #dt-menu > ul > li {
    /*line-height: 3em;*/
}


.menu-leftvc #head-page:not(.is-sticky) .logo_bgcolor {
    background-color: #2a6a7a;
}

.menu-leftvc #head-page:not(.is-sticky) .nav_bgcolor {
    background-color: #1b3f4f;
}

.menu-leftvc #head-page:not(.is-sticky) .nav_buttons {
    display: block;
}

.menu-leftvc #head-page.is-sticky {
    position: fixed;
    top: 0;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.menu-leftvc #head-page.is-sticky.adminbar-is-here {
    top: 32px;
}

.menu-leftvc #head-page.is-sticky #dt-menu > ul {
    float: right;
    width: auto;
}
#head-page ul#menu-main-menu-principal li:not(.menu-contact), #head-page ul#menu-main-menu li:not(.menu-contact) {
    padding: 0 !important;
}
.menu-leftvc #head-page.is-sticky .menu-contact {
    display: inline-block !important;
    background: #CD5B1B;
    min-height: 80px;
    padding: 0 35px 0 30px !important;
}

@media screen and (max-width: 1386px){
	.menu-leftvc #head-page.is-sticky .menu-contact {
    	padding: 0!important;
	}	
	.menu-leftvc #head-page.is-sticky .menu-contact::before {
    	display: none;
	}
}

.menu-leftvc #head-page.is-sticky .menu-contact::before {
    content: "";
    position: absolute;
    min-height: 80px;
    min-width: 5px;
    left:0;
    background: #fff;
}
.menu-leftvc #head-page.is-sticky #dt-menu{
	padding-right: 0 !important;
}

.menu-leftvc #head-page.is-sticky .logo_bgcolor {
    background-color: transparent;
}

.menu-leftvc #head-page.is-sticky .nav_buttons {
    display: none;
}

.menu-leftvc #dt-menu,
.menu-leftvc #dt-menu-mobile {
    padding-left: 5px;
    padding-right: 5px;
}

.menu-leftvc #dt-menu li.megamenu-content,
.menu-leftvc #dt-menu-mobile li.megamenu-content {
    padding: 0;
}

.menu-leftvc #dt-menu ul li > a,
.menu-leftvc #dt-menu-mobile ul li > a {
    /*#dt-menu ul li a, #dt-menu-mobile ul li >   menyebabkan semua a di dalam megamenu ikut padding 1em */

    padding: 0 9px;
}

.menu-leftvc #dt-menu ul .sub-nav,
.menu-leftvc #dt-menu-mobile ul .sub-nav {
    border-width: 0px;
    -ms-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.menu-leftvc #head-page #dt-menu .dt-megamenu .full-dt-megamenu,
.menu-leftvc #head-page #dt-menu-mobile .dt-megamenu .full-dt-megamenu {
    left: -308px;
    width: 1171px;
}

.menu-leftvc #head-page.is-sticky #dt-menu .dt-megamenu .full-dt-megamenu,
.menu-leftvc #head-page.is-sticky #dt-menu-mobile .dt-megamenu .full-dt-megamenu {
    left: -290px;
    position: fixed;
}

.menu-leftvc .flex-container {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
    align-items: stretch;
}

/*.menu-leftvc .logo-container {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}*/

.menu-leftvc #logomenu {
    position: absolute;
    /*top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);*/
}

.menu-leftvc #logomenu {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
}

.menu-leftvc #logomenureveal {
    margin-left : 15px;
    /*position: absolute;
    left: 15px;
    top: 20%;
    -webkit-transform: translateY(-50.3%);
    -moz-transform: translateY(-50.3%);
    -ms-transform: translateY(-50.3%);
    -o-transform: translateY(-50.3%);
    transform: translateY(-18.3%);*/
}

.menu-leftvc .nav_buttons {
    /*padding-bottom: 1px;*/
}

.menu-leftvc .nav_buttons > .container {
    width: 100%;
}

.menu-leftvc .reveal .nav_buttons {
    display: none;
}

.menu-leftvc .reveal.alt .nav_buttons {
    display: block;
}

.menu-leftvc #dt-menu li.megamenu-content,
.menu-leftvc #dt-menu-mobile li.megamenu-content {
    color: #555555;
}

.menu-leftvc #dt-menu > li,
.menu-leftvc #dt-menu-mobile > li {
    padding-left: 16px;
}

@media (max-width: 767px) {
    .nav_buttons {
        padding: 0;
    }

    .nav_buttons .navigation_button {
        padding: 0 15px;
        border-top-width: 0px;
    }

    .nav_buttons .navigation_button_item .text-box {
        display: none;
        width: 0;
        padding-right: 10px;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
        -ms-transition: all 0.4s;
        transition: all 0.4s;
    }

    .nav_buttons .navigation_button_item .text-box .navigation-text {
        font-size: 11px;
    }

    .nav_buttons .navigation_button_item i:after,
    .nav_buttons .navigation_button_item i:before {
        font-size: 1.8em;
        margin-left: 0.5em;
    }

    .nav_buttons .navigation_button_item:not(:first-child) {
        border-left-width: 1px;
        border-left-style: solid;
    }

    .nav_buttons .navigation_button_item.navigation_active .text-box {
        display: block;
        width: 100%;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -o-transition: all 0.2s;
        -ms-transition: all 0.2s;
        transition: all 0.2s;
    }

    .nav_buttons .navigation_button_item:not(.navigation_active) i:before {
        left: 50%;
        margin: 0;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .nav_buttons .navigation_button_item:hover {
        cursor: pointer;
    }

    .col-read-more{
        text-align: center;
    }
    .col-read-more .btn-read-more{
        float: none !important;
    }
    .article-block .vignette img {
        display: inline-block;
    }
    .article-block .vignette{
        text-align: center;
    }

}

@media (min-width: 992px) {
    /*.menu-leftvc #head-page {
        -webkit-transform: translateY(-50.3%);
        -moz-transform: translateY(-50.3%);
        -ms-transform: translateY(-50.3%);
        -o-transform: translateY(-50.3%);
        transform: translateY(-50.3%);
    }*/

    .menu-leftvc #head-page.reveal {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    .menu-leftvc #head-page.reveal.alt {
        -webkit-transform: translateY(-50.3%);
        -moz-transform: translateY(-50.3%);
        -ms-transform: translateY(-50.3%);
        -o-transform: translateY(-50.3%);
        transform: translateY(-50.3%);
    }

    .menu-leftvc #head-page #dt-menu > ul > li > a {
        /*border-top: 2px solid transparent;*/
    }

    .menu-leftvc #head-page #dt-menu > ul li.menu-item-type-search,
    .menu-leftvc #head-page #dt-menu > ul li.bag {
        float: right;
    }

    .menu-leftvc #dt-menu {
        display: block;
        visibility: visible;
        margin: 0;
        float: right;
    }

    .menu-leftvc #dt-menu-mobile {
        display: none;
        visibility: hidden;
    }

    .menu-leftvc #dt-menu ul .sub-nav {
        background-color: #ffffff;
    }

    .menu-leftvc #dt-menu li {
        padding-left: 0;
    }

    .menu-leftvc #dt-menu .sub-nav > li {
        /*a { padding: 15px; } berdampak pada semua tag a di megamenu content */

    }

    .menu-leftvc #dt-menu .sub-nav > li > a {
        padding: 10px !important;
        line-height: 1.8 !important;
    }
}
@media (max-width: 1199px){
    .menu-leftvc #dt-menu-mobile ul.sub-nav li > a {
        padding: 8px 0.75em !important;
        line-height: 2;
    }
        
    ul.sub-nav li{
        width: 100% !important;
    }
    .nosidebar.breadcrumbs-section .page-image{
        margin-bottom: 70px !important;
    }
}
@media (max-width: 1199px) {
    .content {
        margin-top: -70px;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    #dt-menu-mobile  ul.sub-nav li{
      top: 55px !important;
    }
    .top-head:not(.is-sticky) ul.sub-nav li {
        line-height: 2 !important;
        margin-top: 5px !important;
    }

    #dt-menu ul .sub-nav, #dt-menu-mobile ul .sub-nav {
        top: 0;
        bottom: auto;
        left: -270px;
        width: 250px;
        height: 100%;
        position: fixed;
        padding: 0;
        background-color: #2f3787;

    }
    #dt-menu-mobile ul  li a{
      width: 100%;
    }
    #dt-menu-mobile > ul, #dt-menu-mobile  ul.sub-nav {
      top: 55px;
    }
    #dt-menu li:hover > ul.sub-nav,
    #dt-menu-mobile li:hover > ul.sub-nav {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 0;
    }

    .head-page {
      top : 0;
    }
    .stickyonscrollup {
      display : none !important;
    }
    .js #dt-menu .sub-nav .toggle, .js #dt-menu-mobile .sub-nav .toggle {
      top: -40px;
    }

    /*
#dt-menu ul li:hover ul.sub-nav, #dt-menu-mobile ul li:hover ul.sub-nav{
  visibility: none !important;
}
#dt-menu li > ul.sub-nav, #dt-menu-mobile li > ul.sub-nav {
    -webkit-transition: opacity 50ms ease-out;
    -moz-transition: opacity 50ms ease-out;
    -o-transition: opacity 50ms ease-out;
    -ms-transition: opacity 50ms ease-out;
    transition: opacity 50ms ease-out;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 0;
}
 
 #dt-menu-mobile .sub-nav-check ~ ul[id*='fof-sub-'] {
    visibility: visible;

    opacity: 0;
    -webkit-transition: all 200ms cubic-bezier(0.005, 0.975, 0.73, 1);
    -moz-transition: all 200ms cubic-bezier(0.005, 0.975, 0.73, 1);
    -o-transition: all 200ms cubic-bezier(0.005, 0.975, 0.73, 1);
    -ms-transition: all 200ms cubic-bezier(0.005, 0.975, 0.73, 1);
    transition: all 200ms cubic-bezier(0.005, 0.975, 0.73, 1);
}
*/
    #dt-menu label, #dt-menu .sub-heading, #dt-menu-mobile label, #dt-menu-mobile .sub-heading {
        display: inline-block !important;
    }

    #head-page .is-sticky ul.sub-nav {
        /*margin-left: 250px !important;*/
    }

    .menu-leftvc #dt-menu-mobile {
        display: block;
        visibility: visible;
        background-color: #2f3787;
        top: 80px !important;
    }

    .is-sticky .is-fixed.is-visible {
        display: none !important;
    }

    .js #dt-menu .close-all, .js #dt-menu-mobile .close-all {
        display: none !important;
    }

    dt-menu > .toggle, #dt-menu-mobile > .toggle {
        font-size: 30px;
    }

    #dt-menu-mobile .toggle {
        display: inline-block !important;
        z-index: 9999;
        color: #fff;
    }

    div.is-sticky .container {
        /* display: none; */
        /*margin-top: -42.5px;*/
        top: 145px;
        max-height: 0;
    }

    #head-page > .container {
        height: 80px;
    }

    #head-page:not(.is-sticky) #logomenu {
        display: none !important;
    }

    .home.menu-leftvc #head-page.is-sticky {
        background-color: #2f3787 !important;
    }

    #top-bar {
        /*display: none !important;*/
    }

    #mobile-header .toggle {
        padding: 17px 0 !important;
    }

    #mobile-header .menu-header {
        /*padding: 20px;*/
        vertical-align: top;

    }

    #head-page #logomenurevealmobile {
        display: inline-block !important;
        /*margin-top: 5px;*/
    }

    #head-page {
        position: fixed !important;
    }

    /*#top-bar + .top-head .is-sticky .nav_mobile {
        margin-top: 39px;
    }*/

    #main-nav-check:checked ~ .top-head #dt-menu,
    #dt-menu .sub-nav-check:checked ~ #fof-sub,
    #dt-menu .sub-nav-check:checked ~ ul[id*='fof-sub-'],
    #main-nav-check:checked ~ .top-head #dt-menu-mobile,
    #dt-menu-mobile .sub-nav-check:checked ~ #fof-sub{
      opacity: 1;
        -webkit-transform: translate(270px, 0);
        -ms-transform: translate(270px, 0);
        -o-transform: translate(270px, 0);
        transform: translate(270px, 0);
        -webkit-transition: transform 150ms cubic-bezier(0.005, 0.975, 0.73, 1);
        -moz-transition: transform 150ms cubic-bezier(0.005, 0.975, 0.73, 1);
        -o-transition: transform 150ms cubic-bezier(0.005, 0.975, 0.73, 1);
        -ms-transition: transform 150ms cubic-bezier(0.005, 0.975, 0.73, 1);
        transition: transform 150ms cubic-bezier(0.005, 0.975, 0.73, 1);
    }
    div#dt-menu-mobile.dt-menu-leftvc.dt-menu-mobile{
        left: -270px;
    }

    #dt-menu-mobile .sub-nav-check:checked ~ ul[id*='fof-sub-'] {
      opacity: 1;
      visibility: visible;
        -webkit-transform: translate(-270px, 0);
        -ms-transform: translate(-270px, 0);
        -o-transform: translate(-270px, 0);
        transform: translate(270px, 0);
        -webkit-transition: transform 150ms cubic-bezier(0.005, 0.975, 0.73, 1);
        -moz-transition: transform 150ms cubic-bezier(0.005, 0.975, 0.73, 1);
        -o-transition: transform 150ms cubic-bezier(0.005, 0.975, 0.73, 1);
        -ms-transition: transform 150ms cubic-bezier(0.005, 0.975, 0.73, 1);
        transition: transform 150ms cubic-bezier(0.005, 0.975, 0.73, 1);
    }

    #dt-menu, #dt-menu-mobile {
        left: 0;
        bottom: auto;
        height: 0;
        width: 100%;
        position: relative;
        margin: 0 auto;
        max-width: 250px;
        clear: both;
        height: auto;
        overflow: visible;
        z-index: 5;
    }

    #dt-menu > ul, #dt-menu-mobile > ul {
        /*border-bottom: 1px solid #111111;*/
        display: inline-grid;
    }

    .menu-leftvc .adminbar-is-here ~ #dt-menu-mobile {
        top: 46px;
    }

    .menu-leftvc #dt-menu-mobile {
        position: fixed;
        z-index: 99999;
        margin-top: 0;
    }

    #dt-menu-mobile {
        height: 100%;
    }

    #dt-menu, #dt-menu .sub-nav, #dt-menu-mobile, #dt-menu-mobile .sub-nav {
        background-color: #222;
    }

    #dt-menu > ul > li, #dt-menu-mobile > ul > li {
        border-bottom: 0;
        line-height: 3.5em;
        color: #fff;
    }
}

@media (max-width: 991px) {
    .menu-leftvc #main-nav-check ~ .top-head {
        position: absolute;
    }

    .menu-leftvc .top-head.is-sticky-menu,
    .menu-leftvc .top-head.is-sticky-menu #head-page.reveal.alt {
        position: relative;
    }

    .menu-leftvc #top-bar {
        min-height: 0;
    }

    .menu-leftvc #top-bar .container {
        height: auto;
    }

    .menu-leftvc #head-page.reveal #dt-menu > ul {
        float: none;
    }

    .menu-leftvc #head-page.reveal.alt {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        background-color: transparent;
    }

    .menu-leftvc #head-page .flex-container {
        display: block;
        width: 100%;
    }

    .nav_mobile.nav_bgcolor.hidden-sm-max {
        /*margin-top: -146px !important;*/
    }

    .menu-leftvc.home #head-page.reveal.alt {
        background-color: transparent;
    }

    .menu-leftvc #top-bar .container {
        margin-top: -131px;
    }

    .menu-leftvc #logomenu {
        position: relative;
        top: 0;
        left: 50%;
        -webkit-transform: translate(-50%, 0%);
        -moz-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
        -o-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%);
    }

    .menu-leftvc #dt-menu {
        display: none;
        visibility: hidden;
    }

    .menu-leftvc #dt-menu-mobile {
        display: block;
        visibility: visible;
    }

    .menu-leftvc #dt-menu {
        position: fixed;
    }

    .menu-leftvc #dt-menu-mobile {
        position: fixed;
        z-index: 99999;
        margin-top: 80px;
    }
    
    .menu-leftvc .adminbar-is-here ~ #dt-menu-mobile {
        top: 46px;
    }

    .menu-leftvc #dt-menu li.megamenu-content,
    .menu-leftvc #dt-menu-mobile li.megamenu-content {
        color: #fff;
    }

    .menu-leftvc #dt-menu li.megamenu-content h1,
    .menu-leftvc #dt-menu-mobile li.megamenu-content h1,
    .menu-leftvc #dt-menu li.megamenu-content h2,
    .menu-leftvc #dt-menu-mobile li.megamenu-content h2,
    .menu-leftvc #dt-menu li.megamenu-content h3,
    .menu-leftvc #dt-menu-mobile li.megamenu-content h3,
    .menu-leftvc #dt-menu li.megamenu-content h4,
    .menu-leftvc #dt-menu-mobile li.megamenu-content h4,
    .menu-leftvc #dt-menu li.megamenu-content h5,
    .menu-leftvc #dt-menu-mobile li.megamenu-content h5,
    .menu-leftvc #dt-menu li.megamenu-content h6,
    .menu-leftvc #dt-menu-mobile li.megamenu-content h6 {
        color: #fff;
    }
}

@media (max-width: 1199px) {
    .menu-leftvc #head-page #dt-menu .dt-megamenu .full-dt-megamenu,
    .menu-leftvc #head-page.reveal.alt #dt-menu .dt-megamenu .full-dt-megamenu,
    .menu-leftvc #head-page.reveal #dt-menu .dt-megamenu .full-dt-megamenu {
        left: -258px;
        width: 971px;
    }
}

@media (max-width: 767px) {
    .nav_buttons {
        padding: 0;
    }

    .menu-leftvc #head-page:not(.is-sticky) .nav_bgcolor, #top-bar i {
        /*margin-top: 10px;*/
    }

    .nav_buttons .navigation_button {
        padding: 0 15px;
        border-top-width: 0px;
    }

    .nav_buttons .navigation_button_item .text-box {
        display: none;
        width: 0;
        padding-right: 10px;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
        -ms-transition: all 0.4s;
        transition: all 0.4s;
    }

    .nav_buttons .navigation_button_item .text-box .navigation-text {
        font-size: 11px;
    }

    .nav_buttons .navigation_button_item i:after,
    .nav_buttons .navigation_button_item i:before {
        font-size: 1.8em;
    }

    .nav_buttons .navigation_button_item:not(:first-child) {
        border-left-width: 1px;
        border-left-style: solid;
    }

    .nav_buttons .navigation_button_item.navigation_active .text-box {
        display: block;
        width: 100%;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -o-transition: all 0.2s;
        -ms-transition: all 0.2s;
        transition: all 0.2s;
    }

    .nav_buttons .navigation_button_item:not(.navigation_active) i:before {
        left: 50%;
        margin: 0;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .nav_buttons .navigation_button_item:hover {
        cursor: pointer;
    }
}

@media (min-width: 992px) {
    .menu-leftvc #head-page #dt-menu > ul li.menu-item-type-search,
    .menu-leftvc #head-page #dt-menu > ul li.bag {
        float: right;
    }
}

@media (max-width: 991px) {
    .menu-leftvc .top-head.is-sticky-menu,
    .menu-leftvc .top-head.is-sticky-menu #head-page.reveal.alt {
        position: relative;
    }

    .menu-leftvc #top-bar {
        min-height: 0;
    }

    .menu-leftvc #top-bar .container {
        height: auto;
    }

    .menu-leftvc #head-page {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        background-color: transparent;
    }

    .menu-leftvc #head-page .flex-container {
        display: block;
        width: 100%;
    }

    .menu-leftvc #head-page.is-sticky .nav_mobile {
        position: fixed;
        top: 0;
        width: 100%;
    }

    .menu-leftvc.home #head-page {
        background-color: transparent;
    }

    .menu-leftvc #logomenu {
        position: relative;
        top: 0;
        left: 50%;
        -webkit-transform: translate(-50%, 0%);
        -moz-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
        -o-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%);
    }

    .stickyonscrollup.is-visible {
        margin: -6px 0 0 22px;
    }

    .menu-leftvc #dt-menu {
        position: fixed;
    }
}

@media (max-width: 1199px) {
    .menu-leftvc #head-page #dt-menu .dt-megamenu .full-dt-megamenu,
    .menu-leftvc #head-page.reveal.alt #dt-menu .dt-megamenu .full-dt-megamenu,
    .menu-leftvc #head-page.reveal #dt-menu .dt-megamenu .full-dt-megamenu {
        left: -258px;
        width: 971px;
    }
}

@media only screen and (max-width: 782px) {
    .menu-leftvc #head-page.is-sticky.adminbar-is-here {
        top: 46px;
    }
}

@media only screen and (min-width: 783px) {
    .menu-leftvc .adminbar-is-here .stickyonscrollup.is-visible {
        /* if the user changes the scrolling direction, we show the header */

        position: static !important;
        padding-top: 5px;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        background-color: rgba(247, 247, 247, 0.5);
    }
}

/* --- Top Bar Left --- */
/*
@-webkit-keyframes androidbugfix {
  from {
    padding: 0;
  }

  to {
    padding: 0;
  }
} 
*/
#mobile-header-top-left {
    position: absolute;
    top: 0;
    left: 55px;
    /*right: 0;*/

    height: auto;
    /*background: #222;*/

}

#mobile-header-top-left label {
    padding: 0 0.125em;
    font-family: "Source Sans Pro";
    font-size: 36px;
}

#dt-topbar-menu-left {
    margin: 0;
    padding: 0;
    position: relative;
    background-color: #ffffff;
}

#dt-topbar-menu-left label {
    padding: 0 0.25em;
    font: 3.125em/1.375em "Source Sans Pro";
}

#dt-topbar-menu-left .sub-nav label {
    padding: 0 0.3125em;
    font: 2em/2em "Source Sans Pro";
    top: 0;
}

#mobile-header-top-left label:hover,
#dt-topbar-menu-left label:hover {
    color: #ccc;
}

#main-nav-check-top-left,
#dt-topbar-menu-left .sub-nav-check {
    position: absolute;
    visibility: hidden;
}

.toggle {
    position: absolute;
    right: 0.15em;
    cursor: pointer;
    color: #000;
}

#dt-topbar-menu-left,
#dt-topbar-menu-left .sub-nav {
    background: transparent;
    font-family: "Source Sans Pro";
    font-weight: 300;
    font-size: 12px;
}

#dt-topbar-menu-left {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 16.75em;
    /* Push Menu Width*/

    z-index: 9999;
    left: -16.75em;
    /* Hide Push menu to the left ( equals push menu width ) */

}

#dt-topbar-menu-left .sub-nav {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 16.75em;
    /* Push Menu Width*/

    z-index: 9999;
    left: -16.75em;
    /* Hide Push menu to the left ( equals push menu width ) */

}

#dt-topbar-menu-left .sub-nav {
    font-size: 12px;
}

#dt-topbar-menu-left,
#dt-topbar-menu-left .sub-nav {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: -webkit-transform 350ms cubic-bezier(0.275, 0, 0.095, 1.17);
    -moz-transition: -moz-transform 350ms cubic-bezier(0.275, 0, 0.095, 1.17);
    -o-transition: -o-transform 350ms cubic-bezier(0.275, 0, 0.095, 1.17);
    transition: transform 350ms cubic-bezier(0.275, 0, 0.095, 1.17);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

#dt-topbar-menu-left ul {
    line-height: 1.5em;
    text-decoration: none;
    padding: 0;
    list-style: none;
    margin-top: 4.0625em;
}

#dt-topbar-menu-left > ul > li {
    border: 0px solid rgba(0, 0, 0, 0.1);
}

#dt-topbar-menu-left .sub-nav li {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 0px solid rgba(0, 0, 0, 0.1);
}

#dt-topbar-menu-left .sub-nav li:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

#dt-topbar-menu-left > ul > li > ul > li:nth-child(2) {
    border-top: 3px solid #e9e9e9 !important;
}

#dt-topbar-menu-left li a {
    display: block;
    padding-left: 1.5em;
    color: #696969;
    text-decoration: none;
}

#dt-topbar-menu-left .sub-nav li a {
    background: #ffffff;
}

#dt-topbar-menu-left li a:hover {
    color: #e9e9e9;
}

#dt-topbar-menu-left li .toggle-sub:hover {
    color: #61a4b4;
    background: #696969;
}

#dt-topbar-menu-left .sub-nav {
    margin-top: -1px;
}

#dt-topbar-menu-left .sub-heading {
    margin-top: 4.0625em;
    padding-left: 1.3125em;
    color: #999;
}

#dt-topbar-menu-left .sub-heading:before {
    content: "";
    display: block;
    height: 1px;
    width: auto;
    margin-left: -1.3125em;
    background: #444;
}

#dt-topbar-menu-left .toggle-sub {
    font-family: "Source Sans Pro";
    font-size: 22px;
    color: #fff;
    background: #e9e9e9;
    float: right;
    top: auto;
    margin-top: -1.3em;
    margin-right: 5px;
    width: 0.8em;
    height: 0.8em;
    /*border-left: 1px solid #444;*/

    cursor: pointer;
    text-align: center;
    border-radius: 50%;
    line-height: 0.6em;
    -webkit-transition: background-color 0.25s ease;
    -moz-transition: background-color 0.25s ease;
    -ms-transition: background-color 0.25s ease;
    -o-transition: background-color 0.25s ease;
    transition: background-color 0.25s ease;
}

#dt-topbar-menu-left li:hover > .toggle-sub {
    color: #e9e9e9;
    background: #696969;
    -webkit-transition: background-color 0.25s ease;
    -moz-transition: background-color 0.25s ease;
    -ms-transition: background-color 0.25s ease;
    -o-transition: background-color 0.25s ease;
    transition: background-color 0.25s ease;
}

#dt-topbar-menu-left .sub-nav .toggle-sub {
    line-height: 0.6em;
    margin-top: -1em;
    /*margin-top: -1em;
  width: 1.25em;
  height: 1.25em;*/

}

#dt-topbar-menu-left [class*='col-'] p {
    line-height: 1.5em;
}

#dt-topbar-menu-left,
#dt-topbar-menu-left .sub-nav {
    -webkit-transform: translate3d(0, 0, 0);
}

/* http://davidwalsh.name/translate3d */
/* #### - extra css for js enhancement - #### */
#dt-topbar-menu-left .close-all {
    display: none;
}

.js #dt-topbar-menu-left .close-all {
    display: inline;
}

.js #dt-topbar-menu-left .toggle {
    top: 0;
    z-index: 9999;
}

.js #dt-topbar-menu-left .sub-nav .toggle {
    left: 0.15em;
    top: 1em;
    /*width: 1em;*/

    font-size: 12px;
    text-transform: uppercase;
}

/* #### - define ids of animated.container, menu and sub-menus here - #### */
#main-nav-check-top-left:checked ~ .container,
#main-nav-check-top-left:checked ~ #dt-topbar-menu-left {
    -webkit-transform: translate(16.75em, 0);
    -moz-transform: translate(16.75em, 0);
    -o-transform: translate(16.75em, 0);
    -ms-transform: translate(16.75em, 0);
    transform: translate(16.75em, 0);
}

.dt-megamenu .row {
    margin-left: 0;
    margin-right: 0;
}

#dt-topbar-menu-left .dt-megamenu-sub-nav {
    margin-top: 0;
}

#dt-topbar-menu-left .dt-megamenu-sub-nav ul li {
    background-color: #333;
}

#dt-topbar-menu-left .dt-megamenu-sub-nav > .sub-heading {
    margin-top: 0;
}

@media (max-width: 767px) {
    .dt-megamenu-sub-nav .sub-nav {
        height: auto;
    }

    #dt-topbar-menu-left {
        background-color: #ffffff;
        position: absolute;
        background-size: auto auto;
        min-height: 700px;
    }

    #dt-topbar-menu-left .sub-nav {
        background-color: #ffffff;
        position: absolute;
        background-size: auto auto;
    }

    #dt-topbar-menu-left .menu-item-type-search {
        display: none;
    }

    #dt-topbar-menu-left > .toggle {
        font-size: 30px;
    }

    #dt-topbar-menu-left {
        border-right: 1px solid rgba(0, 0, 0, 0.1);
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    #dt-topbar-menu-left > ul {
        width: 100%;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        margin-left: 0;
        margin-right: 0;
    }

    #dt-topbar-menu-left > ul > li {
        border-top: 1px solid rgba(0, 0, 0, 0.1);
    }

    #dt-topbar-menu-left ul li:first-child {
        border-top: 3px solid #e9e9e9 !important;
    }

    #dt-topbar-menu-left > ul > li > ul > li:nth-child(2) {
        border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
    }
}

/*Breakpoints*/
@media (min-width: 767px) {
    .js #dt-topbar-menu-left .close-all {
        display: none;
    }

    #dt-topbar-menu-left label,
    #dt-topbar-menu-left .sub-nav,
    #dt-topbar-menu-left .sub-heading,
    #mobile-header-top-left label {
        display: none;
    }

    #dt-topbar-menu-left {
        left: 0;
        bottom: auto;
        height: 0;
        /*width: 100%;*/

        width: auto;
        position: relative;
        margin: 0 auto;
        /*clear:both;*/

        height: auto;
        overflow: visible;
        z-index: 50;
    }

    #dt-topbar-menu-left > ul {
        float: none;
        position: relative;
        z-index: 1;
        margin: 0;
        border-right: 0;
        font-size: 14px;
        line-height: 2em;
        width: 100%;
        z-index: 999;
        display: table;
    }

    #dt-topbar-menu-left.dt-menu-right > ul {
        text-align: right;
    }

    #dt-topbar-menu-left.dt-menu-left > ul {
        text-align: left;
    }

    #dt-topbar-menu-left.dt-menu-center > ul {
        text-align: center;
        position: relative;
        margin-top: 120px;
    }

    #dt-topbar-menu-left.dt-menu-right > ul .logo-desktop {
        float: left;
    }

    #dt-topbar-menu-left.dt-menu-left > ul .logo-desktop {
        float: right;
    }

    #dt-topbar-menu-left.dt-menu-center > ul .logo-desktop {
        float: none;
        position: absolute;
        top: -100px;
        /*Adjust Logo vertical Position here*/

        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }

    #dt-topbar-menu-left ul:after {
        content: "";
        clear: both;
        display: block;
    }

    #dt-topbar-menu-left > ul > li > a {
        position: relative;
        line-height: 4em;
        /*control menu height*/

    }

    #dt-topbar-menu-left > ul > li {
        border-bottom: 0;
        line-height: 5em;
        /*control menu height*/

        height: 5em;
    }

    #dt-topbar-menu-left ul li {
        display: inline-block;
        position: relative;
        text-align: left;
    }

    #dt-topbar-menu-left ul li.logo-desktop a {
        padding: 0;
    }

    #dt-topbar-menu-left ul li a {
        padding: 0 1.5em;
    }

    #dt-topbar-menu-left ul#menu-main-menu-principal > li.menu-item-has-children > a:after, #dt-topbar-menu-left ul#menu-main-menu > li.menu-item-has-children > a:after {
        content: "\ea01";
        position: absolute;
        right: 0.7em;
        top: 50%;
        margin-top: 1px;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
        display: block;
        font: 0.7em fontello;
    }

    #dt-topbar-menu-left ul.sub-nav li.menu-item-has-children > a:after {
        position: absolute;
        right: 0.7em;
        top: 50%;
        margin-top: 1px;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
        display: block;
        font-family: "Menu Icons";
        content: "\e04c";
    }

    #dt-topbar-menu-left ul li a.search_btn:after {
        content: "";
    }

    #dt-topbar-menu-left > ul > li > a:after {
        top: 35%;
    }

    #dt-topbar-menu-left ul li a:only-child:after {
        content: "";
    }

    #dt-topbar-menu-left ul.sub-nav li:hover > a {
        background: #e9e9e9;
        color: #ffffff;
        -webkit-transition: background-color 0.25s ease;
        -moz-transition: background-color 0.25s ease;
        -ms-transition: background-color 0.25s ease;
        -o-transition: background-color 0.25s ease;
        transition: background-color 0.25s ease;
    }

    #dt-topbar-menu-left ul li:hover > a,
    #dt-topbar-menu-left a.search_btn:hover {
        background: transparent;
        color: #61a4b4;
        -webkit-transition: background-color 0.25s ease;
        -moz-transition: background-color 0.25s ease;
        -ms-transition: background-color 0.25s ease;
        -o-transition: background-color 0.25s ease;
        transition: background-color 0.25s ease;
    }

    #dt-topbar-menu-left ul li:hover > ul {
        display: block;
    }

    #dt-topbar-menu-left ul ul {
        position: absolute;
    }

    #dt-topbar-menu-left ul ul li {
        float: none;
        width: 15em;
        /*Subnav width*/

    }

    #dt-topbar-menu-left ul ul li a {
        padding: .5em 1.7em .5em 1.7em;
    }

    #dt-topbar-menu-left ul ul li a:after {
        right: 0.375em;
        margin-top: -1.6875em;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

    #dt-topbar-menu-left ul .sub-nav {
        top: auto;
        bottom: auto;
        left: auto;
        width: auto;
        margin-top: 0;
    }

    #dt-topbar-menu-left ul ul .sub-nav {
        float: left;
        top: 0;
        left: 100%;
        margin-left: 0;
        margin-top: -1px;
    }

    #dt-topbar-menu-left ul .fly-left ul {
        width: 100%;
        left: auto;
        margin-left: -100%;
        margin-right: -2px;
    }

    #dt-topbar-menu-left ul .fly-left a:after {
        right: auto;
        left: 0.2em;
        margin-top: -1.55em;
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

    #dt-topbar-menu-left > ul > li.fly-left > a:after {
        left: auto;
        right: 0.1em;
        margin-top: 0;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    #dt-topbar-menu-left .dt-megamenu {
        position: static;
    }

    #dt-topbar-menu-left .megamenu-sub {
        padding-top: 15px;
    }

    #dt-topbar-menu-left .dt-megamenu .full-dt-megamenu {
        left: 0;
        width: 100%;
    }

    #dt-topbar-menu-left .dt-megamenu .full-dt-megamenu li {
        width: 100%;
    }

    #dt-topbar-menu-left .dt-megamenu-sub-nav {
        margin-top: 0;
        width: 100%;
        position: relative;
    }

    #dt-topbar-menu-left .dt-megamenu-sub-nav ul {
        left: auto;
        margin-left: -100%;
        width: 100%;
    }

    #dt-topbar-menu-left .dt-megamenu-sub-nav .sub-nav {
        left: 100%;
    }

    #dt-topbar-menu-left .dt-megamenu-sub-nav .fly-left ul {
        left: auto;
        margin-left: -100%;
        width: 100%;
    }

    #dt-topbar-menu-left .dt-megamenu-width-set.sticky-right > ul {
        width: 80%;
        left: auto;
        right: 0;
    }

    #dt-topbar-menu-left .dt-megamenu-width-set.sticky-left > ul {
        width: 80%;
        left: 0;
        right: auto;
    }

    #dt-topbar-menu-left .dt-megamenu-width-set > ul > li {
        width: 100%;
    }

    .megamenu-sub > li {
        border: 0 !important;
    }

    #dt-topbar-menu-left .dt-megamenu .auto-dt-megamenu > li {
        width: auto;
    }

    #dt-topbar-menu-left .dt-megamenu-sub-nav li {
        width: 100%;
    }

    #dt-topbar-menu-left > ul > .fly-left > ul {
        width: 15em;
    }
}

@media (min-width: 992px) {
    #dt-topbar-menu-left {
        position: relative;
        margin: 0 auto;
        max-width: 970px;
    }
}

@media (min-width: 1200px) {
    #dt-topbar-menu-left {
        position: relative;
        max-width: 1170px;
        margin: 0 auto;
    }
}
@media (min-width:1200){ 
input[type="radio"], input[type="checkbox"] {
        margin: -5px 0 0;
        margin-top: 1px \9;
        line-height: normal;
    }
}
#top-bar .logo-desktop,
.sidebar .logo-desktop,
footer .logo-desktop {
    display: none;
}

/* --- Top Bar Right --- */
/*
@-webkit-keyframes androidbugfix {
  from {
    padding: 0;
  }

  to {
    padding: 0;
  }
} 
*/
#mobile-header-top-right {
    position: absolute;
    top: 0;
    left: 55px;
    height: auto;
}

#mobile-header-top-right label {
    padding: 0 0.125em;
    font-family: "Source Sans Pro";
    font-size: 36px;
}

#dt-topbar-menu-right {
    margin: 0;
    padding: 0;
    position: relative;
    background-color: #ffffff;
}

#dt-topbar-menu-right label {
    padding: 0 0.25em;
    font: 3.125em/1.375em "Source Sans Pro";
}

#dt-topbar-menu-right .sub-nav label {
    padding: 0 0.3125em;
    font: 2em/2em "Source Sans Pro";
    top: 0;
}

#mobile-header-top-right label:hover,
#dt-topbar-menu-right label:hover {
    color: #ccc;
}

#main-nav-check-top-right,
#dt-topbar-menu-right .sub-nav-check {
    position: absolute;
    visibility: hidden;
}

.toggle {
    position: absolute;
    right: 0.15em;
    cursor: pointer;
    color: #000;
}

#dt-topbar-menu-right,
#dt-topbar-menu-right .sub-nav {
    background: transparent;
    font-family: "Source Sans Pro";
    font-weight: 300;
    font-size: 12px;
}

#dt-topbar-menu-right {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 16.75em;
    /* Push Menu Width*/

    z-index: 9999;
    left: -16.75em;
    /* Hide Push menu to the left ( equals push menu width ) */

}

#dt-topbar-menu-right .sub-nav {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 16.75em;
    /* Push Menu Width*/

    z-index: 9999;
    left: -16.75em;
    /* Hide Push menu to the left ( equals push menu width ) */

}

#dt-topbar-menu-right .sub-nav {
    font-size: 12px;
}

#dt-topbar-menu-right,
#dt-topbar-menu-right .sub-nav {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: -webkit-transform 350ms cubic-bezier(0.275, 0, 0.095, 1.17);
    -moz-transition: -moz-transform 350ms cubic-bezier(0.275, 0, 0.095, 1.17);
    -o-transition: -o-transform 350ms cubic-bezier(0.275, 0, 0.095, 1.17);
    transition: transform 350ms cubic-bezier(0.275, 0, 0.095, 1.17);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

#dt-topbar-menu-right ul {
    line-height: 1.5em;
    text-decoration: none;
    padding: 0;
    list-style: none;
    margin-top: 4.0625em;
}

#dt-topbar-menu-right > ul > li {
    border: 0px solid rgba(0, 0, 0, 0.1);
}

#dt-topbar-menu-right .sub-nav li {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 0px solid rgba(0, 0, 0, 0.1);
}

#dt-topbar-menu-right .sub-nav li:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

#dt-topbar-menu-right > ul > li > ul > li:nth-child(2) {
    border-top: 3px solid #e9e9e9 !important;
}

#dt-topbar-menu-right li a {
    display: block;
    padding-left: 1.5em;
    color: #696969;
    text-decoration: none;
}

#dt-topbar-menu-right .sub-nav li a {
    background: #ffffff;
}

#dt-topbar-menu-right li a:hover {
    color: #e9e9e9;
}

#dt-topbar-menu-right li .toggle-sub:hover {
    color: #61a4b4;
    background: #696969;
}

#dt-topbar-menu-right .sub-nav {
    margin-top: -1px;
}

#dt-topbar-menu-right .sub-heading {
    margin-top: 4.0625em;
    padding-left: 1.3125em;
    color: #999;
}

#dt-topbar-menu-right .sub-heading:before {
    content: "";
    display: block;
    height: 1px;
    width: auto;
    margin-left: -1.3125em;
    background: #444;
}

#dt-topbar-menu-right .toggle-sub {
    font-family: "Source Sans Pro";
    font-size: 22px;
    color: #fff;
    background: #e9e9e9;
    float: right;
    top: auto;
    margin-top: -1.3em;
    margin-right: 5px;
    width: 0.8em;
    height: 0.8em;
    cursor: pointer;
    text-align: center;
    border-radius: 50%;
    line-height: 0.6em;
    -webkit-transition: background-color 0.25s ease;
    -moz-transition: background-color 0.25s ease;
    -ms-transition: background-color 0.25s ease;
    -o-transition: background-color 0.25s ease;
    transition: background-color 0.25s ease;
}

#dt-topbar-menu-right li:hover > .toggle-sub {
    color: #e9e9e9;
    background: #696969;
    -webkit-transition: background-color 0.25s ease;
    -moz-transition: background-color 0.25s ease;
    -ms-transition: background-color 0.25s ease;
    -o-transition: background-color 0.25s ease;
    transition: background-color 0.25s ease;
}

#dt-topbar-menu-right .sub-nav .toggle-sub {
    line-height: 0.6em;
    margin-top: -1em;
    /*margin-top: -1em;
  width: 1.25em;
  height: 1.25em;*/

}

#dt-topbar-menu-right [class*='col-'] p {
    line-height: 1.5em;
}

#dt-topbar-menu-right,
#dt-topbar-menu-right .sub-nav {
    -webkit-transform: translate3d(0, 0, 0);
}

/* http://davidwalsh.name/translate3d */
/* #### - extra css for js enhancement - #### */
#dt-topbar-menu-right .close-all {
    display: none;
}

.js #dt-topbar-menu-right .close-all {
    display: inline;
}

.js #dt-topbar-menu-right .toggle {
    top: 0;
    z-index: 9999;
}

.js #dt-topbar-menu-right .sub-nav .toggle {
    left: 0.15em;
    top: 1em;
    /*width: 1em;*/

    font-size: 12px;
    text-transform: uppercase;
}

/* #### - define ids of animated.container, menu and sub-menus here - #### */
#main-nav-check-top-right:checked ~ .container,
#main-nav-check-top-right:checked ~ #dt-topbar-menu-right {
    -webkit-transform: translate(16.75em, 0);
    -moz-transform: translate(16.75em, 0);
    -o-transform: translate(16.75em, 0);
    -ms-transform: translate(16.75em, 0);
    transform: translate(16.75em, 0);
}

.dt-megamenu .row {
    margin-left: 0;
    margin-right: 0;
}

#dt-topbar-menu-right .dt-megamenu-sub-nav {
    margin-top: 0;
}

#dt-topbar-menu-right .dt-megamenu-sub-nav ul li {
    background-color: #333;
}

#dt-topbar-menu-right .dt-megamenu-sub-nav > .sub-heading {
    margin-top: 0;
}

@media (max-width: 767px) {
    .dt-megamenu-sub-nav .sub-nav {
        height: auto;
    }

    #dt-topbar-menu-right {
        background-color: #ffffff;
        position: absolute;
        background-size: auto auto;
        min-height: 700px;
    }

    #dt-topbar-menu-right .sub-nav {
        background-color: #ffffff;
        position: absolute;
        background-size: auto auto;
    }

    #dt-topbar-menu-right .menu-item-type-search {
        display: none;
    }

    #dt-topbar-menu-right > .toggle {
        font-size: 30px;
    }

    #dt-topbar-menu-right {
        border-right: 1px solid rgba(0, 0, 0, 0.1);
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    #dt-topbar-menu-right > ul {
        width: 100%;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        margin-left: 0;
        margin-right: 0;
    }

    #dt-topbar-menu-right > ul > li {
        border-top: 1px solid rgba(0, 0, 0, 0.1);
    }

    #dt-topbar-menu-right ul li:first-child {
        border-top: 3px solid #e9e9e9 !important;
    }

    #dt-topbar-menu-right > ul > li > ul > li:nth-child(2) {
        border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
    }
}

/*Breakpoints*/
@media (min-width: 767px) {
    .js #dt-topbar-menu-right .close-all {
        display: none;
    }

    #dt-topbar-menu-right label,
    #dt-topbar-menu-right .sub-nav,
    #dt-topbar-menu-right .sub-heading,
    #mobile-header-top-right label {
        display: none;
    }

    #dt-topbar-menu-right {
        left: 0;
        bottom: auto;
        height: 0;
        /*width: 100%;*/

        width: auto;
        position: relative;
        margin: 0 auto;
        /*clear:both;*/

        height: auto;
        overflow: visible;
        z-index: 50;
    }

    #dt-topbar-menu-right > ul {
        float: none;
        position: relative;
        z-index: 1;
        margin: 0;
        border-right: 0;
        font-size: 14px;
        line-height: 2em;
        width: 100%;
        z-index: 999;
        display: table;
    }

    #dt-topbar-menu-right.dt-menu-right > ul {
        text-align: right;
    }

    #dt-topbar-menu-right.dt-menu-right > ul {
        text-align: left;
    }

    #dt-topbar-menu-right.dt-menu-center > ul {
        text-align: center;
        position: relative;
        margin-top: 120px;
    }

    #dt-topbar-menu-right.dt-menu-right > ul .logo-desktop {
        float: left;
    }

    #dt-topbar-menu-right.dt-menu-right > ul .logo-desktop {
        float: right;
    }

    #dt-topbar-menu-right.dt-menu-center > ul .logo-desktop {
        float: none;
        position: absolute;
        top: -100px;
        /*Adjust Logo vertical Position here*/

        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }

    #dt-topbar-menu-right ul:after {
        content: "";
        clear: both;
        display: block;
    }

    #dt-topbar-menu-right > ul > li > a {
        position: relative;
        line-height: 4em;
        /*control menu height*/

    }

    #dt-topbar-menu-right > ul > li {
        border-bottom: 0;
        line-height: 5em;
        /*control menu height*/

        height: 5em;
    }

    #dt-topbar-menu-right ul li {
        display: inline-block;
        position: relative;
        text-align: left;
    }

    #dt-topbar-menu-right ul li.logo-desktop a {
        padding: 0;
    }

    #dt-topbar-menu-right ul li a {
        padding: 0 1.5em;
    }

    #dt-topbar-menu-right ul#menu-main-menu-principal > li.menu-item-has-children > a:after,
    #dt-topbar-menu-right ul#menu-main-menu > li.menu-item-has-children > a:after,
    #dt-topbar-menu-right ul#menu-main-menu-principal-1 > li.menu-item-has-children > a:after,
    #dt-topbar-menu-right ul#menu-main-menu-1 > li.menu-item-has-children > a:after,
    #dt-topbar-menu-right ul#menu-main-menu-principal-2 > li.menu-item-has-children > a:after,
    #dt-topbar-menu-right ul#menu-main-menu-2 > li.menu-item-has-children > a:after {
        position: absolute;
        right: 0.7em;
        top: 50%;
        margin-top: 1px;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
        display: block;
        font-family: "Flaticon";
        content: '\e00e';
    }

    #dt-topbar-menu-right ul.sub-nav li.menu-item-has-children > a:after {
        position: absolute;
        right: 0.7em;
        top: 50%;
        margin-top: 1px;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
        display: block;
        font-family: "Flaticon";
        content: '\e00e';
    }

    #dt-topbar-menu-right ul li a.search_btn:after {
        content: "";
    }

    #dt-topbar-menu-right > ul > li > a:after {
        top: 35%;
    }

    #dt-topbar-menu-right ul li a:only-child:after {
        content: "";
    }

    #dt-topbar-menu-right ul.sub-nav li:hover > a {
        background: #e9e9e9;
        color: #ffffff;
        -webkit-transition: background-color 0.25s ease;
        -moz-transition: background-color 0.25s ease;
        -ms-transition: background-color 0.25s ease;
        -o-transition: background-color 0.25s ease;
        transition: background-color 0.25s ease;
    }

    #dt-topbar-menu-right ul li:hover > a,
    #dt-topbar-menu-right a.search_btn:hover {
        background: transparent;
        color: #61a4b4;
        -webkit-transition: background-color 0.25s ease;
        -moz-transition: background-color 0.25s ease;
        -ms-transition: background-color 0.25s ease;
        -o-transition: background-color 0.25s ease;
        transition: background-color 0.25s ease;
    }

    #dt-topbar-menu-right ul li:hover > ul {
        display: block;
    }

    #dt-topbar-menu-right ul ul {
        position: absolute;
    }

    #dt-topbar-menu-right ul ul li {
        float: none;
        width: 15em;
        /*Subnav width*/

    }

    #dt-topbar-menu-right ul ul li a {
        padding: .5em 1.7em .5em 1.7em;
    }

    #dt-topbar-menu-right ul ul li a:after {
        right: 0.375em;
        margin-top: -1.6875em;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

    #dt-topbar-menu-right ul .sub-nav {
        top: auto;
        bottom: auto;
        left: auto;
        width: auto;
        margin-top: 0;
    }

    #dt-topbar-menu-right ul ul .sub-nav {
        float: left;
        top: 0;
        left: 100%;
        margin-left: 0;
        margin-top: -1px;
    }

    #dt-topbar-menu-right ul .fly-left ul {
        width: 100%;
        left: auto;
        margin-left: -100%;
        margin-right: -2px;
    }

    #dt-topbar-menu-right ul .fly-left a:after {
        right: auto;
        left: 0.2em;
        margin-top: -1.55em;
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

    #dt-topbar-menu-right > ul > li.fly-left > a:after {
        left: auto;
        right: 0.1em;
        margin-top: 0;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    #dt-topbar-menu-right .dt-megamenu {
        position: static;
    }

    #dt-topbar-menu-right .megamenu-sub {
        padding-top: 15px;
    }

    #dt-topbar-menu-right .dt-megamenu .full-dt-megamenu {
        left: 0;
        width: 100%;
    }

    #dt-topbar-menu-right .dt-megamenu .full-dt-megamenu li {
        width: 100%;
    }

    #dt-topbar-menu-right .dt-megamenu-sub-nav {
        margin-top: 0;
        width: 100%;
        position: relative;
    }

    #dt-topbar-menu-right .dt-megamenu-sub-nav ul {
        left: auto;
        margin-left: -100%;
        width: 100%;
    }

    #dt-topbar-menu-right .dt-megamenu-sub-nav .sub-nav {
        left: 100%;
    }

    #dt-topbar-menu-right .dt-megamenu-sub-nav .fly-left ul {
        left: auto;
        margin-left: -100%;
        width: 100%;
    }

    #dt-topbar-menu-right .dt-megamenu-width-set.sticky-right > ul {
        width: 80%;
        left: auto;
        right: 0;
    }

    #dt-topbar-menu-right .dt-megamenu-width-set.sticky-left > ul {
        width: 80%;
        left: 0;
        right: auto;
    }

    #dt-topbar-menu-right .dt-megamenu-width-set > ul > li {
        width: 100%;
    }

    .megamenu-sub > li {
        border: 0 !important;
    }

    #dt-topbar-menu-right .dt-megamenu .auto-dt-megamenu > li {
        width: auto;
    }

    #dt-topbar-menu-right .dt-megamenu-sub-nav li {
        width: 100%;
    }

    #dt-topbar-menu-right > ul > .fly-left > ul {
        width: 15em;
    }
}

@media (min-width: 992px) {
    #dt-topbar-menu-right {
        position: relative;
        margin: 0 auto;
        max-width: 970px;
    }
}

@media (min-width: 1200px) {
    #dt-topbar-menu-right {
        position: relative;
        max-width: 1170px;
        margin: 0 auto;
    }
}

#top-bar .logo-desktop,
.sidebar .logo-desktop,
footer .logo-desktop {
    display: none;
}

/*** FOOTER ***/
.footer-left {
    color: #ffffff;
}

@media (max-width: 992px) {
    .footer-left {
        height: auto !important;
    }
}

.footer-left #footer-left {
    margin: 0 15px 0px 15px;
}

@media (max-width: 992px) {
    .footer-left #footer-left {
        position: static;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        border-bottom: 1px solid rgba(0, 0, 0, 0.3);
        padding: 20px 0;
    }
}

@media (max-width: 768px) {
    .footer-left #footer-left {
        border-bottom: 0;
    }
}

.footer-right {
    color: #ffffff;
}

@media (min-width: 480px) and (max-width: 992px) {
    .footer-right {
        border-left: 0;
    }
}

/* --- Footer --- */
/*** FOOTER WIDGETS ***/
.pre-footer-section,
.post-footer-section {
    overflow: hidden;
}

.footer-on-dark-bg {
    color: #999;
}

.footer-on-dark-bg .widget a {
    color: #9f9f9f;
}

.footer-on-dark-bg .post-author,
.footer-on-dark-bg .post-date {
    color: #777777;
}

footer .widget_categories ul > li a,
footer .widget_recent_entries ul > li a,
footer .dt_widget_recent_post ul > li a,
footer .widget_recent_comments ul > li a,
footer .dt_widget_recent_comments ul > li a,
footer .widget_rss ul > li a,
footer .widget_meta ul > li a,
footer .widget_nav_menu ul > li a,
footer .widget_archive ul > li a,
footer .woocommerce.widget_product_categories ul > li a,
footer .widget_pages ul > li a {
    color: #ffffff;
}

footer .widget_categories ul > li::before,
footer .widget_recent_entries ul > li::before,
footer .dt_widget_recent_post ul > li::before,
footer .widget_recent_comments ul > li::before,
footer .dt_widget_recent_comments ul > li::before,
footer .widget_rss ul > li::before,
footer .widget_meta ul > li::before,
footer .widget_nav_menu ul > li::before,
footer .widget_archive ul > li::before,
footer .woocommerce.widget_product_categories ul > li::before,
footer .widget_pages ul > li::before {
    border-top-color: rgba(255, 255, 255, 0.25);
}

footer .widget_tag_cloud .tagcloud .tag a {
    color: #ffffff;
}

footer .widget_recent_entries .post-date {
    color: rgba(255, 255, 255, 0.5);
}

footer .widget_recent_entries .post-author,
footer .dt_widget_recent_post .post-author,
footer .widget_recent_entries .post-date,
footer .dt_widget_recent_post .post-date {
    font-size: .9em;
}

footer {
    /** /WIDGET TEXT **/

    /** WIDGET TWITTER SLIDER **/

    /** /WIDGET TWITTER SLIDER **/

    /** WIDGET CALENDAR **/

    /** /WIDGET CALENDAR **/

    /** WIDGET SEARCH **/

    /** /WIDGET SEARCH **/

    /** WIDGET DT PORTFOLIO IMAGE **/

    /** /WIDGET DT PORTFOLIO IMAGE **/

    /** WIDGET PRODUCT TAG CLOUD **/

    /** /WIDGET PRODUCT TAG CLOUD **/

    /** WIDGET CATEGORIES **/

    /** /WIDGET CATEGORIES **/

    /** WIDGET ARCHIVE **/

    /** /WIDGET ARCHIVE **/

    /** WIDGET RECENT COMMENTS **/

    /** /WIDGET RECENT COMMENTS **/

    /** WIDGET TABS **/

    /** /WIDGET TABS **/

    /** WIDGET ACCORDION **/

    /** /WIDGET ACCORDION **/

    /** WOOCOMMERCE WIDGET PRODUCT SEARCH **/

    /** /WOOCOMMERCE WIDGET PRODUCT SEARCH **/

}

footer .widget h3,
footer .widget h2,
footer .widget .widgettitle,
footer .widget .widget-title {
    color: #e9e9e9;
    font-weight: bold;
}

footer .widget a {
    color: #fff;
}

footer .footer-section {
    padding: 20px 0;
    /** WIDGET TEXT **/

}

footer .footer-section a {
    color: #fff;
}

footer .footer-section .widget_recent_entries ul li,
footer .footer-section .dt_widget_recent_post ul li {
    padding-left: 0;
}

footer .footer-section .widget_recent_entries ul li .icon,
footer .footer-section .dt_widget_recent_post ul li .icon {
    display: none;
}

footer .footer-section #footer-left a {
    border: 0;
}

footer .footer-section .widget_text ul {
    padding-left: 0px;
}

footer .footer-section .widget_text ul .icon:before {
    font-family: "Flaticon";
    content: "\e003";
    font-style: normal;
    font-weight: normal;
    margin-left: -25px;
    width: 0;
    padding: 0 5px 0 0;
    font-size: 10px;
}

footer .footer-section .widget_text ul li {
    list-style: none;
    /*border-bottom: 1px solid rgba(0, 0, 0, 0.3);*/

    padding: 5px 0 5px 28px;
}

footer .footer-section .widget_text ul li:last-child {
    border: none;
}

footer .footer-section .widget_text ul li i {
    font-size: 17px;
}

footer .footer-section .widget_text ul .children {
    margin-top: 5px;
    margin-bottom: -5px;
    padding: 0px;
}

footer .footer-section .widget_text ul .children li {
    padding: 5px 0 5px 20px;
    border: none;
}

footer .footer-section .widget_text ul.list-inline-icon li {
    border: none;
    padding: 0;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-clip: padding-box;
    background: none;
    margin-right: .5em;
}

footer .footer-section .widget_text ul.list-inline-icon li a {
    font-size: 30px;
    color: #ffffff;
    line-height: 0;
}

footer .footer-section .widget_text ul.list-inline-icon li a i {
    line-height: 1.4em;
    margin: 0;
}

footer .footer-section .widget_text ul.list-inline-icon li a:hover {
    color: #ffffff;
}

footer .footer-section .widget_text ul.list-inline-icon li:hover {
    color: #ffffff;
    border: 1px solid #e9e9e9;
    background: #e9e9e9;
}

footer .sequence-twitter {
    min-height: 180px;
}

footer .owl-theme .owl-controls {
    text-align: left;
}

footer .owl-theme .owl-controls .owl-page span {
    background-color: #e9e9e9;
    opacity: 1;
}

footer .owl-theme .owl-controls .owl-page.active span {
    background: none;
    border: 2px solid #e9e9e9;
}

footer .widget_calendar {
    color: #ffffff;
}

footer .widget_calendar caption {
    color: #ffffff;
}

footer .widget_calendar a {
    color: #61a4b4;
}

footer .widget_calendar a:hover {
    color: #386b77;
}

footer .widget_search {
    color: #ffffff;
}

footer .widget_search .screen-reader-text {
    display: none;
}

footer .widget_search .searchsubmit {
    display: none;
}

footer .widget_search #s {
    border-width: 1px;
    border-style: solid;
    padding: 5px 5px 5px 30px;
    width: 100%;
    background: none;
    font-size: 0.8em;
    color: #fff;
}

footer .widget_search i {
    padding: 5px 5px;
    position: absolute;
}

footer .dt_widget_portfolio_posts .post-item {
    padding: 0px;
    width: 32%;
    margin: 1px;
}

footer .dt_widget_portfolio_posts .post-item figure {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    height: 81px;
    width: 81px;
    overflow: hidden;
}

footer .dt_widget_portfolio_posts .post-item figure > div {
    overflow: hidden;
}

footer .dt_widget_portfolio_posts .post-item figure figcaption {
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    -ms-transition: transform 0.3s;
    background: rgba(105, 65, 1, 0.6);
    opacity: 1;
    background-clip: padding-box;
    text-align: center;
    font-weight: 300;
    height: 85px;
}

footer .dt_widget_portfolio_posts .post-item figure figcaption a {
    display: table;
    display: block;
    width: 100%;
    height: 100%;
}

footer .dt_widget_portfolio_posts .post-item figure:hover figcaption,
footer .dt_widget_portfolio_posts .post-item figure.cs-hover figcaption {
    -webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);
    transform: translate(0, -100%);
}

footer .dt_widget_portfolio_posts .post-item figure .zoom-plus {
    width: 100%;
    height: 50px;
    position: relative;
    left: 0%;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    display: block;
}

footer .dt_widget_portfolio_posts .post-item figure .zoom-plus::before,
footer .dt_widget_portfolio_posts .post-item figure .zoom-plus::after {
    top: 50%;
    left: 50%;
}

footer .dt_widget_portfolio_posts .post-item figure .zoom-plus::before {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    display: block;
    border-bottom: #fff solid 1px;
    -webkit-transition: transform 0s;
    -moz-transition: transform 0s;
    -o-transition: transform 0s;
    -ms-transition: transform 0s;
    transition: transform 0s;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

footer .dt_widget_portfolio_posts .post-item figure .zoom-plus::after {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    display: block;
    border-left: #fff solid 1px;
    -webkit-transition: transform 0s;
    -moz-transition: transform 0s;
    -o-transition: transform 0s;
    -ms-transition: transform 0s;
    transition: transform 0s;
    -webkit-transform: translate(0, 50%);
    -moz-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);
    -o-transform: translate(0, 50%);
    transform: translate(0, 50%);
}

footer .woocommerce.widget_product_tag_cloud .tagcloud .tag {
    display: inline-table;
    font-family: "Source Sans Pro";
    font-size: 12px;
    font-weight: 400;
    background: none;
    border-width: 1px;
    border-style: solid;
    padding: 8px 10px;
    margin: 0 5px 5px 0;
}

footer .woocommerce.widget_product_tag_cloud .tagcloud .tag a:hover {
    color: #ffffff;
}

footer .woocommerce.widget_product_tag_cloud .tagcloud .tag:hover {
    background-color: #e9e9e9;
}

footer .woocommerce.widget_product_tag_cloud .tagcloud .tag:hover a {
    color: #ffffff;
}

footer .widget_categories select {
    width: 95%;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 5px;
    color: #696969;
}

footer .widget_categories a.select-target {
    background: none;
}

footer .widget_archive,
footer .dt_widget_recent_post {
    font-weight: 400;
}

footer .widget_archive select,
footer .dt_widget_recent_post select {
    width: 95%;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 5px;
    color: #696969;
}

footer .widget_archive a.select-target,
footer .dt_widget_recent_post a.select-target {
    background: none;
}

footer .widget_recent_comments a,
footer .dt_widget_recent_comments a {
    color: rgba(255, 255, 255, 0.4);
}

footer .widget_recent_comments a:hover,
footer .dt_widget_recent_comments a:hover {
    color: #61a4b4;
}

footer .dt_widget_tabs .tab-content {
    border-color: #adadad;
    background-color: #ffffff;
}

footer .dt_widget_tabs .tab-pane .widget-post-title {
    color: #4a4a4a;
}

footer .dt_widget_tabs .nav-tabs::before,
footer .dt_widget_tabs .nav-tabs::after {
    content: '';
    display: block;
}

footer .dt_widget_tabs .nav-tabs > li:not(.active) {
    border-color: #4a4a4a;
    border-bottom: solid 1px #adadad;
}

footer .dt_widget_tabs .nav-tabs > li:not(.active) > a {
    color: #adadad;
}

footer .dt_widget_tabs .nav-tabs > li.active {
    border: solid 1px #adadad;
    border-bottom: solid 1px;
    background: #ffffff;
}

footer .dt_widget_tabs .nav-tabs > li.active > a {
    color: #4a4a4a;
    background: #ffffff;
}

@media (max-width: 1199px) {
    footer .dt_widget_tabs .nav-tabs li {
        display: block;
        width: 100%;
    }
}

footer .dt_widget_accordion .btn-accordion {
    position: absolute;
    right: 30px;
    margin-top: -30px;
    color: #ffffff;
    background-color: #e9e9e9;
}

footer .dt_widget_accordion .btn-accordion .icon-minus-1:before,
footer .dt_widget_accordion .btn-accordion .icon-plus-1:before {
    margin: -0.4em 0 0 0;
}

footer .dt_widget_accordion .opened {
    color: #e9e9e9;
    background-color: #ffffff;
}

footer .dt_widget_accordion .panel {
    margin-top: 10px !important;
    border: none;
    background: none;
}

footer .dt_widget_accordion .panel:first-child {
    margin-top: 0px !important;
}

footer .dt_widget_accordion .panel-heading {
    background: none;
    color: #ffffff;
    border-width: 1px;
    border-style: solid;
    -webkit-transition: background-color 0.8s;
    -moz-transition: background-color 0.8s;
    -o-transition: background-color 0.8s;
    -ms-transition: background-color 0.8s;
    transition: background-color 0.8s;
}

footer .dt_widget_accordion .openedup {
    color: #ffffff !important;
    background-color: #e9e9e9;
    -webkit-transition: background-color 0.8s;
    -moz-transition: background-color 0.8s;
    -o-transition: background-color 0.8s;
    -ms-transition: background-color 0.8s;
    transition: background-color 0.8s;
}

footer .dt_widget_accordion .panel-body {
    margin-top: 10px;
    border-width: 1px;
    border-style: solid;
    background: none;
}

footer .woocommerce.widget_product_search #s {
    border: 1px solid rgba(255, 255, 255, 0.4);
}

/*** /FOOTER WIDGETS ***/
.dt_widget_tabs .meta-info {
    font-size: .8em;
    padding-left: 0;
    padding-right: 0;
}

.rowlist .image-info {
    padding-left: 0;
}

.rowlist .post-info {
    padding-left: 0;
    padding-right: 0;
}

.tab-pane .row:last-child .rowlist {
    border-bottom: 0 !important;
}

.tab-pane > .row {
    margin: 0;
}

.dt_widget_tabs .nav > li > a {
    padding: 10px;
}

.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
    border: 0;
}

.select.select-theme-default .select-content {
    -ms-box-shadow: none;
    -o-box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.select.select-theme-default .select-content {
    border-width: 1px;
    border-style: solid;
    width: 100%;
}

.select.select-theme-default .select-options .select-option.select-option-selected:before {
    top: 0.4em;
    left: .7em;
}

.select.select-theme-default .select-options .select-option {
    padding: 0.5em 2em;
}

/* --- Widgets --- */
.widget_rss ul {
    padding: 0;
}

.widget_rss ul li {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid rgba(68, 68, 68, 0.2);
}

.widget_rss .rss-date {
    font-style: italic;
    display: block;
    font-size: .9em;
    margin: 15px 0;
}

/*** SIDEBAR WIDGETS ***/
.dt_widget_carousel_recent_posts {
    line-height: 1.4em;
    text-align: left;
}

.dt_widget_carousel_recent_posts img {
    display: inline-block;
    float: left;
    margin: 0 15px 0 0;
}

.dt_widget_carousel_recent_posts a {
    text-decoration: none;
}

.dt_widget_carousel_recent_posts p {
    margin: 0;
}

.dt_widget_carousel_recent_posts p a.post-title {
    color: #FFFFFF;
    font-weight: 300;
}

.dt_widget_carousel_recent_posts a.author,
.dt_widget_carousel_recent_posts date,
.dt_widget_carousel_recent_posts .date {
    font-size: 75%;
    line-height: 1.4em;
    text-transform: capitalize;
}

.dt_widget_carousel_recent_posts date,
.dt_widget_carousel_recent_posts .date {
    color: #908D8D;
    font-family: 'Lora';
    font-style: italic;
}

.dt_widget_carousel_recent_posts hr {
    clear: both;
}

.dt_widget_carousel_recent_posts .owl-slide {
    padding-right: 10px;
}

.dt_widget_carousel_recent_posts .owl-item {
    overflow: hidden;
}

.dt_widget_carousel_recent_posts .owl-controls .owl-page {
    color: #FFFFFF;
    float: left;
    margin: 0;
}

.dt_widget_carousel_recent_posts .owl-controls .owl-page span {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 10px;
    color: #FFFFFF;
    height: 6px;
    margin: 5px 2px;
    opacity: 1;
    width: 6px;
}

.dt_widget_carousel_recent_posts .owl-controls .owl-page span:hover {
    background-color: #1ABC9C;
}

.dt_widget_carousel_recent_posts .owl-controls .owl-page.active span {
    background-color: #1ABC9C;
}

.dt_widget_carousel_recent_posts .mini-post {
    margin-bottom: 35px;
    min-height: 40px;
    padding: 0 10px 0 20px;
}

.widget_categories > ul,
.dt_widget_recent_post > ul,
.dt_widget_recent_comments > ul,
.widget_rss > ul,
.widget_meta > ul,
.widget_nav_menu > ul,
.widget_archive > ul,
.widget_pages > ul {
    padding-left: 0;
    list-style: none;
    padding-left: 1em;
    list-style-position: outside;
}

.widget_categories > ul > li,
.dt_widget_recent_post > ul > li,
.dt_widget_recent_comments > ul > li,
.widget_rss > ul > li,
.widget_meta > ul > li,
.widget_nav_menu > ul > li,
.widget_archive > ul > li,
.widget_pages > ul > li {
    position: relative;
    padding-left: 0.75em;
}

.widget_categories > ul > li:before,
.dt_widget_recent_post > ul > li:before,
.dt_widget_recent_comments > ul > li:before,
.widget_rss > ul > li:before,
.widget_meta > ul > li:before,
.widget_nav_menu > ul > li:before,
.widget_archive > ul > li:before,
.widget_pages > ul > li:before {
    content: '';
    position: absolute;
    display: block;
    height: 0;
    width: 10px;
    left: -0.75em;
    top: 0.8em;
    border-top: solid 1px rgba(74, 74, 74, 0.25);
}

.widget_categories > ul > li a,
.dt_widget_recent_post > ul > li a,
.dt_widget_recent_comments > ul > li a,
.widget_rss > ul > li a,
.widget_meta > ul > li a,
.widget_nav_menu > ul > li a,
.widget_archive > ul > li a,
.widget_pages > ul > li a {
    color: #696969;
}

.widget_categories > ul li:last-child,
.dt_widget_recent_post > ul li:last-child,
.dt_widget_recent_comments > ul li:last-child,
.widget_rss > ul li:last-child,
.widget_meta > ul li:last-child,
.widget_nav_menu > ul li:last-child,
.widget_archive > ul li:last-child,
.widget_pages > ul li:last-child {
    border: 0;
}

.widget_categories > ul li ul,
.dt_widget_recent_post > ul li ul,
.dt_widget_recent_comments > ul li ul,
.widget_rss > ul li ul,
.widget_meta > ul li ul,
.widget_nav_menu > ul li ul,
.widget_archive > ul li ul,
.widget_pages > ul li ul {
    padding-left: 20px;
}

.widget_categories > ul li ul li,
.dt_widget_recent_post > ul li ul li,
.dt_widget_recent_comments > ul li ul li,
.widget_rss > ul li ul li,
.widget_meta > ul li ul li,
.widget_nav_menu > ul li ul li,
.widget_archive > ul li ul li,
.widget_pages > ul li ul li {
    border: 0;
    padding: 0px;
}

.widget_recent_comments ul,
.widget_recent_entries ul {
    padding: 0;
    list-style: none;
}

.widget_recent_entries .post-author,
.dt_widget_recent_post .post-author,
.widget_recent_entries .post-date,
.dt_widget_recent_post .post-date {
    font-size: .9em;
}

.widget_recent_entries ul li {
    margin-bottom: 30px;
}

.widget_recent_entries .post-date {
    width: 100%;
    display: block;
    color: #adadad;
}

.widget_text .list-flush-left li {
    padding-left: 0 !important;
}

.widget_nav_menu .sub-menu li {
    padding: 2px 0;
}

@media (max-width: 767px) {
    .sidebar {
        margin-top: 60px;
    }
}

.widget select {
    max-width: 100%;
}

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

.widget h3,
.widget .widget_title,
.widget .widgettitle {
    font-size: 20px;
    margin-bottom: 25px;
    margin-top: 0;
    font-weight: 400;
    color: #202020;
    font-family: "Source Sans Pro";
    text-transform: capitalize;
}

.widget h3:after,
.widget .widget_title:after,
.widget .widgettitle:after {
    content: '';
    display: block;
    border-bottom: solid 1px rgba(74, 74, 74, 0.25);
    margin-top: -12px;
}

.widget h3 > span,
.widget .widget_title > span,
.widget .widgettitle > span {
    padding-right: 12px;
    background: #fff;
}

.widget a {
    color: #696969;
}

.widget a:hover {
    color: #61a4b4;
}

.widget_rss li {
    list-style-type: none !important;
}

.widget_rss .rsswidget {
    font-weight: 600;
    color: #e9e9e9;
    font-family: "Source Sans Pro";
}

.widget_rss .rss-date {
    font-style: italic;
    font-size: 18px;
    font-weight: 400;
    font-family: 'Playfair Display';
    color: #999999;
}

.widget_rss cite {
    font-weight: bold;
    font-size: 16px;
    font-family: "Source Sans Pro";
    text-transform: uppercase;
    color: #000000;
    margin-top: 10px;
    display: block;
}

.sidebar .widget {
    margin-bottom: 50px;
}

/** WIDGET TWITTER SLIDER **/
.dt-widget-twitter .sequence-twitter {
    min-height: 180px;
}

.dt-widget-twitter .sequence-twitter a {
    color: #61a4b4;
}

.dt-widget-twitter .sequence-twitter a:hover {
    color: #386b77;
}

.owl-theme .owl-controls {
    text-align: left;
}

.owl-theme .owl-controls .owl-page span {
    background-color: #e9e9e9;
    opacity: 1;
}

.owl-theme .owl-controls .owl-page.active span {
    background: none;
    border: 2px solid #e9e9e9;
}

/** /WIDGET TWITTER SLIDER **/
/* WIDGET PORTFOLIO POSTS AND FEATURED POSTS*/
.dt_widget_portfolio_posts:after,
.dt_widget_featured_posts:after {
    display: block;
    content: '';
    clear: both;
    width: 100%;
}

/** WIDGET CALENDAR **/
.widget_calendar {
    color: #4a4a4a;
}

.widget_calendar thead th {
    font-weight: 400;
    text-transform: uppercase;
}

.widget_calendar #calendar_wrap {
    padding: 0px;
}

.widget_calendar caption {
    font-weight: 700;
    margin-bottom: 20px;
    font-family: "Source Sans Pro";
    color: #696969;
}

.widget_calendar a {
    color: #e9e9e9;
}

.widget_calendar a:hover {
    color: #cf7f01;
}

.widget_calendar #today {
    background-color: #1b3f4f;
    color: #ffffff;
}

.widget_calendar .pad {
    color: #696969;
}

.widget_calendar #prev,
.widget_calendar #prev a,
.widget_calendar #next,
.widget_calendar #next a {
    color: rgba(74, 74, 74, 0.25);
}

.widget_calendar th {
    text-align: center;
    line-height: 2;
}

.widget_calendar td {
    text-align: center;
    line-height: 2;
}

/** /WIDGET CALENDAR **/
/** WIDGET SEARCH **/
.widget_search .screen-reader-text {
    display: none;
}

.widget_search .searchsubmit {
    display: none;
}

.widget_search form > div {
    position: relative;
}

.widget_search [name="s"] {
    border: none;
    padding: 10px 40px;
    width: 100%;
    background: #f3f3f3;
    font-size: 1em;
}

.widget_search i {
    padding: 0px 10px;
    position: absolute;
    font-size: 0.8em;
    line-height: 3.7;
    right: 2em;
    top: 0;
}

/** /WIDGET SEARCH **/
/** WIDGET TEXT **/
.widget_text ul {
    padding-left: 0px;
}

.widget_text ul .icon:before {
    font-family: "Flaticon";
    content: "\e003";
    font-style: normal;
    font-weight: normal;
    margin-left: -20px;
    width: 0;
    padding: 0 5px 0 0;
    font-size: 10px;
}

.widget_text ul li {
    list-style: none;
    padding: 5px 0 5px 28px;
}

.widget_text ul li:last-child {
    border: none;
}

.widget_text ul li i {
    font-size: 20px;
}

.widget_text ul .children {
    margin-top: 5px;
    margin-bottom: -5px;
    padding: 0px;
}

.widget_text ul .children li {
    padding: 5px 0 5px 20px;
    border: none;
}

.widget_text ul.list-inline-icon li {
    border: none;
    padding: 0;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-clip: padding-box;
    background: none;
    margin-right: .5em;
}

.widget_text ul.list-inline-icon li a {
    font-size: 30px;
    color: #696969;
    line-height: 0;
}

.widget_text ul.list-inline-icon li a i {
    line-height: 1.3em;
}

.widget_text ul.list-inline-icon li a:hover {
    color: #ffffff;
}

.widget_text ul.list-inline-icon li:hover {
    color: #ffffff;
    border: 1px solid #e9e9e9;
    background: #e9e9e9;
}

/** /WIDGET TEXT **/
/** WIDGET DT PORTFOLIO IMAGE **/
.dt_widget_portfolio_posts .portfolio_wrapper .post-item {
    padding: 0px;
    margin-bottom: 2px;
    width: auto;
}

.dt_widget_portfolio_posts .portfolio_wrapper .post-item figure {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    margin-right: 2px;
    height: 84px;
    width: 84px;
    overflow: hidden;
}

.dt_widget_portfolio_posts .portfolio_wrapper .post-item figure > div {
    overflow: hidden;
}

.dt_widget_portfolio_posts .portfolio_wrapper .post-item figure figcaption {
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    -ms-transition: transform 0.3s;
    background: rgba(105, 65, 1, 0.6);
    opacity: 1;
    background-clip: padding-box;
    text-align: center;
    font-weight: 300;
    height: 85px;
}

.dt_widget_portfolio_posts .portfolio_wrapper .post-item figure figcaption a {
    display: table;
    display: block;
    width: 100%;
    height: 100%;
}

.dt_widget_portfolio_posts .portfolio_wrapper .post-item figure:hover figcaption,
.dt_widget_portfolio_posts .portfolio_wrapper .post-item figure.cs-hover figcaption {
    -webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);
    transform: translate(0, -100%);
}

.dt_widget_portfolio_posts .portfolio_wrapper .post-item figure .zoom-plus {
    width: 100%;
    height: 50px;
    position: relative;
    left: 0%;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    display: block;
}

.dt_widget_portfolio_posts .portfolio_wrapper .post-item figure .zoom-plus::before,
.dt_widget_portfolio_posts .portfolio_wrapper .post-item figure .zoom-plus::after {
    top: 50%;
    left: 50%;
}

.dt_widget_portfolio_posts .portfolio_wrapper .post-item figure .zoom-plus::before {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    display: block;
    border-bottom: #fff solid 1px;
    -webkit-transition: transform 0s;
    -moz-transition: transform 0s;
    -o-transition: transform 0s;
    -ms-transition: transform 0s;
    transition: transform 0s;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.dt_widget_portfolio_posts .portfolio_wrapper .post-item figure .zoom-plus::after {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    display: block;
    border-left: #fff solid 1px;
    -webkit-transition: transform 0s;
    -moz-transition: transform 0s;
    -o-transition: transform 0s;
    -ms-transition: transform 0s;
    transition: transform 0s;
    -webkit-transform: translate(0, 50%);
    -moz-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);
    -o-transform: translate(0, 50%);
    transform: translate(0, 50%);
}

/** /WIDGET DT PORTFOLIO IMAGE **/
/** WIDGET TAG CLOUD **/
.widget_tag_cloud .tagcloud {
    clear: both;
    overflow: hidden;
}

.widget_tag_cloud .tagcloud ul {
    margin-left: -5px;
}

.widget_tag_cloud .tagcloud .tag {
    margin-bottom: 5px;
    display: inline-block;
    line-height: 1.5;
}

.widget_tag_cloud .tagcloud .tag a {
    font-size: 1em;
    padding: 3px 5px 3px 5px;
    margin: 0 5px 5px 0px;
    color: #696969;
}

.widget_tag_cloud .tagcloud .tag a:hover {
    color: #61a4b4;
}

.widget_tag_cloud .tagcloud .tag:after {
    content: '.';
}

/** /WIDGET TAG CLOUD **/
/** WIDGET CATEGORIES **/
.widget_categories select {
    width: 95%;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 5px;
}

/** /WIDGET CATEGORIES **/
/** WIDGET ARCHIVE **/
.widget_archive .widget_title + label.screen-reader-text,
.dt_widget_recent_post .widget_title + label.screen-reader-text {
    display: none;
}

.widget_archive select,
.dt_widget_recent_post select {
    width: 95%;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 5px;
}

/** /WIDGET ARCHIVE **/
/** WIDGET RECENT COMMENTS **/
.widget_recent_comments a,
.dt_widget_recent_comments a {
    color: #696969;
}

.widget_recent_comments a:hover,
.dt_widget_recent_comments a:hover {
    color: #61a4b4;
}

.widget_recent_comments .comment-author-link,
.dt_widget_recent_comments .comment-author-link,
.widget_recent_comments .comment-author-link a,
.dt_widget_recent_comments .comment-author-link a {
    font-weight: 400;
    color: #adadad;
    font-family: "Source Sans Pro";
}

.widget_recent_comments .comment-author,
.dt_widget_recent_comments .comment-author {
    color: #adadad;
}

.widget_recent_comments li.recentcomments,
.dt_widget_recent_comments li.recentcomments {
    border-bottom: solid 1px rgba(74, 74, 74, 0.25);
    padding: 15px 0;
}

/** /WIDGET RECENT COMMENTS **/
/** WIDGET TABS **/
.dt_widget_tabs .tab-content {
    border: solid 1px rgba(74, 74, 74, 0.25);
    border-top: none;
}

.dt_widget_tabs li a {
    border: 1px solid rgba(74, 74, 74, 0.25);
    margin-right: -1px;
}

.dt_widget_tabs .nav-tabs.nav-justified > li {
    border-bottom: solid 1px rgba(74, 74, 74, 0.25);
    padding: 0 2px;
    border-radius: 5px 5px 0 0;
}

.dt_widget_tabs .nav-tabs.nav-justified > li a {
    background: #f3f3f3;
    border: none;
    border-radius: 3px 3px 0 0;
    color: #adadad;
    font-weight: normal;
}

.dt_widget_tabs .nav-tabs.nav-justified > li:not(.active):hover > a {
    background: #dadada;
}

.dt_widget_tabs .nav-tabs.nav-justified > li.active {
    border: solid 1px rgba(74, 74, 74, 0.25);
    border-bottom: none;
}

.dt_widget_tabs .nav-tabs.nav-justified > li.active > a {
    color: #4a4a4a;
    background: none;
}

.dt_widget_tabs .nav > li > a:hover {
    background-color: transparent;
    color: inherit;
}

.dt_widget_tabs .tab-pane {
    overflow: hidden;
}

.dt_widget_tabs .tab-pane .rowlist {
    float: left;
    width: 100%;
    padding: 20px;
    color: #adadad;
    border-bottom: 1px solid rgba(74, 74, 74, 0.25);
}

.dt_widget_tabs .icon-comment-empty:before,
.dt_widget_tabs .icon-clock:before {
    font-size: 17px;
}

@media (max-width: 1199px) {
    .dt_widget_tabs .nav-tabs li {
        display: block;
        width: 100%;
    }
}

/** /WIDGET TABS **/
/** WIDGET ACCORDION **/
.dt_widget_accordion .panel-group {
    margin-top: 36px;
}

.dt_widget_accordion .btn-accordion {
    position: absolute;
    right: 22px;
    margin-top: -29px;
    width: 24px;
    text-align: center;
    height: 24px;
}

.dt_widget_accordion .btn-accordion .icon-minus-1:before,
.dt_widget_accordion .btn-accordion .icon-plus-1:before {
    margin: -0.4em 0 0 0;
    color: #4a4a4a;
}

.dt_widget_accordion .panel {
    margin-top: 10px;
    border: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.dt_widget_accordion .panel-title {
    color: #4a4a4a;
    font-size: 20px;
}

.dt_widget_accordion .panel-heading {
    border: 1px solid rgba(74, 74, 74, 0.25);
    -webkit-transition: background-color 0.8s;
    -moz-transition: background-color 0.8s;
    -o-transition: background-color 0.8s;
    -ms-transition: background-color 0.8s;
    transition: background-color 0.8s;
    padding: 0.5em 1em;
    background-color: #f3f3f3;
}

.dt_widget_accordion .panel-heading.openedup {
    border-bottom-color: transparent;
}

.dt_widget_accordion .openedup {
    color: inherit;
    -webkit-transition: background-color 0.8s;
    -moz-transition: background-color 0.8s;
    -o-transition: background-color 0.8s;
    -ms-transition: background-color 0.8s;
    transition: background-color 0.8s;
}

.dt_widget_accordion .panel-body {
    margin-top: 0px;
    color: #696969;
    border: 1px solid rgba(74, 74, 74, 0.25);
    border-top: 0 !important;
}

/** /WIDGET ACCORDION **/
/*** /SIDEBAR WIDGETS ***/
/* --- Banner --- */
section#banner-section {
    position: relative;
    height: 400px;
    width: 100%;
    z-index: 0;
}

section#banner-section .banner-title .page-title {
    font-size: 45px;
    text-transform: capitalize;
    margin-bottom: 0;
    font-weight: 700;
    font-family: "Source Sans Pro";
    line-height: 1;
}

section#banner-section .page-title {
    color: #333;
}

section#banner-section .breadcrumbs {
    color: #333;
    font-family: "Source Sans Pro";
    font-size: 20px;
    padding: 10px 0;
    text-transform: capitalize;
}

section#banner-section .breadcrumbs a {
    color: #333;
}

section#banner-section .breadcrumbs .current {
    /*color: @primary-color;*/
}

/* --- Pricing Table --- */
.dt-pricing-table .price-4-col .btn-active,
.dt-pricing-table .price-3-col .btn-active {
    background-color: #61a4b4;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-clip: padding-box;
    margin: 2px;
}

.dt-pricing-table .price-4-col .btn-active:hover,
.dt-pricing-table .price-3-col .btn-active:hover {
    background-color: #386b77;
    color: #ffffff;
}

.container .carousel-content .carousel-indicators li {
    background: none repeat scroll 0 0 #e9e9e9;
    border-color: #e9e9e9;
}

.container .carousel-content .carousel-indicators li.active {
    background: none;
    border-color: #e9e9e9;
}

.no-touch .dt-iconboxes-5:hover .hi-icon-effect-5 .hi-icon {
    background-color: #e9e9e9;
    border-color: #e9e9e9;
}

/* --- Woocommerce --- */
/* Woocommerce Page */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    background-color: #ffffff;
    padding: 0;
    text-align: left;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.woocommerce ul.products li.product h3,
.woocommerce-page ul.products li.product h3,
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price,
.woocommerce ul.products li.product .add_to_cart_button,
.woocommerce-page ul.products li.product .add_to_cart_button {
    font-family: "Source Sans Pro";
}

.woocommerce ul.products li.product .button,
.woocommerce-page ul.products li.product .button,
.woocommerce ul.products li.product .add_to_cart_button,
.woocommerce-page ul.products li.product .add_to_cart_button {
    font-weight: 400;
    color: #4a4a4a;
    margin-top: 1.5em;
}

.woocommerce ul.products li.product h3,
.woocommerce-page ul.products li.product h3 {
    font-size: 1.25em;
    color: #696969;
    line-height: 1.25;
    padding-top: 0;
    padding-bottom: 0.2em;
}

.woocommerce ul.products li.product .star-rating,
.woocommerce-page ul.products li.product .star-rating {
    float: right;
    font-size: 0.8em;
}

.woocommerce ul.products li.product .onsale,
.woocommerce-page ul.products li.product .onsale,
.woocommerce ul.products li.product span.onsale,
.woocommerce-page ul.products li.product span.onsale {
    right: auto;
    left: 0;
    margin: -1em 0 0 -1em;
}

.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price {
    font-size: 1em;
}

.woocommerce ul.products li.product .price .amount,
.woocommerce-page ul.products li.product .price .amount {
    color: #4a4a4a;
    font-weight: bold;
}

.woocommerce ul.products li.product .price del,
.woocommerce-page ul.products li.product .price del,
.woocommerce ul.products li.product .price ins,
.woocommerce-page ul.products li.product .price ins {
    display: inline-block;
}

.woocommerce ul.products li.product .price del,
.woocommerce-page ul.products li.product .price del {
    margin-right: 14px;
}

.woocommerce ul.products li.product .price del,
.woocommerce-page ul.products li.product .price del,
.woocommerce ul.products li.product .price del .amount,
.woocommerce-page ul.products li.product .price del .amount {
    color: #adadad;
    font-weight: 400;
}

.woocommerce .onsale,
.woocommerce-page .onsale,
.woocommerce span.onsale,
.woocommerce-page span.onsale {
    right: auto;
    left: 0;
    height: 4em;
    width: 4em;
    line-height: 4em;
    padding: 0;
    overflow: hidden;
    background: #e9e9e9;
    color: #202020;
    margin: -1em 0 0 -1em;
}

.woocommerce .star-rating,
.woocommerce-page .star-rating {
    height: 1.1em;
    font-size: 0.8em;
}

.woocommerce .star-rating::before,
.woocommerce-page .star-rating::before {
    color: #adadad;
    content: "\53\53\53\53\53";
}

.woocommerce .posted_in,
.woocommerce-page .posted_in {
    font-weight: bold;
}

.woocommerce .posted_in a,
.woocommerce-page .posted_in a {
    color: #4a4a4a;
    font-weight: 400;
}

.woocommerce.single-product .product .entry-summary .woocommerce-product-rating,
.woocommerce-page.single-product .product .entry-summary .woocommerce-product-rating {
    margin-bottom: 1em;
}

.woocommerce.single-product .product .entry-summary .entry-title,
.woocommerce-page.single-product .product .entry-summary .entry-title {
    font-size: 2.375em;
    font-weight: bold;
    margin-bottom: 0;
}

.woocommerce.single-product .product .entry-summary .price,
.woocommerce-page.single-product .product .entry-summary .price {
    color: #4a4a4a;
    font-family: "Source Sans Pro";
}

.woocommerce.single-product .product .entry-summary [itemprop="description"],
.woocommerce-page.single-product .product .entry-summary [itemprop="description"] {
    margin: 20px 0;
}

.woocommerce.single-product .product .entry-summary .single_add_to_cart_button,
.woocommerce-page.single-product .product .entry-summary .single_add_to_cart_button {
    font-family: "Source Sans Pro";
    font-weight: 400;
    color: #4a4a4a;
    background: #e9e9e9;
}

.woocommerce.single-product .product .entry-summary .single_add_to_cart_button:hover,
.woocommerce-page.single-product .product .entry-summary .single_add_to_cart_button:hover {
    color: inherit;
}

.woocommerce.single-product .product .entry-summary .star-rating,
.woocommerce-page.single-product .product .entry-summary .star-rating {
    margin-top: 0.7em;
}

.woocommerce.single-product .product .upsells.products,
.woocommerce-page.single-product .product .upsells.products,
.woocommerce.single-product .product .related.products,
.woocommerce-page.single-product .product .related.products {
    clear: both;
}

.woocommerce.single-product .product .upsells.products h2,
.woocommerce-page.single-product .product .upsells.products h2,
.woocommerce.single-product .product .related.products h2,
.woocommerce-page.single-product .product .related.products h2 {
    font-weight: bold;
    color: #4a4a4a;
    margin-bottom: 20px;
}

.woocommerce.single-product .product .woocommerce-tabs .entry-content.panel,
.woocommerce-page.single-product .product .woocommerce-tabs .entry-content.panel {
    border: solid 1px rgba(74, 74, 74, 0.25);
    padding: 25px;
    border-top: none;
    box-shadow: none;
}

.woocommerce.single-product .product .woocommerce-tabs ul.wc-tabs,
.woocommerce-page.single-product .product .woocommerce-tabs ul.wc-tabs,
.woocommerce.single-product .product .woocommerce-tabs .wc-tabs,
.woocommerce-page.single-product .product .woocommerce-tabs .wc-tabs {
    margin-bottom: 0;
    padding-left: 0;
}

.woocommerce.single-product .product .woocommerce-tabs ul.wc-tabs li,
.woocommerce-page.single-product .product .woocommerce-tabs ul.wc-tabs li,
.woocommerce.single-product .product .woocommerce-tabs .wc-tabs li,
.woocommerce-page.single-product .product .woocommerce-tabs .wc-tabs li {
    background-color: #f3f3f3;
    border: none;
    margin: 0;
}

.woocommerce.single-product .product .woocommerce-tabs ul.wc-tabs li a,
.woocommerce-page.single-product .product .woocommerce-tabs ul.wc-tabs li a,
.woocommerce.single-product .product .woocommerce-tabs .wc-tabs li a,
.woocommerce-page.single-product .product .woocommerce-tabs .wc-tabs li a {
    font-weight: 400;
    font-family: "Source Sans Pro";
    color: #4a4a4a;
}

.woocommerce.single-product .product .woocommerce-tabs ul.wc-tabs li.active,
.woocommerce-page.single-product .product .woocommerce-tabs ul.wc-tabs li.active,
.woocommerce.single-product .product .woocommerce-tabs .wc-tabs li.active,
.woocommerce-page.single-product .product .woocommerce-tabs .wc-tabs li.active {
    border: solid 1px rgba(74, 74, 74, 0.25);
    border-bottom: none;
}

.woocommerce.single-product .product .woocommerce-tabs ul.wc-tabs li:after,
.woocommerce-page.single-product .product .woocommerce-tabs ul.wc-tabs li:after,
.woocommerce.single-product .product .woocommerce-tabs .wc-tabs li:after,
.woocommerce-page.single-product .product .woocommerce-tabs .wc-tabs li:after,
.woocommerce.single-product .product .woocommerce-tabs ul.wc-tabs li:before,
.woocommerce-page.single-product .product .woocommerce-tabs ul.wc-tabs li:before,
.woocommerce.single-product .product .woocommerce-tabs .wc-tabs li:before,
.woocommerce-page.single-product .product .woocommerce-tabs .wc-tabs li:before {
    content: '';
    display: none;
}

.woocommerce.single-product .product #respond input#submit,
.woocommerce-page.single-product .product #respond input#submit {
    font-family: "Source Sans Pro";
    font-weight: 400;
    color: #4a4a4a;
}

.woocommerce .single_add_to_cart_button,
.woocommerce-page .single_add_to_cart_button,
.woocommerce .add_to_cart_button,
.woocommerce-page .add_to_cart_button,
.woocommerce .button.add_to_cart_button,
.woocommerce-page .button.add_to_cart_button,
.woocommerce .button.single_add_to_cart_button,
.woocommerce-page .button.single_add_to_cart_button {
    padding-right: 3em;
    position: relative;
}

.woocommerce .single_add_to_cart_button:after,
.woocommerce-page .single_add_to_cart_button:after,
.woocommerce .add_to_cart_button:after,
.woocommerce-page .add_to_cart_button:after,
.woocommerce .button.add_to_cart_button:after,
.woocommerce-page .button.add_to_cart_button:after,
.woocommerce .button.single_add_to_cart_button:after,
.woocommerce-page .button.single_add_to_cart_button:after {
    content: "\e019";
    font-family: "Menu Icons";
    position: absolute;
    right: 1em;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text,
.woocommerce-page #reviews #comments ol.commentlist li .comment-text {
    background: #f3f3f3;
    border-color: rgba(74, 74, 74, 0.1);
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta,
.woocommerce-page #reviews #comments ol.commentlist li .comment-text p.meta,
.woocommerce #reviews #comments ol.commentlist li .comment-text .meta,
.woocommerce-page #reviews #comments ol.commentlist li .comment-text .meta {
    font-size: 1em;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text .description,
.woocommerce-page #reviews #comments ol.commentlist li .comment-text .description {
    color: #696969;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text time,
.woocommerce-page #reviews #comments ol.commentlist li .comment-text time {
    color: #adadad;
}

.woocommerce #reviews #review_form #respond p,
.woocommerce-page #reviews #review_form #respond p {
    margin-bottom: 14px;
}

.woocommerce #reviews #review_form #respond p.form-submit,
.woocommerce-page #reviews #review_form #respond p.form-submit {
    margin-top: 26px;
}

.woocommerce #reviews .comment-respond label,
.woocommerce-page #reviews .comment-respond label {
    font-weight: 400;
    font-size: 1em;
    font-family: "Source Sans Pro";
    color: #4a4a4a;
    min-width: 80px;
}

.woocommerce #reviews #review_form p.comment-form-comment,
.woocommerce-page #reviews #review_form p.comment-form-comment,
.woocommerce #reviews #review_form p.comment-form-rating,
.woocommerce-page #reviews #review_form p.comment-form-rating {
    margin: 5px 0 18px 0;
}

.woocommerce #reviews .comment-form textarea,
.woocommerce-page #reviews .comment-form textarea,
.woocommerce #reviews .comment-form input:not([type="submit"]),
.woocommerce-page #reviews .comment-form input:not([type="submit"]) {
    border: solid 1px rgba(74, 74, 74, 0.25);
}

.woocommerce #reviews .comment-form textarea,
.woocommerce-page #reviews .comment-form textarea {
    min-height: 100px;
}

.woocommerce #reviews .comment-form input:not([type="submit"]),
.woocommerce-page #reviews .comment-form input:not([type="submit"]) {
    min-height: 30px;
    padding: 0;
}

.woocommerce #reviews .comment-form .stars a,
.woocommerce-page #reviews .comment-form .stars a {
    font-weight: bold;
    margin-right: 2px;
}

.woocommerce .comment-leave-title,
.woocommerce-page .comment-leave-title,
.woocommerce .comment-reply-title,
.woocommerce-page .comment-reply-title {
    font-size: 1.25em;
    font-weight: bold;
}

.woocommerce p.stars a::after,
.woocommerce-page p.stars a::after {
    color: rgba(74, 74, 74, 0.25);
}

.woocommerce a.button,
.woocommerce-page a.button,
.woocommerce button.button,
.woocommerce-page button.button,
.woocommerce input.button,
.woocommerce-page input.button,
.woocommerce .button,
.woocommerce-page .button,
.woocommerce .button.checkout-button,
.woocommerce-page .button.checkout-button,
.woocommerce a.checkout-button,
.woocommerce-page a.checkout-button {
    color: #4a4a4a;
    background-color: #e9e9e9;
    border-color: #90d5e5;
    font-weight: 400;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.8;
    border-radius: 3px;
}

.woocommerce a.button:hover,
.woocommerce-page a.button:hover,
.woocommerce button.button:hover,
.woocommerce-page button.button:hover,
.woocommerce input.button:hover,
.woocommerce-page input.button:hover,
.woocommerce .button:hover,
.woocommerce-page .button:hover,
.woocommerce .button.checkout-button:hover,
.woocommerce-page .button.checkout-button:hover,
.woocommerce a.checkout-button:hover,
.woocommerce-page a.checkout-button:hover,
.woocommerce a.button:focus,
.woocommerce-page a.button:focus,
.woocommerce button.button:focus,
.woocommerce-page button.button:focus,
.woocommerce input.button:focus,
.woocommerce-page input.button:focus,
.woocommerce .button:focus,
.woocommerce-page .button:focus,
.woocommerce .button.checkout-button:focus,
.woocommerce-page .button.checkout-button:focus,
.woocommerce a.checkout-button:focus,
.woocommerce-page a.checkout-button:focus,
.woocommerce a.button:active,
.woocommerce-page a.button:active,
.woocommerce button.button:active,
.woocommerce-page button.button:active,
.woocommerce input.button:active,
.woocommerce-page input.button:active,
.woocommerce .button:active,
.woocommerce-page .button:active,
.woocommerce .button.checkout-button:active,
.woocommerce-page .button.checkout-button:active,
.woocommerce a.checkout-button:active,
.woocommerce-page a.checkout-button:active,
.woocommerce a.button.active,
.woocommerce-page a.button.active,
.woocommerce button.button.active,
.woocommerce-page button.button.active,
.woocommerce input.button.active,
.woocommerce-page input.button.active,
.woocommerce .button.active,
.woocommerce-page .button.active,
.woocommerce .button.checkout-button.active,
.woocommerce-page .button.checkout-button.active,
.woocommerce a.checkout-button.active,
.woocommerce-page a.checkout-button.active,
.open .dropdown-toggle.woocommerce a.button,
.open .dropdown-toggle.woocommerce-page a.button,
.open .dropdown-toggle.woocommerce button.button,
.open .dropdown-toggle.woocommerce-page button.button,
.open .dropdown-toggle.woocommerce input.button,
.open .dropdown-toggle.woocommerce-page input.button,
.open .dropdown-toggle.woocommerce .button,
.open .dropdown-toggle.woocommerce-page .button,
.open .dropdown-toggle.woocommerce .button.checkout-button,
.open .dropdown-toggle.woocommerce-page .button.checkout-button,
.open .dropdown-toggle.woocommerce a.checkout-button,
.open .dropdown-toggle.woocommerce-page a.checkout-button {
    color: #4a4a4a;
    background-color: #feb138;
    border-color: #5ec2d9;
}

.woocommerce a.button:active,
.woocommerce-page a.button:active,
.woocommerce button.button:active,
.woocommerce-page button.button:active,
.woocommerce input.button:active,
.woocommerce-page input.button:active,
.woocommerce .button:active,
.woocommerce-page .button:active,
.woocommerce .button.checkout-button:active,
.woocommerce-page .button.checkout-button:active,
.woocommerce a.checkout-button:active,
.woocommerce-page a.checkout-button:active,
.woocommerce a.button.active,
.woocommerce-page a.button.active,
.woocommerce button.button.active,
.woocommerce-page button.button.active,
.woocommerce input.button.active,
.woocommerce-page input.button.active,
.woocommerce .button.active,
.woocommerce-page .button.active,
.woocommerce .button.checkout-button.active,
.woocommerce-page .button.checkout-button.active,
.woocommerce a.checkout-button.active,
.woocommerce-page a.checkout-button.active,
.open .dropdown-toggle.woocommerce a.button,
.open .dropdown-toggle.woocommerce-page a.button,
.open .dropdown-toggle.woocommerce button.button,
.open .dropdown-toggle.woocommerce-page button.button,
.open .dropdown-toggle.woocommerce input.button,
.open .dropdown-toggle.woocommerce-page input.button,
.open .dropdown-toggle.woocommerce .button,
.open .dropdown-toggle.woocommerce-page .button,
.open .dropdown-toggle.woocommerce .button.checkout-button,
.open .dropdown-toggle.woocommerce-page .button.checkout-button,
.open .dropdown-toggle.woocommerce a.checkout-button,
.open .dropdown-toggle.woocommerce-page a.checkout-button {
    background-image: none;
}

.woocommerce a.button.disabled,
.woocommerce-page a.button.disabled,
.woocommerce button.button.disabled,
.woocommerce-page button.button.disabled,
.woocommerce input.button.disabled,
.woocommerce-page input.button.disabled,
.woocommerce .button.disabled,
.woocommerce-page .button.disabled,
.woocommerce .button.checkout-button.disabled,
.woocommerce-page .button.checkout-button.disabled,
.woocommerce a.checkout-button.disabled,
.woocommerce-page a.checkout-button.disabled,
.woocommerce a.button[disabled],
.woocommerce-page a.button[disabled],
.woocommerce button.button[disabled],
.woocommerce-page button.button[disabled],
.woocommerce input.button[disabled],
.woocommerce-page input.button[disabled],
.woocommerce .button[disabled],
.woocommerce-page .button[disabled],
.woocommerce .button.checkout-button[disabled],
.woocommerce-page .button.checkout-button[disabled],
.woocommerce a.checkout-button[disabled],
.woocommerce-page a.checkout-button[disabled],
fieldset[disabled] .woocommerce a.button,
fieldset[disabled] .woocommerce-page a.button,
fieldset[disabled] .woocommerce button.button,
fieldset[disabled] .woocommerce-page button.button,
fieldset[disabled] .woocommerce input.button,
fieldset[disabled] .woocommerce-page input.button,
fieldset[disabled] .woocommerce .button,
fieldset[disabled] .woocommerce-page .button,
fieldset[disabled] .woocommerce .button.checkout-button,
fieldset[disabled] .woocommerce-page .button.checkout-button,
fieldset[disabled] .woocommerce a.checkout-button,
fieldset[disabled] .woocommerce-page a.checkout-button,
.woocommerce a.button.disabled:hover,
.woocommerce-page a.button.disabled:hover,
.woocommerce button.button.disabled:hover,
.woocommerce-page button.button.disabled:hover,
.woocommerce input.button.disabled:hover,
.woocommerce-page input.button.disabled:hover,
.woocommerce .button.disabled:hover,
.woocommerce-page .button.disabled:hover,
.woocommerce .button.checkout-button.disabled:hover,
.woocommerce-page .button.checkout-button.disabled:hover,
.woocommerce a.checkout-button.disabled:hover,
.woocommerce-page a.checkout-button.disabled:hover,
.woocommerce a.button[disabled]:hover,
.woocommerce-page a.button[disabled]:hover,
.woocommerce button.button[disabled]:hover,
.woocommerce-page button.button[disabled]:hover,
.woocommerce input.button[disabled]:hover,
.woocommerce-page input.button[disabled]:hover,
.woocommerce .button[disabled]:hover,
.woocommerce-page .button[disabled]:hover,
.woocommerce .button.checkout-button[disabled]:hover,
.woocommerce-page .button.checkout-button[disabled]:hover,
.woocommerce a.checkout-button[disabled]:hover,
.woocommerce-page a.checkout-button[disabled]:hover,
fieldset[disabled] .woocommerce a.button:hover,
fieldset[disabled] .woocommerce-page a.button:hover,
fieldset[disabled] .woocommerce button.button:hover,
fieldset[disabled] .woocommerce-page button.button:hover,
fieldset[disabled] .woocommerce input.button:hover,
fieldset[disabled] .woocommerce-page input.button:hover,
fieldset[disabled] .woocommerce .button:hover,
fieldset[disabled] .woocommerce-page .button:hover,
fieldset[disabled] .woocommerce .button.checkout-button:hover,
fieldset[disabled] .woocommerce-page .button.checkout-button:hover,
fieldset[disabled] .woocommerce a.checkout-button:hover,
fieldset[disabled] .woocommerce-page a.checkout-button:hover,
.woocommerce a.button.disabled:focus,
.woocommerce-page a.button.disabled:focus,
.woocommerce button.button.disabled:focus,
.woocommerce-page button.button.disabled:focus,
.woocommerce input.button.disabled:focus,
.woocommerce-page input.button.disabled:focus,
.woocommerce .button.disabled:focus,
.woocommerce-page .button.disabled:focus,
.woocommerce .button.checkout-button.disabled:focus,
.woocommerce-page .button.checkout-button.disabled:focus,
.woocommerce a.checkout-button.disabled:focus,
.woocommerce-page a.checkout-button.disabled:focus,
.woocommerce a.button[disabled]:focus,
.woocommerce-page a.button[disabled]:focus,
.woocommerce button.button[disabled]:focus,
.woocommerce-page button.button[disabled]:focus,
.woocommerce input.button[disabled]:focus,
.woocommerce-page input.button[disabled]:focus,
.woocommerce .button[disabled]:focus,
.woocommerce-page .button[disabled]:focus,
.woocommerce .button.checkout-button[disabled]:focus,
.woocommerce-page .button.checkout-button[disabled]:focus,
.woocommerce a.checkout-button[disabled]:focus,
.woocommerce-page a.checkout-button[disabled]:focus,
fieldset[disabled] .woocommerce a.button:focus,
fieldset[disabled] .woocommerce-page a.button:focus,
fieldset[disabled] .woocommerce button.button:focus,
fieldset[disabled] .woocommerce-page button.button:focus,
fieldset[disabled] .woocommerce input.button:focus,
fieldset[disabled] .woocommerce-page input.button:focus,
fieldset[disabled] .woocommerce .button:focus,
fieldset[disabled] .woocommerce-page .button:focus,
fieldset[disabled] .woocommerce .button.checkout-button:focus,
fieldset[disabled] .woocommerce-page .button.checkout-button:focus,
fieldset[disabled] .woocommerce a.checkout-button:focus,
fieldset[disabled] .woocommerce-page a.checkout-button:focus,
.woocommerce a.button.disabled:active,
.woocommerce-page a.button.disabled:active,
.woocommerce button.button.disabled:active,
.woocommerce-page button.button.disabled:active,
.woocommerce input.button.disabled:active,
.woocommerce-page input.button.disabled:active,
.woocommerce .button.disabled:active,
.woocommerce-page .button.disabled:active,
.woocommerce .button.checkout-button.disabled:active,
.woocommerce-page .button.checkout-button.disabled:active,
.woocommerce a.checkout-button.disabled:active,
.woocommerce-page a.checkout-button.disabled:active,
.woocommerce a.button[disabled]:active,
.woocommerce-page a.button[disabled]:active,
.woocommerce button.button[disabled]:active,
.woocommerce-page button.button[disabled]:active,
.woocommerce input.button[disabled]:active,
.woocommerce-page input.button[disabled]:active,
.woocommerce .button[disabled]:active,
.woocommerce-page .button[disabled]:active,
.woocommerce .button.checkout-button[disabled]:active,
.woocommerce-page .button.checkout-button[disabled]:active,
.woocommerce a.checkout-button[disabled]:active,
.woocommerce-page a.checkout-button[disabled]:active,
fieldset[disabled] .woocommerce a.button:active,
fieldset[disabled] .woocommerce-page a.button:active,
fieldset[disabled] .woocommerce button.button:active,
fieldset[disabled] .woocommerce-page button.button:active,
fieldset[disabled] .woocommerce input.button:active,
fieldset[disabled] .woocommerce-page input.button:active,
fieldset[disabled] .woocommerce .button:active,
fieldset[disabled] .woocommerce-page .button:active,
fieldset[disabled] .woocommerce .button.checkout-button:active,
fieldset[disabled] .woocommerce-page .button.checkout-button:active,
fieldset[disabled] .woocommerce a.checkout-button:active,
fieldset[disabled] .woocommerce-page a.checkout-button:active,
.woocommerce a.button.disabled.active,
.woocommerce-page a.button.disabled.active,
.woocommerce button.button.disabled.active,
.woocommerce-page button.button.disabled.active,
.woocommerce input.button.disabled.active,
.woocommerce-page input.button.disabled.active,
.woocommerce .button.disabled.active,
.woocommerce-page .button.disabled.active,
.woocommerce .button.checkout-button.disabled.active,
.woocommerce-page .button.checkout-button.disabled.active,
.woocommerce a.checkout-button.disabled.active,
.woocommerce-page a.checkout-button.disabled.active,
.woocommerce a.button[disabled].active,
.woocommerce-page a.button[disabled].active,
.woocommerce button.button[disabled].active,
.woocommerce-page button.button[disabled].active,
.woocommerce input.button[disabled].active,
.woocommerce-page input.button[disabled].active,
.woocommerce .button[disabled].active,
.woocommerce-page .button[disabled].active,
.woocommerce .button.checkout-button[disabled].active,
.woocommerce-page .button.checkout-button[disabled].active,
.woocommerce a.checkout-button[disabled].active,
.woocommerce-page a.checkout-button[disabled].active,
fieldset[disabled] .woocommerce a.button.active,
fieldset[disabled] .woocommerce-page a.button.active,
fieldset[disabled] .woocommerce button.button.active,
fieldset[disabled] .woocommerce-page button.button.active,
fieldset[disabled] .woocommerce input.button.active,
fieldset[disabled] .woocommerce-page input.button.active,
fieldset[disabled] .woocommerce .button.active,
fieldset[disabled] .woocommerce-page .button.active,
fieldset[disabled] .woocommerce .button.checkout-button.active,
fieldset[disabled] .woocommerce-page .button.checkout-button.active,
fieldset[disabled] .woocommerce a.checkout-button.active,
fieldset[disabled] .woocommerce-page a.checkout-button.active {
    background-color: #e9e9e9;
    border-color: #90d5e5;
}

.woocommerce a.button .badge,
.woocommerce-page a.button .badge,
.woocommerce button.button .badge,
.woocommerce-page button.button .badge,
.woocommerce input.button .badge,
.woocommerce-page input.button .badge,
.woocommerce .button .badge,
.woocommerce-page .button .badge,
.woocommerce .button.checkout-button .badge,
.woocommerce-page .button.checkout-button .badge,
.woocommerce a.checkout-button .badge,
.woocommerce-page a.checkout-button .badge {
    color: #e9e9e9;
    background-color: #4a4a4a;
}

.woocommerce .widget_shopping_cart_content .product_list_widget li,
.woocommerce-page .widget_shopping_cart_content .product_list_widget li,
.woocommerce .widget_shopping_cart_content ul.product_list_widget li,
.woocommerce-page .widget_shopping_cart_content ul.product_list_widget li,
.woocommerce .widget_shopping_cart_content .product_list_widget li a,
.woocommerce-page .widget_shopping_cart_content .product_list_widget li a,
.woocommerce .widget_shopping_cart_content ul.product_list_widget li a,
.woocommerce-page .widget_shopping_cart_content ul.product_list_widget li a {
    color: #696969;
    font-weight: 400;
}

.woocommerce .widget_shopping_cart_content .product_list_widget li,
.woocommerce-page .widget_shopping_cart_content .product_list_widget li,
.woocommerce .widget_shopping_cart_content ul.product_list_widget li,
.woocommerce-page .widget_shopping_cart_content ul.product_list_widget li,
.woocommerce .widget_shopping_cart_content .product_list_widget .mini_cart_item,
.woocommerce-page .widget_shopping_cart_content .product_list_widget .mini_cart_item,
.woocommerce .widget_shopping_cart_content ul.product_list_widget .mini_cart_item,
.woocommerce-page .widget_shopping_cart_content ul.product_list_widget .mini_cart_item {
    padding-bottom: 25px;
}

.woocommerce .widget_shopping_cart_content .product_list_widget li img,
.woocommerce-page .widget_shopping_cart_content .product_list_widget li img,
.woocommerce .widget_shopping_cart_content ul.product_list_widget li img,
.woocommerce-page .widget_shopping_cart_content ul.product_list_widget li img,
.woocommerce .widget_shopping_cart_content .product_list_widget .mini_cart_item img,
.woocommerce-page .widget_shopping_cart_content .product_list_widget .mini_cart_item img,
.woocommerce .widget_shopping_cart_content ul.product_list_widget .mini_cart_item img,
.woocommerce-page .widget_shopping_cart_content ul.product_list_widget .mini_cart_item img {
    width: 20%;
}

.woocommerce .widget_shopping_cart_content .total,
.woocommerce-page .widget_shopping_cart_content .total {
    border-top: 1px solid rgba(74, 74, 74, 0.25);
    padding: 12px 0 10px;
}

.woocommerce .widget_shopping_cart_content .buttons .button.wc-forward,
.woocommerce-page .widget_shopping_cart_content .buttons .button.wc-forward {
    margin-left: 12px;
}

.woocommerce .widget_price_filter .price_slider_amount button,
.woocommerce-page .widget_price_filter .price_slider_amount button,
.woocommerce .widget_price_filter .price_slider_amount .button,
.woocommerce-page .widget_price_filter .price_slider_amount .button {
    background: transparent;
    border: solid 2px #e9e9e9;
    border-radius: 3px;
}

.woocommerce .widget_price_filter .price_slider_amount button:hover,
.woocommerce-page .widget_price_filter .price_slider_amount button:hover,
.woocommerce .widget_price_filter .price_slider_amount .button:hover,
.woocommerce-page .widget_price_filter .price_slider_amount .button:hover {
    border-color: #feb138;
}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content,
.woocommerce-page .widget_price_filter .price_slider_wrapper .ui-widget-content {
    background-color: #f3f3f3;
}

.woocommerce .widget_price_filter .price_slider,
.woocommerce-page .widget_price_filter .price_slider,
.woocommerce .widget_price_filter .ui-slider,
.woocommerce-page .widget_price_filter .ui-slider,
.woocommerce .widget_price_filter .ui-slider-horizontal,
.woocommerce-page .widget_price_filter .ui-slider-horizontal {
    height: 0.25em;
}

.woocommerce .widget_price_filter .price_slider .ui-slider-range,
.woocommerce-page .widget_price_filter .price_slider .ui-slider-range,
.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.woocommerce-page .widget_price_filter .ui-slider .ui-slider-range,
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range,
.woocommerce-page .widget_price_filter .ui-slider-horizontal .ui-slider-range {
    background-color: #adadad;
}

.woocommerce .widget_price_filter .price_slider .ui-slider-handle,
.woocommerce-page .widget_price_filter .price_slider .ui-slider-handle,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
.woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle,
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-handle,
.woocommerce-page .widget_price_filter .ui-slider-horizontal .ui-slider-handle {
    background-color: #e9e9e9;
    border: solid 7px #fff;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
    width: 1.5em;
    height: 1.5em;
    top: -0.7em;
}

/* widget */
.widget .amount {
    color: #696969;
    font-weight: bold;
}

.widget del,
.widget ins {
    display: inline-block;
}

.widget del {
    margin-right: 14px;
}

.widget del,
.widget del .amount {
    color: #adadad;
    font-weight: 400;
}

.widget .star-rating {
    margin-top: 15px;
    margin-bottom: 5px;
}

.widget_product_search #s {
    padding: 10px 10px 10px 40px;
    width: 100%;
    font-size: 1em;
    border: 0;
    -ms-box-shadow: inset 0 2px 0 0px #c8cccd;
    -o-box-shadow: inset 0 2px 0 0px #c8cccd;
    -webkit-box-shadow: inset 0 2px 0 0px #c8cccd;
    -moz-box-shadow: inset 0 2px 0 0px #c8cccd;
    box-shadow: inset 0 2px 0 0px #c8cccd;
}

.widget_product_search i {
    padding: 0px 10px;
    position: absolute;
    font-size: 0.8em;
    line-height: 4.7;
}

.widget_top_rated_products ul.product_list_widget li a,
.widget_products ul.product_list_widget li a,
.widget_top_rated_products .product_list_widget li a,
.widget_products .product_list_widget li a,
.widget_top_rated_products ul.product_list_widget li .product-title,
.widget_products ul.product_list_widget li .product-title,
.widget_top_rated_products .product_list_widget li .product-title,
.widget_products .product_list_widget li .product-title {
    font-weight: 400;
    color: #696969;
}

.widget_top_rated_products ul.product_list_widget li img,
.widget_products ul.product_list_widget li img,
.widget_top_rated_products .product_list_widget li img,
.widget_products .product_list_widget li img {
    float: left;
    width: 27.5%;
    margin-left: 0;
    margin-right: 14px;
    margin-top: 5px;
}

.widget_products ul.product_list_widget li img,
.widget_products .product_list_widget li img {
    width: 17%;
}

.widget_product_categories .product-categories {
    padding-left: 0;
    list-style: none;
    padding-left: 1em;
    list-style-position: outside;
}

.widget_product_categories .product-categories > li {
    position: relative;
    padding-left: 0.75em;
    line-height: 1.25;
    margin-bottom: 8px;
}

.widget_product_categories .product-categories > li:before {
    content: '';
    position: absolute;
    display: block;
    height: 0;
    width: 10px;
    left: -0.75em;
    top: 0.8em;
    border-top: solid 1px rgba(74, 74, 74, 0.25);
}

.widget_product_categories .product-categories > li a {
    color: #696969;
}

.widget_product_categories .product-categories .children {
    list-style: none;
    padding-left: 10px;
}

.widget_product_categories .product-categories .children li {
    padding: 4px 0;
}

.widget_product_categories .product-categories .children li,
.widget_product_categories .product-categories .children li a {
    color: #adadad;
}

/* cart page */
.woocommerce table.shop_table,
.woocommerce .shop_table {
    border: none;
}

.woocommerce table.shop_table th,
.woocommerce .shop_table th {
    padding-left: 0;
}

.woocommerce table.shop_table thead,
.woocommerce .shop_table thead,
.woocommerce table.shop_table th,
.woocommerce .shop_table th {
    color: #202020;
    font-size: 1.125em;
    background: transparent;
    text-align: inherit;
}

.woocommerce table.shop_table td,
.woocommerce .shop_table td {
    padding-bottom: 30px;
    padding-top: 30px;
}

.woocommerce table.shop_table td *,
.woocommerce .shop_table td *,
.woocommerce table.shop_table td a,
.woocommerce .shop_table td a {
    color: #696969;
}

.woocommerce table.shop_table td *.remove,
.woocommerce .shop_table td *.remove,
.woocommerce table.shop_table td a.remove,
.woocommerce .shop_table td a.remove {
    color: #696969 !important;
    font-weight: 400;
}

.woocommerce table.shop_table tr:first-child td,
.woocommerce .shop_table tr:first-child td {
    border: none;
}

.woocommerce table.shop_table tr:first-child th,
.woocommerce .shop_table tr:first-child th {
    background: transparent;
    text-align: inherit;
}

.woocommerce table.shop_table img,
.woocommerce .shop_table img {
    width: 50px;
}

.woocommerce table.shop_table .product-thumbnail,
.woocommerce .shop_table .product-thumbnail {
    min-width: 50px;
    display: inline-block;
    margin-right: 20px;
    margin-left: 18px;
}

.woocommerce table.shop_table td.actions .coupon .input-text,
.woocommerce .shop_table td.actions .coupon .input-text {
    width: 190px;
    margin-right: 10px;
    color: #adadad;
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 3px;
    border: solid 1px rgba(74, 74, 74, 0.25);
}

.woocommerce input {
    min-height: 40px;
}

.woocommerce input[type="text"] {
    padding: 6px 28px;
}

.woocommerce .cart-collaterals .cart_totals h2 {
    color: #202020;
    font-size: 1em;
    font-weight: bold;
}

.woocommerce .cart-collaterals .cart_totals table th {
    color: #4a4a4a;
    font-weight: 400;
    font-size: 1em;
    font-family: "Source Sans Pro";
    padding: 5px 0 0 30px;
}

.woocommerce .cart-collaterals .cart_totals table td {
    padding-top: 5px;
    padding-bottom: 5px;
}

.woocommerce .cart-collaterals .cart_totals .cart-subtotal .amount {
    font-weight: bold;
}

.woocommerce .wc-proceed-to-checkout a.checkout-button {
    display: inline-block;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.8;
    border-radius: 3px;
}

.woocommerce .wc-proceed-to-checkout a.shipping-calculator-button {
    background: transparent;
    border: solid 2px #e9e9e9;
    border-radius: 3px;
}

.woocommerce .wc-proceed-to-checkout a.shipping-calculator-button:hover {
    border-color: #feb138;
}

.woocommerce .cross-sells {
    border-top: solid 1px rgba(74, 74, 74, 0.25);
    margin-top: 80px;
    padding-top: 80px;
}

.woocommerce .cross-sells .cross-sells-text,
.woocommerce .cross-sells .cross-sells-heading {
    color: #4a4a4a;
    font-family: "Source Sans Pro";
}

.woocommerce .cross-sells .cross-sells-heading {
    font-weight: bold;
    margin-bottom: 0.25em;
}

.woocommerce .cross-sells .cross-sells-text {
    font-size: 1.25em;
    padding-bottom: 60px;
}

.woocommerce .showcoupon-info {
    margin-bottom: 30px;
}

.woocommerce .showcoupon-info .showcoupon-oncart,
.woocommerce .showcoupon-info .showcoupon {
    font-weight: 600;
    color: #61a4b4;
}

.woocommerce .coupon-box,
.woocommerce form.checkout_coupon {
    background: #f3f3f3;
    padding: 15px 30px;
    margin-bottom: 30px;
    border: none;
    border-radius: 0;
}

.woocommerce .coupon-box .input-text,
.woocommerce form.checkout_coupon .input-text {
    width: 35%;
    padding: 6px 20px;
    color: #adadad;
    border: none;
    border-radius: 3px;
    margin-right: 15px;
    padding-top: 3px;
}

.woocommerce .coupon-box .apply_coupon,
.woocommerce form.checkout_coupon .apply_coupon {
    color: #ffffff;
    background-color: #696969;
    border-color: #90d5e5;
}

.woocommerce .coupon-box .apply_coupon:hover,
.woocommerce form.checkout_coupon .apply_coupon:hover,
.woocommerce .coupon-box .apply_coupon:focus,
.woocommerce form.checkout_coupon .apply_coupon:focus,
.woocommerce .coupon-box .apply_coupon:active,
.woocommerce form.checkout_coupon .apply_coupon:active,
.woocommerce .coupon-box .apply_coupon.active,
.woocommerce form.checkout_coupon .apply_coupon.active,
.open .dropdown-toggle.woocommerce .coupon-box .apply_coupon,
.open .dropdown-toggle.woocommerce form.checkout_coupon .apply_coupon {
    color: #ffffff;
    background-color: #505050;
    border-color: #5ec2d9;
}

.woocommerce .coupon-box .apply_coupon:active,
.woocommerce form.checkout_coupon .apply_coupon:active,
.woocommerce .coupon-box .apply_coupon.active,
.woocommerce form.checkout_coupon .apply_coupon.active,
.open .dropdown-toggle.woocommerce .coupon-box .apply_coupon,
.open .dropdown-toggle.woocommerce form.checkout_coupon .apply_coupon {
    background-image: none;
}

.woocommerce .coupon-box .apply_coupon.disabled,
.woocommerce form.checkout_coupon .apply_coupon.disabled,
.woocommerce .coupon-box .apply_coupon[disabled],
.woocommerce form.checkout_coupon .apply_coupon[disabled],
fieldset[disabled] .woocommerce .coupon-box .apply_coupon,
fieldset[disabled] .woocommerce form.checkout_coupon .apply_coupon,
.woocommerce .coupon-box .apply_coupon.disabled:hover,
.woocommerce form.checkout_coupon .apply_coupon.disabled:hover,
.woocommerce .coupon-box .apply_coupon[disabled]:hover,
.woocommerce form.checkout_coupon .apply_coupon[disabled]:hover,
fieldset[disabled] .woocommerce .coupon-box .apply_coupon:hover,
fieldset[disabled] .woocommerce form.checkout_coupon .apply_coupon:hover,
.woocommerce .coupon-box .apply_coupon.disabled:focus,
.woocommerce form.checkout_coupon .apply_coupon.disabled:focus,
.woocommerce .coupon-box .apply_coupon[disabled]:focus,
.woocommerce form.checkout_coupon .apply_coupon[disabled]:focus,
fieldset[disabled] .woocommerce .coupon-box .apply_coupon:focus,
fieldset[disabled] .woocommerce form.checkout_coupon .apply_coupon:focus,
.woocommerce .coupon-box .apply_coupon.disabled:active,
.woocommerce form.checkout_coupon .apply_coupon.disabled:active,
.woocommerce .coupon-box .apply_coupon[disabled]:active,
.woocommerce form.checkout_coupon .apply_coupon[disabled]:active,
fieldset[disabled] .woocommerce .coupon-box .apply_coupon:active,
fieldset[disabled] .woocommerce form.checkout_coupon .apply_coupon:active,
.woocommerce .coupon-box .apply_coupon.disabled.active,
.woocommerce form.checkout_coupon .apply_coupon.disabled.active,
.woocommerce .coupon-box .apply_coupon[disabled].active,
.woocommerce form.checkout_coupon .apply_coupon[disabled].active,
fieldset[disabled] .woocommerce .coupon-box .apply_coupon.active,
fieldset[disabled] .woocommerce form.checkout_coupon .apply_coupon.active {
    background-color: #696969;
    border-color: #90d5e5;
}

.woocommerce .coupon-box .apply_coupon .badge,
.woocommerce form.checkout_coupon .apply_coupon .badge {
    color: #696969;
    background-color: #ffffff;
}

.woocommerce .woocommerce-checkout #customer_details {
    padding-bottom: 60px;
}

.woocommerce .woocommerce-checkout #customer_details label,
.woocommerce .woocommerce-checkout label {
    color: #4a4a4a;
    font-weight: normal;
    margin-bottom: 2px;
}

.woocommerce .woocommerce-checkout .input-text {
    height: 30px;
    min-height: 30px;
    padding: 5px 20px;
}

.woocommerce .woocommerce-checkout input,
.woocommerce .woocommerce-checkout select,
.woocommerce .woocommerce-checkout textarea {
    border: solid 1px rgba(105, 105, 105, 0.25);
}

.woocommerce .woocommerce-checkout .form-row {
    margin: 0 0 20px;
}

.woocommerce .woocommerce-checkout h3 {
    font-weight: bold;
    font-size: 1.25em;
}

.woocommerce .woocommerce-checkout #ship-to-different-address {
    font-size: 1em;
    color: #696969;
}

.woocommerce .woocommerce-checkout #ship-to-different-address .checkbox {
    display: inline-block;
    font-weight: bold;
    color: #696969;
}

.woocommerce .woocommerce-checkout #ship-to-different-address-checkbox {
    float: left;
}

.woocommerce .woocommerce-checkout .woocommerce-shipping-fields {
    padding-top: 79px;
}

.woocommerce .woocommerce-checkout .woocommerce-checkout-review-order .woocommerce-checkout-review-order-table {
    width: 50%;
}

.woocommerce .woocommerce-checkout .woocommerce-checkout-review-order .woocommerce-checkout-review-order-table,
.woocommerce .woocommerce-checkout .woocommerce-checkout-review-order .woocommerce-checkout-review-order-table th,
.woocommerce .woocommerce-checkout .woocommerce-checkout-review-order .woocommerce-checkout-review-order-table td,
.woocommerce .woocommerce-checkout .woocommerce-checkout-review-order .woocommerce-checkout-review-order-table td * {
    font-size: 1em;
    font-family: "Source Sans Pro";
    color: #4a4a4a;
}

.woocommerce .woocommerce-checkout .woocommerce-checkout-review-order .woocommerce-checkout-review-order-table .amount,
.woocommerce .woocommerce-checkout .woocommerce-checkout-review-order .woocommerce-checkout-review-order-table th {
    font-weight: bold;
}

.woocommerce .woocommerce-checkout .woocommerce-checkout-review-order .woocommerce-checkout-review-order-table .cart_item,
.woocommerce .woocommerce-checkout .woocommerce-checkout-review-order .woocommerce-checkout-review-order-table .cart_item * {
    color: #696969;
}

.woocommerce .woocommerce-checkout .woocommerce-checkout-review-order .woocommerce-checkout-review-order-table td,
.woocommerce .woocommerce-checkout .woocommerce-checkout-review-order .woocommerce-checkout-review-order-table th {
    padding-top: 12px;
    padding-bottom: 10px;
    padding-left: 30px;
    border: none;
}

.woocommerce .woocommerce-checkout .woocommerce-checkout-review-order .woocommerce-checkout-review-order-table tbody {
    line-height: 1.2;
}

.woocommerce .woocommerce-checkout .woocommerce-checkout-review-order .woocommerce-checkout-review-order-table tbody td {
    border: none;
    padding-top: 18px;
    padding-bottom: 10px;
}

.woocommerce .woocommerce-checkout .woocommerce-checkout-review-order .woocommerce-checkout-review-order-table .cart-subtotal th,
.woocommerce .woocommerce-checkout .woocommerce-checkout-review-order .woocommerce-checkout-review-order-table .order-total th,
.woocommerce .woocommerce-checkout .woocommerce-checkout-review-order .woocommerce-checkout-review-order-table .cart-subtotal td,
.woocommerce .woocommerce-checkout .woocommerce-checkout-review-order .woocommerce-checkout-review-order-table .order-total td {
    border-top: solid 1px rgba(0, 0, 0, 0.1);
}

.woocommerce .woocommerce-checkout #payment {
    background: #f3f3f3;
    border-radius: 0;
}

.woocommerce .woocommerce-checkout #payment input {
    min-height: 1em;
}

.woocommerce .woocommerce-checkout #payment,
.woocommerce .woocommerce-checkout #payment * {
    color: #4a4a4a;
    font-size: 1em;
    font-family: "Source Sans Pro";
}

.woocommerce .woocommerce-checkout #payment label {
    font-weight: bold;
}

.woocommerce .woocommerce-checkout #payment .button {
    border: none;
}

.woocommerce .woocommerce-checkout #payment .payment_box {
    background: #d7d7d7;
}

.woocommerce .woocommerce-checkout #payment .payment_box::before {
    border-bottom-color: #d7d7d7;
}

/* woocommerce-order-received */
.woocommerce-order-received h2 {
    font-size: 1.25em;
    font-weight: bold;
    margin-top: 50px;
}

.woocommerce-order-received h3 {
    font-size: 1.25em;
    color: #4a4a4a;
}

.woocommerce-order-received .order_details li {
    border-right-style: solid;
    border-right-color: rgba(74, 74, 74, 0.25);
}

.woocommerce-order-received ul.woocommerce-thankyou-order-details,
.woocommerce-order-received ul.wc-bacs-bank-details {
    padding-left: 30px;
}

.woocommerce-order-received .woocommerce .shop_table,
.woocommerce-order-received .shop_table {
    width: 50%;
}

.woocommerce-order-received .woocommerce .shop_table,
.woocommerce-order-received .shop_table,
.woocommerce-order-received .woocommerce .shop_table th,
.woocommerce-order-received .shop_table th,
.woocommerce-order-received .woocommerce .shop_table td,
.woocommerce-order-received .shop_table td,
.woocommerce-order-received .woocommerce .shop_table td *,
.woocommerce-order-received .shop_table td * {
    font-size: 1em;
    font-family: "Source Sans Pro";
    color: #4a4a4a;
}

.woocommerce-order-received .woocommerce .shop_table .amount,
.woocommerce-order-received .shop_table .amount,
.woocommerce-order-received .woocommerce .shop_table th,
.woocommerce-order-received .shop_table th {
    font-weight: bold;
}

.woocommerce-order-received .woocommerce .shop_table .order_item,
.woocommerce-order-received .shop_table .order_item,
.woocommerce-order-received .woocommerce .shop_table .order_item *,
.woocommerce-order-received .shop_table .order_item * {
    color: #696969;
}

.woocommerce-order-received .woocommerce .shop_table td,
.woocommerce-order-received .shop_table td,
.woocommerce-order-received .woocommerce .shop_table th,
.woocommerce-order-received .shop_table th {
    padding-top: 12px;
    padding-bottom: 10px;
    padding-left: 30px;
    border: none;
}

.woocommerce-order-received .woocommerce .shop_table tbody,
.woocommerce-order-received .shop_table tbody {
    line-height: 1.2;
}

.woocommerce-order-received .woocommerce .shop_table tbody td,
.woocommerce-order-received .shop_table tbody td {
    border: none;
    padding-top: 18px;
    padding-bottom: 10px;
}

.woocommerce-order-received .woocommerce .shop_table .cart-subtotal th,
.woocommerce-order-received .shop_table .cart-subtotal th,
.woocommerce-order-received .woocommerce .shop_table .cart_subtotal th,
.woocommerce-order-received .shop_table .cart_subtotal th,
.woocommerce-order-received .woocommerce .shop_table .order-total th,
.woocommerce-order-received .shop_table .order-total th,
.woocommerce-order-received .woocommerce .shop_table .order_total th,
.woocommerce-order-received .shop_table .order_total th,
.woocommerce-order-received .woocommerce .shop_table .cart-subtotal td,
.woocommerce-order-received .shop_table .cart-subtotal td,
.woocommerce-order-received .woocommerce .shop_table .cart_subtotal td,
.woocommerce-order-received .shop_table .cart_subtotal td,
.woocommerce-order-received .woocommerce .shop_table .order-total td,
.woocommerce-order-received .shop_table .order-total td,
.woocommerce-order-received .woocommerce .shop_table .order_total td,
.woocommerce-order-received .shop_table .order_total td {
    border-top: solid 1px rgba(0, 0, 0, 0.1);
}

.woocommerce-order-received .addresses {
    padding-left: 30px;
    width: 60%;
}

.woocommerce-order-received .addresses .title h3 {
    font-size: 1em;
    font-family: "Source Sans Pro";
    color: #4a4a4a;
    font-weight: bold;
}

.woocommerce-order-received .addresses address {
    margin-left: 15px;
}

/* cart on menu */
#dt-menu .cart-popup .product_list_widget,
#dt-menu .cart-popup ul.product_list_widget {
    margin-top: 0;
}

#dt-menu .cart-popup .product_list_widget li.mini_cart_item,
#dt-menu .cart-popup ul.product_list_widget li.mini_cart_item {
    position: relative;
    padding-left: 50px;
    padding-top: 0;
    padding-right: 40px;
}

#dt-menu .cart-popup .product_list_widget li.mini_cart_item a,
#dt-menu .cart-popup ul.product_list_widget li.mini_cart_item a {
    padding: 0;
}

#dt-menu .cart-popup .product_list_widget li.mini_cart_item a.remove,
#dt-menu .cart-popup ul.product_list_widget li.mini_cart_item a.remove {
    position: absolute;
    top: 0;
    left: 16px;
    line-height: 20px;
    font-weight: bold;
    font-size: 20px;
}

#dt-menu .cart-popup .product_list_widget li.mini_cart_item .amount,
#dt-menu .cart-popup ul.product_list_widget li.mini_cart_item .amount {
    font-weight: bold;
}

#dt-menu .cart-popup .product_list_widget li,
#dt-menu .cart-popup ul.product_list_widget li,
#dt-menu .cart-popup .product_list_widget li a,
#dt-menu .cart-popup ul.product_list_widget li a {
    color: #696969;
    font-weight: 400;
}

#dt-menu .cart-popup .product_list_widget li,
#dt-menu .cart-popup ul.product_list_widget li,
#dt-menu .cart-popup .product_list_widget .mini_cart_item,
#dt-menu .cart-popup ul.product_list_widget .mini_cart_item {
    padding-bottom: 25px;
}

#dt-menu .cart-popup .product_list_widget li img,
#dt-menu .cart-popup ul.product_list_widget li img,
#dt-menu .cart-popup .product_list_widget .mini_cart_item img,
#dt-menu .cart-popup ul.product_list_widget .mini_cart_item img {
    width: 20%;
    float: right;
    margin-left: 4px;
    height: auto;
}

#dt-menu .cart-popup .buttons .button {
    display: inline-block;
    padding: 10px 16px;
    line-height: 1em;
}

#dt-menu .cart-popup .buttons .button:first-child {
    margin-left: 0;
}

#dt-menu .cart-popup .total,
#dt-menu .cart-popup .buttons {
    margin: 0 16px;
}

#dt-menu .cart-popup .total {
    border-top: 1px solid rgba(74, 74, 74, 0.25);
    padding: 12px 0 10px;
}

#dt-menu .cart-popup .widget_shopping_cart_content {
    padding-bottom: 45px;
}

.dt-pricing-table .price-4-col .btn-active,
.dt-pricing-table .price-3-col .btn-active,
.dt-pricing-table .price-4-col .btn-active:hover,
.dt-pricing-table .price-3-col .btn-active:hover {
    box-shadow: 0 0 0 #148F77;
}

.modal_preloader {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000000;
    z-index: 666998;
    text-align: center;
}

.modal_spinner-container {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.modal_spinner {
    margin: 100px auto;
    width: 40px;
    height: 40px;
    text-align: center;
    position: relative;
    -webkit-animation: rotate 2.0s infinite linear;
    animation: rotate 2.0s infinite linear;
}

/* --- Portfolio Loader --- */
.portfolio_loader {
    background: transparent;
    margin: 6em auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 0.3em solid rgba(0, 0, 0, 0.2);
    border-right: 0.3em solid rgba(0, 0, 0, 0.2);
    border-bottom: 0.3em solid rgba(0, 0, 0, 0.2);
    border-left: 0.3em solid #000;
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}

.portfolio_loader,
.portfolio_loader:after {
    border-radius: 50%;
    width: 4em;
    height: 4em;
}

@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes rotate {
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes mental {
    0%,
    100% {
        -webkit-transform: scale(0);
    }
    50% {
        -webkit-transform: scale(1);
    }
}

@keyframes mental {
    0%,
    100% {
        transform: scale(0);
        -webkit-transform: scale(0);
    }
    50% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}

.modal_loader {
    margin: 6em auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(255, 255, 255, 0.2);
    border-right: 1.1em solid rgba(255, 255, 255, 0.2);
    border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
    border-left: 1.1em solid #ffffff;
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}

.modal_loader,
.modal_loader:after {
    border-radius: 50%;
    width: 10em;
    height: 10em;
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

#floatMenu-sticky-wrapper {
    overflow: hidden;
    position: fixed;
}

#floatMenu {
    width: 262px;
    margin: 0 auto;
    background-color: transparent;
    padding: 20px;
    z-index: 99999;
}

@media (max-width: 767px) {
    #floatMenu {
        display: none;
    }
}

@media (min-width: 768px) {
    #floatMenu {
        position: fixed;
        right: 0px;
        top: 200px;
    }
}

.modal-content {
    border-radius: 0px;
    background-color: transparent;
    border: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.modal-content .modal-body {
    background-color: #fff;
    padding: 0;
}

.modal-content .modal-header {
    padding: 0;
    background-color: transparent;
    max-height: 0;
    min-height: 0;
    border: 0;
}

.modal-content .modal-header span.triangle1:after {
    border-bottom: 45px solid #f16338;
    border-left: 0px solid transparent;
    border-right: 45px solid transparent;
    content: "";
    display: block;
    height: 0;
    right: 0;
    top: 0;
    position: absolute;
    width: 0;
}

.modal-content .modal-header span.triangle2:after {
    border-bottom: 45px solid #fff;
    border-left: 0px solid transparent;
    border-right: 45px solid #ecf0f1;
    content: "";
    display: block;
    height: 0;
    right: 0;
    top: 45px;
    position: absolute;
    width: 0;
}

.modal-content .modal-header .close {
    margin-top: 15px;
    margin-right: 15px;
    color: #fff;
    opacity: 0.9;
    position: absolute;
    z-index: 999;
    right: 0;
}

.modal-content .modal-header .modal-header-text {
    position: absolute;
    padding: 0 0 0 15px;
    top: 0;
    background-color: #fff;
    height: 90px;
    max-height: 90px;
    width: 535px;
}

#lightbox-1st-visit .modal-dialog {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

#lightbox-1st-visit .modal-dialog .close {
    text-shadow: none;
}

.esgbox-overlay {
    z-index: 99999 !important;
}

/* --- Visual Composer Addon --- */
/* button */
#dt-menu a.vc_general.vc_btn3,
a.vc_general.vc_btn3,
.vc_general.vc_btn3 {
    display: inline-block;
}

#dt-menu a.vc_general.vc_btn3.vc_btn3-color-brand-primary:hover,
a.vc_general.vc_btn3.vc_btn3-color-brand-primary:hover,
.vc_general.vc_btn3.vc_btn3-color-brand-primary:hover {
    background-color: #feb138;
}

#dt-menu a.vc_general.vc_btn3.vc_btn3-size-md,
a.vc_general.vc_btn3.vc_btn3-size-md,
.vc_general.vc_btn3.vc_btn3-size-md {
    padding: 8px 25px;
    font-size: 1em;
}

#dt-menu .vc_custom_heading a,
#dt-menu p a {
    padding: 0;
}

/* --- DT Timeline --- */
.dt-timeline::before {
    width: 2px;
    background-color: rgba(74, 74, 74, 0.25);
}

.dt-timeline .time-item.left .content-line {
    right: 30px;
    margin-left: 30px;
}

.dt-timeline .time-item.left .content-line .content-text .dt-section-head::before {
    right: -30px;
    left: auto;
}

.dt-timeline .time-item.right .content-line {
    left: 30px;
    margin-right: 30px;
}

.dt-timeline .time-item.left:hover .content-line {
    right: 30px;
}

.dt-timeline .time-item.right:hover .content-line {
    left: 30px;
}

.dt-timeline .time-item {
    padding-top: 10px;
    padding-bottom: 10px;
}

.dt-timeline .time-item .content-line {
    padding: 0;
    border: none;
    text-align: left;
}

.dt-timeline .time-item .content-line .content-text .dt-section-head {
    position: relative;
}

.dt-timeline .time-item .content-line .content-text .dt-section-head::before {
    width: 10px;
    border-top: solid 2px rgba(74, 74, 74, 0.25);
    height: 2px;
    content: ' ';
    display: block;
    position: absolute;
    left: -30px;
    top: 50%;
}

.dt-timeline .time-item .content-line::before {
    display: none;
}

.dt-timeline .time-item .content-line h2 {
    margin-top: 0px;
    font-size: 1.1em;
    font-weight: 600;
}

.dt-timeline .time-item .center-line {
    display: none;
}

@media handheld, only screen and (max-width: 767px) {
    .dt-timeline::before {
        left: 50% !important;
    }

    .dt-timeline .time-item .center-line {
        display: none !important;
    }

    .dt-timeline .time-item.right .content-line,
    .dt-timeline .time-item.right:hover .content-line,
    .dt-timeline .time-item.left .content-line,
    .dt-timeline .time-item.left:hover .content-line {
        left: 0px !important;
        right: 0px !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .dt-timeline .time-item:hover .content-line:before,
    .dt-timeline .time-item .content-line:before {
        background: none !important;
        border: none !important;
    }
}

/* --- DT Section Heading --- */
.dt-section-head header i {
    background: #61a4b4;
    color: #ffffff;
}

.dt-section-head .section-main-title {
    font-size: 30px;
}

.dt-section-head .header-body .icon-wrap {
    margin-bottom: 20px;
    display: block;
}

.dt-section-head p.descriptionText {
    font-size: 1.2em;
    line-height: 1.7;
}

.dt-section-head h1,
.dt-section-head h2,
.dt-section-head h3 {
    margin: 0 auto;
    display: table;
    padding: 0.1em 0;
    position: relative;
    line-height: 1.5;
}

/* DT Iconbox */
.dt-iconboxes {
    color: inherit;
}

.dt-iconboxes span:after {
    border-top-color: #ffffff;
}

.dt-iconboxes.hover-this span:hover:after {
    border-top-color: #e9e9e9;
}

.dt-iconboxes i:before,
.dt-iconboxes i:after {
    font-style: normal;
}

.dt-iconboxes.layout-3 span {
    color: #666666;
    border-color: #666666;
    background: transparent;
}

.dt-iconboxes.layout-3 span:before {
    border-top-color: #666666;
}

.dt-iconboxes.layout-3 span:after {
    border-top-color: #ffffff;
}

.dt-iconboxes.layout-3.hover-this span:hover:after,
.dt-iconboxes.layout-3.hover-this span:hover:before {
    border-top-color: #e9e9e9;
}

.dt-iconboxes.hover-this span:hover:after,
.dt-iconboxes.hover-this span:hover:before,
.dt-iconboxes.layout-3.hover-this span:hover:after,
.dt-iconboxes.layout-3.hover-this span:hover:before,
.dt-iconboxes-4.hover-this:hover .dt-section-icon:after,
.dt-iconboxes-4.hover-this:hover .dt-section-icon:before {
    border-top-color: #e9e9e9;
}

.dt-iconboxes-4.hover-this:hover .dt-section-icon i:hover,
.dt-iconboxes.layout-6 i,
.no-touch .dt-iconboxes-4.hover-this:hover .hi-icon-effect-5 .hi-icon {
    color: #e9e9e9;
}

.hi-icon-wrap {
    padding: 0 0 1em;
}

.dt-iconboxes.layout-3.hover-this span:hover,
.dt-iconboxes.layout-6.hover-this:hover i {
    color: #ffffff !important;
}

.dt-iconboxes.hover-this span:hover {
    border-color: #e9e9e9;
}

.dt-iconboxes-5 h4 {
    text-align: center;
}

.dt-iconboxes-5 .hi-icon {
    color: inherit;
    border-color: #e0e0e0;
}

@media (min-width: 768px) and (max-width: 992px) {
    .dt-iconboxes-5 .hi-icon {
        width: 160px;
        height: 160px;
    }

    #head-page > .container {
        /*width: 50%;*/
        padding-left: 63px !important;
    }
}

.dt-iconboxes.layout-6 i,
.dt-iconboxes.layout-6 h4 {
    -webkit-transition: all 350ms;
    -moz-transition: all 350ms;
    -o-transition: all 350ms;
    -ms-transition: all 350ms;
    transition: all 350ms;
}

.dt-iconboxes.layout-7 i,
.dt-iconboxes.layout-8 i {
    background: none;
}

.dt-iconboxes.layout-7.hover-this:hover i,
.dt-iconboxes.layout-8:hover i {
    background: none;
}

.dt-iconboxes.layout-3 h3 {
    color: #696969;
}

.dt-iconboxes h4,
.dt-iconboxes.layout-6 h4,
.dt-iconboxes.layout-3 h4,
.dt-iconboxes.layout-4 h4,
.dt-iconboxes.layout-5 h4,
.dt-iconboxes.layout-2 h4,
.dt-iconboxes.layout-7 .text-box h4 {
    font-weight: 600;
    margin-bottom: 15px !important;
}

.dt-iconboxes.layout-7 .text-box {
    background: none;
}

.container .dt-iconboxes.layout-7 i,
.container .dt-iconboxes.layout-8 i {
    font-size: 25px;
}

.dt-iconboxes.layout-9 .dt-iconboxes-text {
    padding: 0 30px 30px 30px;
}

.dt-iconboxes.layout-9 .dt-iconboxes-textp {
    font-size: 16px;
}

.dt-iconboxes.layout-9 h4 {
    margin-top: 30px;
    font-size: 26px;
    font-weight: normal;
}

.dt-iconboxes.layout-10 .dt-counter-wrap i,
.dt-iconboxes.layout-10 .dt-counter-wrap i:before,
.dt-iconboxes.layout-10 .dt-counter-wrap .dt-counter {
    font-size: 58px;
}

.dt-iconboxes.layout-10 .dt-counter-wrap i {
    margin-right: 10px;
}

.dt-iconboxes.layout-10 > h4 {
    font-weight: normal;
    margin-top: 20px;
}

/* --- DT Custom team --- */
.dt_team_custom_item img {
    height: auto;
    max-width: 100%;
}

.dt_team_custom_item i {
    display: block;
    border-radius: 100%;
    background: #1b3f4f;
    width: 40px;
    height: 40px;
    position: relative;
}

.dt_team_custom_item i:after,
.dt_team_custom_item i:before {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 0;
    padding: 0;
    font-size: 22px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.dt_team_custom_item.image-left i,
.dt_team_custom_item.image-right i {
    width: 30px;
    height: 30px;
}

.dt_team_custom_item.image-left i:after,
.dt_team_custom_item.image-right i:after,
.dt_team_custom_item.image-left i:before,
.dt_team_custom_item.image-right i:before {
    font-size: 16px;
}

.dt_team_custom_item.image-left .profile-title,
.dt_team_custom_item.image-right .profile-title {
    margin-bottom: 5px;
}

.dt_team_custom_item.image-left hr,
.dt_team_custom_item.image-right hr {
    margin: 0;
}

.dt_team_custom_item.image-left .profile-scocial li,
.dt_team_custom_item.image-right .profile-scocial li {
    padding: 0 5px;
}

.dt_team_custom_item.image-top {
    text-align: center;
}

.dt_team_custom_item.image-top h3 {
    margin: 25px 0 0;
}

.dt_team_custom_item .profile-subheading,
.dt_team_custom_item .profile-position {
    color: #adadad;
}

.dt_team_custom_item:after {
    clear: both;
    content: '';
    width: 100%;
    display: block;
}

.dt_team_custom_item .left-item {
    position: relative;
    width: 50%;
    height: 100%;
    padding-right: 20px;
}

.dt_team_custom_item .right-item {
    width: 50%;
    padding-left: 20px;
}

.dt_team_custom_item .profile-title {
    font-size: 18px;
    margin-top: 0px;
}

.dt_team_custom_item .profile-heading,
.dt_team_custom_item .profile-title {
    color: #4a4a4a;
}

.dt_team_custom_item .profile-position {
    font-size: 16px;
    margin-top: 0px;
}

.dt_team_custom_item .text {
    margin-top: 22px;
}

.dt_team_custom_item hr {
    margin: 17px 0;
}

.dt_team_custom_item hr:after {
    width: 0 !important;
    background-color: transparent;
    height: 0;
}

.dt_team_custom_item .profile-scocial li {
    padding: 0 7.5px;
}

.dt_team_custom_item .profile-scocial a,
.dt_team_custom_item .profile-scocial i {
    color: #ffffff;
}

.dt_team_custom_item .profile-scocial a:hover,
.dt_team_custom_item .profile-scocial i:hover {
    color: #e9e9e9;
}

@media (max-width: 480px) {
    .dt_team_custom_item .left-item {
        margin-bottom: 30px;
    }

    .dt_team_custom_item .left-item,
    .dt_team_custom_item .right-item {
        padding-left: 0;
        padding-right: 0;
    }

    .container {
        width: 100%;
    }
}

/* --- DT Pricing Table --- */
.dt-pricing-table,
.dt-pricing-table .price-4-col:first-child ul,
.dt-pricing-table .price-3-col:first-child ul,
.dt-pricing-table .price-4-col:first-child ul .plan-head,
.dt-pricing-table .price-3-col:first-child ul .plan-head,
.dt-pricing-table .price-4-col:last-child ul,
.dt-pricing-table .price-3-col:last-child ul,
.dt-pricing-table .price-4-col:last-child ul .plan-head,
.dt-pricing-table .price-3-col:last-child ul .plan-head,
.dt-pricing-table ul,
.dt-pricing-table ul li {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -ms-border-radius: 0px !important;
    -o-border-radius: 0px !important;
    border-radius: 0px !important;
    background-clip: border-box !important;
}

.dt-pricing-table .plan-price span,
.dt-pricing-table .plan-price {
    font-size: 42px !important;
}

.dt-pricing-table ul li .plan-title {
    background: none !important;
    text-transform: none !important;
    margin-top: -5px !important;
    padding-bottom: 20px !important;
}

.dt-pricing-table ul li .plan-price span {
    top: 0px !important;
}

.dt-pricing-table ul li .plan-price span.after-price {
    top: -20px !important;
    left: 5px;
    font-size: 24px !important;
    font-weight: bold;
}

.dt-pricing-table ul li p.hover-tip-text {
    width: 100% !important;
    position: relative !important;
    left: 0% !important;
    -webkit-transform: translate(0%, 0) !important;
    -moz-transform: translate(0%, 0) !important;
    -ms-transform: translate(0%, 0) !important;
    -o-transform: translate(0%, 0) !important;
    transform: translate(0%, 0) !important;
}

.dt-pricing-table .price-4-col ul p.hover-tip-text,
.dt-pricing-table .price-3-col ul p.hover-tip-text {
    font-size: 20px !important;
}

.dt-pricing-table .price-4-col:first-child ul .plan-head,
.dt-pricing-table .price-3-col:first-child ul .plan-head,
.dt-pricing-table .featured ul {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -ms-border-radius: 0px !important;
    -o-border-radius: 0px !important;
    border-radius: 0px !important;
}

/* --- DT Progress Bars ---  */
.progress_bars {
    padding-bottom: 20px;
    margin-bottom: 5px;
}

.progress_bars .progress_content_outer {
    width: 100%;
    height: 15px;
    clear: both;
    position: relative;
    top: 5px;
}

.progress_bars .progress_bar {
    margin: 0px 0px 0px;
}

.progress_bars .progress_bar .progress_info {
    float: left;
}

.progress_bars .progress_bar .progress_info h4 {
    margin: -4px auto 0px;
}

.progress_bars .progress_bar .progress_title {
    font-size: 20px;
}

.progress_bars .progress_bar .progress_number span {
    font-size: 20px;
}

.progress_bars .progress_bar .progres-unit {
    position: relative;
    top: -5px;
    left: -5px;
}

/* --- DT Circle bar --- */
.dt_circlebar .pie-title {
    font-size: 17px;
    text-align: center;
    font-weight: 300;
}

.dt_circlebar .tocounter {
    font-size: 30px;
    color: #1b3f4f;
    font-weight: 600;
}

.dt_circlebar .tocounter-unit {
    font-size: 20px;
    color: #1b3f4f;
    top: -10px;
    position: relative;
    margin-left: 5px;
    font-weight: 600;
}

/* --- DT Post grid */
.post-gallery-carousel {
    overflow: hidden;
}

.post-masonry {
    overflow: hidden;
}

.post-masonry.columns_count_4 {
    border-left: solid 1px transparent;
    border-right: solid 1px transparent;
}

.post-masonry li.isotope-item {
    padding: 15px;
    margin-bottom: 0px;
}

.post-masonry li.isotope-item .author {
    font-weight: 300;
}

.post-masonry li.isotope-item .isotope-inner .comment-count {
    width: 100%;
    text-align: right;
    padding: 0px;
    margin-top: -2px;
    position: absolute;
    z-index: 99999;
}

.post-masonry li.isotope-item .isotope-inner .comment-count i:before {
    font-size: 45px;
    color: #61a4b4;
}

.post-masonry li.isotope-item .isotope-inner .comment-count i {
    position: absolute;
    right: 23px;
}

.post-masonry li.isotope-item .isotope-inner .comment-count i span {
    position: absolute;
    top: 9px;
    color: #fff;
    top: 5px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.post-masonry li.isotope-item .isotope-inner.audio .post-image {
    padding: 0px;
}

.post-masonry li.isotope-item .isotope-inner.gallery .post-gallery-carousel-buttons {
    left: 0px;
}

.post-masonry li.isotope-item .isotope-inner.image .post-image-container {
    position: relative;
    width: 100%;
}

.post-masonry li.isotope-item .isotope-inner.image .imgcontrol {
    width: 100%;
    vertical-align: top;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    opacity: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.post-masonry li.isotope-item .isotope-inner.image .imgcontrol .imgbuttons {
    position: absolute;
    bottom: 0;
    left: 0px;
}

.post-masonry li.isotope-item .isotope-inner.image .imgcontrol .imgbuttons a:last-child {
    margin-left: -4px;
}

.post-masonry li.isotope-item .isotope-inner.image:hover .imgcontrol {
    opacity: 1;
}

.post-masonry li.isotope-item .postmetabottom {
    padding: 15px 15px;
}

.post-masonry li.isotope-item .postmetabottom div:last-child {
    text-align: right;
    padding-left: 0;
}

.post-masonry li.isotope-item .post-info {
    padding: 30px;
}

.post-masonry li.isotope-item .post-info .author {
    display: inline;
}

.post-masonry li.isotope-item .post-info .author a {
    color: #61a4b4;
}

.post-masonry li.isotope-item .post-image img {
    width: 100%;
    height: auto;
}

.post-masonry li.isotope-item .post-quaote,
.post-masonry li.isotope-item .post-link {
    color: #ffffff;
}

.post-masonry li.isotope-item .post-quaote h1,
.post-masonry li.isotope-item .post-link h1,
.post-masonry li.isotope-item .post-quaote h2,
.post-masonry li.isotope-item .post-link h2,
.post-masonry li.isotope-item .post-quaote h3,
.post-masonry li.isotope-item .post-link h3,
.post-masonry li.isotope-item .post-quaote h4,
.post-masonry li.isotope-item .post-link h4,
.post-masonry li.isotope-item .post-quaote h5,
.post-masonry li.isotope-item .post-link h5,
.post-masonry li.isotope-item .post-quaote h6,
.post-masonry li.isotope-item .post-link h6 {
    color: #ffffff;
}

.post-masonry li.isotope-item .post-quaote .iconquote,
.post-masonry li.isotope-item .post-link .iconquote {
    right: 35px;
    bottom: 35px;
    font-size: 35px;
}

.post-masonry li.isotope-item .post-quaote .post-content,
.post-masonry li.isotope-item .post-link .post-content {
    margin-bottom: 35px;
}

.post-masonry li.isotope-item .post-quaote blockquote,
.post-masonry li.isotope-item .post-link blockquote {
    line-height: 45px;
    font-size: 24px;
    border: medium none;
    padding: 0px;
    font-family: 'Playfair Display';
}

.post-masonry li.isotope-item .post-link .iconlink i {
    color: #ffffff;
}

.post-masonry li.isotope-item .quote .post-content {
    border: 0 !important;
}

.flip-clock-wrapper {
    margin: 0 !important;
    padding-bottom: 3%;
    font-family: "Source Sans Pro" !important;
}

.flip-clock-wrapper ul li a div div.inn {
    font-size: 90px !important;
    background-color: #f16338;
    color: #ffffff;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    background-clip: padding-box !important;
    text-shadow: none !important;
}

@media (max-width: 1199px) {
    .flip-clock-wrapper ul li a div div.inn {
        font-size: 90% !important;
    }
}

@media (max-width: 992px) {
    .flip-clock-wrapper ul li a div div.inn {
        font-size: 70% !important;
    }

    .container {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .flip-clock-wrapper ul li a div div.inn {
        font-size: 50% !important;
    }

    .container {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .flip-clock-wrapper ul li a div div.inn {
        font-size: 30% !important;
    }
}

.flip-clock-wrapper .flip {
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.flip-clock-wrapper .flip a:hover {
    text-decoration: none;
}

.flip-clock-wrapper ul {
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    background-clip: padding-box !important;
}

.flip-clock-wrapper ul li a div.up:after {
    background: none !important;
}

.flip-clock-wrapper ul li a div.down {
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    background-clip: padding-box !important;
    -ms-box-shadow: 0 2px 0 #b6340d;
    -o-box-shadow: 0 2px 0 #b6340d;
    -webkit-box-shadow: 0 2px 0 #b6340d;
    -moz-box-shadow: 0 2px 0 #b6340d;
    box-shadow: 0 2px 0 #b6340d;
}

.flip-clock-wrapper .flip-clock-divider .flip-clock-label {
    left: 50% !important;
    margin-left: 520%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.flip-clock-dot.top {
    top: 45% !important;
}

.flip-clock-dot {
    -ms-box-shadow: none;
    -o-box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    height: 2px !important;
    width: 2px !important;
    left: 50% !important;
}

.flip-clock-dot.bottom {
    bottom: 35% !important;
}

.flip-clock-divider .flip-clock-label {
    top: 120% !important;
    font-family: "Source Sans Pro" !important;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 900;
}

.flip-clock-wrapper ul {
    margin: 0 1% !important;
    width: 9.55% !important;
    padding: 0 !important;
    height: auto !important;
    content: '';
    display: block;
    padding-bottom: 9% !important;
}

.flip-clock-wrapper ul li {
    line-height: 1.2 !important;
}

.flip-clock-divider {
    width: 2.5% !important;
    height: auto !important;
    content: '';
    display: block;
    padding-bottom: 4.5% !important;
    padding-top: 4.5% !important;
}

.flip-clock-divider.days {
    position: absolute;
    left: 0;
}

.flip-clock-divider.days .flip-clock-label {
    left: 0% !important;
    margin-left: 470%;
}

/* Queries */
.vc_span4 .flip-clock-wrapper .flip-clock-label {
    font-size: 8px;
}

.vc_span4 .flip-clock-wrapper ul li a div div.inn {
    font-size: 30px !important;
}

@media (max-width: 1199px) {
    .vc_span4 .flip-clock-wrapper ul li a div div.inn {
        font-size: 24px !important;
    }
}

@media (max-width: 992px) {
    .vc_span4 .flip-clock-wrapper ul li a div div.inn {
        font-size: 19px !important;
    }
}

@media (max-width: 768px) {
    .vc_span4 .flip-clock-wrapper ul li a div div.inn {
        font-size: 50% !important;
    }
}

@media (max-width: 480px) {
    .vc_span4 .flip-clock-wrapper ul li a div div.inn {
        font-size: 30% !important;
    }
}

.vc_span6 .flip-clock-wrapper .flip-clock-label {
    font-size: 15px;
}

.vc_span6 .flip-clock-wrapper ul li a div div.inn {
    font-size: 42px !important;
}

@media (max-width: 1199px) {
    .vc_span6 .flip-clock-wrapper ul li a div div.inn {
        font-size: 35px !important;
    }
}

@media (max-width: 992px) {
    .vc_span6 .flip-clock-wrapper ul li a div div.inn {
        font-size: 28px !important;
    }
}

@media (max-width: 768px) {
    .vc_span6 .flip-clock-wrapper ul li a div div.inn {
        font-size: 50% !important;
    }
}

@media (max-width: 480px) {
    .vc_span6 .flip-clock-wrapper ul li a div div.inn {
        font-size: 30% !important;
    }
}

.vc_span8 .flip-clock-wrapper .flip-clock-label {
    font-size: 15px;
}

.vc_span8 .flip-clock-wrapper ul li a div div.inn {
    font-size: 60px !important;
}

@media (max-width: 1199px) {
    .vc_span8 .flip-clock-wrapper ul li a div div.inn {
        font-size: 47px !important;
    }
}

@media (max-width: 992px) {
    .vc_span8 .flip-clock-wrapper ul li a div div.inn {
        font-size: 35px !important;
    }
}

@media (max-width: 768px) {
    .vc_span8 .flip-clock-wrapper ul li a div div.inn {
        font-size: 50% !important;
    }
}

@media (max-width: 480px) {
    .vc_span8 .flip-clock-wrapper ul li a div div.inn {
        font-size: 30% !important;
    }
}

@media (max-width: 768px) {
    .flip-clock-wrapper .flip-clock-divider .flip-clock-label {
        font-size: 17px !important;
    }
}

@media (max-width: 480px) {
    .flip-clock-wrapper .flip-clock-divider .flip-clock-label {
        font-size: 10px !important;
    }
}

/* accordeon */
.vc_tta {
    /* tab */

}

.vc_tta.vc_tta-color-grey .vc_tta-panels .vc_tta-panel {
    border-radius: 3px;
    border: solid 1px rgba(74, 74, 74, 0.25);
    margin-bottom: 5px;
}

.vc_tta.vc_tta-color-grey .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading {
    border: none;
    background-color: #fafafa;
    margin-bottom: 0;
    border-radius: 5px 5px 0 0;
}

.vc_tta.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading,
.vc_tta.vc_tta-style-classic .vc_tta-panel:not(:last-child) .vc_tta-panel-heading {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

.vc_tta.vc_tta-style-modern.vc_tta-tabs.vc_tta-color-grey .vc_tta-panels {
    background: transparent;
    border-radius: 0;
    border-color: rgba(74, 74, 74, 0.25);
    border-top-width: 0;
}

.vc_tta.vc_tta-style-modern.vc_tta-tabs .vc_tta-tabs-container {
    margin: 0;
}

.vc_tta.vc_tta-style-modern.vc_tta-tabs .vc_tta-panel {
    border-radius: 0;
    border: none;
}

.vc_tta.vc_tta-style-modern.vc_tta-tabs .vc_tta-tab > a {
    padding: 0;
}

.vc_tta.vc_tta-style-modern.vc_tta-tabs .vc_tta-tab > a .vc_tta-title-text {
    padding: 14px 20px;
    display: block;
    background: #f3f3f3;
    border-radius: 3px 3px 0 0;
}

.vc_tta.vc_tta-style-modern.vc_tta-tabs .vc_tta-tab,
.vc_tta.vc_tta-style-modern.vc_tta-tabs .vc_tta-tab:not(:first-child),
.vc_tta.vc_tta-style-modern.vc_tta-tabs .vc_tta-tab:not(:last-child) {
    border: none;
    margin-right: 5px;
}

.vc_tta.vc_tta-style-modern.vc_tta-tabs .vc_tta-tab > a,
.vc_tta.vc_tta-style-modern.vc_tta-tabs .vc_tta-tab:not(:first-child) > a,
.vc_tta.vc_tta-style-modern.vc_tta-tabs .vc_tta-tab:not(:last-child) > a {
    background: none;
    border: none;
    border-bottom: solid 1px rgba(74, 74, 74, 0.25);
}

.vc_tta.vc_tta-style-modern.vc_tta-tabs .vc_tta-tab.vc_active a {
    background: transparent;
    border: solid 1px rgba(74, 74, 74, 0.25);
    border-bottom: none;
}

.vc_tta.vc_tta-style-modern.vc_tta-tabs .vc_tta-tab.vc_active a .vc_tta-title-text {
    background: transparent;
}

.vc_tta.vc_tta-style-modern.vc_tta-tabs .vc_tta-tab:not(.vc_active) a {
    border-bottom-color: transparent;
}

.vc_tta.vc_tta-tabs.vc_tta-tabs-position-top.vc_tta-o-shape-group .vc_tta-tab:first-child:not(:last-child) > a,
.vc_tta.vc_tta-tabs.vc_tta-tabs-position-top.vc_tta-o-shape-group .vc_tta-tab:last-child:not(:first-child) > a,
.vc_tta.vc_tta-tabs.vc_tta-tabs-position-top.vc_tta-o-shape-group .vc_tta-tab:not(:first-child):not(:last-child) > a {
    border-radius: 3px 3px 0 0;
}

/* --- Vertical Tab --- */
@media (max-width: 768px) {
    .dt_vertical_tab .panel-group .panel:nth-child(2n) {
        display: none;
    }
}

.dt_vertical_tab .tab-content.tab-left {
    padding-left: 25px;
    width: 70%;
}

.dt_vertical_tab .tab-content.tab-right {
    padding-right: 25px;
    width: 70%;
}

.dt_vertical_tab .nav-tabs.tab-left {
    padding-right: 20px;
}

.dt_vertical_tab .nav-tabs.tab-right {
    padding-left: 20px;
}

.dt_vertical_tab:after {
    display: block;
    width: 100%;
    content: '';
    clear: both;
}

.dt_vertical_tab .vertical-nav-tab.tab-left,
.dt_vertical_tab .vertical-nav-tab.tab-right {
    width: 30%;
}

.dt_vertical_tab .vertical-nav-tab > li {
    margin-bottom: 30px;
    border-bottom: solid 1px rgba(74, 74, 74, 0.25);
}

.dt_vertical_tab .vertical-nav-tab > li > div {
    vertical-align: top;
}

.dt_vertical_tab .vertical-nav-tab > li > div.vt_text {
    display: table-cell;
    box-sizing: border-box;
}

@media (max-width: 1199px) {

}

@media (max-width: 992px) {

}

.dt_vertical_tab .vertical-nav-tab > li > div.vt_icon {
    padding-top: 5px;
    padding-right: 20px;
    display: table-cell;
    box-sizing: border-box;
    position: relative;
}

.dt_vertical_tab .vertical-nav-tab > li > div i {
    font-size: 3em;
    position: relative;
    width: 70px;
    height: auto;
    line-height: 1;
    text-align: left;
    display: block;
    content: '';
}

.dt_vertical_tab .vertical-nav-tab > li > div h2 {
    margin: 0;
    font-size: 16px;
}

/* DT carousel */
.owl-carousel-container .wpb_content_element,
.owl-carousel-container ul.wpb_thumbnails-fluid > li {
    margin: 0;
}

.owl-carousel-container .owl-custom-pagination {
    margin-top: 5px;
    display: flex;
}

.owl-carousel-container .owl-custom-pagination i:after,
.owl-carousel-container .owl-custom-pagination i:before {
    margin-left: 0;
}

.owl-carousel-container .owl-custom-pagination .owl-page {
    background: rgba(0, 0, 0, 0.9);
    margin-right: 5px;
}

.owl-carousel-container .owl-custom-pagination .owl-page:last-child {
    margin-right: 0;
}

.owl-carousel-container .owl-custom-pagination .owl-page i {
    font-size: 2em;
    width: 100px;
    height: 100px;
    display: inline-block;
    text-align: center;
    position: relative;
    cursor: pointer;
    -webkit-transition: all 350ms;
    -moz-transition: all 350ms;
    -o-transition: all 350ms;
    -ms-transition: all 350ms;
    transition: all 350ms;
    letter-spacing: -7px;
}

.owl-carousel-container .owl-custom-pagination .owl-page i:before {
    line-height: 100px;
}

.owl-carousel-container .owl-custom-pagination .owl-page img {
    max-width: 100%;
    opacity: 0.6;
}

.owl-carousel-container .owl-custom-pagination .owl-page.active img,
.owl-carousel-container .owl-custom-pagination .owl-page:hover img,
.owl-carousel-container .owl-custom-pagination .owl-page:focus img {
    opacity: 1;
}

.owl-carousel-container .owl-custom-pagination .owl-page.active i {
    color: #fff;
}

.owl-carousel-container .owl-custom-pagination .page {
    font-weight: 400;
}

/* --- Main Navigation Reveal --- */
/* Header */
@-moz-keyframes reveal-header {
    0% {
        -moz-transform: translateY(-3em);
        opacity: 0;
    }
    100% {
        -moz-transform: translateY(0);
        opacity: 1;
    }
}

@-webkit-keyframes reveal-header {
    0% {
        -webkit-transform: translateY(-3em);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}

@-o-keyframes reveal-header {
    0% {
        -o-transform: translateY(-3em);
        opacity: 0;
    }
    100% {
        -o-transform: translateY(0);
        opacity: 1;
    }
}

@-ms-keyframes reveal-header {
    0% {
        -ms-transform: translateY(-3em);
        opacity: 0;
    }
    100% {
        -ms-transform: translateY(0);
        opacity: 1;
    }
}

@keyframes reveal-header {
    0% {
        top: -2em;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}

#head-page {
    color: inherit;
    cursor: default;
    left: 0;
    position: relative;
    width: 100%;
    z-index: 10000;
}

#head-page.adminbar-is-here.hastopbar.reveal {
    top: 32px;
}

#head-page.adminbar-is-here.hastopbar.reveal.alt {
    top: 0;
}

#head-page.adminbar-is-here.notopbar.reveal {
    top: 32px;
}

#head-page.adminbar-is-here.notopbar.reveal.alt {
    top: 0;
}

#head-page.adminbar-not-here.hastopbar.reveal {
    top: 0;
}

#head-page.adminbar-not-here.hastopbar.reveal.alt {
    top: 0;
}

#head-page.adminbar-not-here.notopbar.reveal {
    top: 0;
}

#head-page.adminbar-not-here.notopbar.reveal.alt {
    top: 0;
}

.vertical_menu #head-page.reveal {
    -webkit-animation: none;
    -moz-animation: none;
    -ms-animation: none;
    -o-animation: none;
    animation: none;
}

.vertical_menu #head-page.alt {
    -webkit-animation: none;
    -moz-animation: none;
    -ms-animation: none;
    -o-animation: none;
    animation: none;
}

.vertical_menu #head-page.adminbar-is-here.hastopbar.reveal {
    top: 32px;
}

.vertical_menu #head-page.adminbar-is-here.hastopbar.alt {
    top: 32px;
}

.vertical_menu #head-page.adminbar-is-here.notopbar.reveal {
    top: 32px;
}

.vertical_menu #head-page.adminbar-is-here.notopbar.alt {
    top: 32px;
}

.vertical_menu #head-page.adminbar-not-here.hastopbar.reveal {
    top: 0;
}

.vertical_menu #head-page.adminbar-not-here.hastopbar.alt {
    top: 0;
}

.vertical_menu #head-page.adminbar-not-here.notopbar.reveal {
    top: 0;
}

.vertical_menu #head-page.adminbar-not-here.notopbar.alt {
    top: 0;
}

@media (max-width: 767px) {
    #head-page.adminbar-is-here.hastopbar.reveal {
        top: 46px;
    }

    #head-page.adminbar-is-here.hastopbar.reveal.alt {
        top: 0;
    }

    #head-page.adminbar-is-here.notopbar.reveal {
        top: 46px;
    }

    #head-page.adminbar-is-here.notopbar.reveal.alt {
        top: 0;
    }

    #head-page.adminbar-not-here.hastopbar.reveal {
        top: 0;
    }

    #head-page.adminbar-not-here.hastopbar.reveal.alt {
        top: 0;
    }

    #head-page.adminbar-not-here.notopbar.reveal {
        top: 0;
    }

    #head-page.adminbar-not-here.notopbar.reveal.alt {
        top: 0;
    }

    #main-nav-check:checked ~ .top-head.sticky {
        top: 0;
    }

    .vertical_menu #head-page.adminbar-is-here.hastopbar.reveal {
        top: 78px;
    }

    .vertical_menu #head-page.adminbar-is-here.hastopbar.reveal.alt {
        top: 0;
    }

    .vertical_menu #head-page.adminbar-is-here.notopbar.reveal {
        top: 0;
    }

    .vertical_menu #head-page.adminbar-is-here.notopbar.reveal.alt {
        top: 0;
    }

    .vertical_menu #head-page.adminbar-not-here.hastopbar.reveal {
        top: 50px;
    }

    .vertical_menu #head-page.adminbar-not-here.hastopbar.reveal.alt {
        top: 0;
    }

    .vertical_menu #head-page.adminbar-not-here.notopbar.reveal {
        top: 0;
    }

    .vertical_menu #head-page.adminbar-not-here.notopbar.reveal.alt {
        top: 0;
    }
}

@media (min-width: 768px) and (max-width: 782px) {
    #head-page.adminbar-is-here.hastopbar.reveal {
        top: 46px;
    }

    #head-page.adminbar-is-here.hastopbar.reveal.alt {
        top: 0;
    }

    #head-page.adminbar-is-here.notopbar.reveal {
        top: 46px;
    }

    #head-page.adminbar-is-here.notopbar.reveal.alt {
        top: 0;
    }

    #head-page.adminbar-not-here.hastopbar.reveal {
        top: 0;
    }

    #head-page.adminbar-not-here.hastopbar.reveal.alt {
        top: 0;
    }

    #head-page.adminbar-not-here.notopbar.reveal {
        top: 0;
    }

    #head-page.adminbar-not-here.notopbar.reveal.alt {
        top: 0;
    }

    #main-nav-check:checked ~ .top-head #head-page.adminbar-is-here.hastopbar.reveal {
        top: -50px;
    }

    #main-nav-check:checked ~ .top-head #head-page.adminbar-is-here.hastopbar.reveal.alt {
        top: 0;
    }

    #main-nav-check:checked ~ .top-head #head-page.adminbar-is-here.notopbar.reveal {
        top: 0;
    }

    #main-nav-check:checked ~ .top-head #head-page.adminbar-is-here.notopbar.reveal.alt {
        top: 0;
    }

    #main-nav-check:checked ~ .top-head #head-page.adminbar-not-here.hastopbar.reveal {
        top: -50px;
    }

    #main-nav-check:checked ~ .top-head #head-page.adminbar-not-here.hastopbar.reveal.alt {
        top: 0;
    }

    #main-nav-check:checked ~ .top-head #head-page.adminbar-not-here.notopbar.reveal {
        top: 0;
    }

    #main-nav-check:checked ~ .top-head #head-page.adminbar-not-here.notopbar.reveal.alt {
        top: 0;
    }
}

@media (min-width: 783px) and (max-width: 991px) {
    #head-page.adminbar-is-here.hastopbar.reveal {
        top: 32px;
    }

    #head-page.adminbar-is-here.hastopbar.reveal.alt {
        top: 0;
    }

    #head-page.adminbar-is-here.notopbar.reveal {
        top: 32px;
    }

    #head-page.adminbar-is-here.notopbar.reveal.alt {
        top: 0;
    }

    #head-page.adminbar-not-here.hastopbar.reveal {
        top: 0;
    }

    #head-page.adminbar-not-here.hastopbar.reveal.alt {
        top: 0;
    }

    #head-page.adminbar-not-here.notopbar.reveal {
        top: 0;
    }

    #head-page.adminbar-not-here.notopbar.reveal.alt {
        top: 0;
    }

    #main-nav-check:checked ~ .top-head #head-page.adminbar-is-here.hastopbar.reveal {
        top: -50px;
    }

    #main-nav-check:checked ~ .top-head #head-page.adminbar-is-here.hastopbar.reveal.alt {
        top: 0;
    }

    #main-nav-check:checked ~ .top-head #head-page.adminbar-is-here.notopbar.reveal {
        top: 0;
    }

    #main-nav-check:checked ~ .top-head #head-page.adminbar-is-here.notopbar.reveal.alt {
        top: 0;
    }

    #main-nav-check:checked ~ .top-head #head-page.adminbar-not-here.hastopbar.reveal {
        top: -50px;
    }

    #main-nav-check:checked ~ .top-head #head-page.adminbar-not-here.hastopbar.reveal.alt {
        top: 0;
    }

    #main-nav-check:checked ~ .top-head #head-page.adminbar-not-here.notopbar.reveal {
        top: 0;
    }

    #main-nav-check:checked ~ .top-head #head-page.adminbar-not-here.notopbar.reveal.alt {
        top: 0;
    }
}

.menu-header {
    padding: 0 10px 0;
    vertical-align: top;
    font-weight: 500;
    line-height: 24px;
    text-transform: uppercase;
}

@media (max-width: 991px) {
    #main-nav-check:checked ~ .top-head #top-bar {
        left: -270px;
        width: auto;
    }

    #logomenu {
        display: none !important;
    }

    #head-page #logomenureveal {
        display: inline-block !important;
    }

    #top-bar + .top-head #head-page {
        position: fixed;    
    }

    #head-page > .container {
        padding-left: 0 !important;
    }

    .nav_mobile.nav_bgcolor.hidden-sm-max .container .col-sm-12 {
        paddingpx !important;
    }
}

#head-page {
    /*
    #logomenu { display: block; }
    #logomenureveal { display: none; }
    #logomenumobile { display: none; }
    #logomenurevealmobile { display: none; }

    .stickyonscrollup.is-visible {
      #logomenu { display: none; }
      #logomenureveal { display: block; }
      #logomenumobile { display: none; }
      #logomenurevealmobile { display: block; }
    }
*/

}

@media (max-width: 991px) {
    #head-page #logomenureveal {
        /*display: none;*/
    }

    #head-page:not(.is-sticky) #logomenu {
        display: block;
    }

    #head-page:not(.is-sticky) #logomenumobile {
        display: none;
    }

    #head-page:not(.is-sticky) #logomenurevealmobile {
        /*padding-top: 10px;*/
    }

    #head-page.is-sticky #logomenu {
        display: none;
    }

    #head-page.is-sticky #logomenumobile {
        display: none;
    }

    #head-page.is-sticky #logomenurevealmobile {
        display: inline-block;
    }

    .top-head.is-sticky-menu {
        top: 0 !important;
    }
}

@media (min-width: 992px) {
    #head-page #logomenumobile {
        display: none;
    }

    #head-page #logomenurevealmobile {
        display: none;
    }

    #head-page:not(.is-sticky) #logomenu {
        display: block;
        margin: 15px 0;
    }

    #head-page:not(.is-sticky) #logomenureveal {
        display: none;
    }

    #head-page.is-sticky #logomenu {
        display: none;
    }

    #head-page.is-sticky #logomenureveal {
        display: block;
    }
}

/*
  #head-page.transparent.reveal #logomenu { display: none; }
  #head-page.transparent.reveal #logomenureveal { display: block; }
  #head-page.transparent.alt #logomenu { display: block; }
  #head-page.transparent.alt #logomenureveal { display: none; }

  #head-page.solid.reveal #logomenu { display: none; }
  #head-page.solid.reveal #logomenureveal { display: block; }
  #head-page.solid.alt #logomenu { display: block; }
  #head-page.solid.alt #logomenureveal { display: none; }

  .vertical_menu #head-page.solid.reveal #logomenu { display: none; }
  .vertical_menu #head-page.solid.reveal #logomenureveal { display: block; }
  .vertical_menu #head-page.solid.alt #logomenu { display: block; }
  .vertical_menu #head-page.solid.alt #logomenureveal { display: none; }

  #head-page.transparent.reveal #logomenumobile { display: none; }
  #head-page.transparent.reveal #logomenurevealmobile { display: block; }
  #head-page.transparent.alt #logomenumobile { display: block; }
  #head-page.transparent.alt #logomenurevealmobile { display: none; }

  #head-page.solid.reveal #logomenumobile { display: block; }
  #head-page.solid.reveal #logomenurevealmobile { display: none; }
  #head-page.solid.alt #logomenumobile { display: block; }
  #head-page.solid.alt #logomenurevealmobile { display: none; }

  #head-page.alt {
    -moz-animation: none;
    -webkit-animation: none;
    -o-animation: none;
    -ms-animation: none;
    animation: none;
    box-shadow: none;
  }
*/
/*.logged-in.admin-bar .stickyonscrollup.is-visible{top: -48px!important;}*/
/**************** BOXED STRETCHED ******************/
.dt-boxed-stretched-container .stickyonscrollup.is-visible #dt-menu {
    padding-left: 15px;
    padding-right: 15px;
}

.dt-boxed-stretched-container .stickyonscrollup.is-visible {
    top: 0 !important;
    margin-top: 2%;
    transform: translateY(0px);
}

.logged-in.admin-bar .dt-boxed-stretched-container .stickyonscrollup.is-visible {
    top: 0 !important;
    margin-top: 2%;
    transform: translateY(32px);
}

/**************** /BOXED STRETCHED ******************/
@media (max-width: 767px) {
    .logged-in.admin-bar .stickyonscrollup.is-visible {
        top: -36px !important;
    }

    .is-sticky img {
        /*padding-top: 10px;
    margin-left: -7px;*/
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .is-sticky img {
        /* padding-top: 10px;
    margin-left: -7px;*/
    }
}

@media (min-width: 768px) and (max-width: 782px) {
    .logged-in.admin-bar .stickyonscrollup.is-visible {
        top: -34px !important;
    }
}

@media (min-width: 783px) and (max-width: 991px) {

}

@media (max-width: 991px) {
    #dt-menu > ul {
        margin-top: 85px;
    }
}

#logomenudesktop,
#logomenurevealdesktop {
    position: absolute;
}

#dt-nomenu #logomenudesktop,
#dt-nomenu #logomenurevealdesktop {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: 10px;
}

@media (max-width: 991px) {
    #logomenudesktop,
    #logomenurevealdesktop {
        display: none;
    }

    #logomenuoverlay,
    #logomenumobile {
        display: block;
    }

    #logomenurevealmobile {
        /*display: none;*/
    }

    .stickyonscrollup #logomenumobile {
        display: block;
    }

    .stickyonscrollup #logomenurevealmobile {
        display: none;
    }

    .stickyonscrollup.is-visible #logomenumobile {
        display: none;
    }

    .stickyonscrollup.is-visible #logomenurevealmobile {
        display: block;
    }
}

@media (min-width: 992px) {
    #logomenumobile,
    #logomenurevealmobile,
    #logomenuoverlay {
        display: none;
    }

    #logomenudesktop {
        display: block;
    }

    #logomenurevealdesktop {
        display: none;
    }

    .stickyonscrollup #logomenudesktop {
        display: block;
    }

    .stickyonscrollup #logomenurevealdesktop {
        display: none;
    }

    .stickyonscrollup.is-visible #logomenudesktop {
        display: none;
    }

    .stickyonscrollup.is-visible #logomenurevealdesktop {
        display: block;
    }
}

/* --- Page Preloader --- */
.fond {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.contener_general {
    -webkit-animation: animball_two 1s infinite;
    -moz-animation: animball_two 1s infinite;
    -ms-animation: animball_two 1s infinite;
    animation: animball_two 1s infinite;
    width: 44px;
    height: 44px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -22px !important;
    margin-top: -22px !important;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.contener_mixte {
    width: 44px;
    height: 44px;
    position: absolute;
}

.ballcolor {
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

.ball_1,
.ball_2,
.ball_3,
.ball_4 {
    position: absolute;
    -webkit-animation: animball_one 1s infinite ease;
    -moz-animation: animball_one 1s infinite ease;
    -ms-animation: animball_one 1s infinite ease;
    animation: animball_one 1s infinite ease;
}

.ball_1 {
    background-color: #cb2025;
    top: 0;
    left: 0;
}

.ball_2 {
    background-color: #f8b334;
    top: 0;
    left: 24px;
}

.ball_3 {
    background-color: #00a096;
    top: 24px;
    left: 0;
}

.ball_4 {
    background-color: #97bf0d;
    top: 24px;
    left: 24px;
}

@-webkit-keyframes animball_one {
    0% {
        position: absolute;
    }
    50% {
        top: 12px;
        left: 12px;
        position: absolute;
        opacity: 0.5;
    }
    100% {
        position: absolute;
    }
}

@-moz-keyframes animball_one {
    0% {
        position: absolute;
    }
    50% {
        top: 12px;
        left: 12px;
        position: absolute;
        opacity: 0.5;
    }
    100% {
        position: absolute;
    }
}

@-ms-keyframes animball_one {
    0% {
        position: absolute;
    }
    50% {
        top: 12px;
        left: 12px;
        position: absolute;
        opacity: 0.5;
    }
    100% {
        position: absolute;
    }
}

@keyframes animball_one {
    0% {
        position: absolute;
    }
    50% {
        top: 12px;
        left: 12px;
        position: absolute;
        opacity: 0.5;
    }
    100% {
        position: absolute;
    }
}

@-webkit-keyframes animball_two {
    0% {
        -webkit-transform: rotate(0deg) scale(1);
    }
    50% {
        -webkit-transform: rotate(360deg) scale(1.3);
    }
    100% {
        -webkit-transform: rotate(720deg) scale(1);
    }
}

@-moz-keyframes animball_two {
    0% {
        -moz-transform: rotate(0deg) scale(1);
    }
    50% {
        -moz-transform: rotate(360deg) scale(1.3);
    }
    100% {
        -moz-transform: rotate(720deg) scale(1);
    }
}

@-ms-keyframes animball_two {
    0% {
        -ms-transform: rotate(0deg) scale(1);
    }
    50% {
        -ms-transform: rotate(360deg) scale(1.3);
    }
    100% {
        -ms-transform: rotate(720deg) scale(1);
    }
}

@keyframes animball_two {
    0% {
        transform: rotate(0deg) scale(1);
    }
    50% {
        transform: rotate(360deg) scale(1.3);
    }
    100% {
        transform: rotate(720deg) scale(1);
    }
}

/* --- Boxed Layout --- */
/* Boxed Layout */
.dt-boxed-container > .content > .container {
    padding: 60px 40px;
}

.dt-boxed-container {
    padding: 0;
    margin-top: 50px;
    margin-bottom: 50px;
    background-color: #ffffff;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}

.dt-boxed-container .top-head {
    position: relative;
}

.dt-boxed-container #head-page {
    left: auto;
    width: auto;
}

.dt-boxed-container #dt_pagebar {
    left: auto;
    width: auto;
}

.dt-boxed-container .head-page.adminbar-is-here.notopbar.reveal {
    top: 32px;
}

.dt-boxed-container .head-page.adminbar-not-here.notopbar.reveal {
    /*do nothing*/
}

.dt-boxed-container .head-page.adminbar-is-here.hastopbar.reveal {
    /*do nothing*/
}

.dt-boxed-container .head-page.adminbar-not-here.hastopbar.reveal {
    /*do nothing*/
}

.dt-boxed-container .head-page.adminbar-is-here.notopbar.alt.reveal {
    /*do nothing*/
}

.dt-boxed-container .head-page.adminbar-not-here.notopbar.alt.reveal {
    /*do nothing*/
}

.dt-boxed-container .head-page.adminbar-is-here.hastopbar.alt.reveal {
    /*do nothing*/
}

.dt-boxed-container .head-page.adminbar-not-here.hastopbar.alt.reveal {
    /*do nothing*/
}

@media (max-width: 767px) {
    .dt-boxed-container #head-page {
        width: 100%;
    }
}

@media (max-width: 991px) {
    .dt-boxed-container {
        padding: 0;
        margin-top: 0;
        overflow: hidden;
    }

    .nopadding.logo-container.logo_bgcolor {
        display: none;
    }

    .dt-boxed-container .head-page.adminbar-is-here.notopbar.reveal {
        top: 0;
    }

    .dt-boxed-container #dt-menu,
    .dt-boxed-container #dt-menu .sub-nav {
        left: -390px;
        /* Hide Push menu to the left ( equals push menu width ) */

    }

    .dt-boxed-container #main-nav-check:checked ~ .top-head #dt-menu,
    .dt-boxed-container #dt-menu .sub-nav-check:checked ~ #fof-sub,
    .dt-boxed-container #dt-menu .sub-nav-check:checked ~ ul[id*='fof-sub-'] {
        -webkit-transform: translate(390px, 0);
        -moz-transform: translate(390px, 0);
        -o-transform: translate(390px, 0);
        -ms-transform: translate(390px, 0);
        transform: translate(390px, 0);
        -webkit-transition: -webkit-transform 350ms cubic-bezier(0.005, 0.975, 0.73, 1);
        -moz-transition: -moz-transform 350ms cubic-bezier(0.005, 0.975, 0.73, 1);
        -o-transition: -o-transform 350ms cubic-bezier(0.005, 0.975, 0.73, 1);
        transition: transform 350ms cubic-bezier(0.005, 0.975, 0.73, 1);
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .dt-boxed-container #main-nav-check:checked ~ .top-head .head-page {
        width: 480px;
    }

    .dt-boxed-container #main-nav-check:checked ~ .top-head #top-bar {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .dt-boxed-container #dt-menu {
        overflow: visible;
    }

    .dt-boxed-container #dt-menu li:hover > ul.sub-nav {
        height: auto;
    }
}

/* --- Box Stretched Layout --- */
/* Boxed Stretched Layout */
.dt-boxed-stretched-container {
    width: 100%;
    padding: 0;
    background-color: #ffffff;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}

.dt-boxed-stretched-container .top-head {
    position: relative;
}

.dt-boxed-stretched-container #head-page {
    z-index: 100;
    width: 100%;
}

@media (min-width: 992px) {
    .dt-boxed-stretched-container #head-page #dt-menu > ul {
        padding: 0 30px;
    }
}

.dt-boxed-stretched-container #head-page.reveal:not(.alt) {
    left: auto;
    width: 100%;
}

.dt-boxed-stretched-container #dt_pagebar {
    left: auto;
    width: auto;
}

.dt-boxed-stretched-container #head-page.adminbar-is-here.notopbar.reveal:not(.alt) {
    top: auto;
}

.dt-boxed-stretched-container #head-page.adminbar-not-here.notopbar.reveal:not(.alt) {
    top: auto;
}

.dt-boxed-stretched-container #head-page.adminbar-is-here.hastopbar.reveal:not(.alt) {
    top: auto;
}

.dt-boxed-stretched-container #head-page.adminbar-not-here.hastopbar.reveal:not(.alt) {
    top: auto;
}

.dt-boxed-stretched-container #head-page.adminbar-is-here.notopbar.alt.reveal {
    top: auto;
}

.dt-boxed-stretched-container #head-page.adminbar-not-here.notopbar.alt.reveal {
    top: auto;
}

.dt-boxed-stretched-container #head-page.adminbar-is-here.hastopbar.alt.reveal {
    top: auto;
}

.dt-boxed-stretched-container #head-page.adminbar-not-here.hastopbar.alt.reveal {
    top: auto;
}

@media (max-width: 767px) {
    .dt-boxed-stretched-container #head-page {
        width: 100%;
    }
}

@media (max-width: 991px) {
    .dt-boxed-stretched-container {
        padding: 0;
        margin-top: 0;
        overflow: hidden;
    }

    .dt-boxed-stretched-container .head-page.adminbar-is-here.notopbar.reveal {
        top: 0;
    }

    .dt-boxed-stretched-container #dt-menu,
    .dt-boxed-stretched-container #dt-menu .sub-nav {
        left: -390px;
        /* Hide Push menu to the left ( equals push menu width ) */

    }

    .dt-boxed-stretched-container #main-nav-check:checked ~ .top-head #dt-menu,
    .dt-boxed-stretched-container #dt-menu .sub-nav-check:checked ~ #fof-sub,
    .dt-boxed-stretched-container #dt-menu .sub-nav-check:checked ~ ul[id*='fof-sub-'] {
        margin-left: 0%;
        -webkit-transform: translate(390px, 0);
        -moz-transform: translate(390px, 0);
        -o-transform: translate(390px, 0);
        -ms-transform: translate(390px, 0);
        transform: translate(390px, 0);
        -webkit-transition: -webkit-transform 350ms cubic-bezier(0.005, 0.975, 0.73, 1);
        -moz-transition: -moz-transform 350ms cubic-bezier(0.005, 0.975, 0.73, 1);
        -o-transition: -o-transform 350ms cubic-bezier(0.005, 0.975, 0.73, 1);
        transition: transform 350ms cubic-bezier(0.005, 0.975, 0.73, 1);
    }

    .dt-boxed-stretched-container #main-nav-check:checked ~ .top-head .stickyonscrollup.is-visible #dt-menu,
    .dt-boxed-stretched-container .stickyonscrollup.is-visible #dt-menu .sub-nav-check:checked ~ #fof-sub,
    .dt-boxed-stretched-container .stickyonscrollup.is-visible #dt-menu .sub-nav-check:checked ~ ul[id*='fof-sub-'] {
        margin-left: 1.85%;
        padding-left: 0;
        padding-right: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .dt-boxed-stretched-container #main-nav-check:checked ~ .top-head .head-page {
        width: 480px;
    }

    .dt-boxed-stretched-container #main-nav-check:checked ~ .top-head #top-bar {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .dt-boxed-stretched-container #dt-menu {
        overflow: visible;
    }

    .dt-boxed-stretched-container #dt-menu li:hover > ul.sub-nav {
        height: auto;
    }
}

.paspartu_outer.disable_bottom_paspartu,
.paspartu_outer.paspartu_on_bottom_fixed {
    padding-bottom: 0 !important;
}

.paspartu_outer,
.paspartu_outer .content_wrapper {
    padding: 0 1.85% 1.85% 1.85%;
    height: 100%;
}

.paspartu_outer,
.paspartu_left,
.paspartu_right,
.paspartu_top,
.paspartu_bottom,
.paspartu_outer .eltd_slider,
.paspartu_outer .content:not(.has_slider) .content_inner {
    background-color: #ffffff;
}

.paspartu_left,
.paspartu_right,
.paspartu_top,
.paspartu_bottom {
    z-index: 99999;
}

.paspartu_top {
    position: fixed;
    padding-top: 2%;
    height: 0;
    width: 100%;
    top: auto;
    left: 0;
    background-color: #fff;
}

.paspartu_bottom {
    position: fixed;
    padding-top: 2%;
    height: 0;
    width: 100%;
    bottom: 0;
    left: 0;
    background-color: #fff;
}

.paspartu_left,
.paspartu_right {
    width: 1.85%;
}

.paspartu_left,
.paspartu_right {
    position: fixed;
    height: 100%;
    top: 0;
    background-color: #fff;
}

.paspartu_left {
    left: 0;
}

.paspartu_right {
    right: 0;
}

.paspartu_inner {
    padding-top: 2%;
    padding-bottom: 2%;
}

.admin-bar .paspartu_inner {
    padding-top: 2%;
}

.admin-bar .paspartu_top {
    top: auto;
}

.dt-boxed-stretched-container #main-nav-check:checked ~ .top-head.adminbar-is-here.sticky {
    top: 1.1%;
    margin-top: 32px;
}

@media (max-width: 782px) {
    .dt-boxed-stretched-container #main-nav-check:checked ~ .top-head.adminbar-is-here.sticky {
        margin-top: 46px;
    }
}

@media (max-width: 991px) {
    width:

100%;
    padding:

0;
    background-color: #ffffff

;
    background-attachment: fixed

;
    background-repeat: no-repeat

;
    background-size: cover

;.top-head {
     position: relative;
 }

    #head-page {
        z-index: 100;
        width: 100%;
    }

    #head-page.reveal:not(.alt) {
        left: auto;
        width: 100%;
    }

    #dt_pagebar {
        left: auto;
        width: auto;
    }

    #head-page.adminbar-is-here.notopbar.reveal:not(.alt) {
        top: auto;
    }

    #head-page.adminbar-not-here.notopbar.reveal:not(.alt) {
        top: auto;
    }

    #head-page.adminbar-is-here.hastopbar.reveal:not(.alt) {
        top: auto;
    }

    #head-page.adminbar-not-here.hastopbar.reveal:not(.alt) {
        top: auto;
    }

    #head-page.adminbar-is-here.notopbar.alt.reveal {
        top: auto;
    }

    #head-page.adminbar-not-here.notopbar.alt.reveal {
        top: auto;
    }

    #head-page.adminbar-is-here.hastopbar.alt.reveal {
        top: auto;
    }

    #head-page.adminbar-not-here.hastopbar.alt.reveal {
        top: auto;
    }

    #main-nav-check:checked ~ .top-head.adminbar-is-here.sticky {
        top: 1.1%;
        margin-top: 32px;
    }
}

@media (max-width: 991px) and (min-width: 992px) {
    .dt-boxed-stretched-container #head-page #dt-menu > ul {
        padding: 0 30px;
    }
}

/* --- Blog --- */
/*h2.blog-post-title,
h2.blog-post-title a {
    color: #202020;
    font-size: 26px;
    margin: 0px;
    font-weight: 700;
    line-height: 1.23;
}*/

.blog-post-title a:hover,
.blog-post-title a:focus {
    color: #61a4b4;
}

.single-post h2.blog-post-title,
.single-post h2.blog-post-title a {
    font-size: 38px;
    line-height: 1;
}

.single-post .author_date_tags {
    margin-top: 10px;
}

.postdate {
    position: absolute;
    right: 0;
    top: 0;
    color: #ffffff;
    text-align: center;
    padding: 6px 0;
    width: 100%;
    min-width: 61px;
    max-width: 61px;
    height: 61px;
    max-height: 61px;
    margin-bottom: 20px;
    z-index: 1;
}

.postdate .day {
    font-family: "Source Sans Pro";
    font-size: 30px;
    line-height: 1em;
    font-weight: 300;
}

.postdate .year {
    font-family: "Source Sans Pro";
    font-size: 11px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: -0.5px;
}
.author_date_tags {
   display: none;
}

.postimagecontent .postdate {
    position: absolute;
    right: 0 !important;
    top: 0;
}

.format-video .postimage .postdate {
    right: 15px;
}

.format-gallery .postimage .postdate {
    right: 15px;
}

.format-audio .postimage .postdate {
    right: 15px;
}

.single .singlepostmetatop .postdate {
    right: -15px;
    top: -19px;
    z-index: 0;
}

.format-gallery .carousel-inner > .item > img,
.format-gallery .carousel-inner > .item > a > img {
    width: 100%;
}

.postmetatop ul {
    margin-bottom: 25px;
}

.postmetatop ul li {
    font-family: "Source Sans Pro";
    color: inherit;
    font-size: 16px;
    font-weight: 300;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0 18px;
}

.postmetatop ul li:first-child {
    padding: 0 18px 0 0;
}

.postmetatop ul li:last-child {
    border-right-width: 0px;
}

.postmetatop ul li i {
    margin-right: 12px;
}

.singlepostmetatop {
    padding: 19px 30px 17px 30px;
    height: 61px;
    background-color: #f3f2f2;
}

.singlepostmetatop .share-button.float-right.sharer-0 label {
    padding: 0;
}

.singlepostmetatop ul {
    margin: 0;
}

.singlepostmetatop ul li {
    font-family: "Source Sans Pro";
    color: #696969;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0 20px;
}

.singlepostmetatop ul li:first-child {
    padding: 0 20px 0 0;
}

.singlepostmetatop ul li:first-child a {
    color: #696969;
}

.singlepostmetatop ul li:last-child {
    border-right-width: 0px;
}

.singlepostmetatop ul li i {
    margin-right: 12px;
}

.singlepostmetatop .share-button ul li {
    border: none;
    color: #ffffff;
}

.sharepos .share-button {
    margin-right: 60px;
}

.share-button.float-right.sharer-0 label span {
    color: inherit !important;
    -webkit-font-smoothing: subpixel-antialiased;
}

.share-button.float-right.sharer-0 label {
    padding: 0 !important;
}

.nohead {
    padding: 8px 0 15px !important;
}

/*
use .responsive-img better
akan masalah jika terdapat modul didalam .postcontent ( Ex: google map)
.postcontent {
  img { 
    max-width: 100%; 
    height:auto;
  }
}


*/
.postmetabottom {
    font-family: "Source Sans Pro";
    color: #696969;
    line-height: 1.6;
}

.postmetabottom:after {
    display: block;
    width: 100%;
    content: '';
    clear: both;
}

article .postmetabottom {
    padding: 15px 0;
}

.postseparator {
    margin: 20px 0;
}

.postborder {
    border-bottom: 1px solid rgba(68, 68, 68, 0.2);
    clear: both;
    margin-top: 30px;
    width: 100%;
}

.blog .postcontent.postcontent-link,
.single .postcontent.postcontent-link {
    position: relative;
    padding: 85px 60px;
    color: #ffffff;
    background-repeat: no-repeat;
    background-size: cover;
}

.blog .postcontent.postcontent-link a,
.single .postcontent.postcontent-link a {
    color: #ffffff;
}

.iconlink {
    font-size: 25px;
    position: absolute;
    right: 20px;
    bottom: 20px;
}

.blog .postcontent.postcontent-quote {
    position: relative;
    padding: 60px;
    color: #ffffff;
    background-repeat: no-repeat;
    background-size: cover;
    font-family: 'Playfair Display';
    font-weight: 300;
    font-size: 16px;
    font-style: italic;
}

.blog .postcontent.postcontent-quote a {
    color: #ffffff;
}

.blog .postcontent.postcontent-quote blockquote {
    font-size: 24px;
    border: none;
}

.iconquote {
    font-size: 40px;
    position: absolute;
    right: 20px;
    bottom: 20px;
}

.postimage {
    padding-bottom: 30px;
}

/* table */
.postcontent table,
.section-comment table {
    font-size: 1em;
    font-weight: normal;
}

.postcontent table thead th,
.section-comment table thead th,
.postcontent table tbody tr:first-child th,
.section-comment table tbody tr:first-child th {
    background-color: #4a4a4a;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
}

.postcontent table thead + tbody tr:first-child th,
.section-comment table thead + tbody tr:first-child th {
    background-color: inherit;
    text-align: inherit;
}

.postcontent table th,
.section-comment table th,
.postcontent table td,
.section-comment table td {
    padding: 10px 30px;
}

/*Responsive Video*/
.flex-video {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 55%;
    height: 0;
}

.flex-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.flex-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.flex-video[data-twttr-id*=twttr] {
    height: auto;
}

.flex-video[data-twttr-id*=twttr] {
    padding: 0;
}

/*Responsive Video*/
.postimage .mejs-container,
.postimage .mejs-overlay,
.postimage .me-plugin {
    width: 100% !important;
}

.postimage .me-plugin embed {
    width: 100% !important;
}

.postimage video {
    width: 100%;
    position: relative;
    left: 0;
}

.postaudio {
    width: 100%;
    min-height: 255px;
    max-height: 255px;
    text-align: center;
    color: #ffffff;
    font-size: 80px;
    line-height: 3;
}

/* Audio Player */
/*.mejs-time-rail {
  max-width: 150px !important;
}*/
/* Social Icon buttons */
.list-social-icons {
    display: none;
    position: absolute;
    width: auto;
    min-width: 250px;
    right: 10px;
    top: -70px;
}

.list-social-icons div {
    float: right;
    text-align: center !important;
    padding: 10px 0 0 0;
    height: 49px;
    width: 58px;
}

.list-social-icons div a {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

.list-social-icons div a i {
    font-size: 20px !important;
    margin-right: 0 !important;
}

.list-social-icons div svg {
    display: none;
}

.list-social-icons div:first-child {
    height: 58px;
}

.list-social-icons div:first-child svg {
    display: block;
}

.btn-bitbucket {
    background-color: #205081;
}

.btn-bitbucket a {
    color: #ffffff !important;
}

.btn-dropbox {
    background-color: #1087dd;
}

.btn-dropbox a {
    color: #ffffff !important;
}

.btn-facebook {
    background-color: #3b5998;
}

.btn-facebook a {
    color: #ffffff !important;
}

.btn-flickr {
    background-color: #ff0084;
}

.btn-flickr a {
    color: #ffffff !important;
}

.btn-foursquare {
    background-color: #0072b1;
}

.btn-foursquare a {
    color: #ffffff !important;
}

.btn-github {
    background-color: #444444;
}

.btn-github a {
    color: #ffffff !important;
}

.btn-google-plus {
    background-color: #e34429;
}

.btn-google-plus a {
    color: #ffffff !important;
}

.btn-instagram {
    background-color: #3f729b;
}

.btn-instagram a {
    color: #ffffff !important;
}

.btn-linkedin {
    background-color: #007bb6;
}

.btn-linkedin a {
    color: #ffffff !important;
}

.btn-tumblr {
    background-color: #2c4762;
}

.btn-tumblr a {
    color: #ffffff !important;
}

.btn-twitter {
    background-color: #6cdfea;
}

.btn-twitter a {
    color: #ffffff !important;
}

.btn-vk {
    background-color: #587ea3;
}

.btn-vk a {
    color: #ffffff !important;
}

.btn-dribbble {
    background-color: #c32361;
}

.btn-dribbble a {
    color: #ffffff !important;
}

/* /Social Icon buttons */
/*
.post-image {
  height: 100%;
  width: 100%;
}
*/
/* Post Standard Content */
.postimagecontent {
    position: relative;
    width: 100%;
    height: auto;
    cursor: pointer;
}

.postimagecontent img {
    max-width: 100%;
    vertical-align: top;
}

.postimagecontent .imgcontrol {
    width: 100%;
    vertical-align: top;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    opacity: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.postimagecontent .imgcontrol .imgbuttons {
    position: absolute;
    bottom: 0;
}

.postimagecontent .imgcontrol .imgbuttons a:last-child {
    margin-left: -4px;
}

.postimagecontent:hover .imgcontrol {
    opacity: 1;
}

/* /Post Standard Content */
/* Post Gallery Content */
.post-gallery-carousel {
    position: relative;
    width: 100%;
    height: auto;
}

.post-gallery-carousel .carousel-inner {
    width: 100%;
    vertical-align: top;
}

.post-gallery-carousel .carousel-inner div {
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.post-gallery-carousel .post-gallery-carousel-nav {
    width: 100%;
    vertical-align: top;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    opacity: 1;
    overflow: hidden;
}

.post-gallery-carousel .post-gallery-carousel-nav .post-gallery-carousel-buttons {
    bottom: 45%;
    position: absolute;
    vertical-align: middle;
    width: 100%;
}

.post-gallery-carousel .post-gallery-carousel-nav .post-gallery-carousel-buttons a {
    float: left;
    margin-left: 37px;
    height: 27px;
    width: 27px;
    line-height: 22px;
    border-radius: 50%;
    background-color: transparent;
    padding-top: 2px;
    color: #ffffff;
    border: 1px solid #ffffff;
}

.post-gallery-carousel .post-gallery-carousel-nav .post-gallery-carousel-buttons a:before {
    margin-left: 0.1em;
}

.post-gallery-carousel .post-gallery-carousel-nav .post-gallery-carousel-buttons a:hover {
    background-color: #ffffff;
    color: #696969;
}

.post-gallery-carousel .post-gallery-carousel-nav .post-gallery-carousel-buttons a:last-child {
    float: right;
    margin-left: 0;
    margin-right: 37px;
}

.circle_border {
    border: 1px solid #ffffff !important;
    border-radius: 50%;
    color: #ffffff;
    font-size: 24px;
}

.paging-nav {
    font-family: "Source Sans Pro";
}

.paging-nav a,
.paging-nav > span {
    padding: 6px 12px;
    margin: 0 1px;
}

.paging-nav a:first-child,
.paging-nav span:first-child {
    margin-left: 0;
}

.paging-nav a.prev:first-child,
.paging-nav span.prev:first-child {
    margin-left: 0;
}

.paging-nav a {
    color: inherit;
}

.paging-nav a:hover {
    background-color: #1b3f4f;
    color: #ffffff !important;
}

.paging-nav .prev,
.paging-nav .next {
    text-transform: capitalize;
}

.paging-nav span.current {
    color: #ffffff;
    background-color: #1b3f4f;
}

.paging-nav .page-numbers {
    background-color: transparent;
    border: solid 1px rgba(74, 74, 74, 0.25);
}

.billio_link_page {
    clear: both;
    width: 100%;
    font-family: "Source Sans Pro";
}

.billio_link_page > a,
.billio_link_page > span {
    padding: 6px 12px;
    margin: 0 2px;
    float: left;
    min-width: 30px;
    text-align: center;
}

.billio_link_page > a:first-child,
.billio_link_page > span:first-child {
    margin-left: 0;
}

.billio_link_page a {
    color: inherit;
}

.billio_link_page a:hover {
    background-color: #1b3f4f;
    color: #ffffff !important;
}

.billio_link_page > a {
    background-color: transparent;
    border: solid 1px rgba(74, 74, 74, 0.25);
}

.billio_link_page > span.page-numbers {
    color: #ffffff;
    background-color: #1b3f4f;
}

.rtl .billio_link_page > a,
.rtl .billio_link_page > span {
    padding: 6px 12px;
    margin: 0 2px;
    float: right;
    min-width: 30px;
    text-align: center;
}

.rtl .billio_link_page > a:first-child,
.rtl .billio_link_page > span:first-child {
    margin-right: 0;
}

/* /Post Gallery Content */
.text-center img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/** Post Comments **/
.about-author {
    padding: 30px 0;
}

.about-author .pull-left {
    margin-right: 30px;
}

.about-author h4 {
    font-size: 20px;
}

@media (max-width: 480px) {
    .about-author .pull-left {
        float: none !important;
    }
}

@media (max-width: 767px) {
    .comment_item.media .pull-left {
        float: none !important;
        margin-bottom: 20px;
    }

    .dt-comment-comment {
        padding: 0;
    }

    .dt-comment-date {
        text-align: left;
        padding-left: 0;
    }
}

.form-group {
    position: relative;
}

.form-group i {
    position: absolute;
    padding: 0px 5px;
    pointer-events: none;
    height: 37px;
    line-height: 2.2em;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.comment_item {
    padding: 0;
    margin-top: 30px !important;
    list-style-type: none;
}

.comment_item .author-avatar {
    width: 50px;
}

.comment_item .media-body {
    border: 1px solid rgba(68, 68, 68, 0.2);
    padding: 30px;
}

.comment-reply-link,
.comment-edit-link {
    position: relative;
    top: 20px;
}

.dt-comment-author {
    font-family: "Source Sans Pro";
    font-size: 20px;
    text-transform: uppercase;
}

.dt-comment-date {
    font-family: "Source Sans Pro";
    font-size: 16px;
}

.dt-comment-comment {
    padding-top: 20px;
    padding-bottom: 20px;
}

.comment_item .dt-comment-author,
.comment_item .dt-comment-comment {
    padding-left: 0;
    padding-right: 0;
}

.dt-comment-buttons {
    padding: 20px 0 0;
}

.section-comment ul.children {
    /*padding-top: 30px;*/

    padding-left: 50px;
}

@media (max-width: 767px) {
    .section-comment ul.children {
        padding-left: 30px;
    }
}

.comment-respond {
    margin-top: 30px;
}

.section-comment .dt-reply-line {
    display: none;
}

.section-comment ul.children .dt-reply-line {
    display: block;
    width: 20px;
    height: 20px;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    position: relative;
    left: -80px;
    top: 80px;
}

/** /Post Comments **/
.comment-leave-title,
.comment-reply-title {
    font-size: 24px;
    font-family: "Source Sans Pro";
    margin-bottom: 12.5px;
}

.blog_info_date,
.blog_info_date a,
.blog_info_tags {
    font-weight: bold;
    font-size: 14px;
}

.blog_info_comments {
    font-family: 'Playfair Display';
    font-weight: bold;
    font-size: 18px;
    font-style: italic;
}

.blog_info_categories {
    font-weight: 600;
    font-size: 16px;
    font-family: "Source Sans Pro";
}

.blog_info_categories {
    line-height: 22px;
    margin-bottom: 8px;
}

.blog_info_categories,
.blog_info_categories a {
    color: #61a4b4;
}

.blog_info_date,
.blog_info_date a,
.blog_info_comments,
.blog_info_comments a,
.blog_info_share {
    color: #d7d7d7;
}

.blog_info_author,
.blog_info_date,
.blog_info_date a,
.blog_info_tags,
.blog_info_tags a {
    font-family: "Source Sans Pro";
    color: #4a4a4a;
    font-size: 1em;
    font-weight: 400;
    letter-spacing: 0px;
    margin-bottom: 15px;
    margin-top: 10px;
}

.blog_info_tags a:hover {
    color: #61a4b4;
}

.blog_info_tags {
    margin-bottom: 10px;
}

.blog_info_share {
    margin-bottom: 20px;
}

.blog_info_share .share-label,
.blog_info_share a {
    font-family: "Source Sans Pro";
    color: #adadad;
    font-size: 16px;
    display: inline-block;
}

.blog_info_share .share-label {
    font-style: italic;
}

.post-share {
    width: 1em;
    height: 1em;
    border-radius: 100%;
    background: #adadad;
    display: block;
    position: relative;
    margin-bottom: -2px;
}

.post-share:after,
.post-share:before {
    color: #ffffff;
    font-size: 0.6em;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.blog_image {
    margin-bottom: 30px;
}

@media (max-width: 445px) {
    .btn-readmore {
        letter-spacing: 0;
    }
}

@media (max-width: 257px) {
    .btn-readmore {
        font-size: 14px;
    }
}

.next i.icon-angle-right,
.prev i.icon-angle-left {
    position: relative;
    top: 3px;
}

.postimage .img-responsive {
    width: 100%;
}

.author_date_tags {
    padding: 0;
    margin-bottom: 25px;
}

.author_date_tags li {
    display: inline;
    padding: 0 20px 0 0;
}

.author_date_tags li.blog_info_date:before,
.author_date_tags li.blog_info_tags:before {
    content: "/";
    padding-right: 20px;
}

/* search */
form.search-form-onpage input[type="search"] {
    background: #f3f3f3;
    font-size: 26px;
    color: #adadad;
    height: 62px;
    padding: 18px 60px 18px 30px;
    border: none;
}

form.search-form-onpage .form-group i {
    border: none;
    position: absolute;
    top: 50%;
    right: 30px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

form.search-form-onpage .form-group i::before {
    font-size: 25px;
}

.search-result-container {
    margin-top: 20px;
}

.search-result-container .search-header {
    margin-bottom: 60px;
}

.search-result-container .search-header .search-title {
    color: #4a4a4a;
}

.search-result-container .search-header .search-title .search-keyword {
    color: #adadad;
}

.search-result-container.no-result {
    text-align: center;
    font-size: 20px;
    color: #adadad;
}

.search-result-container.no-result .search-header {
    margin-bottom: 0;
}

.search-result-container article {
    background: #f3f3f3;
    padding: 30px 40px;
    margin-bottom: 30px;
}

.search-result-container article .blog-post-title,
.search-result-container article .blog-post-title a {
    font-size: 20px;
    line-height: 1.56;
}

.search-result-container article .blog-post-type {
    font-size: 1em;
    color: #adadad;
    margin: 5px 0;
}

/* --- Blog Masonry--- */
.blog .blog-masonry .single-masonry {
    font-family: "Source Sans Pro";
}

.blog .blog-masonry .single-masonry .blog_info_share,
.blog .blog-masonry .single-masonry .masonry_readmore {
    margin-top: 20px;
    margin-bottom: 20px;
}

.blog .blog-masonry .single-masonry .blog_info_share a {
    display: inline-block;
}

.blog .blog-masonry .single-masonry .share-label {
    margin-top: 5px;
}

.blog .blog-masonry .single-masonry .btn-readmore {
    text-transform: capitalize;
}

.blog .blog-masonry .single-masonry .postcontent-link {
    padding: 85px 40px;
    background-repeat: no-repeat;
    background-size: cover;
}

.blog .blog-masonry .single-masonry .blog-post-title {
    overflow: hidden;
}

.blog .blog-masonry .single-masonry .blog_info_author {
    font-weight: normal;
}

.blog .blog-masonry .single-masonry .postcontent.postcontent-quote {
    padding: 85px 20px;
    background-repeat: no-repeat;
    background-size: cover;
}

.blog .blog-masonry .single-masonry .postcontent.postcontent-quote blockquote:before {
    left: 17px;
}

.blog .blog-masonry .single-masonry .post-gallery-carousel .post-gallery-carousel-nav .post-gallery-carousel-buttons a {
    border: none;
}

.blog .blog-masonry .single-masonry .post-gallery-carousel .post-gallery-carousel-nav .post-gallery-carousel-buttons a:hover {
    background-color: transparent;
}

.blog .blog-masonry .single-masonry .blog_info_categories {
    line-height: 22px;
}

.blog .blog-masonry ~ .paging-nav {
    padding-left: 20px;
    padding-right: 20px;
}

/* --- Press / Report --- */
.dt_report_item {
    border-bottom: 1px solid rgba(68, 68, 68, 0.2);
    padding: 70px 0 30px;
}

.dt_report_pagination .page-numbers {
    color: #696969;
}

.dt_report_pagination .page-numbers:hover {
    color: #ffffff;
}

.dt_report_item > div:first-child {
    padding-left: 0 !important;
}

.dt_report_item > div:last-child {
    padding-right: 0 !important;
}

:selection {
    color: white;
    background: rgba(48, 48, 48, 0.75);
}

::selection {
    color: white;
    background: rgba(48, 48, 48, 0.75);
}

::-moz-selection {
    color: white;
    background: rgba(48, 48, 48, 0.75);
}

/* Grouping Selectors */
.bodytext-color-1,
.sidebar .widget_text .social-circled li a {
    color: #696969;
}

.bodytext-color-2 {
    color: inherit;
}

.link-color-primary,
#dt-menu > ul .current-menu-item > a,
#dt-menu-mobile > ul .current-menu-item > a,
.dt-iconboxes.layout-7 i,
.dt-iconboxes.layout-8 i,
.dt_vertical_tab .vertical-nav-tab > li > div i {
    color: #e9e9e9;
}

.link-color-secondary {
    color: #61a4b4;
}

.background-color-primary,
.dt-iconboxes-4,
.dt-iconboxes.hover-this span:hover,
.dt-iconboxes-2.hover-this:hover .dt-section-icon i.hi-icon,
.dt-iconboxes-2.hover-this:hover i,
.dt-iconboxes.layout-3.hover-this span:hover,
.dt-iconboxes-4:hover.hover-this .dt-section-icon,
.dt-iconboxes-5:hover.hover-this .hi-icon-effect-5 .hi-icon,
.dt-iconboxes.layout-6.hover-this:hover,
.dt-iconboxes.layout-3.hover-this span:hover,
.owl-carousel-container .owl-custom-pagination .owl-page.active i,
.dt-icon-circle.primary-color,
.dt-icon-ghost.primary-color,
.dt-icon-square.primary-color,
.sidebar .widget_text .social-circled li:hover,
#featured-work-navbar #featured-filter.dt-featured-filter li.active a,
.wpb_wrapper .wpb_content_element .wpb_accordion_wrapper .ui-state-default .ui-icon:after,
.wpb_wrapper .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header.ui-accordion-header-active,
#sequence ul.sequence-canvas li .slide-title:after {
    background: #e9e9e9;
}

.background-color-primary-darken,
.dt-iconboxes-4.hover-this:hover {
    background: #fd9d06;
}

.background-color-secondary,
.dt-icon-circle.secondary-color,
.dt-icon-ghost.secondary-color,
.dt-icon-square.secondary-color {
    background: #61a4b4;
}

.background-color-secondary-darken {
    background: #386b77;
}

.background-color-tertier {
    background: #1b3f4f;
}

.background-color-tertier-opacity {
    background: rgba(70, 119, 128, 0.8);
}

.background-color-gray,
.widget_product_search #s,
.wpb_wrapper .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content,
.wpb_wrapper .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header,
.wpb_wrapper .wpb_content_element .wpb_tabs_nav,
.wpb_wrapper .wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab,
.teaser_grid_container .isotope-inner {
    background: #ecf0f1;
}

.border-color-tertier {
    border-color: #1b3f4f;
}

.border-color-gray-on-light,
.select.select-theme-default .select-content,
.select-target.select-theme-default,
article blockquote,
.dt_column blockquote,
#footer blockquote,
.sidebar .widget_text .social-circled li,
.sidebar .widget_text .social-circled li:last-child,
#featured-work-navbar #featured-filter.dt-featured-filter li,
#featured-work-navbar #featured-filter.dt-featured-filter li:last-child,
.wpb_wrapper .wpb_content_element .wpb_tabs_nav li,
.dt-partner .border-right,
.dt-partner .dummy,
.port-article h2.port-heading,
.port-article .port-meta li {
    border-color: rgba(68, 68, 68, 0.2) !important;
}

.border-color-gray-on-dark,
footer .footer-section .select-target.select-theme-default,
footer .widget_search #s,
footer .woocommerce.widget_product_tag_cloud .tagcloud .tag,
footer .dt_widget_accordion .panel-heading,
footer .dt_widget_accordion .panel-body {
    border-color: rgba(68, 68, 68, 0.2);
}

.border-color-primary {
    border-color: #e9e9e9;
}

.border-color-secondary {
    border-color: #61a4b4;
}

.inputbox-styling {
    padding: 10px;
    border-width: 1px;
    border-style: solid;
    box-shadow: none;
}

.text-align-right {
    text-align: right;
}

@media (max-width: 767px) {
    .vc_row .remove-padding-xs {
        padding: 0 !important;
    }
}

.position-relative {
    position: relative;
}

.z-index-100 {
    z-index: 100;
}

i[class*=icon] {
    -webkit-font-smoothing: antialiased;
}

.select-target.select-theme-default {
    padding: 10px 40px 10px 20px;
}

.section-main-title {
    text-transform: none;
}

.select-target.select-theme-default:hover {
    color: #e9e9e9;
}

@media (max-width: 767px) {
    .text-centered-under-sm {
        text-align: center;
    }
}

hr {
    margin-top: 15px;
    margin-bottom: 15px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.text-white {
    color: #fff;
}

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6 {
    color: #fff;
}

/* --- 404 not found page --- */
.page-404 {
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 80px 0;
}

.page-404-heading1 {
    font-size: 9em;
    line-height: 1.2em;
}

.page-404-subheading {
    line-height: 2em;
    font-weight: 400;
}

#submit:focus {
    outline: 0;
}

/* --- Buttons --- */
.btn-default {
    /*background: none;*/

}

.btn-default:hover {
    /*background: none;*/

}

.btn:active,
.btn.active {
    -ms-box-shadow: none;
    -o-box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.btn {
    font-weight: 400;
    padding: 8px 25px;
    line-height: 1.56;
    border: 0;
    text-transform: inherit;
    font-family: "Source Sans Pro";
    font-size: 1em;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -o-transition: all 200ms;
    -ms-transition: all 200ms;
    transition: all 200ms;
}

.btn.btn-lg {
    padding: 14px 25px;
    font-size: 2em;
}

.btn.btn-sm {
    padding: 4px 15px;
    font-size: .8em;
}

.btn.btn-xs {
    padding: 1px 10px;
    font-size: .6em;
}

.btn:before {
    font-weight: 200;
}

.btn.btn-color-primary {
    border: 0;
}

.btn.btn-color-primary:hover {
    border: 0;
}

.btn.btn-color-primary:active,
.btn.btn-color-primary:focus {
    border: 0;
}

.btn.btn-color-secondary {
    border: 0;
}

.btn.btn-color-secondary:hover {
    background: #386b77;
    border: 0;
}

.btn.btn-color-secondary:active,
.btn.btn-color-secondary:focus {
    border: 0;
}

.btn.btn-success {
    border: 0;
}

.btn.btn-success:hover {
    border: 0;
}

.btn.btn-success:active,
.btn.btn-success:focus {
    border: 0;
}

.btn.btn-warning {
    border: 0;
}

.btn.btn-warning:hover {
    border: 0;
}

.btn.btn-warning:active,
.btn.btn-warning:focus {
    border: 0;
}

.btn.btn-info {
    border: 0;
}

.btn.btn-info:hover {
    border: 0;
}

.btn.btn-info:active,
.btn.btn-info:focus {
    border: 0;
}

.btn.btn-danger {
    border: 0;
}

.btn.btn-danger:hover {
    border: 0;
}

.btn.btn-danger:active,
.btn.btn-danger:focus {
    border: 0;
}

.btn.btn-ghost,
#sequence ul li .btn-cta {
    padding: 8px 20px;
    border-width: 1px;
    border-style: solid;
    border-color: #696969;
    background-color: transparent;
    color: #696969;
    position: relative;
}

.btn.btn-ghost:hover,
.btn.btn-ghost:active,
.btn.btn-ghost:focus {
    border-color: #505050;
    border-width: 1px;
    border-style: solid;
}

.btn.btn-ghost.skin-light,
.featured .plan-action .btn-active {
    border-style: solid;
    border-width: 1px;
    border-color: #fff;
    color: #fff;
}

.btn.btn-ghost.skin-light:hover {
    background-color: #fff;
    color: #696969;
    border-color: #fff;
    border-width: 1px;
    border-style: solid;
}

.btn.btn-ghost.skin-light:active,
.btn.btn-ghost.skin-light:focus {
    background-color: #bdc3c7;
    color: #696969;
    border-color: #bdc3c7;
    border-width: 1px;
    border-style: solid;
}

.btn.btn-ghost.skin-light:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    width: 0%;
    height: 100%;
    top: 0;
    left: 0;
    background: #fff;
}

.btn.btn-ghost.skin-light:hover:after {
    width: 100%;
}

.btn.btn-ghost.skin-primary {
    border-color: #e9e9e9;
}

.btn.btn-ghost.skin-primary:hover {
    border-color: #feb138;
}

.btn.btn-ghost.skin-dark {
    background: transparent;
}

.btn.btn-ghost.skin-dark:hover {
    /*background: transparent;*/

}

.btn.btn-ghost.skin-dark:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    width: 0%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
}

.btn.btn-ghost.skin-dark:hover:after {
    width: 100%;
}

.btn.btn-ghost.btn-lg {
    padding: 3px 25px;
}

.btn.btn-ghost.btn-md {
    padding: 2px 15px;
}

.btn.btn-ghost.btn-sm {
    padding: 0px 15px;
}

.btn.btn-ghost.btn-xs {
    padding: 0px 15px;
}

.btn.btn-link {
    color: #e9e9e9;
    padding: 0;
}

.btn.btn-link:hover {
    color: #e9e9e9;
}

.btn.btn-underlined {
    color: #000;
    position: relative;
    display: inline-block;
    padding: 0.5em;
    line-height: 1.2;
    background: transparent;
}

.btn.btn-underlined.skin-dark {
    color: #000;
}

.btn.btn-underlined.skin-dark:active,
.btn.btn-underlined.skin-dark:focus,
.btn.btn-underlined.skin-dark:hover {
    color: #000;
    background: transparent;
    outline: none;
}

.btn.btn-underlined.skin-dark:before,
.btn.btn-underlined.skin-dark:after {
    background-color: #000;
}

.btn.btn-underlined.skin-light {
    color: #fff;
}

.btn.btn-underlined.skin-light:active,
.btn.btn-underlined.skin-light:focus,
.btn.btn-underlined.skin-light:hover {
    color: #fff;
    background: transparent;
    outline: none;
}

.btn.btn-underlined.skin-light:before,
.btn.btn-underlined.skin-light:after {
    background-color: #fff;
}

.btn.btn-underlined:before,
.btn.btn-underlined:after {
    outline: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    transform: scale(0.95);
}

.btn.btn-underlined:after {
    opacity: 0;
    -webkit-transition: top 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: top 0.3s, opacity 0.3s, -moz-transform 0.3s;
    transition: top 0.3s, opacity 0.3s, transform 0.3s;
}

.btn.btn-underlined:hover:before,
.btn.btn-underlined:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
}

.btn.btn-underlined:hover:after {
    top: 0%;
    opacity: 1;
}

.btn.btn-rounded {
    border: 1px solid #e9e9e9;
    border-radius: 3px;
}

.btn.btn-rounded:hover {
    border-color: #000;
}

.btn.skin-light:hover,
.btn.skin-light:active,
.btn.skin-light:focus,
#sequence ul li .btn-cta:hover {
    background-color: #fff;
    color: #696969;
}

.btn.skin-dark:hover,
.btn.skin-dark:active,
.btn.skin-dark:focus {
    background-color: #696969;
    color: #fff;
}

.btn:active {
    color: #fff;
}

.btn:focus {
    color: #fff;
}

.btn-primary,
.btn-color-primary,
#dt-menu a.vc_general.vc_btn3.vc_btn3-color-brand-primary,
a.vc_general.vc_btn3.vc_btn3-color-brand-primary,
.vc_general.vc_btn3.vc_btn3-color-brand-primary,
.portfolio-navigation a.more-post {
    background: #e9e9e9;
    color: #4a4a4a;
}

.btn-color-secondary,
.btn-secondary {
    background: #61a4b4;
    color: #ffffff;
}

.btn-color-secondary:hover,
.btn-secondary:hover {
    color: #ffffff;
}

.dt-icon-circle,
.dt-icon-ghost,
.dt-icon-square {
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    margin-right: 10px;
}

.dt-icon-circle.primary-color,
.dt-icon-ghost.primary-color,
.dt-icon-square.primary-color {
    color: #fff;
}

.dt-icon-circle.secondary-color,
.dt-icon-ghost.secondary-color,
.dt-icon-square.secondary-color {
    color: #fff;
}

.dt-icon-circle {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-clip: padding-box;
}

.dt-icon-ghost {
    border-width: 3px;
    border-style: solid;
    border-color: #696969;
    color: #696969;
}

.primary-color.size-sm,
.secondary-color.size-sm {
    width: 25px;
    height: 25px;
    line-height: 25px;
}

.primary-color.size-md,
.secondary-color.size-md {
    width: 70px;
    height: 70px;
    line-height: 70px;
}

.primary-color.size-lg,
.secondary-color.size-lg,
.dt-icon-ghost.size-lg {
    width: 100px;
    height: 100px;
    font-size: 3em;
    line-height: 100px;
}

i.dt-icon-square:not(.primary-color):not(.secondary-color) {
    width: auto;
    height: auto;
    line-height: 1em;
    margin-right: 0;
}

.dt-icon.primary-color {
    color: #e9e9e9;
}

.dt-icon.secondary-color {
    color: #61a4b4;
}

.list-no-dot-styling {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding: 15px 0;
}

.featured .plan-action .btn-active {
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -o-transition: all 200ms;
    -ms-transition: all 200ms;
    transition: all 200ms;
}

.featured .plan-action .btn-active:hover {
    background-color: #fff !important;
    color: #222 !important;
}

body.single-post .content > .container,
body.blog .content > .container,
body.archive .content > .container,
body.search-results .content > .container {
    padding-bottom: 60px;
}

.content > div > .container,
#banner-section.no-bg > .container {
    position: relative;
}

figcaption a:hover {
    border: 0;
}

img.size-full,
img.size-large,
img.size-medium,
.wp-post-image,
.post-thumbnail img {
    height: auto;
    max-width: 100%;
}

@media (max-width: 992px) {
    .margin_top_40_max_sm {
        margin-top: 40px;
    }
}

input:focus,
:focus {
    outline-width: 0;
    /* remove outline */

}

.form-control {
    -ms-box-shadow: none;
    -o-box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.form-control:focus {
    border-color: #999;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

article blockquote,
.dt_column blockquote,
#footer blockquote {
    font-family: 'Playfair Display';
    font-size: 16px;
    line-height: 1.7;
    font-weight: 100;
    border-left: 0;
    position: relative;
    padding: 20px 20px;
}

article blockquote:before,
.dt_column blockquote:before,
#footer blockquote:before {
    content: '\201c';
    font-family: 'arial';
    position: absolute;
    left: 0px;
    font-size: 2em;
    line-height: 1;
}

blockquote:before,
.dt_column blockquote:before,
#footer blockquote:before {
    content: '\201c';
    font-family: 'arial';
    position: absolute;
    left: 0px;
    font-size: 2em;
    line-height: 1;
}

blockquote {
    border-left: 0;
}

/* --- Header --- */
.top-head {
    position: absolute;
    display: block;
    width: 100%;
}

.vertical_menu.top-head {
    width: auto;
}

@media (max-width: 991px) {
    .vertical_menu.top-head {
        width: 100%;
    }
}

#head-page-sticky-wrapper {
    position: relative;
}

#head-page {
    position: relative;
    z-index: 99;
    margin-top: 60px;
}

#head-page .header-logo {
    text-align: center;
    font-weight: bold;
    font-size: 1.625em;
    font-family: "Source Sans Pro";
    text-transform: capitalize;
    height: 100%;
    position: relative;
}

#head-page .header-logo,
#head-page .header-logo a {
    color: #ffffff;
}

#head-page .header-logo > a {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media (min-width: 992px) {
    #head-page.reveal.alt.transparent {
        /*      margin-top:1em;*/

    }
}

#top-bar + .top-head #head-page {
    margin-top: 0;
}

.vertical_menu #head-page.reveal.alt.transparent {
    margin-top: 0;
}

.is-sticky #head-page {
    width: 100%;
    z-index: 99;
    margin: 0 auto;
}

@media (max-width: 782px) {
    .is-sticky #head-page.adminbar-is-here {
        top: 46px !important;
    }
}

.wpb_row .col_dummy {
    margin-bottom: 0 !important;
}

#banner-section .container {
    position: relative;
    display: block;
}

#banner-section .row {
    position: absolute;
    width: 100%;
    top: 120px;
}

#banner-section .row h1 {
    margin: 0;
}

.banner-title,
.breadcrumbs {
    text-align: left;
}

@media (max-width: 450px) {
    section#banner-section .banner-title h1.page-title {
        font-size: 1.5em;
    }

    section#banner-section .breadcrumbs {
        font-size: 1em !important;
        /*    margin-top:20px!important; */

    }
}

/* Popup Form */
.popup_form .form-control {
    -ms-box-shadow: none;
    -o-box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 0;
    background-color: #4d4d4d;
    font-weight: 300;
    border: 1px solid rgba(0, 0, 0, 0.15);
    color: #fff;
}

/*Blog*/
.single .postcontent {
    background: none;
}

.blog .postcontent {
    padding: 0;
    position: relative;
}

.single .postcontent {
    background: none;
    padding: 0;
}

.single .about-author {
    padding: 30px;
    margin-bottom: 40px;
    border: solid 1px rgba(74, 74, 74, 0.25);
    border-top: solid 3px #1b3f4f;
}

.single .about-author h5 {
    margin: 0 0 10px 0;
}

.single .singlepostmetatop ul li {
    border: none;
}

.tax-portcat .postcontent {
    background-color: #f3f2f2;
    padding: 30px 30px 15px;
    position: relative;
}

/* FlipBanner */
@media (max-width: 1281px) {
    .padding_right_max_lg_65 {
        padding-right: 70px;
    }
}

/* Main Logo */
/* Iconboxes */
.dt-iconboxes-4 .dt-iconboxes-text {
    padding: 0 20px 20px 20px;
}

/* Fontello Icons */
.owl-custom-pagination [class^="icon-"]:before,
.module_dt_iconboxes [class^="icon-"]:before,
.owl-custom-pagination [class*=" icon-"]:before,
.module_dt_iconboxes [class*=" icon-"]:before {
    width: auto;
}

/* .carousel-inneraceholder */
#footer #s::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.7);
}

#footer #s::-moz-placeholder {
    color: rgba(255, 255, 255, 0.7);
}

#footer #s:-moz-placeholder {
    color: rgba(255, 255, 255, 0.7);
}

#footer #s:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.7);
}

.sidebar #s::-webkit-input-placeholder {
    color: #adadad;
}

.sidebar #s::-moz-placeholder {
    color: #adadad;
}

.sidebar #s:-moz-placeholder {
    color: #adadad;
}

.sidebar #s:-ms-input-placeholder {
    color: #adadad;
}

/* Carousel */
.carousel-inner div {
    -webkit-transition-property: left !important;
    -moz-transition-property: left !important;
    -o-transition-property: left !important;
    -ms-transition-property: left !important;
    transition-property: left !important;
}

/* Close Button */
.md-close {
    padding: 0;
    width: 30px;
    height: 30px;
}

/* Section Head */
.dt-section-head h2 {
    margin-top: 0;
}

.dt-section-head hr:after {
    height: 2px;
    width: 30px;
    background-color: #222;
}

/* Main Navigation */
#dt-menu.dt-menu-right li:last-child a {
    padding-right: 0;
}

.dt-menu-right .menu-item-type-search a {
    padding-right: 0 !Important;
}

.dt-menu-left .menu-item-type-search a {
    padding-left: 0 !Important;
}

#dt-menu.dt-menu-left > ul > li:nth-child(2) > a {
    padding-left: 0;
}

#dt-menu li a {
    font-family: "Source Sans Pro";
}

#mobile-header {
    height: 60px;
}

.top-head a:hover {
    border: 0;
}

/* Typography */
b,
strong {
    font-weight: 700;
}

/* --- Social Buttons --- */
.sidebar .widget_text .social-circled {
    margin-bottom: 0;
}

.sidebar .widget_text .social-circled:after {
    display: block;
    content: '';
    width: 100%;
    clear: both;
}

.sidebar .widget_text .social-circled li {
    float: left;
    border-width: 1px;
    border-style: solid;
    padding: 2px !Important;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-clip: padding-box;
    margin-right: 9px;
    margin-bottom: 9px;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -ms-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.sidebar .widget_text .social-circled li a {
    font-size: 10px;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    -ms-transition: color 0.3s;
    transition: color 0.3s;
    font-family: fontello;
}

.sidebar .widget_text .social-circled li:last-child {
    border-width: 1px !important;
    border-style: solid !important;
}

.sidebar .widget_text .social-circled li:hover {
    border: 1px solid transparent !important;
    cursor: pointer;
}

.sidebar .widget_text .social-circled li:hover a {
    color: white;
}

/* --- Portfolio --- */
.page.portfolio .portfolio {
    padding-top: 60px;
}

.portfolio-type-imagefixheightfull .portfolio {
    padding-top: 0 !important;
}

#featured-work-navbar {
    min-height: 100%;
    background: none;
    border: 0;
    margin-bottom: 55px;
}

#featured-work-navbar #dt-featured-filter {
    padding-left: 0;
    padding-right: 0;
}

#featured-work-navbar #featured-filter.dt-featured-filter {
    border: 0;
    width: 100%;
    position: relative;
    text-align: center;
    margin: 0;
}

@media (max-width: 768px) {
    #featured-work-navbar #featured-filter.dt-featured-filter {
        padding-top: 9px;
    }
}

#featured-work-navbar #featured-filter.dt-featured-filter li {
    float: none;
    display: inline-block;
    border-width: 1px;
    border-style: solid;
    margin-right: -5px;
    border-right: 0;
}

#featured-work-navbar #featured-filter.dt-featured-filter li:last-child {
    border-width: 1px;
    border-style: solid;
}

#featured-work-navbar #featured-filter.dt-featured-filter li a {
    padding: 7px 15px;
    text-transform: uppercase;
    font-size: .8em;
}

#featured-work-navbar #featured-filter.dt-featured-filter li.active {
    border: 0;
    marginright: -5px;
    position: relative;
    z-index: 9;
    border: 1px solid #e9e9e9 !important;
}

#featured-work-navbar #featured-filter.dt-featured-filter li.active a {
    color: white;
}

@media (max-width: 768px) {
    #featured-work-navbar #featured-filter.dt-featured-filter li {
        float: left;
        display: inline;
        border: 0;
    }

    #featured-work-navbar #featured-filter.dt-featured-filter li:last-child {
        border: 0;
    }

    #featured-work-navbar #featured-filter.dt-featured-filter li a {
        padding: 3px 15px;
        text-transform: none;
        color: #fff;
    }

    #featured-work-navbar #featured-filter.dt-featured-filter li.active {
        border: 0 !important;
        margin: 0;
    }

    #featured-work-navbar #featured-filter.dt-featured-filter li.active a {
        background-color: transparent;
        color: #000;
    }
}

#featured-work-navbar .navbar-toggle {
    border: 0;
    padding: 0;
    margin: 0;
}

#featured-work-navbar .navbar-toggle:focus,
#featured-work-navbar .navbar-toggle:hover {
    background: none;
}

.portfolio-navigation a.more-post {
    text-transform: uppercase;
}

/* Top Bar */
.topbar-menu-nosub i {
    margin-right: 5px;
}

/* --- Visual Composer overrides --- */
body.compose-mode .controls-out-tl {
    top: 0;
}

.page.type-page .container > .wpb_row,
.nosidebar .postcontent > .wpb_row {
    margin-left: -15px;
    margin-right: -15px;
}

.blog .nosidebar .postcontent,
.single .nosidebar .postcontent {
    margin-left: 0;
    margin-right: 0;
}

.woocommerce .nosidebar .postcontent {
    margin-left: 0;
    margin-right: 0;
}

/* --- Tabs & Accordion --- */
h2.wpb_heading {
    font-size: 22px;
    margin-bottom: 10px;
}

.wpb_tabs_heading {
    margin-bottom: 35px;
}

.wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon,
.wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon {
    right: 10px !important;
    width: 24px !important;
    height: 24px !important;
}

.wpb_wrapper .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content {
    padding-top: 17px;
    margin-bottom: 10px;
    margin-top: -10px;
}

.wpb_wrapper .wpb_content_element .wpb_accordion_wrapper .ui-state-default .ui-icon {
    background-image: none;
    text-align: center;
    cursor: pointer;
}

.wpb_wrapper .wpb_content_element .wpb_accordion_wrapper .ui-state-default .ui-icon:after {
    content: '\e99c';
    font-family: fontello;
    display: block;
    z-index: 99;
    width: 24px;
    height: 24px;
    font-size: 14px;
    color: #fff;
    line-height: 1.9;
}

.wpb_wrapper .wpb_content_element .wpb_accordion_wrapper .ui-state-active .ui-icon:after {
    content: '\e99f';
    font-family: fontello;
    background: #fff !important;
    color: #e9e9e9;
}

.wpb_wrapper .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header {
    margin-bottom: 10px;
}

.wpb_wrapper .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header a {
    font-size: 1.1em;
    font-weight: 600;
    text-transform: uppercase;
}

.wpb_wrapper .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header.ui-accordion-header-active {
    border: 0;
}

.wpb_wrapper .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header.ui-accordion-header-active a {
    color: #fff;
}

.wpb_wrapper .wpb_content_element .wpb_tabs_nav {
    display: table;
    width: 100%;
    border-collapse: separate;
}

.wpb_wrapper .wpb_content_element .wpb_tabs_nav a {
    font-weight: 600;
    text-transform: uppercase;
    color: #222;
}

.wpb_wrapper .wpb_content_element .wpb_tabs_nav li {
    display: table-cell;
    width: 100%;
    float: none !important;
    text-align: center;
    overflow: hidden;
    background: none;
    margin-top: 0;
    border-right: 0;
    border-width: 1px;
    border-style: solid;
}

.wpb_wrapper .wpb_content_element .wpb_tabs_nav li:first-child {
    border-left: 0;
}

.wpb_wrapper .wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab {
    border-top: 0;
    margin: 0;
}

.wpb_wrapper .wpb_content_element .wpb_tabs_nav li.ui-tabs-active {
    border: 0 !important;
    background: #e9e9e9;
}

.wpb_wrapper .wpb_content_element .wpb_tabs_nav li.ui-tabs-active a {
    color: #fff;
}

/* --- DT Counto --- */
.dt-counto {
    font-size: 72px;
    position: relative;
    padding-bottom: 20px;
    display: block;
}

.dt-counto:after {
    content: '';
    height: 2px;
    background-color: #fff;
    position: absolute;
    display: block;
    width: 40px;
    left: 50%;
    margin-left: -20px;
}

/*Pricing Table*/
.dt-pricing-table > .featured ul {
    background-color: #e9e9e9;
}

.dt-pricing-table > .featured .plan-action .btn-active {
    background: transparent;
}

.dt-pricing-table .plan-price {
    color: #e9e9e9;
}

.dt-pricing-table > .featured .plan-price {
    color: #fff;
}

.dt-pricing-table .plan li:after {
    content: '';
    display: block;
    height: 1px;
    position: absolute;
    bottom: 0;
    background-color: rgba(68, 68, 68, 0.2);
    width: 65%;
    left: 50%;
    transform: translateX(-50%);
}

.dt-pricing-table .plan li:first-child:after,
.dt-pricing-table .plan li:nth-child(2):after,
.dt-pricing-table .plan li:last-child:after {
    display: none;
}

.pricing-image-container img {
    margin: 40px 0;
}

/* DT Partner */
/* Teaser Grid */
/* Call To Action */
.vc_call_to_action h2 {
    margin-top: 0;
}

/* Google Map */
.wpb_gmaps_widget .wpb_wrapper {
    padding: 0 !important;
}

/* --- Contact Forms --- */
.wpcf7 .ajax-loader {
    position: absolute;
}

/* revolution Slider */
.tparrows:before {
    margin-top: 7px;
}

div.wpcf7-mail-sent-ok,
div.wpcf7-validation-errors {
    border: 0;
    font-weight: 600;
}

div.wpcf7-mail-sent-ok {
    color: #398f14;
}

div.wpcf7-validation-errors {
    color: orange;
}

/* --- Optin Forms --- */
.optin-form .form_connector_submit {
    border: 0;
    position: relative;
    white-space: nowrap;
}

.optin-form .dt_email,
.optin-form .dt_name {
    width: 100%;
}

.optin-form .form-group {
    margin-bottom: 0;
}

.optin-form .horizontal,
.optin-form .horizontal_email {
    display: table;
    width: 100%;
}

.optin-form .horizontal .form-group,
.optin-form .horizontal_email .form-group {
    display: table-cell;
    width: auto;
}

@media (max-width: 768px) {
    .optin-form .horizontal .form-group,
    .optin-form .horizontal_email .form-group {
        display: block;
        width: 100%;
        padding-right: 0 !important;
        margin-bottom: 15px;
    }
}

.optin-form .horizontal .form-group:last-child,
.optin-form .horizontal_email .form-group:last-child {
    margin-right: 0;
    width: auto;
}

.optin-form .form-control {
    height: auto;
    line-height: 1.5em;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.a-travel-form .dt_email {
    text-align: center;
}

.bigger_60_percent {
    font-size: 1.6em;
}

.width_80 {
    max-width: 80px;
    height: auto;
}

.parenting-2-box {
    color: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-clip: padding-box;
}

.parenting-2-box h2 {
    margin-top: 0;
    color: #fff;
}

.white-text * {
    color: #fff;
}

.list-with-icon li {
    position: relative;
    margin-left: 40px;
}

.list-with-icon li i {
    position: absolute;
    left: -40px;
}

.list-with-icon-bigtext .list-with-icon li {
    margin-bottom: 10px;
}

.no-margin {
    margin: 0;
}

.margin_left-15 {
    margin-left: -15px;
}

.margin_right-15 {
    margin-right: -15px;
}

.imgbuttons a,
figcaption .nav-slide a {
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 57px;
    padding: 0 !important;
}

/* revolution Slider */
.tparrows:before {
    margin-top: 2px;
}

/*Custom Layout 2*/
.team-profile li a {
    color: #999;
    border: 0;
}

.team-profile h3 {
    margin-bottom: 0;
}

.team-profile span {
    padding-bottom: 20px;
    display: block;
    position: relative;
}

.team-profile span:after {
    content: '';
    width: 30px;
    display: block;
    position: absolute;
    height: 2px;
    background-color: #555;
    left: 50%;
    bottom: 5px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

/* Slider Twitter */
.dt-twitter-slider {
    text-align: center;
}

/*Modal*/
.md-modal {
    z-index: 99999;
}

.md-overlay {
    z-index: 88888;
}

/* Image Shape */
.ketupat0 {
    margin: 0 auto;
}

.ketupat1 {
    -webkit-transform: rotate(45deg) translateY(20px);
    -moz-transform: rotate(45deg) translateY(20px);
    -ms-transform: rotate(45deg) translateY(20px);
    -o-transform: rotate(45deg) translateY(20px);
    transform: rotate(45deg) translateY(20px);
    overflow: hidden;
    border-radius: 10px;
    position: relative;
    transform-origin: 42% 65%;
    width: 70%;
    height: 70%;
    margin: 0 auto;
}

.ketupat2 {
    -webkit-transform: rotate(-45deg) translateY(-20%);
    -moz-transform: rotate(-45deg) translateY(-20%);
    -ms-transform: rotate(-45deg) translateY(-20%);
    -o-transform: rotate(-45deg) translateY(-20%);
    transform: rotate(-45deg) translateY(-20%);
    position: absolute;
    width: 140%;
    height: auto;
}

#pushstat {
    display: none;
}

/* Food Menu */
.foodmenu2_module,
.foodmenu_module {
    overflow: hidden;
}

.foodmenu2_module:after {
    content: '';
    display: block;
    width: 100%;
    clear: both;
}

.foodmenu2_module h4,
.foodmenu_module h4 {
    font-family: 'Playfair Display';
    font-weight: 600;
    float: left;
    margin: 0;
    position: relative;
}

.foodmenu2_module h4:after {
    content: '.................................................................................................';
    color: #999;
    width: auto;
    display: block;
    position: absolute;
    top: 0;
    left: 100%;
    height: 100%;
}

.foodmenu2_module p:nth-child(2) {
    float: right;
    font-weight: 600;
    font-size: 1.3em;
    margin: 0;
    background-color: #c59d5f;
    position: relative;
    line-height: 1.2;
    padding: 2px 5px;
}

.foodmenu_module p:nth-child(2) {
    float: right;
    font-weight: 600;
    color: #c59d5f;
    font-size: 1.3em;
    margin: 0;
    background-color: #fff;
    position: relative;
    line-height: 1.2;
}

.foodmenu2_module p:nth-child(3),
.foodmenu_module p:nth-child(3) {
    height: 5px;
    clear: both;
    margin: 0;
}

.foodmenu2_module p:nth-child(4),
.foodmenu_module p:nth-child(4) {
    float: left;
}

.foodmenu2_module p:nth-child(5) {
    float: right;
    font-size: 0.9em;
    color: #fff;
    font-style: italic;
}

.foodmenu_module p:nth-child(5) {
    float: right;
    font-size: 0.8em;
    background-color: #c59d5f;
    color: #fff;
    padding: 2px 10px;
}

#dt-menu li > ul.sub-nav .gm-style > div > div > div > div > div {
    visibility: hidden !important;
}

#dt-menu li:hover > ul.sub-nav .gm-style > div > div > div > div > div {
    visibility: visible !important;
}

.menu-leftvc #dt-menu .sub-nav li ul li a:hover{
    background: #CD5B1B;
}
/* --- Post Grid --- */
.dt_post .isotope-item {
    margin-bottom: 40px;
}

.dt_post .postcontent {
    padding: 20px;
    border: 1px solid rgba(68, 68, 68, 0.2);
}

.dt_post .format-quote .postcontent,
.dt_post .format-link .postcontent {
    border: 0;
}

.dt_post .postimagecontent,
.dt_post .postimage {
    padding-bottom: 0;
}

.dt_post .postborder {
    display: none;
}

.dt_post .postmetabottom {
    border: 1px solid rgba(68, 68, 68, 0.2);
    border-top: 0;
}

.dt_post .postmetabottom .list-inline {
    margin-left: 0;
    padding: 0 10px;
    text-align: left;
    margin-bottom: 0;
}

.dt_post .dt-share-button-text {
    text-align: left;
}

.dt_post .postinfo span:before {
    font-size: 17px;
    margin-right: 10px;
}

.dt_post .format-quote,
.dt_post .format-link {
    color: #fff;
}

.dt_post .format-quote label,
.dt_post .format-link label {
    color: #fff !important;
}

.dt_post .format-quote a,
.dt_post .format-link a {
    color: #fff;
}

.dt_post .format-quote .postinfo,
.dt_post .format-link .postinfo {
    position: absolute;
    bottom: 10px;
    right: 20px;
}

.dt_post .format-quote .postinfo ul,
.dt_post .format-link .postinfo ul {
    margin-bottom: 0;
}

.dt_post .format-quote .postinfo ul li,
.dt_post .format-link .postinfo ul li {
    padding-right: 0;
}

/*Media Download*/
.dt-media .select-target {
    font-family: "Source Sans Pro";
    text-transform: uppercase;
    border: 0;
    background-color: #e9e9e9;
    color: #fff;
    padding: 10px 20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.dt-media .select-target:hover {
    color: #fff !important;
}

/* --- Essential Grid & Rev Slider Overrides --- */
.minimal-light .esg-navigationbutton:hover,
.minimal-light .esg-filterbutton:hover,
.minimal-light .esg-sortbutton:hover,
.minimal-light .esg-sortbutton-order:hover,
.minimal-light .esg-cartbutton a:hover,
.minimal-light .esg-filterbutton.selected {
    box-shadow: none !important;
}

.minimal-light .esg-filterbutton,
.minimal-light .esg-navigationbutton,
.minimal-light .esg-sortbutton,
.minimal-light .esg-cartbutton a {
    border-radius: 0 !important;
}

/*WPML*/
.menu-item-language img.iclflag {
    width: 23px !important;
    height: 15px !important;
}

/*Report Post*/
.dt_report_button i {
    position: relative;
    top: 3px;
    line-height: 0;
}

.dt_report_button a {
    display: block;
    text-align: right;
}

/* --- Flex Slider --- */
.flex-slider-plain .flex-caption {
    background-color: transparent !important;
    padding: 0 !important;
}

.flex-slider-plain .flex-caption .post-title a {
    color: #fff !important;
    font-size: 15px;
}

.flex-slider-plain .flexslider {
    border: 0 !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

.flex-slider-plain .flex-control-paging li a {
    width: 7px;
    height: 7px;
    background: #ffffff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

.flex-control-paging li a.flex-active,
.flex-control-paging li a:hover {
    background: #e5a300 !important;
}

.flex-slider-plain .flex-control-nav {
    text-align: left;
}

.flex-slider-plain .flex-direction-nav {
    display: none;
}

/* --- Career --- */
@media (max-width: 767px) {
    .dt-career-filter {
        margin: 0;
    }

    .dt-career-filter li a {
        padding: 5px 20px !important;
    }
}

.esgbox-opened {
    z-index: 999999 !important;
}

/* structure */
body {
    height: 100%;
}

/* icon reset */
i:before,
i:after {
    font-style: normal;
    margin: 0;
}

/* --- Sequence Slider --- */
.mainbanner {
    height: 100%;
    width: 100%;
    position: relative;
}

@media (max-width: 768px) {
    #sequence .sequence-prev,
    #sequence .sequence-next {
        display: none !important;
    }

    .mainbanner {
        height: 100% !important;
    }
}

#sequence ul.sequence-canvas li {
    height: 100%;
    max-width: 1000px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    display: block;
}

@media (min-width: 992px) {
    #sequence ul.sequence-canvas li .slide-title,
    #sequence ul.sequence-canvas li .slide-text {
        padding: 0 40px;
    }
}

@media (max-width: 800px) {
    #sequence ul.sequence-canvas li .slide-title,
    #sequence ul.sequence-canvas li .slide-text {
        padding: 0 40px;
    }
}

#sequence ul.sequence-canvas li .slide-title {
    font-size: 110px;
    text-transform: uppercase;
    font-weight: 600;
    color: white;
    line-height: 1;
}

#sequence ul.sequence-canvas li .slide-title:after {
    content: '';
    width: 10%;
    display: block;
    height: 3px;
    position: absolute;
    bottom: -30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media (max-width: 800px) {
    #sequence ul.sequence-canvas li .slide-title {
        font-size: 90px;
    }
}

@media (max-width: 480px) {
    #sequence ul.sequence-canvas li .slide-text {
        font-size: 90%;
    }

    #sequence ul.sequence-canvas li .slide-title {
        font-size: 40px;
    }
}

#sequence ul li {
    list-style: none;
}

#sequence ul li .slide-title {
    font-size: 110px;
    text-transform: uppercase;
    font-weight: 600;
    color: white;
    font-family: "Source Sans Pro";
}

#sequence ul li .slide-text {
    font-size: 1.2em;
    color: white;
    font-weight: 300;
}

#sequence ul li .btn-cta {
    border-color: #fff;
    color: #fff;
    font-weight: 600;
    -webkit-transition: all 150ms;
    -moz-transition: all 150ms;
    -o-transition: all 150ms;
    -ms-transition: all 150ms;
    transition: all 150ms;
}

#sequence .sequence-prev,
#sequence .sequence-next {
    top: 50% !important;
}

.slide-title,
.slide-text,
.slide-logo,
.slide-button {
    display: block;
    text-align: center;
}

.wpb_row:after,
.dt-container:after,
.box-container:after {
    clear: both;
    content: " ";
    display: table;
}

.nosidebar .box-container,
.fullwidth .box-container,
.fullwidth,
.fullwidth ~ .box-container,
.content ~ .box-container {
    margin-left: 0px !important;
    margin-right: 0px !important;
    z-index: 1;
    overflow: hidden;
}

.box-container > .vc_row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

/*
.page .content .nosidebar > div.post-article{
  overflow-x: hidden;
}
*/
.single > .fullwidth,
.content.fullwidth {
    overflow: hidden;
}

/* coloring */
#footer {
    clear: both;
}

@media (max-width: 768px) {
    #footer-left {
        border-bottom: solid 1px #372200;
    }
}

#footer-right .border-left {
    padding: 0 20px 0px 20px;
}

@media (max-width: 992px) {
    #footer-right .border-left:nth-child(2n+1) {
        border-left: 0;
    }
}

/* end coloring */
/* --- Head Page --- */
div#head-page .popup_form {
    position: absolute;
    width: 210px;
    left: -200px;
    display: none;
    z-index: 99;
}

@media (min-width: 992px) {
    div#head-page .popup_form {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

div#head-page .dt-menu-left .popup_form {
    left: 50px;
}

.content .category-title,
.content .page-title,
.content .archive-title {
    margin-bottom: 40px;
    margin-top: 0px;
}

.no-padding {
    padding: 0;
}

body.page-template-squeeze-php .content > div > .container,
body.page-template-squeezeboxed-php .content > div > .container,
body.page-template-squeeze-php .content > .container,
body.page-template-squeezeboxed-php .content > .container,
body.page-template-squeeze-php .post-article,
body.page-template-squeezeboxed-php .post-article,
body.page-template-squeeze-php .content.page,
body.page-template-squeezeboxed-php .content.page {
    padding: 0;
}

div.content.no-padding {
    padding: 0;
}

@media (min-width: 992px) {
    div.content {
        /*padding: 45px 0;*/
    }

    div.content.no-padding {
        padding: 0;
    }

    #banner-section + div.content {
        padding-top: 60px;
    }
}

@media (max-width: 991px) {
    div.content,
    #banner-section + div.content {
        /*padding-top: 45px;*/
        /*margin-top: 95px;*/
    }
}

@media (max-width: 767px) {
    section#banner-section .banner-title {
        margin-top: 0;
    }

    section#banner-section .breadcrumbs {
        margin-top: 0;
    }
}

.page-template-squeeze div.content {
    padding: 0;
}

.page-title {
    text-align: left;
}

.footer-section .footer-left,
.footer-section .footer-right {
    padding-left: 0px;
    padding-right: 0px;
}

#footer-right .border-left.dummy {
    border-left: none;
}

@media (min-width: 1200px) {
    #footer-right .border-left.col-lg-3:nth-child(1),
    #footer-right .border-left.col-lg-3:nth-child(2),
    #footer-right .border-left.col-lg-3:nth-child(3),
    #footer-right .border-left.col-lg-3:nth-child(4) {
        border-top: none;
    }
}

@media (min-width: 993px) {
    #footer-right .border-left.col-md-4:nth-child(1),
    #footer-right .border-left.col-md-4:nth-child(2),
    #footer-right .border-left.col-md-4:nth-child(3),
    #footer-right .border-left.col-md-6:nth-child(1),
    #footer-right .border-left.col-md-6:nth-child(2),
    #footer-right .border-left.col-sm-12:nth-child(1) {
        border-top: none;
    }
}

@media (min-width: 769px) and (max-width: 992px) {
    #footer-right .border-left.col-sm-6:first-child,
    #footer-right .border-left.col-sm-6:nth-child(2),
    #footer-right .border-left.col-sm-12:nth-child(1) {
        border-top: none;
    }
}

@media (max-width: 768px) {
    #footer-right .border-left.col-xs-6:first-child,
    #footer-right .border-left.col-xs-6:nth-child(3),
    #footer-right .border-left.col-xs-6:nth-child(5),
    #footer-right .border-left.col-xs-6:nth-child(7),
    #footer-right .border-left.col-xs-6:nth-child(9),
    #footer-right .border-left.col-xs-6:nth-child(11),
    #footer-right .border-left.col-xs-6:nth-child(13),
    #footer-right .border-left.col-sm-12 {
        border-left: none;
    }
}

@media (max-width: 480px) {
    #footer-right .border-left.col-xs-6 {
        width: 100%;
        border-left: none;
    }
}

#footer-right .row:first-child {
    border-top: none;
}

/* widget */
/* widget calendar */
.widget_calendar table {
    width: 100%;
}

.widget_calendar .calendar-head li {
    display: inline-block;
    width: 15%;
}

.widget_calendar .calendar-head li.next {
    float: right;
    text-align: right;
}

.widget_calendar .calendar-head li.caption {
    width: 65%;
    text-align: center;
}

#wp-calendar #prev {
    text-align: left;
    padding-left: 10px;
}

#wp-calendar #next {
    text-align: right;
    padding-right: 10px;
}

/* --- Featured Post Widget --- */
.dt_widget_featured_posts .post-item {
    padding: 0px;
}

.dt_widget_featured_posts .post-item figure {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    height: 80px;
    width: 100%;
    overflow: hidden;
}

.dt_widget_featured_posts .post-item figure > div {
    overflow: hidden;
}

.dt_widget_featured_posts .post-item figure figcaption {
    -webkit-transition: transform 0.4s;
    -moz-transition: transform 0.4s;
    -o-transition: transform 0.4s;
    -ms-transition: transform 0.4s;
    transition: transform 0.4s;
    background: rgba(105, 65, 1, 0.6);
    opacity: 1;
    background-clip: padding-box;
    text-align: center;
    font-weight: 300;
    height: 90px;
}

.dt_widget_featured_posts .post-item figure:hover figcaption,
.dt_widget_featured_posts .post-item figure.cs-hover figcaption {
    -webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);
    transform: translate(0, -100%);
}

.dt_widget_featured_posts .post-item figure .zoom-plus {
    width: 100%;
    height: 100%;
    position: relative;
    left: 0%;
    top: 40%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.dt_widget_featured_posts .post-item figure .zoom-plus::before {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0%;
    top: 0%;
    display: block;
    border-bottom: #fff solid 1px;
    -webkit-transition: transform 0s;
    -moz-transition: transform 0s;
    -o-transition: transform 0s;
    -ms-transition: transform 0s;
    transition: transform 0s;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.dt_widget_featured_posts .post-item figure .zoom-plus::after {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0%;
    left: 0%;
    display: block;
    border-left: #fff solid 1px;
    -webkit-transition: transform 0s;
    -moz-transition: transform 0s;
    -o-transition: transform 0s;
    -ms-transition: transform 0s;
    transition: transform 0s;
    -webkit-transform: translate(0, 50%);
    -moz-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);
    -o-transform: translate(0, 50%);
    transform: translate(0, 50%);
}

/* --- Portfolio Detail --- */
.port-article .postimagecontent {
    margin-bottom: 25px;
}

.port-article h2.port-heading {
    font-weight: 600;
    font-size: 24px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding: 0px 0px 27px 0px;
    margin-bottom: 24px;
    margin-top: 0;
}

.port-article #related-port {
    margin-top: 40px;
    margin-bottom: 40px;
}

.port-article .port-meta {
    padding-left: 0px;
}

.port-article .port-meta li {
    padding: 10px;
    clear: both;
    list-style: none;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    overflow: auto;
}

.port-article .port-meta li:first-child {
    padding-top: 0px;
}

.port-article .port-meta li:first-child > div {
    margin-top: 0px;
}

.port-article .port-meta li .bottom-line {
    border-bottom: 0;
}

.port-article .port-meta li:last-child {
    border-bottom: 0;
}

.port-article .port-meta li > div {
    padding-left: 0px;
}

.port-article .port-meta li > div label {
    margin-bottom: 0;
}

.port-article .port-meta label {
    font-weight: 400;
    text-transform: uppercase;
}

.port-article .bottom-meta .col-xs-4 {
    padding-top: 20px;
}

.port-article .link-project {
    margin-top: 15px;
    text-transform: uppercase;
}

.port-article .social-share-link {
    font-size: 12px;
}

.port-article #portfolio-carousel {
    margin-bottom: 25px;
}

.port-article #portfolio-carousel .post-gallery-carousel-nav {
    width: 100%;
    vertical-align: top;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    opacity: 1;
    overflow: hidden;
}

.port-article #portfolio-carousel .post-gallery-carousel-nav .post-gallery-carousel-buttons {
    position: absolute;
    bottom: 0px;
}

.port-article #portfolio-carousel .post-gallery-carousel-nav .post-gallery-carousel-buttons a {
    padding: 9px;
}

.port-article #portfolio-carousel .post-gallery-carousel-nav .post-gallery-carousel-buttons a:last-child {
    margin-left: -4px;
    border-left: 1px solid rgba(0, 0, 0, 0.2);
}

.port-article .gallery {
    margin-top: 40px !important;
}

#related-port .related-port {
    padding: 0px;
}

#related-port .related-port .btn-primary {
    border: none;
}

#related-port .related-port figure {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    overflow: hidden;
}

#related-port .related-port figure .top-image {
    overflow: hidden;
}

#related-port .related-port figure > div {
    overflow: hidden;
}

#related-port .related-port figure figcaption {
    -webkit-transition: transform 0.4s;
    -moz-transition: transform 0.4s;
    -o-transition: transform 0.4s;
    -ms-transition: transform 0.4s;
    transition: transform 0.4s;
    -webkit-transition: -webkit-transform 0.4s;
    background-clip: padding-box;
    height: 200px;
    padding: 20px;
    position: relative;
}

#related-port .related-port figure figcaption h2 {
    font-size: 150%;
    color: #ffffff;
    line-height: 1.4;
    margin-top: 0;
}

#related-port .related-port figure figcaption .related-tag a {
    color: #e9e9e9;
}

#related-port .related-port figure figcaption h2,
#related-port .related-port figure figcaption .related-tag {
    text-align: right;
}

#related-port .related-port figure figcaption,
#related-port .related-port figure figcaption h2 {
    font-weight: 300;
}

#related-port .related-port figure .nav-slide {
    text-align: left;
    position: absolute;
    bottom: -1px;
    left: -1px;
}

#related-port .related-port figure .nav-slide a:last-child {
    margin-left: -4px;
    border-left: 1px solid rgba(0, 0, 0, 0.2);
}

#related-port .related-port figure:hover figcaption,
#related-port .related-port figure.cs-hover figcaption {
    -webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);
    transform: translate(0, -100%);
}

/* --- Portfolio gallery --- */
.gallery-item {
    margin-top: 0 !important;
    margin-bottom: 5%;
}

.gallery-columns-3 .gallery-item {
    margin-bottom: 4%;
}

.gallery-columns-4 .gallery-item {
    margin-bottom: 3%;
}

.gallery-columns-5 .gallery-item {
    margin-bottom: 2%;
}

.gallery-columns-6 .gallery-item {
    margin-bottom: 2%;
}

.gallery-columns-7 .gallery-item {
    margin-bottom: 2%;
}

.gallery-columns-8 .gallery-item {
    margin-bottom: 2%;
}

.gallery-columns-9 .gallery-item {
    margin-bottom: 2%;
}

.gallery-item img {
    border: 0px none #CFCFCF !important;
    display: block;
    width: 90%;
    height: auto;
    max-width: 100%;
}

.gallery-item img.img-responsive {
    width: 100%;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.mejs-controls {
    background: none !important;
}

.mejs-controls .mejs-duration,
.mejs-controls .mejs-currenttime {
    color: #fff !important;
}

.mejs-controls .mejs-horizontal-volume-current,
.mejs-controls .mejs-time-loaded {
    background: none !important;
    background-color: #e9e9e9 !important;
}

.mejs-controls .mejs-time-total,
.mejs-controls .mejs-horizontal-volume-total {
    background: none !important;
    background-color: #696969 !important;
}

.mejs-horizontal-volume-slider.mejs-mute {
    width: 60px !important;
}

.sequence-twitter .owl-item {
    margin-left: 1px;
}

/* woo featured product */
.dt-featured-product .owl-carousel-navigation,
.dt-shop-category .owl-carousel-navigation {
    text-align: center;
}

.modal-content .container {
    width: 100%;
}

/* video background */
.dt-video-bg,
.dt-video-bg iframe video,
.dt-video-overlay,
video.video_background {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    background-size: cover;
    -webkit-transition: 1s opacity;
    transition: 1s opacity;
}

.dt-video-overlay {
    z-index: -80;
}

.dt-video-bg iframe .ytp-chrome-bottom,
.dt-video-bg iframe .ytp-watermark {
    opacity: 0 !important;
    display: none !important;
}

.has-video {
    position: relative;
    overflow: hidden;
}

/*
[class^="fontelloicon-"]:before, [class*=" fontelloicon-"]:before,
[class^="icon-"]:before, [class*=" icon-"]:before
{
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  speak:none;
  text-decoration:inherit;
  width:1em;
  margin-right:.2em;
  text-align:center;
  font-variant:normal;
  text-transform:none;
  margin-left:.2em;
}
*/
/* --- Visual Composer - Single image overrides --- */
.wpb_single_image .wpb_wrapper {
    position: relative;
}

.wpb_single_image .image-hover,
.wpb_single_image .text-hover {
    position: absolute;
    top: 0;
    opacity: 0;
    filter: "alpha(opacity = 0)";
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    transform: translateZ(0px);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    height: 100%;
}

.wpb_single_image .text-hover {
    width: 100%;
}

.wpb_single_image.vc_align_center .image-hover,
.wpb_single_image.vc_align_center .text-hover {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.wpb_single_image.vc_align_left .image-hover,
.wpb_single_image.vc_align_left .text-hover {
    left: 0;
}

.wpb_single_image.vc_align_right .image-hover,
.wpb_single_image.vc_align_right .text-hover {
    right: 0;
}

.wpb_single_image .wpb_wrapper {
    overflow: hidden;
    position: relative;
}

.wpb_single_image .text-hover {
    opacity: 1;
}

.wpb_single_image .wpb_wrapper .text-hover .text-hover-container {
    position: absolute;
    text-align: center;
    bottom: 10px;
    z-index: 10;
    padding: 20px 20px 30px;
    opacity: 1;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    width: 100%;
    display: block;
}

.wpb_single_image img.hover-type-text {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.wpb_single_image:hover img.hover-type-text {
    -webkit-transform: scale(1.07);
    -moz-transform: scale(1.07);
    -ms-transform: scale(1.07);
    -o-transform: scale(1.07);
    transform: scale(1.07);
}

.wpb_single_image .wpb_wrapper .text-hover .text-hover-container * {
    color: #fff;
}

.text-hover-pre-title {
    background-color: #f16338;
    padding: 5px 10px;
    position: relative;
    bottom: 15px;
}

.wpb_single_image .wpb_wrapper .text-hover:before {
    display: block;
    z-index: 10;
    content: '';
    width: 100%;
    height: 110%;
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0);
    background: -webkit-linear-gradient(top, rgba(72, 76, 97, 0) 0%, rgba(0, 0, 0, 0.6) 65%);
    background: linear-gradient(to bottom, rgba(72, 76, 97, 0) 0%, rgba(0, 0, 0, 0.6) 65%);
    z-index: -1;
}

.wpb_single_image .wpb_wrapper .text-hover .text-hover-container:after,
.wpb_single_image .wpb_wrapper .text-hover .text-hover-container:before {
    content: '';
    height: 1px;
    background: #fff;
    display: block;
    position: absolute;
    bottom: 20px;
    width: 0;
    opacity: 0;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -o-transition: all 400ms;
    -ms-transition: all 400ms;
    transition: all 400ms;
    outline: 1px solid transparent;
}

.wpb_single_image .wpb_wrapper .text-hover .text-hover-container:after {
    left: 50%;
}

.wpb_single_image .wpb_wrapper .text-hover .text-hover-container:before {
    right: 50%;
}

.wpb_single_image .wpb_wrapper:hover .text-hover .text-hover-container:before,
.wpb_single_image .wpb_wrapper:hover .text-hover .text-hover-container:after {
    width: 40px;
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}

.wpb_single_image .wpb_wrapper:hover .text-hover:before {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.wpb_single_image .wpb_wrapper:hover .image-hover,
.wpb_single_image .wpb_wrapper:hover .text-hover {
    opacity: 1;
}

.wpb_single_image .wpb_wrapper:hover .text-hover .text-hover-container {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}

/* vc 4.3.4 */
.vc_row-fluid:before,
.vc_row-fluid:after {
    display: table;
    content: "";
}

.vc_row-fluid:after {
    clear: both;
}

/*
.wpb_text_column.wpb_content_element,
*/
.wpb_revslider_element.wpb_content_element {
    margin-bottom: 0px;
}

/* vc 4.11 */
.vc_row.vc_column-gap-1 > div > div > .vc_column_container,
.vc_row.vc_column-gap-1 > div > .vc_column_container,
.vc_row.vc_column-gap-1 > .vc_column_container {
    padding: 0.5px;
}

.vc_row.vc_column-gap-2 > div > div > .vc_column_container,
.vc_row.vc_column-gap-2 > div > .vc_column_container,
.vc_row.vc_column-gap-2 > .vc_column_container {
    padding: 1px;
}

.vc_row.vc_column-gap-3 > div > div > .vc_column_container,
.vc_row.vc_column-gap-3 > div > .vc_column_container,
.vc_row.vc_column-gap-3 > .vc_column_container {
    padding: 1.5px;
}

.vc_row.vc_column-gap-4 > div > div > .vc_column_container,
.vc_row.vc_column-gap-4 > div > .vc_column_container,
.vc_row.vc_column-gap-4 > .vc_column_container {
    padding: 2px;
}

.vc_row.vc_column-gap-5 > div > div > .vc_column_container,
.vc_row.vc_column-gap-5 > div > .vc_column_container,
.vc_row.vc_column-gap-5 > .vc_column_container {
    padding: 2.5px;
}

.vc_row.vc_column-gap-10 > div > div > .vc_column_container,
vc_row.vc_column-gap-10 > div > .vc_column_container,
vc_row.vc_column-gap-10 > .vc_column_container {
    padding: 5px;
}

.vc_row.vc_column-gap-15 > div > div > .vc_column_container,
vc_row.vc_column-gap-15 > div > .vc_column_container,
vc_row.vc_column-gap-15 > .vc_column_container {
    padding: 7.5px;
}

.vc_row.vc_column-gap-20 > div > div > .vc_column_container,
vc_row.vc_column-gap-20 > div > .vc_column_container,
vc_row.vc_column-gap-20 > .vc_column_container {
    padding: 10px;
}

.vc_row.vc_column-gap-25 > div > div > .vc_column_container,
vc_row.vc_column-gap-25 > div > .vc_column_container,
vc_row.vc_column-gap-25 > .vc_column_container {
    padding: 12.5px;
}

.vc_row.vc_column-gap-30 > div > div > .vc_column_container,
vc_row.vc_column-gap-30 > div > .vc_column_container,
vc_row.vc_column-gap-30 > .vc_column_container {
    padding: 15px;
}

.vc_row.vc_column-gap-35 > div > div > .vc_column_container,
vc_row.vc_column-gap-35 > div > .vc_column_container,
vc_row.vc_column-gap-35 > .vc_column_container {
    padding: 17.5px;
}

.vc_column_container {
    padding-left: 0;
    padding-right: 0;
}

.vc_column_container.vc_col-has-fill > .vc_column-inner {
    padding-top: 0;
    height: 100%;
}

.vc_row-flex > div:not(.container):not(.wpb_column) {
    width: 100%;
}

.vc_row-flex > div.inner-flex,
.vc_row-flex > div > div.inner-flex {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    margin-left: 0;
    margin-right: 0;
}

.vc_row-flex > div.inner-flex > .vc_column_container,
.vc_row-flex > div > div.inner-flex > .vc_column_container {
    display: flex;
    flex-direction: column;
    /* percobaan rev.1: chrome issue */

}

.vc_row-flex > div.inner-flex > .vc_column_container > .vc_column-inner,
.vc_row-flex > div > div.inner-flex > .vc_column_container > .vc_column-inner {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.vc_row-flex.vc_row-o-equal-height.vc_row-o-content-middle > div > .vc_column_container,
.vc_row-flex.vc_row-o-equal-height.vc_row-o-content-middle > div > div > .vc_column_container {
    align-items: stretch;
}

.vc_row-flex.vc_row-o-equal-height.vc_row-o-content-middle > div > .vc_column_container > .vc_column-inner,
.vc_row-flex.vc_row-o-equal-height.vc_row-o-content-middle > div > div > .vc_column_container > .vc_column-inner {
    justify-content: center;
}

.vc_row-flex.vc_row-o-equal-height.vc_row-o-content-top > div > .vc_column_container,
.vc_row-flex.vc_row-o-equal-height.vc_row-o-content-top > div > div > .vc_column_container {
    align-items: stretch;
}

.vc_row-flex.vc_row-o-equal-height.vc_row-o-content-top > div > .vc_column_container > .vc_column-inner,
.vc_row-flex.vc_row-o-equal-height.vc_row-o-content-top > div > div > .vc_column_container > .vc_column-inner {
    justify-content: flex-start;
}

.vc_row-flex.vc_row-o-equal-height.vc_row-o-content-bottom > div > .vc_column_container,
.vc_row-flex.vc_row-o-equal-height.vc_row-o-content-bottom > div > div > .vc_column_container {
    align-items: stretch;
}

.vc_row-flex.vc_row-o-equal-height.vc_row-o-content-bottom > div > .vc_column_container > .vc_column-inner,
.vc_row-flex.vc_row-o-equal-height.vc_row-o-content-bottom > div > div > .vc_column_container > .vc_column-inner {
    justify-content: flex-end;
}

.vc_row-flex:not(.vc_row-o-equal-height).vc_row-o-content-middle > div > .vc_column_container,
.vc_row-flex:not(.vc_row-o-equal-height).vc_row-o-content-middle > div > div > .vc_column_container {
    align-items: center;
}

.vc_row-flex:not(.vc_row-o-equal-height).vc_row-o-content-middle > div > .vc_column_container > .vc_column-inner,
.vc_row-flex:not(.vc_row-o-equal-height).vc_row-o-content-middle > div > div > .vc_column_container > .vc_column-inner {
    justify-content: center;
}

.vc_row-flex:not(.vc_row-o-equal-height).vc_row-o-content-top > div > .vc_column_container,
.vc_row-flex:not(.vc_row-o-equal-height).vc_row-o-content-top > div > div > .vc_column_container {
    align-items: flex-start;
}

.vc_row-flex:not(.vc_row-o-equal-height).vc_row-o-content-top > div > .vc_column_container > .vc_column-inner,
.vc_row-flex:not(.vc_row-o-equal-height).vc_row-o-content-top > div > div > .vc_column_container > .vc_column-inner {
    justify-content: flex-start;
}

.vc_row-flex:not(.vc_row-o-equal-height).vc_row-o-content-bottom > div > .vc_column_container,
.vc_row-flex:not(.vc_row-o-equal-height).vc_row-o-content-bottom > div > div > .vc_column_container {
    align-items: flex-end;
}

.vc_row-flex:not(.vc_row-o-equal-height).vc_row-o-content-bottom > div > .vc_column_container > .vc_column-inner,
.vc_row-flex:not(.vc_row-o-equal-height).vc_row-o-content-bottom > div > div > .vc_column_container > .vc_column-inner {
    justify-content: flex-end;
}

/* unorderer list */

.list-checked-circle,
.list-check-bold,
.list-square,
.list-check,
.list-square-checked,
.list-square-empty,
.list-circle,
.list-disc,
.list-line {
    padding-left: 1em;
    list-style-position: outside;
}

ul.bold > li,
.list-checked-circle.bold > li,
.list-check-bold.bold > li,
.list-square.bold > li,
.list-check.bold > li,
.list-square-checked.bold > li,
.list-square-empty.bold > li,
.list-circle.bold > li,
.list-disc.bold > li,
.list-line.bold > li {
    font-family: "Source Sans Pro";
    font-size: 1.25em;
}

.content ul > li {
    color: #009de0;
    font-size: 1.3em;
    line-height: 1.7em;
    font-weight: 500;
    list-style-type: square;
    margin-left: 20px;
}
.pre-footer-section ul > li{
    margin-left: 0;
}

ul.indent-list + p {
    margin-left: 1em;
}

ul.indent-list.list-checked-circle + p,
ul.indent-list.list-check-bold + p,
ul.indent-list.list-square + p,
ul.indent-list.list-check + p,
ul.indent-list.list-square-checked + p,
ul.indent-list.list-square-empty + p,
ul.indent-list.list-circle + p,
ul.indent-list.list-disc + p,
ul.indent-list.list-line + p {
    margin-left: 1.75em;
}

.list-checked-circle > li,
.list-check-bold > li,
.list-square-empty > li,
.list-square-checked > li,
.list-check > li,
.list-square > li,
.list-circle > li,
.list-disc > li,
.list-line > li {
    padding-left: 0.75em;
}

.list-checked-circle > li:before,
.list-square-checked > li:before,
.list-check-bold > li:before,
.list-square-empty > li:before,
.list-check > li:before {
    font-family: "Detheme List";
    display: inline-block;
    height: 0em;
    width: 0em;
    position: absolute;
    left: 15px;
}

.list-line > li {
    position: relative;
}

.list-line > li:before {
    content: '';
    position: absolute;
    display: block;
    height: 1.56em;
    width: 10px;
    left: -0.75em;
    top: 0;
    border-top: solid 2px;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
}

.list-square-checked > li:before {
    content: '\e803';
}

.list-check > li:before {
    content: '\e805';
}

.list-check-bold > li:before {
    content: '\e802';
}

.list-square-empty > li:before {
    content: '\e800';
}

.list-checked-circle > li:before {
    content: '\e801';
}

.list-checked-circle,
.list-square-checked,
.list-check,
.list-check-bold,
.list-square-empty,
.list-line {
    list-style: none;
}

.list-checked-circle.orange > li:before,
.list-square-checked.orange > li:before,
.list-check.orange > li:before,
.list-check-bold.orange > li:before,
.list-square-empty.orange > li:before,
.list-line.orange > li:before {
    color: orange;
}

.list-checked-circle.blue > li:before,
.list-square-checked.blue > li:before,
.list-check.blue > li:before,
.list-check-bold.blue > li:before,
.list-square-empty.blue > li:before,
.list-line.blue > li:before {
    color: blue;
}

.list-checked-circle.green > li:before,
.list-square-checked.green > li:before,
.list-check.green > li:before,
.list-check-bold.green > li:before,
.list-square-empty.green > li:before,
.list-line.green > li:before {
    color: green;
}

.list-checked-circle.yellow > li:before,
.list-square-checked.yellow > li:before,
.list-check.yellow > li:before,
.list-check-bold.yellow > li:before,
.list-square-empty.yellow > li:before,
.list-line.yellow > li:before {
    color: yellow;
}

.list-checked-circle.magenta > li:before,
.list-square-checked.magenta > li:before,
.list-check.magenta > li:before,
.list-check-bold.magenta > li:before,
.list-square-empty.magenta > li:before,
.list-line.magenta > li:before {
    color: magenta;
}

.list-checked-circle.cyan > li:before,
.list-square-checked.cyan > li:before,
.list-check.cyan > li:before,
.list-check-bold.cyan > li:before,
.list-square-empty.cyan > li:before,
.list-line.cyan > li:before {
    color: cyan;
}

.list-checked-circle.white > li:before,
.list-square-checked.white > li:before,
.list-check.white > li:before,
.list-check-bold.white > li:before,
.list-square-empty.white > li:before,
.list-line.white > li:before {
    color: white;
}

.list-checked-circle.grey > li:before,
.list-square-checked.grey > li:before,
.list-check.grey > li:before,
.list-check-bold.grey > li:before,
.list-square-empty.grey > li:before,
.list-line.grey > li:before {
    color: grey;
}

.list-checked-circle.purple > li:before,
.list-square-checked.purple > li:before,
.list-check.purple > li:before,
.list-check-bold.purple > li:before,
.list-square-empty.purple > li:before,
.list-line.purple > li:before {
    color: purple;
}

.list-square {
    list-style: square;
}

.list-circle {
    list-style: circle;
}

.list-disc {
    list-style: disc;
}

.list-line > li:before {
    color: rgba(74, 74, 74, 0.25);
}

/* pagination */
/* dt career detail */
.career-detail {
    margin-bottom: 20px;
    margin-top: 20px;
}

.career-detail h1,
.career-detail h2 {
    text-transform: capitalize;
    font-size: 30px;
    margin-bottom: 20px;
}

.career-detail .career-action-button {
    margin-bottom: 40px;
}

.career-detail .career-action-button a {
    display: inline-block;
}

@media (max-width: 480px) {
    .career-detail .career-action-button {
        text-align: center;
    }

    #head-page:not(.is-sticky) #mobile-header > .toggle {
        /*margin-top: 29px;*/
    }

    .nav_mobile.nav_bgcolor.hidden-sm-max .container .col-sm-12 {
        height: 80px;
    }
}

.career-detail a.btn,
.career-form a.btn,
.career-detail button.btn,
.career-form button.btn,
.career-detail .btn,
.career-form .btn {
    font-size: 1em;
    padding-top: 6px;
    font-weight: 400;
    border-color: transparent;
}

@media (max-width: 480px) {
    .career-detail a.btn,
    .career-form a.btn,
    .career-detail button.btn,
    .career-form button.btn,
    .career-detail .btn,
    .career-form .btn {
        margin-bottom: 10px;
    }
}

.career-detail label,
.career-form label {
    color: #4a4a4a;
    font-family: "Source Sans Pro";
}

.career-detail .form-control::-moz-placeholder,
.career-form .form-control::-moz-placeholder {
    color: #adadad;
    opacity: 1;
}

.career-detail .form-control:-ms-input-placeholder,
.career-form .form-control:-ms-input-placeholder {
    color: #adadad;
}

.career-detail .form-control::-webkit-input-placeholder,
.career-form .form-control::-webkit-input-placeholder {
    color: #adadad;
}

.career-detail .help-block,
.career-form .help-block,
.career-detail input[type="file"],
.career-form input[type="file"] {
    color: #adadad;
}

.career-form label {
    font-size: 16px;
}

.career-detail-list {
    list-style: none;
    padding-left: 0px;
    margin-bottom: 60px;
    margin-right: 100px;
}

@media (max-width: 992px) {
    .career-detail-list {
        margin-right: 0;
    }
}

.career-detail-list li {
    border-bottom: solid 1px #bbbdbf;
    padding: 14px 5px;
    line-height: 1.7;
}

.career-detail-list li label {
    vertical-align: top;
    width: 60%;
    color: #444;
    font-weight: 400;
    font-size: 20px;
    text-transform: capitalize;
    line-height: 25px;
    margin: 0;
    color: #4a4a4a;
}

.career-detail-list li .career-value {
    display: inline-block;
    position: relative;
    width: 40%;
    text-transform: capitalize;
    color: #adadad;
}

.heading-career-form {
    margin-bottom: 20px;
}

h2.title-career-form {
    font-size: 26px;
    font-weight: bold;
}

.modal-backdrop {
    z-index: 10030 !important;
}

.modal {
    z-index: 10040 !important;
}

.modal .md-description {
    padding-top: 30px;
}

.modal .md-description,
.modal .md-close {
    background: #fff;
}

/* vc element dt career */
.dtcareers nav {
    background: none;
    border: none;
    font-weight: 500;
    text-transform: capitalize;
}

.dtcareers nav.navbar {
    margin-bottom: 35px;
    min-height: 40px;
}

.dtcareers nav.navbar li {
    display: inline-block;
    float: none;
}

.dtcareers nav.navbar .navbar-nav {
    float: none;
}

.dtcareers nav.navbar-default .navbar-nav > .active > a,
.dtcareers nav.navbar-default .navbar-nav > li > a:hover,
.dtcareers nav.navbar-default .navbar-nav > li > a:focus {
    background: none;
}

.dtcareers nav.navbar-default .navbar-nav > .active > a {
    color: #4a4a4a;
    border-bottom: solid 1px #4a4a4a;
}

.dtcareers nav .navbar-nav > li > a {
    padding-top: 2px;
    padding-bottom: 2px;
    color: #adadad;
    line-height: 1.6;
}

.dtcareers nav .navbar-collapse {
    padding: 0;
}

.dtcareers .career-item {
    border: 1px solid #696969;
    background: #ffffff;
}

.dtcareers .career-item h2 {
    line-height: 1.25em;
    font-size: 2.2em;
    margin-bottom: 20px;
    color: #4a4a4a;
}

.dtcareers .career-item ul.career-isotope-job-field {
    list-style: inside none;
    padding: 0 0 0 40px;
    margin-top: 48px;
}

.dtcareers .career-item ul.career-isotope-job-field i {
    font-size: 20px;
    position: absolute;
    margin-left: -40px;
    color: #4a4a4a;
}

.dtcareers .career-item ul.career-isotope-job-field i::before,
.dtcareers .career-item ul.career-isotope-job-field i::after {
    font-style: normal;
}

.dtcareers .career-item ul.career-isotope-job-field li {
    line-height: 1.6em;
    padding: 5px 0px;
    color: #adadad;
}

.dtcareers .career-item .career-isotope-excerpt {
    line-height: 1.55em;
}

.dtcareers .career-item .career-isotope-button {
    margin-top: 10px;
    padding-top: 7px;
    padding-bottom: 7px;
    border: none;
    color: #4a4a4a;
    font-weight: normal;
    text-transform: capitalize;
}

.dtcareers .career-item-wrap {
    padding: 40px;
}

.dtcareers #career-filter {
    text-align: center;
}

.dtcareers #career-filter li a {
    font-family: "Source Sans Pro";
    font-size: 20px;
}

.dt-career-container .career-item {
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.dt-career-container .career-item h2 {
    line-height: 1.25em;
    font-size: 1.8em;
    color: #4a4a4a;
}

.dt-career-container .career-item ul.career-isotope-job-field {
    list-style: inside none;
    padding: 0 0 0 32px;
    margin-top: 12px;
}

.dt-career-container .career-item ul.career-isotope-job-field i {
    font-size: 20px;
    position: absolute;
    margin-left: -35px;
    color: #4a4a4a;
}

.dt-career-container .career-item ul.career-isotope-job-field i::before,
.dt-career-container .career-item ul.career-isotope-job-field i::after {
    font-style: normal;
}

.dt-career-container .career-item ul.career-isotope-job-field li {
    line-height: 1.6em;
    padding: 10px 0px;
    color: #adadad;
}

.dt-career-container .career-item .career-isotope-excerpt {
    line-height: 1.6em;
}

.dt-career-container .career-item .career-isotope-button {
    margin-top: 15px;
    color: #4a4a4a;
    border: none;
    font-weight: normal;
    text-transform: capitalize;
}

.dt-career-container .career-item-wrap {
    padding: 30px 40px;
}

.spectech-group {
    background: #f3f3f3;
    padding: 40px;
    margin-bottom: 30px;
    font-size: 16px;
    font-family: "Source Sans Pro";
}

.spectech-group .spectech-specifications-list li {
    font-size: 16px;
    line-height: 1.56;
    padding: 3px 0;
}

.spectech-group .spectech-specifications-list li .spectech-value {
    color: #202020;
}

.spectech-group .spectech-specifications-list li .spectech-unit-value {
    margin-left: 5px;
}

.spectech-group .spectech-specifications-list li .spectech-unit-value,
.spectech-group .spectech-specifications-list li label {
    color: #696969;
}

.spectech-specifications-list {
    padding-left: 0;
}

.spectech-specifications-list li {
    list-style: none;
    border-top: solid 1px rgba(74, 74, 74, 0.25);
    font-size: 20px;
    line-height: 1.6;
    padding: 6px 0;
}

.spectech-specifications-list li label {
    width: 62.5%;
    font-weight: normal;
    vertical-align: top;
    margin: 0;
}

.spectech-specifications-list li .spectech-value {
    color: #202020;
}

.spectech-specifications-list li .spectech-unit-value {
    margin-left: 5px;
}

.spectech-specifications-list li .spectech-unit-value,
.spectech-specifications-list li label {
    color: #696969;
}

.spectech-specifications-list .spectech-specification {
    display: inline-block;
    width: 36%;
}

.spectech-related {
    margin-top: 60px;
}

.spectech-related h2 {
    text-align: center;
    font-weight: bold;
    font-size: 43.36px;
}

.spectech-related .related-title {
    text-align: center;
    margin-bottom: 0;
}

.spectech-related .spectech-related-container {
    margin-top: 30px;
}

.spectech-related figure {
    padding: 25px;
    border: solid 1px rgba(74, 74, 74, 0.25);
}

.spectech-related figure .top-image {
    margin-bottom: 6px;
    background: rgba(0, 0, 0, 0.9);
}

.spectech-related figure:hover {
    background: rgba(105, 105, 105, 0.15);
    border-color: transparent;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

.spectech-related figure:hover .top-image img {
    opacity: 0.6;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

.spectech-sub-category {
    padding: 60px 0 0;
}

.spectech-sub-category .spectech-sub-category-title {
    font-size: 43.36px;
    font-weight: bold;
}

.spectech-sub-category .spectech-sub-category-link {
    text-transform: capitalize;
    font-size: 1.25em;
    font-weight: 500;
    margin-top: 15px;
    display: block;
}

.spectech-sub-category .archive-meta {
    font-size: 1.25em;
    font-family: "Source Sans Pro";
    line-height: 1.6;
    padding-top: 15px;
}

.spectech-sub-category .spectech-child-category-container {
    text-align: center;
    position: relative;
    background: rgba(0, 0, 0, 0.9);
}

.spectech-sub-category .spectech-child-category-container .spectech-child-category-description {
    position: absolute;
    bottom: 0;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    color: #ffffff;
    padding: 30px;
    align-items: stretch;
}

.spectech-sub-category .spectech-child-category-container .spectech-child-category-description .btn {
    text-transform: capitalize;
    border: none;
    font-weight: normal;
    margin-top: 16px;
    font-size: 16px;
}

.spectech-sub-category .spectech-child-category-container .spectech-child-category-description,
.spectech-sub-category .spectech-child-category-container .spectech-child-category-description .figcaption-container {
    display: flex;
    flex-direction: column;
}

.spectech-sub-category .spectech-child-category-container .spectech-child-category-description .figcaption-container {
    justify-content: center;
    flex-grow: 1;
}

.spectech-sub-category .spectech-child-category-container .spectech-child-category-image {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

.spectech-sub-category .spectech-child-category-container:hover .spectech-child-category-description {
    visibility: visible;
    opacity: 1;
}

.spectech-sub-category .spectech-child-category-container:hover .spectech-child-category-image {
    opacity: 0.6;
}

.spectech-sub-category .spectech-sub-category-wrap {
    padding: 30px 0;
}

.spectech-sub-category .spectech-child-category-title {
    font-size: 22.72px;
    color: #ffffff;
    font-weight: bold;
}

@media (max-width: 768px) {
    .spectech-sub-category .spectech-child-category-container {
        background: transparent;
        margin-top: 30px;
    }

    .spectech-sub-category .spectech-child-category-container:hover .spectech-child-category-image {
        opacity: 1;
    }

    .spectech-sub-category .spectech-child-category-container .spectech-child-category-description {
        padding: 30px 0;
        visibility: visible;
        opacity: 1;
        text-align: left;
        color: inherit;
        position: relative;
    }

    .spectech-sub-category .spectech-child-category-title {
        color: #4a4a4a;
    }

    .spectech-sub-category .spectech-child-category-image img {
        width: 100%;
    }
}

.archive.archive.tax-spectech_cat .main-category,
.tax-spectech_cat.archive.tax-spectech_cat .main-category {
    padding-top: 0;
}

.archive.archive.tax-spectech_cat .main-category .parent-category,
.tax-spectech_cat.archive.tax-spectech_cat .main-category .parent-category {
    background: #f3f3f3;
    padding: 60px 0;
}

.archive .spectech-specification-post-list,
.tax-spectech_cat .spectech-specification-post-list {
    background: #f3f3f3;
    padding: 90px 63px;
}

.archive .spectech-list-image,
.tax-spectech_cat .spectech-list-image {
    background: rgba(0, 0, 0, 0.9);
}

.archive .spectech-list-image img,
.tax-spectech_cat .spectech-list-image img {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}

.archive .spectech-list-image:hover img,
.tax-spectech_cat .spectech-list-image:hover img {
    opacity: 0.6;
}

.archive .spectech-list-content,
.tax-spectech_cat .spectech-list-content {
    font-size: 20px;
    font-family: "Source Sans Pro";
}

.archive .spectech-list-content .list-content-title:hover,
.tax-spectech_cat .spectech-list-content .list-content-title:hover {
    color: #696969;
}

.archive .spectech-list-content .list-content-excerpt,
.tax-spectech_cat .spectech-list-content .list-content-excerpt {
    margin-bottom: 30px;
}

.archive .spectech-list-content .spectech-specification-list,
.tax-spectech_cat .spectech-list-content .spectech-specification-list {
    margin-top: 30px;
}

.archive .spectech-list-content .btn,
.tax-spectech_cat .spectech-list-content .btn {
    text-transform: capitalize;
    font-weight: 500;
    padding: 0;
    font-size: 20px;
    font-family: "Source Sans Pro";
}

.archive .spectech-specification-list .spectech-conversion-tool,
.tax-spectech_cat .spectech-specification-list .spectech-conversion-tool {
    margin: 30px 0;
}

.spectech-conversion-tool {
    float: none;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

.spectech-conversion-tool li {
    display: inline-block;
    padding: 5px 15px;
    border: solid 1px rgba(74, 74, 74, 0.25);
}

.spectech-conversion-tool li,
.spectech-conversion-tool li.active {
    text-decoration: none !important;
}

.spectech-conversion-tool li a {
    text-decoration: none;
    color: #ccc;
    font-size: 20px;
}

.spectech-conversion-tool li:last-child {
    margin-left: -4px;
}

.spectech-conversion-tool li:hover {
    cursor: pointer;
}

.spectech-conversion-tool li.active,
.spectech-conversion-tool li.active a {
    background: #4a4a4a;
    color: #ffffff;
    border-color: #4a4a4a;
}

.spectech-conversion-tool.position-left {
    text-align: left;
}

.spectech-conversion-tool.position-right {
    text-align: right;
}

.spectech-specsification-box {
    text-align: center;
}

.spectech-specsification-box.position-left {
    text-align: left;
}

.spectech-specsification-box.position-right {
    text-align: right;
}

.spectech-specsification-box fieldset {
    border: solid 1px rgba(74, 74, 74, 0.25);
    padding: 25px 35px 35px 35px;
    text-align: center;
    font-family: "Source Sans Pro";
    display: inline-block;
    margin: 15px;
    max-width: 500px;
}

.spectech-specsification-box fieldset legend {
    font-size: 20px;
    font-weight: 400;
    color: #696969;
    margin-bottom: 0;
    border: none;
    padding: 0 10px;
}

.spectech-specsification-box fieldset .spectech-specification span {
    display: block;
}

.spectech-specsification-box fieldset .spectech-specification .spectech-value {
    font-size: 38px;
    font-weight: 700;
    color: #2c2c2c;
    line-height: 1.1;
}

.spectech-specsification-box fieldset .spectech-specification .spectech-unit-value {
    font-weight: 400;
    color: #adadad;
    font-size: 20px;
    margin-top: 5px;
}

.spectech-download-box {
    list-style: none;
    background: #ffe6be;
    margin: 2px 0;
    padding: 0;
    padding-right: 40;
    border-radius: 3px;
    color: #4a4a4a;
    font-size: 20px;
    font-family: "Source Sans Pro";
    position: relative;
}

.spectech-download-box:hover {
    background: #ffd28b;
}

.spectech-download-box li {
    display: inline-block;
    padding: 9px 11px;
}

.spectech-download-box li i:before {
    font-size: 22px;
}

.spectech-download-box .spectech-download-icon {
    background: #e9e9e9;
    border-radius: 3px 0 0 3px;
}

.spectech-download-box .spectech-download-label {
    padding-left: 22px;
    padding-right: 22px;
    text-transform: capitalize;
}

.spectech-download-box .spectech-download-label .spectech-flaticon-download {
    position: absolute;
    right: 20px;
    color: #4a4a4a;
    text-decoration: none;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* module category */
.module-specification-category {
    margin: 5px 0 15px 0;
}

.module-specification-category .specification-category-link {
    text-transform: capitalize;
}

.module-specification-category .specification-category-title {
    margin: 0;
}

.module-specification-category .specification-category-title:hover {
    color: #696969;
}

.module-specification-category .specification-category-shortdescription {
    margin: 5px 0 4px 0;
}

.module-specification-category .specification-category-image {
    background: rgba(0, 0, 0, 0.9);
}

.module-specification-category .specification-category-image img {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

.module-specification-category .specification-category-image:hover img {
    opacity: 0.6;
}

.module-specification-category .specification-category-image.layout-1 {
    margin-bottom: 10px;
}

.module-specification-category.layout-1 .specification-category-title {
    padding-top: 15px;
}

.module-specification-category.layout-2 .specification-category-image,
.module-specification-category.layout-2 .specification-description {
    float: left;
    box-sizing: border-box;
}

.module-specification-category.layout-2 .specification-category-title {
    font-size: 20px;
}

.module-specification-category.layout-2 .specification-category-image {
    width: 24%;
}

.module-specification-category.layout-2 .specification-description {
    width: 76%;
    padding-left: 20px;
    padding-bottom: 30px;
    margin-top: -8px;
}

.module-specification-product .spectech-product-container {
    text-align: center;
    position: relative;
    background: rgba(0, 0, 0, 0.9);
}

.module-specification-product .spectech-product-container .spectech-product-description {
    position: absolute;
    bottom: 0;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    color: #ffffff;
    padding: 30px;
    align-items: stretch;
}

.module-specification-product .spectech-product-container .spectech-product-description .spectech-product-title {
    font-size: 22.72px;
    color: #ffffff;
    font-weight: bold;
}

.module-specification-product .spectech-product-container .spectech-product-description .btn {
    text-transform: capitalize;
    border: none;
    font-weight: normal;
    margin-top: 16px;
    font-size: 16px;
}

.module-specification-product .spectech-product-container .spectech-product-description,
.module-specification-product .spectech-product-container .spectech-product-description .figcaption-container {
    display: flex;
    flex-direction: column;
}

.module-specification-product .spectech-product-container .spectech-product-description .figcaption-container {
    justify-content: center;
    flex-grow: 1;
}

.module-specification-product .spectech-product-container .spectech-product-image {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

.module-specification-product .spectech-product-container:hover .spectech-product-description {
    visibility: visible;
    opacity: 1;
}

.module-specification-product .spectech-product-container:hover .spectech-product-image {
    opacity: 0.6;
}

.module-specification-product .spectech-product-category {
    text-align: center;
    font-size: 26px;
    margin-top: 12px;
    color: #4a4a4a;
}

@media (min-width: 1200px) {
    .is-sticky .row {
        display: inline-block;
        /*margin-top: -9px;*/
    }
    ul.sub-nav{
        width: initial;
    }
    ul.sub-nav > li{
        width: 17em !important;
    }

    .is-sticky img#logomenureveal {
        padding: 10px;
    }

    .top-head .is-sticky {
        height: 80px;
    }

    .is-sticky .nav_bgcolor.nopadding {
        /*height: 98px;*/
    }

    .top-head .head-page:not(.is-sticky) {
        /*left: 108px !important;*/
    }
}

#dt-menu {
    height: 80px !important;
}

.is-sticky #dt-menu {
    background-image: none;
}

.nav_mobile.nav_bgcolor.hidden-sm-max .container {
    width: 100%;
}

.nav_mobile.nav_bgcolor.hidden-sm-max .container .col-sm-12 {
    padding: 10px;
}

/*#mobile-header .toggle{
  top: 0;
  bottom: 0;
}*/
.nav_mobile.nav_bgcolor.hidden-sm-max .container > .row {
    padding: initial;
}

.container.flex-container.nopadding.stickyonscrollup {
    margin: auto;
    width: 1085px !important;
}

.flex-container.nopadding.stickyonscrollup.is-fixed.is-visible {
    width: 100%;
}

.is-sticky .is-fixed {
    width: 100% !important;
}

.is-sticky .container.is-fixed.is-visible {
    width: 100% !important;
}

#top-bar > .container {
    /*display: none !important;*/
}

#dt-menu .sub-nav li:hover, #dt-menu-mobile .sub-nav li:hover {
    -webkit-transition: all 0ms;
    transition: all 0ms;
}

@media (max-width: 1225px) {
    .is-sticky .container.is-fixed.is-visible {
        background-color: red;
    }

}
ul#menu-top-bar-icon li:first-child{
    float: right;   
}
#below-slider {
    top: -195px;
    margin-bottom: -200px;
    background: url(/wp-content/themes/europetechnologies/images/gradient-home.png) repeat-x;
}
.inlineblock {
    display : inline-block;
}
.contain-inlineblocks {
    overflow: hidden;
    white-space: nowrap;
}


 #home-actualites .vc_gitem_row.vc_row.vc_gitem-row-position-top{
    padding : 0 10px 0 10px; 
}
#home-actualites .vc_gitem-zone.vc_gitem-zone-a {
    height:205px;
}

ul#menu-top-bar-icon li:first-child a{
    //*olor: #009de0 !important;*/
}

#head-page ul#menu-main-menu-principal li.tech, #head-page ul#menu-main-menu li.tech{
   z-index: 9999;
}

#head-page > .container.is-fixed.is-visible {
    height: 80px;
}

.container.flex-container.nopadding.stickyonscrollup.is-fixed.is-visible > .row {
    width: 100%;
    margin: 0 auto;
}

.container.flex-container.nopadding.stickyonscrollup.is-fixed.is-visible {

}

.is-sticky .nopadding.logo-container.logo_bgcolor {
    width: 250px;
}

.content {
    padding: 0 !important;
}

.nopadding.stickyonscrollup.is-fixed.is-visible .row .row {
    width: calc(100% - 235px) !important;
}

@media (max-width: 1400px) {
    .menu-leftvc #head-page.is-sticky #dt-menu > ul {
        float: right !important;
        width: auto !important;
    }
}

@media (max-width: 1255px) {
    .menu-leftvc #head-page.is-sticky #dt-menu > ul {
        float: right !important;
        width: auto !important;
    }
    #head-page.is-sticky #dt-menu li a {
        padding : 0 8px !important;
    }
}

@media (min-width: 1200px) and (max-width: 1300px) {
    .menu-leftvc #dt-menu {
        padding : 0 !important;
    }
     #dt-menu{
        /*width: 1070px;*/
    }
    .menu-leftvc #logomenureveal {
        margin : 0;
    }
    #head-page.is-sticky #dt-menu li a {
        padding : 0 6px !important;
    }
 }
@media (min-width: 1200px) and (max-width: 1280px) {
	#head-page.is-sticky #dt-menu li a {
        padding : 0 2px !important;
    }
}


#mobile-header a, .mobile-header a img#logomenurevealmobile{
      display: inline-block !important;
}
.vc_section.vc_section-has-fill{
    padding-top: 0;
}
.page.type-page.status-publish.hentry{
    /*margin-top: 60px;*/
}
.breadcrumbs{
    padding: 45px 0 0 45px;
    width: 100%;
    display: inline-block;
}
.breadcrumbs > li{
    list-style-type: none;
    display: inline;
    margin: 0 auto;
}
ul#breadcrumbs{
    margin-top: 0;
    margin-bottom: 0;
}
ul#breadcrumbs h1{
    margin-bottom: 0;   
}
ul#breadcrumbs li a,ul#breadcrumbs li{
    font-size: 24px;
}
ul#breadcrumbs li:before{
    display: none;
}
ul#breadcrumbs li{
    margin-left: 0;
}
.current_title h1{
    text-transform: uppercase;
    color: #fff !important;
    font-size: 36px;
    padding-top: 20px;
    
}
#dt-menu ul#menu-main-menu a {
    padding: 0 13px !important;
}
.menu-leftvc #dt-menu ul#menu-main-menu .sub-nav > li > a{
    padding: 10px !important;
    line-height: 1.8 !important;
}
.wpb_column.vc_column_container.vc_col-sm-6 .wpb_text_column.wpb_content_element ul{
    padding: 0 35px 0 35px;
    text-align: justify;

}
.breadcrumbs_background {
    
}

.stickyonscrollup:not(.is-fixed) ul#menu-main-menu-principal li ul.sub-nav, .stickyonscrollup:not(.is-fixed) ul#menu-main-menu li ul.sub-nav{
    margin-left: -5px;
}

.breadcrumbs_height{
    height: 700px;
}
/*1/12 + 1/12 +1/12+ 4/12+5/12*/
.breadcrumbs-content.container #breadcrumbs{
    background-color: rgba(48, 56, 86, 0.85) !important;
    /*margin-top: 150px;*/
    padding: 30px;
    width: initial;
    margin-left: 15px;
    /*min-width: 350px;*/
}
.nopadding-breadcrumbs .col-xs-12.col-sm-12{
    padding-left: 0;
    padding-right: 0;
}
.nopadding-breadcrumbs .row{
    margin-left: 0;
    margin-right: 0;
}
.head-page.adminbar-is-here:not(.is-sticky){
    margin-top: 29px !important;
}
.head-page.adminbar-is-here.is-sticky{
    margin-top: -1px !important;
}
.nosidebar.breadcrumbs-section .page-image{
    margin-bottom: 35px;
}
.page-image.col-xs-12{
    padding-top: 170px !important; 
    padding-bottom: 130px;
    background-position: center;
}
.full-section{
    padding-left: 0;
    padding-right: 0;
}

@media (max-width: 782px){
    .head-page.adminbar-is-here:not(.is-sticky){
        margin-top: 46px !important;
    }
    #wpadminbar{
        position: fixed;
    }
}
@media (max-width: 530px){
    .breadcrumbs-content.container #breadcrumbs{
        padding: 25px !important;
    }

}
@media (max-width: 992px){
    .page-image.col-xs-12{
        padding-top: 300px !important;
    }
}

.post-type-archive-ressources .page-image.col-xs-12{
    margin-top: -75px;
}
.vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_title,.vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_title h4 {
    margin-bottom: 0 !important;
}
.logo-block .vc_images_carousel .vc_carousel-control .icon-next:before{
    padding-left: 45px;
    color: #7b7a7a;
    top: 0 !important;
}
.logo-block .vc_images_carousel .vc_carousel-control .icon-prev:before{
    color: #7b7a7a;
    margin-left: -70px;
    top: 0 !important;
}
.logo-block .vc_inner img{
    height: 70px;
}


#head-page::after{
    height: 0;
}
.status-publish.hentry > .row{
    margin-left: 0;
    margin-right: 0;
}
.news-date{
    font-size: 13px;
    font-weight: 500;
}
.blog_info_categories {
    /*display: none;*/
}
#telecharger{
    border-radius: 0;
    float: right;
    background: #a21c26;
    color:#fff;
    padding: 7px 47px;
    border:0;
    text-transform: uppercase;
}
.btn-download.btn-hide{
    margin-right: calc(50% + -103px);
}
#telecharger.btn-hide{
    font-size: 15px;
    padding: 5px 47px;
}
#telecharger .fa.fa-download{
    padding-right: 5px;
}
.nosidebar.breadcrumbs-section.row{
    margin: 0;
}
/*.col-xs-8.col-md-3.vignette img{
    width: 100%;
    height:230px;
}*/
.post-type-archive-ressources .vignette {
    padding: 15px;
}
.post-type-archive-ressources .block-content .post-content {
    padding-bottom:25px;
}
.panel.ressource .vignette{
    text-align: center;
}
.panel.ressource .block-content h3{
    font-size: 27px;
}
.formulaire_download {
    display: none;
}
.close-content .icon-close{
    border:none;
    background: none;
    float: right;
}

.formulaire_download .frm_forms {
    padding-top: 35px;
}
.panel.ressource .post-content{
    padding-bottom: 35px;
    text-align: justify;
}

.post-type-archive-ressources .container{
    margin-bottom: 80px;
}
.panel.ressource{
    box-shadow: none;
}
.select.select-theme-default .select-options .select-option:hover,
.select.select-theme-default .select-options .select-option.select-option-highlight {
    background: #2f3787 !important;
    color: white;
}
.panel.ressource hr{
    margin: 0;
}
.panel.ressource .row{
    padding: 30px 0 30px 0;
}
.fa.fa-times{
    color: #a21c26;
}
@media (min-width: 1200px){
    .select.select-theme-default .select-content{
        width: 394px !important;
        max-width: 394px !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px){
    .select.select-theme-default .select-content{
        width: 318px !important;
        max-width: 318px !important;
    }
}
@media (max-width: 320px){
    .select.select-theme-default .select-content {
        width: 231px !important;
        max-width: 280px !important;
    }
}
.formulaire_download .select-target.select-theme-default b:before{
    display: none !important;
}
.formulaire_download a.select-target.select-theme-default.select-abutted.select-abutted-left{
    color: #555555;
    background-color: #ffffff;
    border-color: #cccccc;
    border-width: 1px;
    border-style: solid;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    width: 100%;
    max-width: 100%;
    font-size: 14px;
    padding: 6px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    font-weight: normal;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
.formulaire_download .select-target.select-theme-default b{
    height: 15px;
}
@media (min-width: 1199px){
    li.wpml-ls-item-en, li.wpml-ls-item-fr{
        float: right;
    }
    li.wpml-ls-item-en a, li.wpml-ls-item-fr a{
        color: #009de0 !important;;
    }
}


@media (max-width:991px){
    
    .right-menu{
        margin-top: 44px;
    }
} 
@media (min-width: 1199px){
    #menu-main-menu-principal li.wpml-ls-item-en , #menu-main-menu li.wpml-ls-item-fr{
        display: none !important;
    }
    li.hide-large {
        display: none !important;
    }
}
/* PAGE CONTACT*/
#section-map .vc_column-inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
#section-map .wpb_gmaps_widget.wpb_content_element{
    margin-bottom: 0;
}
.post-article .vc_section{
    padding: ;-right: 0;
}
.section-coord .wpb_column.vc_column_container.vc_col-sm-4:nth-of-type(even){
    padding: 20px 5px !important;
}
.section-coord .form-contact{
    /*border-right: 1px solid #e6e6e6;*/
}
.coord-contact .vc_column-inner > .wpb_wrapper{ 
    /*padding: 25px;*/
}
.form-contact .frm_submit button.frm_final_submit{
    border-radius: 0;
    background: #a21c26;
    color: #fff;
    text-transform: uppercase;
    padding: 6px 50px;
}
.form-contact .frm_submit button.frm_final_submit:hover{
   background: #a21c26; 
   color: #fff;
}

.form-contact .frm_submit {
    text-align: center;
}
.right-menu li a:focus{
    background-color: transparent !important;
} 

/******  ACTUALITES **************/
.col-read-more .btn-read-more{
    border-radius: 0;
    background: #a21c26;
    color: #fff;
    border:0;
    text-transform: uppercase;
    padding: 2px 40px;
    float: right;
}
.btn-read-more .fa.fa-plus-circle{
    padding-right: 5px;
}
article h3 a{
    color: #009de0;
}
.article-block{
    margin-bottom: 35px;
}
.article-block .fa.fa-calendar.fa-lg{
    padding-right: 10px;
}
.article-block .post-content{
    margin-bottom: 35px;
}
.section-article {
    padding-top: 35px;
}
.article-block .post-content{
    text-align: justify;
}


/**** PAGINATION ARTICLE *****/
.section-article .paging-nav span.current{
    border:none;
    background:#009de0;
    color: #ffffff;
    font-size: 24px;
}
.section-article .page-numbers{
    border:none;
    color: #009de0;
    font-size: 24px;
}
.section-article .page-numbers:hover{
    background: #009de0;
}
.section-article .next.page-numbers,
.section-article .prev.page-numbers{
    background: #2f3787;
    color: #ffffff;
}
.section-article .next.page-numbers:hover,
.section-article .prev.page-numbers:hover{
    background: #7b7a7a;
    color: #ffffff !important;
}
.section-article .next.page-numbers .flech-next,
.section-article .next.page-numbers .flech-prev{
    font-size: 22px;
    font-weight: 300;
}
.section-article .page-numbers a:hover,
.section-article .page-numbers a:hover{
    color: #ffffff !important;
}
.section-article .paging-nav{
    text-align: center;
    padding: 20px 20px;
}